@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Oleo+Script&family=Acme&family=DynaPuff&family=Pompiere&family=Aldrich&family=Amatic+SC&family=Arapey&family=Architects+Daughter&family=Arima+Madurai:wght@100&family=Arimo&family=Arvo&family=Bad+Script&family=Black+Ops+One&family=Cairo:wght@200&family=Cardo&family=Caveat&family=Chakra+Petch:wght@300&family=Cinzel&family=Concert+One&family=Cookie&family=Cormorant+Garamond:wght@300&family=Courgette&family=Covered+By+Your+Grace&family=Creepster&family=Damion&family=Dancing+Script&family=EB+Garamond&family=Economica&family=Fugaz+One&family=Gideon+Roman&family=Gochi+Hand&family=Great+Vibes&family=Handlee&family=IBM+Plex+Serif:wght@100&family=Indie+Flower&family=Istok+Web&family=Josefin+Sans:wght@100&family=Jura:wght@300&family=Karma:wght@300&family=Kaushan+Script&family=Laila:wght@300&family=Marcellus+SC&family=Marck+Script&family=Mea+Culpa&family=Merienda&family=Mitr:wght@200&family=Neucha&family=Niconne&family=Open+Sans:wght@300&family=Oswald:wght@200&family=Pacifico&family=Padauk&family=Pangolin&family=Parisienne&family=Permanent+Marker&family=Quintessential&family=Rancho&family=Redressed&family=Reem+Kufi&family=Righteous&family=Road+Rage&family=Rock+Salt&family=Rye&family=Sacramento&family=Satisfy&family=Shadows+Into+Light&family=Sigmar+One&family=Six+Caps&family=Supermercado+One&family=Syncopate&family=Twinkle+Star&family=Ubuntu+Mono&family=Yellowtail&display=swap');
.poll-area label{
  display: block;
  margin-bottom: 10px;
  border-radius: 5px;
  padding: 8px 15px;
  border: 2px solid #e6e6e6;
  transition: all 0.2s ease;
}
::selection{
  color: #fff;
  background: #6665ee;
}
.poll-area label:hover{
  border-color: #ddd;
}
label.selected{
  border-color: #6665ee!important;
}
label .row{
  display: flex;
  pointer-events: none;
  justify-content: space-between;
}
label .row .column{
  display: flex;
  align-items: center;
}
label .row .circle{
  height: 19px;
  width: 19px;
  display: block;
  border: 2px solid #ccc;
  border-radius: 50%;
  margin-right: 10px;
  position: relative;
}
label.selected .row .circle{
  border-color: #6665ee;
}
label .row .circle::after{
  content: "";
  height: 11px;
  width: 11px;
  background: #6665ee;
  border-radius: inherit;
  position: absolute;
  left: 2px;
  top: 2px;
  display: none;
}
.poll-area label:hover .row .circle::after{
  display: block;
  background: #e6e6e6;
}
label.selected .row .circle::after{
  display: block;
  background: #6665ee!important;
}
label .row span{
  font-size: 16px;
  font-weight: 500;
}

label .progress{
  height: 7px;
  width: 100%;
  position: relative;
  background: #f0f0f0;
  margin: 8px 0 3px 0;
  border-radius: 30px;
  display: none;
  pointer-events: none;
}
label .progress:after{
  position: absolute;
  content: "";
  height: 100%;
  background: #ccc;
  width: calc(1% * var(--w));
  border-radius: inherit;
  transition: all 0.2s ease;
}
label.selected .progress::after{
  background: #6665ee;
}
label.selectall .progress,
label.selectall .row .percent{
  display: block;
}
input[type="radio"],
input[type="checkbox"]{
  display: none;
}
.isOnair {
    background-image: none !important;
    background: #d3e0e4;
    background: -webkit-linear-gradient(0deg, #d3e0e4 0%, #d0d2e8 50%, #e8fffb 100%) !important;
    background: linear-gradient(0deg, #d3e0e4 0%, #d0d2e8 50%, #e8fffb 100%) !important;
}

.megaRed {
    background-color: #bee9d2;
    background-image: linear-gradient(45deg, #bee9d2 12%, #e7e6be 25%, #afe7e1 66%, #cbf1c2 100%);
    color: black !important;
    padding: 0px 10px;
    font-family: 'Oleo Script', cursive;
}

.glowText {
    padding: 0px 10px;
    font-family: 'Oleo Script', cursive;
}
.megaBlue {
    background-color: #4158D0;
    background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
    color: black !important;
    padding: 0px 10px;
    font-family: 'Oleo Script', cursive;
}

.megaViolet {
    background-color: #FAACA8;
    background-image: linear-gradient(19deg, #FAACA8 0%, #DDD6F3 100%);
    color: black ;
    font-family: 'Oleo Script', cursive;
    padding: 0px 10px;
}