#countdown-container{font-family:Arial,sans-serif;text-align:left;font-size:16px;font-weight:700;padding:5px;display:flex;flex-direction:column;justify-content:flex-start}#countdown{padding:0;border-radius:5px;display:flex;justify-content:flex-start;gap:5px;flex-wrap:wrap}.countdown-item{text-align:center;width:70px;height:60px;border:1px solid #a8a8a8;border-radius:5px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:none}.datetime-value{font-size:20px;color:#333;background-color:#f5f5f5;border-top-left-radius:5px;border-top-right-radius:5px;padding:0;margin-bottom:0;width:100%;height:100%;display:inline-block;box-sizing:border-box}.datetime-unit{font-size:12px;color:#333;margin-top:0;background-color:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px;padding:0;width:100%;height:100%;display:inline-block;box-sizing:border-box}#countdown-container .title{font-size:12px;font-weight:400;text-align:left;margin-bottom:5px}#message{margin-top:20px;display:none;font-size:16px;font-weight:700;color:#333}@media screen and (max-width:768px){.countdown-item{width:60px;height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center}.datetime-value{font-size:16px;display:block}.datetime-unit{font-size:10px;display:block}}@media screen and (max-width:480px){.countdown-item{width:50px;height:50px;display:flex;flex-direction:column;justify-content:center;align-items:center}.datetime-value{font-size:15px;display:block}.datetime-unit{font-size:10px;display:block}}