body {
	display: ;
}

.greeting {
	font-size: 1.8rem; font-weight: bold; color: var(--color-yellow); text-align: center;
	padding: 1rem;
	position: relative;
	background: var(--color-light);
}
	.greeting img {
		cursor: pointer;
		position: absolute; top: 0.5rem; right: 0.5rem;
		width: 0.8rem; height: 0.8rem;
	}

.header {
	border: 0px solid red;
	background: var(--color-light-darker-2);
}
.header_fixed {
	top: 0; left: 0; position: fixed; z-index: 10;
	width: 100%;
}
	.ins_header {
		display: flex; align-items: center;
		padding: 1rem 0;
	}
		.header_logo {
			width: 20%;
			border: px solid green;
			padding: 0 1rem;
			text-align: center;
		}
			.header_logo img {
				max-width: 100%;
				height: 2.5rem;
			}
		.header_search {
			margin-left: 1rem;
			border: px solid green;
			width: 30%;
		}
			.header_search_form {
				display: flex; align-items: stretch;
			}
				.header_search_form input[type='text'] {
					border-bottom-right-radius: 0;
					border-top-right-radius: 0;
				}
				.header_search_form span {
					display: inline-flex; align-items: center;
					padding: 0 1rem;
					background: var(--color-light-darker-6);
					border-radius: var(--input-border-radius);
					border-bottom-left-radius: 0;
					border-top-left-radius: 0;
				}
					.header_search_form span img {
						width: 1.5rem; height: 1.5rem;
					}

