@font-face{font-family:Chakra Petch Regular;src:local("Chakra Petch"),local("Chakra Petch Regular"),url(/_astro/ChakraPetch-Regular.2dRSHy2k.woff2) format("woff2"),url(/_astro/ChakraPetch-Regular.V76ssKlA.woff) format("woff"),url(/_astro/ChakraPetch-Regular.omMBUrfI.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Chakra Petch Bold;src:local("Chakra Petch"),local("Chakra Petch Bold"),url(/_astro/ChakraPetch-Bold.S4cz9fhj.woff2) format("woff2"),url(/_astro/ChakraPetch-Bold.Pnv6yEp8.woff) format("woff"),url(/_astro/ChakraPetch-Bold.-VpDDDH9.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.cp_R,.votingSection .rightSide>p{font-family:Chakra Petch Regular}.cp_B,.votingSection .shareBox p,.votingSection .percentageBox span,.votingSection .percentageBox p,.votingSection button,.votingSection h2{font-family:Chakra Petch Bold}.votingSection .shareBox p,.votingSection .percentageBox span,.votingSection .rightSide>p{font-size:30px;line-height:120%}@media (max-width: 1919px){.votingSection .shareBox p,.votingSection .percentageBox span,.votingSection .rightSide>p{font-size:clamp(20px,1.389vw,30px)}}@media (max-width: 1439px){.votingSection .shareBox p,.votingSection .percentageBox span,.votingSection .rightSide>p{font-size:clamp(18px,1.758vw,20px)}}.votingSection.voted h2,.votingSection button{font-size:50px;line-height:120%}@media (max-width: 1919px){.votingSection.voted h2,.votingSection button{font-size:clamp(34px,2.361vw,50px)}}@media (max-width: 1439px){.votingSection.voted h2,.votingSection button{font-size:clamp(26px,2.539vw,34px)}}@media (max-width: 767px){.votingSection.voted h2,.votingSection button{font-size:clamp(14px,3.382vw,26px)}}.votingSection h2{font-size:70px;line-height:120%}@media (max-width: 1919px){.votingSection h2{font-size:clamp(50px,3.472vw,70px)}}@media (max-width: 1439px){.votingSection h2{font-size:clamp(36px,3.516vw,50px)}}@media (max-width: 767px){.votingSection h2{font-size:clamp(28px,6.763vw,36px)}}.votingSection .percentageBox p{font-size:100px;line-height:120%}@media (max-width: 1919px){.votingSection .percentageBox p{font-size:clamp(70px,4.861vw,100px)}}@media (max-width: 1439px){.votingSection .percentageBox p{font-size:clamp(50px,4.883vw,70px)}}@keyframes toFullWidth{0%{width:0%}to{width:100%}}@keyframes opacity{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.votingSection{height:715px}.votingSection .container{height:100%;border:2px solid #1D1D1D;border-radius:20px}.votingSection .votingBox{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;height:100%;padding:0 100px}.votingSection .votingBox.fadeOut{animation:opacity .4s ease forwards}.votingSection .btnBox{display:flex;align-items:center;gap:30px}.votingSection h2{text-align:center;max-width:1190px;text-transform:uppercase}.votingSection button{padding:55px 155px;background-color:#1d1d1d;color:#fff;text-transform:uppercase;border-radius:20px;transition:background-color .3s ease}.votingSection button:hover,.votingSection button.active{background-color:#aababa}.votingSection .circleBox{position:relative;width:fit-content;border-radius:50%;width:500px;min-width:500px;height:500px;overflow:hidden}.votingSection .circleBox svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.votingSection .circleBox path{stroke:#aababa}.votingSection .circleBox path.active{stroke:#1d1d1d}.votingSection .circleBox span{display:block;position:absolute;top:50%;left:50%;width:50px;height:50px;border-radius:50%;background-color:#aababa;transform:translate(-50%,-50%)}.votingSection.voted .container{display:flex;align-items:center}.votingSection.voted h2{max-width:unset;width:100%;margin-bottom:45px}.votingSection .votingContent{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:0 70px;column-gap:80px;opacity:0;animation:fadeIn .4s ease .4s forwards}.votingSection .rightSide>p{max-width:885px;margin-bottom:75px;color:#1d1d1d}.votingSection .percentageBox{display:flex;align-items:center;gap:90px;margin-bottom:55px}.votingSection .percentageBox>div{display:flex;flex-direction:column;color:#aababa}.votingSection .percentageBox>div.selected{color:#1d1d1d}.votingSection .percentageBox span{text-transform:uppercase}.votingSection .bottomBox{display:flex;align-items:center}.votingSection .shareBox{display:flex;align-items:center;gap:60px;padding:30px 20px 30px 60px;background-color:#e8ecef;border-radius:20px}.votingSection .shareBox p{text-transform:uppercase;color:#aababa}.votingSection .shareBox ul{display:flex;align-items:center;gap:20px}@media (max-width: 1919px){.votingSection .rightSide{max-width:50%}.votingSection .shareBox{padding:clamp(25px,1.736vw,30px) 20px clamp(25px,1.736vw,30px) clamp(40px,2.778vw,60px)}.votingSection .shareBox ul{gap:clamp(15px,1.042vw,20px)}}@media (max-width: 1439px){.votingSection{height:clamp(600px,58.594vw,715px)}.votingSection .votingBox{gap:clamp(60px,5.859vw,80px)}.votingSection button{padding:clamp(40px,3.906vw,55px) clamp(115px,11.23vw,155px)}.votingSection .votingContent{padding:0 clamp(50px,4.883vw,70px);gap:clamp(20px,1.953vw,80px)}.votingSection .circleBox{height:clamp(380px,37.109vw,500px);width:clamp(380px,37.109vw,500px);min-width:clamp(380px,37.109vw,500px)}.votingSection .shareBox{gap:clamp(40px,3.906vw,60px);padding:clamp(15px,1.465vw,25px) 20px clamp(15px,1.465vw,25px) clamp(25px,2.441vw,40px)}.votingSection .shareBox li{width:clamp(40px,3.906vw,50px);height:clamp(40px,3.906vw,50px)}.votingSection .shareBox li img{width:100%}}@media (max-width: 1023px){.votingSection{height:950px}.votingSection .votingContent{flex-direction:column}.votingSection .votingContent .rightSide{max-width:unset}.votingSection .votingContent .percentageBox,.votingSection .votingContent .bottomBox{justify-content:center}}@media (max-width: 767px){.votingSection{height:clamp(860px,207.729vw,950px)}.votingSection .votingBox{padding:0 20px}.votingSection .btnBox{flex-direction:column}.votingSection .votingContent{padding:clamp(25px,6.039vw,40px)}.votingSection .shareBox{flex-direction:column;justify-content:center;gap:10px;padding:15px clamp(15px,3.623vw,20px) 15px clamp(15px,3.623vw,25px)}.votingSection .percentageBox{gap:clamp(40px,9.662vw,72px);margin-bottom:clamp(25px,6.039vw,55px)}.votingSection .circleBox{height:clamp(280px,67.633vw,380px);width:clamp(280px,67.633vw,380px);min-width:clamp(280px,67.633vw,380px)}.votingSection .rightSide>p{margin-bottom:clamp(25px,6.039vw,75px)}.votingSection.voted h2{margin-bottom:clamp(25px,6.039vw,45px)}.votingSection .btnBox{gap:15px}.votingSection button{font-size:24px}}