.countdown-container{display:flex;flex-direction:row;width:96%;background-color:var(--background);border-radius:var(--radii-md);border:1px solid var(--colors-gray5);padding:10px 16px;justify-content:space-between;align-items:center;margin-bottom:20px;transition:box-shadow .1s ease 0s,transform .1s ease-in-out 0s}@media screen and (max-width:550px){.countdown-container{padding:10px}}.countdown-container .view-source{color:var(--black);font-size:var(--font-sizes-md);font-weight:var(--font-weights-bold);letter-spacing:0;text-align:left;line-height:14px}@media screen and (max-width:550px){.countdown-container .view-source{font-size:var(--font-sizes-sm)}}.countdown-container.is-ended-ev{padding:20px}@media screen and (max-width:768px){.countdown-container{width:100%}}.countdown-container .countdown-header{display:flex;align-items:center;gap:10px;cursor:pointer}.countdown-container .countdown-header.youtube .icn{color:var(--color-youtube)}.countdown-container .orange-dot{height:8px;width:8px;background-color:var(--color-orange);border-radius:50%;display:inline-block;margin-right:8px}.countdown-container .tweet-count-label{color:var(--color-orange);font-weight:var(----font-weights-medium);text-transform:uppercase;font-size:var(--font-sizes-md)}.countdown-container .countdown-content{display:flex;justify-content:space-between;align-items:center}.countdown-container .tweet-number{font-size:var(--font-weights-medium);font-weight:700;color:var(--black)}.countdown-container .time-section{display:flex;align-items:center}.countdown-container .time-left-label{font-size:var(--font-sizes-md);color:var(--colors-textGray);margin-right:8px;display:block}@media screen and (max-width:768px){.countdown-container .time-left-label{display:none}}.countdown-container .time-boxes{display:flex;gap:10px}@media screen and (max-width:550px){.countdown-container .time-boxes{gap:6px}}.countdown-container .time-box-wrapper{display:flex;flex-direction:column;align-items:center;background-color:var(--colors-gray6);padding:4px;border-radius:4px}@media screen and (max-width:550px){.countdown-container .time-box-wrapper{padding:1px 0}}.countdown-container .time-box{width:40px;text-align:center}.countdown-container .time-box span{font-weight:var(--font-weights-bold);color:var(--black);font-size:var(--font-sizes-md)}@media screen and (max-width:550px){.countdown-container .time-box span{font-size:var(--font-sizes-sm)}}.countdown-container .time-label{font-size:var(--font-sizes-sm);color:var(--colors-textGray);margin-top:4px;text-transform:uppercase}