.sidebar_i_content {
	width: 100%;
	display: flex;
}

	.sidebar {
		width: 20%;
		border: px solid red;
		background: var(--color-light-darker-2);
	}
	.sidebar_fixed {
		left: 0; position: fixed; z-index: 10;
	}
		.ins_sidebar {
			padding: 1rem;
			border: px solid green;
			min-height: 100vh;
		}
			.form_subscribe {
				display: flex; flex-direction: column; grid-gap: 1rem;
				margin-top: 2rem;
			}
			.reg_link {
				margin-top: 3rem; padding: 1rem;
				text-align: center; font-size: .9rem;
				cursor: pointer;
				background: #fff;
				border-radius: 0.4rem;
				box-shadow: var(--box-shadow);
				border: 1px solid var(--color-red-lighter-3);
			}

	.content {
		width: 80%;
		margin: 0 0 0 auto;
		border: px solid blue;
		background: var(--color-light-darker-4);
	}
		.ins_content {
			border: px solid blue;
			min-height: 200vh;
			padding: 1rem;
		}
			.sort {
				
			}
				.sort_item {
					border-radius: 0.7rem;
					background: var(--color-light);
					color: var(--color-dark-lighter-20); font-size: 0.9rem;
					display: inline-block;
					padding: 0.6rem 1.5rem;
					box-shadow: var(--box-shadow-smaller-1);
					margin: 0 0.5rem 1rem 0;
					cursor: pointer;
					transition: 0.2s;
				}
				.sort_item:not(.sort_item_select):hover {
					box-shadow: var(--box-shadow);
					transform: scale(1.03);
				}
				.sort_item_select {
					display: inline-flex; align-items: center;
					padding: 0.6rem 1rem;
					cursor: default;
					position: relative;
				}
					.sort_item_select > span {
						padding: 0 1.5rem 0 0;
					}
					.sort_item_select img {
						height: 0.4rem;
						cursor: pointer;
						opacity: 0.6;
					}
					.sort_item_select > div { /*список носителей и стран*/
						position: absolute; top: 2.7rem; left: 50%; z-index: 2;
						background: #fff;
						transform: translateX(-50%);
						box-shadow: var(--box-shadow-smaller-1);
						border-radius: var(--border-radius);
						max-height: 15rem; min-width: 100%;
						overflow-y: auto;
						display: none;
					}
						.sort_item_select > div > a {
							display: block;
							padding: 0.3rem 0.6rem;
							color: var(--color-dark-lighter-5); font-size: 0.85rem;
							transition: 0.2s;
							white-space: nowrap;
						}
						.sort_item_select > div > a:hover {
							background: #ddd;
						}
			.video_items {
				display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 1rem;
			}
				.video_item {
					text-align: center;
					display: block;
					color: var(--color-dark);
				}
				.search_page_item .video_item {
					font-size: 0.85rem;
				}
					.video_item_preview {
						margin: 0 0 0.3rem 0;
						overflow: hidden;
					}
						.video_item_preview img {
							width: 100%;
							border-radius: 0.2rem;
							transition: 0.2s;
						}
						.video_item:hover .video_item_preview img {
							transform: scale(1.1);
						}
					.video_item_native {
						
					}
					.video_item_details {
						font-size: 0.8rem; color: var(--color-dark-lighter-20);
					}
					
			.video_page {
				display: flex;
			}
				.video_content {
					border: px solid red;
					width: 72%;
				}
					.ins_video_content {
						padding-right: 0.5rem;
					}
						.video_player {
							
						}
							.video_player img {
								width: 100%;
							}
						.video_info {
							padding: 0.85rem;
						}
								.video_thumbs_up {
									cursor: pointer;
									margin: 0 1rem 0 0;
								}
									.video_thumbs_up img {
										width: 1.4rem; height: 1.4rem;
									}
						.video_details_item { /*раскрывающиеся блоки*/
							margin-bottom: 1.5rem;
							display: flex;
						}
							.video_details_item > div:first-of-type {
								margin-right: 0.5rem;
								border: px solid;
							}
								.video_details_item .fa { /*плюс*/
									cursor: pointer;
									color: rgba(50,100,200,1); font-size: 1.2rem;
								}
							.video_details_item > div:last-of-type {
							}
								.video_details_title {
									
								}
								.video_details_content {
									margin-top: 0.6rem; padding: 0.5rem;
									background: #fff;
									border-radius: 0.3rem;
									position: relative;
									display: none;
									/*transition: 0.3s;
									height: 0; visibility: hidden; opacity: 0;*/
								}
									.slider_arrow {
										position: absolute; top: 50%; z-index: 1;
										width: 1.5rem;
										cursor: pointer;
										opacity: 0;
									}
									.slider_arrow:first-of-type {
										left: 0;
										transform: translate(-30%, -100%) scaleX(-1);
									}
									.slider_arrow:last-of-type {
										right: 0;
										transform: translate(30%, -100%);
									}
									.video_details_slider {
										display: grid; grid-gap: 0.5rem; grid-template-columns: 1fr 1fr 1fr 1fr;
										position: relative;
									}
										.synonym_item {
											display: block;
										}
											.synonym_item img {
												width: 100%;
											}
											.synonym_item > div {
												padding: 0.2rem;
												text-align: center; color: var(--color-dark-lighter-10); font-size: 0.9rem;
											}
												.synonym_item a {
													display: inline;
												}
				.video_sidebar {
					width: 28%;
					border: px solid red;
				}
					.ins_video_sidebar {
						padding: 0 0.5rem;
					}
						.video_sidebar .video_item {
							margin: 0 0 1rem 0;
						}
			.search_page {
				
			}
				.search_page_item {
					background: #fff;
					border-radius: var(--border-radius);
					box-shadow: var(--box-shadow);
					padding: 1rem; margin: 0 0 1rem 0;
				}
					.search_page_item > div:first-of-type {
						margin: 0 0 1rem 0;
					}
					.search_page_item > div:last-of-type {
						display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 1rem;
					}
					
			.reg_page {
				display: flex;
				width: 70%;
				padding: 1rem;
				border: px solid;
			}
				.reg_photo {
					padding: 0 2rem 0 0;
				}
					.reg_photo > div { /*круг*/
						border-radius: 50%;
						display: flex; align-items: center; justify-content: center;
						width: 6rem; height: 6rem;
						background: var(--color-light);
						box-shadow: var(--box-shadow);
					}
						.reg_photo > div img {
							width: 3rem;
							opacity: 0.8rem;
						}
				.reg_items {
					display: flex; flex-direction: column; grid-gap: 1.5rem; flex-grow: 1;
				}
					.reg_item {
						
					}
						.reg_item > div { /*подсказка*/
							margin: 0 0 0.5rem 0;
							color: var(--color-dark-lighter-20);
						}
			
			.addvideo_page {
				padding: 0 0 2rem 0;
			}
				.addvideo_fields {
					margin-top: 3rem;
				}
					.addvideo_fields_grid {
						width: 75%;
						display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1.5rem;
						margin: 0 auto;
					}
					.addvideo_form_fields {
						width: 75%;
						background: var(--color-light-darker-8);
						margin: 2rem auto;
						border-radius: var(--border-radius);
						padding: 2rem 1rem;
					}
						.addvideo_field_item {
							display: flex; flex-direction: column; grid-gap: 0.4rem;
						}
							.addvideo_field_item > span { /*текст перед полем*/
								color: var(--color-dark-lighter-20); font-size: 1rem;
								white-space: nowrap;
								display: inline-block;
							}
							
							.addvideo_field_item_center > span {
								width: ;
							}
					.addvideo_after_fields {
						width: 60%;
						margin: 2rem auto 0 auto;
						text-align: center;
					}