/* Popup */
#popup { background: rgba( 0, 0, 0, .6 ); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100000; }
#popup section { width: max-content; max-height: calc( 100vh - 80px ); font-size: 12pt; line-height: 1.4; background: #FFF; color: #fff; position: absolute; top: 50%; left: 50%; z-index: 100001; transform: translate( -50%, -50% ); box-sizing: border-box; max-width: 800px; }
#popup svg { position: absolute; top: 6px; right: 6px; cursor: pointer; transition: all .4s; z-index: 20; }
#popup svg:hover { transform: rotate( 45deg ); }
#popup img, #popup iframe { display: block; max-width: 100%; margin: auto; max-height: inherit; }
#popup iframe { aspect-ratio: 16 / 9; width: 800px; }
#countdown-holder { color: #000; padding: 12px 15px; display: flex; justify-content: space-between; font-weight: 600; font-size: 16pt; align-items: center; gap: 12px 25px; flex-wrap: wrap; }
#countdown-holder p { margin: 0; letter-spacing: -.5px; }
#countdown { display: flex; gap: 15px; font-size: 20pt; text-align: center; }
#countdown small { display: block; letter-spacing: -.5px; }

@media (max-width: 820px) {
	#popup section { max-width: 90%; }
}

@media (max-width: 670px) {
	#countdown-holder { font-size: 12pt; }
	#countdown { font-size: 16pt; }
}

@media (max-width: 530px) {
	#countdown-holder p, #countdown { flex: 0 100%; }
	#countdown-holder p { text-align: center; }
	#countdown { justify-content: center; }
}

@media (max-width: 380px) {
	#countdown { font-size: 13pt; }
}