#popup-oct {
	--form-width: 623px;
	--form-font-size: 18px;
	--form-field-padding: 0;
	--form-label-offset-x: 15.7px;
	--form-label-font-size: 18px;
	--form-label-margin-top: -0.5px;
	--form-label-active-font-size: 12.5px;
	--form-label-active-margin-top: -26px;
	--form-input-font-size: 18px;
	--form-input-height: 59px;
	--form-input-text-indent: 15.7px;
	--form-input-padding-top: 19px;
	--form-input-radius: 11.75px;
	--form-placeholder-color: #262626;
	--form-input-color: #262626;
	--form-select-arrow-width: 16.5px;
	--form-select-arrow-height: 9.5px;
	--form-select-arrow-right: 17.5px;
}
#popup-oct.popup {
	bottom: 0;
	height: auto;
}
#popup-oct .popup-content {
	width: 701.5px;
	min-height: 501px;
	padding: 0;
	box-shadow: 9px 7px 45px rgba(0, 0, 0, 0.08);
	background-image: url(../images/hero/popup-back.png?v=20260923);
	background-image: image-set(url(../images/hero/popup-back.webp?v=20260923) type("image/webp") 1x, url(../images/hero/popup-back@2x.webp?v=20260923) type("image/webp") 2x);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
#popup-oct .popup-close {
	top: 7px;
	right: 7.5px;
	width: auto;
	height: auto;
	padding: 16px;
}
#popup-oct .popup-default,
#popup-oct .popup-thanks {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 501px;
	padding: 40px 0;
}
#popup-oct .popup-thanks {
	display: none;
}
#popup-oct .oct-title {
	font-size: 27.5px;
	line-height: 39px;
}
#popup-oct .oft-l2 {
	margin-top: -2.5px;
	font-family: "urbane-rounded", sans-serif;
	font-weight: 600;
	font-size: 36.19px;
}
#popup-oct form.uni-style {
	margin-top: 15px;
}
#popup-oct form.uni-style .form-field label,
#popup-oct form.uni-style .form-field input,
#popup-oct form.uni-style .form-field select {
	font-family: 'Avenir-Book';
	letter-spacing: 0.01em;
	color: #262626;
}
#popup-oct form.uni-style .form-field input,
#popup-oct form.uni-style .form-field select {
	border: 1px solid rgba(163, 163, 166, 0.5);
}
#popup-oct form.uni-style .form-row {
	gap: 17px;
}
#popup-oct form.uni-style .form-row + .form-row {
	margin-top: 17px;
}
#popup-oct form.uni-style .form-action {
	margin-top: 28px;
	padding-top: 0;
	display: flex;
	justify-content: center;
}
#popup-oct .oct-submit,
#popup-oct .oct-keep {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 214px;
	height: 38px;
	padding: 0;
	border-radius: 18px;
	font-size: 21px;
	line-height: 1;
}
#popup-oct .oct-submit {
	letter-spacing: -0.2px;
}
#popup-oct .oct-congrats,
#popup-oct .oct-won {
	font-family: "urbane-rounded", sans-serif;
	font-weight: 900;
}
#popup-oct .oct-congrats {
	font-size: 40px;
	line-height: 1;
}
#popup-oct .oct-won {
	margin-top: 13px;
	font-size: 45px;
	line-height: 50px;
}
#popup-oct .oct-dollar {
	font-size: 0.55em;
	line-height: 1;
	vertical-align: 0.52em;
}
#popup-oct .oct-note {
	margin-top: 18.5px;
	font-size: 27.5px;
	line-height: 40.5px;
}
#popup-oct .oct-keep {
	margin-top: 21.7px;
}
#popup-oct .popup-game {
	display: none;
	min-height: 501px;
}
#popup-oct.is-game .popup-content {
	--og-stage: min(100vw, 1920px);
	--og-fallback-height: calc(var(--og-stage) * 724 / 1920);
	position: fixed;
	top: var(--og-top, calc((100dvh - var(--og-fallback-height)) / 2));
	left: var(--og-left, 0px);
	width: var(--og-width, 100%);
	height: var(--og-height, var(--og-fallback-height));
	max-width: none;
	min-height: 0;
	padding: 0;
	box-shadow: none;
	background-image: url(../images/hero/back.webp);
	background-image: image-set(url(../images/hero/back.webp) 1x, url(../images/hero/back@2x.webp) 2x);
	background-position: center top;
}
#popup-oct.is-game .popup-game {
	display: block;
	position: relative;
	height: 100%;
	max-width: 1920px;
	margin: 0 auto;
	min-height: 0;
	container-type: inline-size;
	overflow: hidden;
}
#popup-oct.is-game .popup-close {
	display: none;
}
#popup-oct .og-wheel {
	position: absolute;
	left: 34.375cqw;
	top: -0.625cqw;
	width: 31.693cqw;
	height: 41.875cqw;
	display: block;
	pointer-events: none;
}
@supports (text-box: trim-both cap alphabetic) {
	#popup-oct .oct-submit {
		display: block;
		height: auto;
		padding: calc((38px - 1cap) / 2) 0;
		text-box: trim-both cap alphabetic;
	}
	#popup-oct .oct-keep > span {
		display: block;
		text-box: trim-both cap alphabetic;
	}
}
@media screen and (min-width: 568px) {
	#popup-oct .popup-default {
		justify-content: flex-start;
		padding: 17.5px 0 0;
	}
	#popup-oct .popup-thanks {
		justify-content: flex-start;
		padding: 108px 0 0;
	}
}
@media screen and (min-width: 568px) and (max-width: 767px) {
	#popup-oct .popup-content {
		width: calc(100vw - 30px);
	}
	#popup-oct {
		--form-width: calc(100% - 40px);
	}
}
@media screen and (max-width: 991px) {
	#popup-oct.is-game .popup-content {
		--og-stage: min(100vw, 430px);
		--og-fallback-height: calc(var(--og-stage) * 659.5 / 375);
		background-image: url(../images/hero/back-m.webp);
		background-image: image-set(url(../images/hero/back-m.webp) 1x, url(../images/hero/back-m@2x.webp) 2x);
		background-position: center bottom;
	}
	#popup-oct.is-game .popup-game {
		max-width: 430px;
	}
	#popup-oct .og-wheel {
		left: -18.213cqw;
		top: 10.507cqw;
		width: 140.24cqw;
		height: 185.28cqw;
	}
}
@media screen and (max-width: 567px) {
	#popup-oct {
		--form-width: 83.467vw;
		--form-font-size: max(16px, 4.267vw);
		--form-label-offset-x: 4.8vw;
		--form-label-font-size: max(16px, 4.267vw);
		--form-label-active-font-size: max(11px, 2.933vw);
		--form-label-active-margin-top: -7.467vw;
		--form-input-font-size: max(16px, 4.267vw);
		--form-input-height: 15.333vw;
		--form-input-text-indent: 4.8vw;
		--form-input-padding-top: 4.267vw;
		--form-input-radius: 3.467vw;
		--form-width-mobile: 83.467vw;
		--form-field-padding-mobile: 0;
		--form-label-font-size-mobile: max(16px, 4.267vw);
		--form-input-font-size-mobile: max(16px, 4.267vw);
		--form-input-radius-mobile: 3.467vw;
		--form-select-arrow-width: 3.2vw;
		--form-select-arrow-height: 1.867vw;
		--form-select-arrow-right: 4.8vw;
	}
	#popup-oct .popup-content {
		width: 100%;
		max-width: none;
		min-height: 100vh;
		min-height: 100dvh;
		margin: 0;
		padding: 0 4vw;
		border-radius: 0;
		box-shadow: none;
		background-image: url(../images/hero/popup-back-m.png);
		background-image: image-set(url(../images/hero/popup-back-m.webp) type("image/webp") 1x, url(../images/hero/popup-back-m@2x.webp) type("image/webp") 2x);
	}
	#popup-oct .popup-close {
		padding: 8vw 6.533vw;
	}
	#popup-oct .popup-close img {
		width: 3.2vw;
		height: 3.2vw;
	}
	#popup-oct .popup-default,
	#popup-oct .popup-thanks {
		min-height: 100vh;
		min-height: 100dvh;
		padding: 60px 0;
	}
	#popup-oct .popup-thanks {
		display: none;
	}
	#popup-oct .oct-title {
		font-size: 7.333vw;
		line-height: 10.4vw;
	}
	#popup-oct .oft-l2 {
		margin-top: -1.067vw;
		font-size: 9.651vw;
	}
	#popup-oct form.uni-style {
		margin-top: 4.667vw;
	}
	#popup-oct form.uni-style .form-row {
		flex-direction: column;
		gap: 3.2vw;
	}
	#popup-oct form.uni-style .form-row + .form-row {
		margin-top: 3.2vw;
	}
	#popup-oct form.uni-style .form-field input,
	#popup-oct form.uni-style .form-field select {
		border: 1px solid rgba(163, 163, 166, 0.5);
	}
	#popup-oct form.uni-style .form-action {
		margin-top: 6.933vw;
	}
	#popup-oct .oct-submit,
	#popup-oct .oct-keep {
		width: 45.2vw;
		height: 8.267vw;
		border-radius: 4.133vw;
		font-family: 'Avenir Next Bold' !important;
		font-size: 4.32vw;
	}
	#popup-oct .oct-congrats {
		font-size: 8vw;
	}
	#popup-oct .oct-won {
		margin-top: 2.4vw;
		font-size: 8.667vw;
		line-height: 1.077;
	}
	#popup-oct .oct-note {
		margin-top: 2.333vw;
		font-size: 5.997vw;
		line-height: 7.331vw;
	}
	#popup-oct .oct-keep {
		margin-top: 6.267vw;
	}
}
@supports (text-box: trim-both cap alphabetic) {
	@media screen and (max-width: 567px) {
		#popup-oct .oct-submit {
			padding: calc((8.267vw - 1cap) / 2) 0;
		}
	}
}