.liked {
	width: 100%;

}

.liked button {
	position: absolute;
	width: 2.5rem;
	height: var( --simmilar_size );
	background: none;
}

.liked button.left {
	left: 1rem;
}
.liked button.right {
	right: 1rem;
}

.liked.slides_container {
	--margin_r: 0px;
	--margin_l: 0px;
	--swipe_speed: 0.5s;
	--num_move: 1;
	
	display: flex;
	justify-content: center;
	width: 100%;
}

.liked .slides_frame, .slides_window, .slide, img {
	height: 100%;
}
/*
.slides_frame.checked {
	background-color: red;
}
*/
.liked .slides_window {
	display: flex;
/*	width: calc( var( --frame_num ) * var( --img_width ) );*/
	margin-left: var( --margin_l );
	margin-right: var( --margin_r );
}

.liked .slide {
	width: 0;
	overflow: hidden;
}
.liked .slide.active, img {
	width: var( --simmilar_size );
}

.liked img {
	padding: 0.25rem;
}

.slides_window.action_right {
  transition: margin var( --swipe_speed, 500ms ) ease;
  margin-right: calc( 2 * var( --simmilar_size ) * var( --num_move ) );
}

.slides_window.action_left {
  transition: margin var( --swipe_speed, 500ms ) ease;
  margin-left: calc( 2 * var( --simmilar_size ) * var( --num_move ) );
}