.choice-container .choice{
	width:100.0%;
	padding-right:0px
}
@media screen and (max-width: 991px){
	.choice-container .choice{
		order:2;
		width:100%;
		padding-right:0
}
}
.choice-container .choice .scroll-wrapper{
	padding-top:8px
}
@media screen and (max-width: 991px){
	.choice-container .choice .scroll-wrapper{
		padding-top:3px
}
}
.choice-container .choice .scroll-container{
	padding-bottom:14px;
	display:grid;
	grid-template-rows:repeat(7, calc(14.55% - 6px));
	grid-auto-columns:calc(16.5% - 6px);
	grid-auto-flow:column;
	grid-gap:6px;
	height:497px;
	overflow-x:auto;
	overflow-y:hidden
}
@media screen and (max-width: 1023px){
	.choice-container .choice .scroll-container{
		grid-gap:3px;
		grid-template-rows:repeat(7, 51px);
		grid-auto-columns:51px;
		height:396px
}
}
.choice-container .choice .scroll-container::-webkit-scrollbar{
	-webkit-appearance:none
}
.choice-container .choice .scroll-container::-webkit-scrollbar:horizontal{
	height:11px
}
.choice-container .choice .scroll-container::-webkit-scrollbar-thumb{
	border-radius:8px;
	border:2px solid white;
	background-color:rgba(0,0,0,0.5)
}
.choice-container .choice .color-cell{
	background:#A18C60;
	border-radius:30px
}
.choice-container .choice .color-cell:hover{
	box-shadow:0px 2px 2px rgba(0,0,0,0.18)
}
.choice-container .result{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	width:100.0%;
	background:#DBD4A2;
	padding:40px 20px;
	margin:8px 0 22px
}
@media screen and (max-width: 1023px){
	.choice-container .result{
		padding:20px 15px
}
}
@media screen and (max-width: 991px){
	.choice-container .result{
		order:1;
		width:100%;
		margin-bottom:0
}
}
.choice-container .result.reversed{
	color:#fff
}
.choice-container .result.reversed a{
	color:#fff
}
.choice-container .result.reversed .btn--black{
	color:#2D2D2D;
	background:#FFF
}
.choice-container .result.reversed .btn--black:hover{
	background:#2D2D2D;
	color:#fff
}
.choice-container .result.reversed .btn--transparent{
	border-color:#fff
}
.choice-container .result.reversed .icon--heart{
	filter:invert(100%);
	-webkit-filter:invert(100%)
}
.choice-container .result__header{
	display:flex;
	justify-content:space-between
}
.choice-container .result__header span{
	display:block;
	font-size:22px;
	line-height:26px;
	font-weight:500
}
@media screen and (max-width: 1023px){
	.choice-container .result__header span{
		font-size:18px;
		line-height:22px
}
}
.choice-container .result__header .icon{
	margin-right:30px
}
@media screen and (max-width: 1023px){
	.choice-container .result__header .icon{
		margin-right:0
}
}
.choice-container .result__btn{
	display:flex;
	flex-direction:column;
	max-width:240px
}
.choice-container .result__btn .btn{
	margin-bottom:15px
}
.choice-container .result__btn .detail{
	margin-top:10px
}
.choice-container .result__btn .detail a{
	text-decoration:underline
}
.choice-container .result__btn .detail a:hover{
	text-decoration:none
}
@media screen and (max-width: 991px){
	.choice-container .result__btn{
		margin-top:10px
}
}
.choice-container--modal .choice .scroll-container{
	grid-template-rows:repeat(9, calc(11.5% - 3px));
	grid-auto-columns:calc(4.1% - 3px);
	grid-gap:3px;
	height:380px
}
@media screen and (max-width: 1023px){
	.choice-container--modal .choice .scroll-container{
		grid-template-rows:repeat(7, 50px);
		grid-auto-columns:50px
}
}
.choice-container--modal .result{
	margin:8px 0 12px
}
.choice-container--modal .result__btn .btn{
	margin-bottom:0;
	background-color:white;
	border-radius:20px;
	text-align:center
}