/* --------------------------------------------
SLIDER
--------------------------------------------- */
#archive_esinfo{
	.es-left{
		> a{
			display : block;
			width : 100%;
			height : auto;
			overflow : hidden;
			img{
				object-fit : cover;
			}
		}
	}
	.es-right{
		.company-logo{
			overflow : hidden;
			border-radius : 8px;
		}
	}
	.swiper-controller{
		.es-swiper__pagination{
			position : relative;
			bottom : 0;
			column-gap : 12px;
			span{
				margin : 0;
			}
		}
		.es-slide__nav{
			position : relative;
			button{
				top : 0;
				bottom : 0;
				padding : 0;
				padding-inline : 0;
				margin : 0;
			}
			img{
				width : auto;
				height : 100%;
			}
		}
	}
	@media screen and ( width <= 768px ){
		.es-slider-wrapper{
			padding-inline : 0;
		}
		.es-slide-inner{
			row-gap : 17px;
		}
		.es-left{
			padding-inline : 20px;
			> a{
				border-radius : 12px;
			}
		}
		.es-right{
			column-gap : 20px;
			padding-inline : 20px;
			padding-bottom : 0;
			.company-name{
				margin-top : -2px;
				font-size : 18px;
				line-height : calc( 22 / 18 );
			}
			.es-title{
				margin-top : 13px;
				font-size : 14px;
				line-height : calc( 22 / 14 );
			}
		}
		.swiper-controller{
			margin-top : 40px;
			.es-slide__nav{
				height : 52px;
				margin-top : 32px;
				.es-swiper__prev{
					left : 112px;
				}
				.es-swiper__next{
					right : 112px;
				}
			}
		}
	}
	@media print , screen and ( width > 768px ){
		.es-slider-wrapper{
			max-width : calc( 1320px + 2rem );
		}
		.swiper{
			display : grid;
			grid-template-rows : 1fr 48px auto 16px;
			grid-template-columns : 1fr 372px;
			column-gap : calc( ( 1580 - 1160 - 372 ) * 100% / 1580 );
		}
		.swiper-wrapper{
			grid-row : 1/-1;
			grid-column : 1 / -1;
		}
		.swiper-controller{
			grid-row : 3;
			grid-column : 2;
		}
		.es-slide-inner{
			display : flex;
			column-gap : calc( ( 1580 - 1160 - 372 ) * 100% / 1580 );
			align-items : flex-end;
		}
		.es-left{
			flex-grow : 1;
			width : auto;
			> a{
				aspect-ratio : 1160 / 652;
				border-radius : 16px;
			}
		}
		.es-right{
			flex-shrink : 0;
			width : 372px;
			padding-bottom : 162px;
			.company-name{
				margin-top : 16px;
				font-size : 20px;
				line-height : calc( 24 / 20 );
			}
			.es-title{
				margin-top : 40px;
				font-size : 18px;
				line-height : calc( 30 / 18 );
			}
		}
		.swiper-controller{
			.es-slide__pagination{
				column-gap : 12px;
			}
			.es-slide__nav{
				height : 52px;
				margin-top : 32px;
				.es-swiper__prev{
					left : 108px;
				}
				.es-swiper__next{
					right : 108px;
				}
			}
		}
	}
}

/* --------------------------------------------
RESULSTS
--------------------------------------------- */
#archive_esinfo{
	.result-item-box{
		display : block;
	}
	.user-message{
		display : grid;
		grid-template-rows : calc( 1rem + 3lh ) 1fr;
		grid-template-columns : 1fr;
		padding : 0;
		> p{
			grid-row : 1/-1;
			grid-column : 1;
			padding : 1rem 1.25rem;
		}
		.user-message-blur , .user-message-fade{
			position : relative;
			grid-row : 2;
			grid-column : 1;
		}
		.user-message-fade{
			height : auto;
		}
	}
	@media screen and ( width <= 768px ){
		.user-message{
			font-size : .75rem;
			line-height : 1.75;
		}
	}
	@media print , screen and ( width > 768px ){
		.user-message{
			font-size : .9375rem;
			line-height : 1.6;
		}
	}
}