.goster-mask {
	position: fixed;
	left: 0px;
	right: 0px;
	top: 50%;
	bottom: 50%;
	overflow: hidden;
	background-color: rgba(0,0,0,0.9);
	z-index: 999;
}.goster-load {
	position: absolute;
	left: calc(50% - 25px);
	top: calc(50% - 25px);
	width: 50px;
	height: 50px;
	display: none;
	justify-content: center;
	align-items: center;
	font-size: 24pt;
	color: #FFF;
	animation-name: display_spin;
	animation-duration: 400ms;
	animation-iteration-count: infinite;
	transform-origin: center center;
}
@keyframes display_spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(365deg);
	}
}.goster-item {
	position: relative;
	width: 100VW;
	height: 100VH;
}.goster-core {
	position: fixed;
	inset: 0;
	overflow: hidden;
}.goster-left {
	position: absolute;
	left: 0px;
	top: calc(50% - 35px);
	width: 70px;
	height: 70px;
	transition: 300ms;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 30pt;
	color: #FFF;
	opacity: 0;
	cursor: pointer;
	z-index: 10;
}.goster-left:hover {
	background-color: rgba(255, 255, 255, 0.1);
}.goster-right {
	position: absolute;
	right: 0px;
	top: calc(50% - 35px);
	width: 70px;
	height: 70px;
	transition: 300ms;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 30pt;
	color: #FFF;
	opacity: 0;
	cursor: pointer;
	z-index: 10;
}.goster-right:hover {
	background-color: rgba(255, 255, 255, 0.1);
}.goster-close {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 70px;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #FFF;
	font-size: 20pt;
	cursor: pointer;
	z-index: 10;
	transition: 300ms;
	opacity: 0;
}.goster-close:hover {
	background-color: rgba(255, 255, 255, 0.1);
}.goster-image {
	width: 100VW;
	height: 100VH;
	object-position: center center;
	object-fit: contain;
	opacity: 0;
	transition: 400ms;
}