#voteph-tally-wrap { width: 980px; height: auto; display: flex; flex-flow: wrap; place-content: flex-start space-between; align-items: flex-start; margin: 0px auto; gap: 20px; }
.voteph-tally-header { width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; box-sizing: border-box; border: 1px solid rgb(184, 184, 184); padding: 20px; }
.vt-flex-full { width: 100%; }
.voteph-tally-info { width: 100%; }
.vtc-lbl { color: var(--black-33333,#333); font-family: Mallory; font-size: 16px; font-style: normal; font-weight: 700; padding: 0px 0px 10px; width: 100%; }
.vtc-txt { color: var(--black-33333,#333); text-align: left; font-family: Mallory; font-size: 24px; font-style: normal; font-weight: 700; letter-spacing: 0.02em; }
.voteph-tally-lbl { color: var(--Main-Blue,#004C87); font-family: Mallory; font-size: 24px; font-style: normal; font-weight: 700; line-height: 1.4em; }
.voteph-tally-summary { width: 100%; height: auto; display: flex; flex-wrap: wrap; align-items: flex-start; place-content: flex-start space-between; padding: 40px 0px 0px; box-sizing: border-box; }
.voteph-tally-pd { color: var(--black-33333,#333); font-family: Mallory; font-size: 14px; font-weight: 500; line-height: 1.4em; padding: 5px 0px; }
.vt-search { width: 420px; height: auto; display: flex; flex-wrap: wrap; align-items: flex-start; place-content: flex-start space-between; }
.vt-search input { width: 90%; height: 32px; padding: 0px 20px; border-radius: 9999px; border: 1px solid rgba(184, 184, 184, 0.5); background: var(--Inq-Dirty-White,#F3F3F3); box-sizing: border-box; }
.vt-search-icon { width: 8%; }
.vt-search-icon img { width: 100%; height: auto; }
.vt-er-count { width: 240px; border-left: 1px solid rgb(184, 184, 184); border-right: 1px solid rgb(184, 184, 184); padding: 0px 20px; display: flex; flex-wrap: wrap; align-items: center; place-content: flex-start space-between; }
.vt-vote-count { width: 200px; }
.vtc-count { width: 140px; height: 16px; background-color: rgb(223, 223, 223); border-radius: 20px; border: 1px solid rgb(212, 212, 212); }
.vtc-progbar { width: 79.9%; height: 16px; background-color: rgb(0, 76, 135); border-radius: 20px 0px 0px 20px; }
.vtc-txt2 { color: var(--black-33333,#333); font-family: Mallory; font-size: 12px; font-style: normal; font-weight: 400; padding: 8px 0px 0px; }
.voteph-sen-tally { height: auto; border: 1px solid rgb(184, 184, 184); box-sizing: border-box; padding: 20px; display: flex; flex-wrap: wrap; align-items: flex-start; place-content: flex-start space-between; gap: 20px; }
.vt-flex-half { width: 48.8%; }
.vt-hf-lbl { color: var(--black-33333,#333); font-family: Mallory; font-size: 18px; font-style: normal; font-weight: 700; padding: 0px 0px 10px; border-bottom: 3px solid rgb(0, 76, 135); width: 100%; }
.sen-child { width: 100%; height: auto; display: flex; flex-wrap: wrap; align-items: center; place-content: flex-start space-between; box-sizing: border-box; }
.sent-img { width: 13%; height: auto; aspect-ratio: 1 / 1; background-color: rgb(255, 255, 255); border-radius: 100%; overflow: hidden; opacity: 0; transform: scale(0.8); transition: opacity 0.5s, transform 0.5s; }
.sent-img.loaded { opacity: 1; transform: scale(1); }
.sent-img img { width: 100%; object-fit: cover; }
.sent-data { width: 83%; font-family: mallory; display: flex; flex-wrap: wrap; align-items: center; place-content: flex-start space-between; letter-spacing: 0.02em; }
.sent-rank { border-radius: 100%; background-color: rgb(26, 26, 27); color: rgb(255, 255, 255); font-size: 13px; text-align: center; width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; }
.sent-name { width: 90%; font-size: 18px; color: rgb(51, 51, 51); }
.sent-votes { width: 100%; font-size: 18px; font-style: normal; font-weight: 700; letter-spacing: 0.02em; color: rgb(51, 51, 51); padding: 5px 0px 10px; transition: color 0.3s, transform 0.3s; }
.sent-bar { width: 100%; height: 5px; background-color: rgb(212, 228, 232); }
.sent-bar-prog { height: 5px; width: 0px; background-color: rgb(0, 192, 243); }
@keyframes dynamicFill { 
  0% { width: 0px; }
  100% { width: var(--target-width); }
}
.vt-load-more { width: 100%; text-align: center; font-family: mallory; display: flex; justify-content: center; align-items: center; padding: 20px 0px; font-size: 16px; }
.vt-load-more span:hover { background: rgb(11, 114, 181); transition: 0.5s; }
.vt-load-more span { border-radius: var(--regular-8,8px); background: var(--Main-Blue,#004C87); padding: 14px 28px; }
.vt-load-more a, .vt-load-more a:visited { color: rgb(255, 255, 255); text-decoration: none; }
.voteph-party-tally { height: auto; border: 1px solid rgb(184, 184, 184); box-sizing: border-box; padding: 20px; display: flex; flex-wrap: wrap; align-items: flex-start; place-content: flex-start space-between; gap: 20px; }
.pt-perct { color: var(--Main-Blue,#004C87); text-align: center; font-family: Mallory; font-size: 24px; font-style: normal; font-weight: 700; }
#vt-ph-local { height: auto; border: 1px solid rgb(184, 184, 184); box-sizing: border-box; padding: 20px; display: flex; flex-wrap: wrap; align-items: flex-start; place-content: flex-start space-between; gap: 20px; }
#vt-ph-control { width: 100%; height: auto; box-sizing: border-box; display: flex; flex-wrap: wrap; align-items: flex-start; place-content: flex-start space-around; gap: 20px; font-family: mallory; font-size: 16px; font-style: normal; font-weight: 700; text-decoration: underline; }
#vt-ph-control a, #vt-ph-control a:visited { color: rgb(51, 51, 51); }
.vtphl-list { height: auto; box-sizing: border-box; padding: 10px; flex-wrap: wrap; align-items: flex-start; place-content: flex-start; gap: 20px; width: 100%; display: none; opacity: 0; transition: max-height 0.4s ease-in-out, opacity 0.4s ease-in-out; overflow: hidden; }
.vtphl-list.active { display: flex; max-height: 1000px; opacity: 1; }
.vtphl-c { font-family: mallory; font-size: 16px; font-style: normal; font-weight: 400; display: flex; flex-wrap: wrap; align-items: flex-start; place-content: flex-start space-between; width: 23%; }
.vtphl-c span { font-weight: 700; color: rgb(0, 76, 135); }
.vtphl-c a, .vtphl-c a:visited { color: rgb(51, 51, 51); text-decoration: none; }
.vtphl-c a:hover { color: rgb(11, 114, 181); transition: 0.5s; }
@media only screen and (min-width: 600px) and (max-width: 768px) {
  #voteph-tally-wrap { width: 93%; height: auto; display: flex; flex-flow: wrap; place-content: flex-start space-between; align-items: flex-start; margin: 0px auto; gap: 20px; }
  .voteph-tally-header { width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; box-sizing: border-box; border: 1px solid rgb(184, 184, 184); padding: 20px; }
  .vt-flex-full { width: 100%; }
  .voteph-tally-info { width: 100%; }
  .voteph-tally-summary { width: 100%; justify-content: center; gap: 30px; }
  .vt-search-icon { width: 8%; }
  .vt-search-icon img { width: 100%; height: auto; }
  .vt-vote-count { width: 100%; text-align: center; }
  .vtc-txt { text-align: center; }
  .vt-flex-half { width: 100%; }
  .vt-hf-lbl { font-size: 22px; }
  .sen-child { width: 100%; height: auto; display: flex; flex-wrap: wrap; align-items: center; place-content: flex-start space-between; box-sizing: border-box; }
  .sent-img { width: 20%; }
  .sent-data { width: 74%; font-family: mallory; display: flex; flex-wrap: wrap; align-items: center; place-content: flex-start space-between; letter-spacing: 0.02em; }
  .sent-rank { border-radius: 100%; background-color: rgb(26, 26, 27); color: rgb(255, 255, 255); font-size: 13px; text-align: center; width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; }
  .sent-name { width: 85%; font-size: 18px; line-height: 1.4em; }
  .vtphl-c { font-family: mallory; font-size: 16px; font-style: normal; font-weight: 400; display: flex; flex-wrap: wrap; align-items: flex-start; place-content: flex-start space-between; width: 100%; }
}
@media only screen and (min-width: 320px) and (max-width: 599px) {
  #voteph-tally-wrap { width: 93%; height: auto; display: flex; flex-flow: wrap; place-content: flex-start space-between; align-items: flex-start; margin: 0px auto; gap: 20px; }
  .voteph-tally-header { width: 100%; height: auto; display: flex; flex-wrap: wrap; justify-content: space-between; box-sizing: border-box; border: 1px solid rgb(184, 184, 184); padding: 20px; }
  .vt-flex-full { width: 100%; }
  .voteph-tally-info { width: 100%; }
  .voteph-tally-summary { width: 100%; justify-content: center; gap: 30px; }
  .vt-search-icon { width: 8%; }
  .vt-search-icon img { width: 100%; height: auto; }
  .vt-vote-count { width: 100%; text-align: center; }
  .vtc-txt { text-align: center; }
  .vt-flex-half { width: 100%; }
  .vt-hf-lbl { font-size: 22px; }
  .sen-child { width: 100%; height: auto; display: flex; flex-wrap: wrap; align-items: center; place-content: flex-start space-between; box-sizing: border-box; }
  .sent-img { width: 20%; }
  .sent-data { width: 74%; font-family: mallory; display: flex; flex-wrap: wrap; align-items: center; place-content: flex-start space-between; letter-spacing: 0.02em; }
  .sent-rank { border-radius: 100%; background-color: rgb(26, 26, 27); color: rgb(255, 255, 255); font-size: 13px; text-align: center; width: 25px; height: 25px; display: flex; justify-content: center; align-items: center; }
  .sent-name { width: 85%; font-size: 18px; line-height: 1.4em; }
  .vtphl-c { font-family: mallory; font-size: 16px; font-style: normal; font-weight: 400; display: flex; flex-wrap: wrap; align-items: flex-start; place-content: flex-start space-between; width: 100%; }
}