.vertical-menu::-webkit-scrollbar-button {
  width: 2px;
  height: 0px;
}
.vertical-menu::-webkit-scrollbar-track {
  background-color: transparent;
}

.vertical-menu::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background-color: #2e2e2e;
}
.vertical-menu::-webkit-scrollbar-thumb:hover {
  background-color: #2e2e2e;
}
.vertical-menu::-webkit-resizer {
  width: 2px;
  height: 0px;
}
.vertical-menu::-webkit-scrollbar {
  width: 2px;
}
.vertical-menu {
  scrollbar-width: thin;
  scrollbar-color: #2e2e2e transparent;
}



.modal_bugs_container::-webkit-scrollbar-button {
  width: 2px;
  height: 0px;
}
.modal_bugs_container::-webkit-scrollbar-track {
  background-color: transparent;
}

.modal_bugs_container::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background-color: #2e2e2e;
}
.modal_bugs_container::-webkit-scrollbar-thumb:hover {
  background-color: #2e2e2e;
}
.modal_bugs_container::-webkit-resizer {
  width: 2px;
  height: 0px;
}
.modal_bugs_container::-webkit-scrollbar {
  width: 2px;
}
.modal_bugs_container {
  scrollbar-width: thin;
  scrollbar-color: #2e2e2e transparent;
}

.modal_bugs{
  display: none !important;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 99999999 !important;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  width: 100%;
  height: 100%;
  position: fixed;
  flex-grow: 1; 
}
.modal_bugs_container{
  align-items: center;
  overflow-y: auto;
  top: 20px;
  overflow: auto;
  width: 650px;
  background: #282828;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 10px;
}
.modal_bugs_container_header{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal_bugs_container_header h1{
  color: #a7a7a7;
  font-size: 18px;
  padding: 0;
  margin: 0;
}

.modal_bugs_container_content{
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}


.exit_modal_bugs{
  position: relative;
  cursor: pointer;
  height: 20px;
  width: 20px;
  border: 1px solid #499ce4;
  border-radius: 5px;
}
.exit_modal_bugs .line{
  left: 2px;
  top: 10px;
  position: absolute;
  width: 80%;
  height: 1px;
  background: #499ce4;
  
}
.exit_modal_bugs .line:nth-child(1){
  transform: rotate(45deg) translate(0px, 0px);
}
.exit_modal_bugs .line:nth-child(2){
  transform: rotate(-45deg) translate(0px, 0px);
}

.modal_bugs_container_content h1{
  max-width: 100%;
  padding: 0;
  margin: 0;
  color: #fff;
  margin-top: 20px;
  font-size: 20px;
}
.modal_bugs_container_content input {
  margin-top: 10px;
  height: 50px;
  padding: 11px 16px;
  box-sizing: border-box;
  border-radius: 10px;
  border: none;
  outline: none;
  background: #2e2e2e;
  color: #fff;
}
.modal_bugs_container_content input:focus{
  border: 1px solid #499ce4;
}
.modal_bugs_container_content textarea {
  width: 100%;
  margin-top: 10px;
  min-height: 116px;
  height: 100%;
  padding: 11px 16px;
  box-sizing: border-box;
  border-radius: 10px;
  border: none;
  outline: none;
  background: #2e2e2e;
  color: #fff;
  resize: none;
  overflow: hidden;
}
.modal_bugs_container_content textarea:focus{
  border: 1px solid #499ce4;
}


.modal_bugs_container_footer{
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.modal_bugs_container_footer button{
  border-radius: 10px;
  font-size: 20px;
  color: #a7a7a7;
  padding: 15px 10px;
  cursor: pointer;
  background: none;
  border: none;
  width: 100%;
}
.modal_bugs_container_footer button:nth-child(2){
  color: #fff;
  background: #499ce4;
}

.image-uploader {
  margin-top: 20px;
  font-family: Arial, sans-serif;
}

.upload-button {
  font-size: 15px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: auto;
  cursor: pointer;
  transition: all 0.3s;
  text-align: center;
  color: #499ce4;
}
.upload-button:hover{
  border-bottom: 1px solid #499ce4;
}

.preview-container {
  max-width: 170px;
  position: relative;
  display: inline-block;
}

#image-preview {
  max-width: 100%;
  max-height: 300px;
  border-radius: 6px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.remove-btn {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #ff4444;
  color: white;
  border: none;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
}

.remove-btn:hover {
  background: #cc0000;
}




* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none; /* Отключает меню при долгом нажатии на iOS */
  user-select: none; /* Опционально: запрещает выделение текста */
}
/* Для элементов, которые должны оставаться интерактивными */
a, button, input, textarea, select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  tap-highlight-color: rgba(0, 0, 0, 0);
}



body, html{
    scroll-behavior: smooth;
    height: 100%;
    width: 100%;
    min-height: 500px;
}
body{
    box-sizing: border-box;
    background: #282828;
    padding: 100px 0 0 0;
}
body.modal-open {
  overflow: hidden;
}
*{
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

progress {
  z-index: 9999999 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #282828;
  z-index: 1;
  border: none;
}

::-webkit-progress-inner-element {
  border: none;
}

::-webkit-progress-bar {
  background-color: #282828;
}

progress[value]::-webkit-progress-value {
  background-color: #09c;
  border-radius: 2px;
}

progress[value]::-moz-progress-bar {
  background-color: #09c;
  border-radius: 2px;
}

progress[value]::-ms-fill {
  background-color: #09c;
  border-radius: 2px;
}










.burger-menu {
  z-index: 999999999;
  position: fixed;
  top: 12px;
  right: 8px;
  margin-top: 3px;
  height: 35px;
  width: 35px;
  margin-right: 15px;
  display: none;
  flex-direction: column;
  cursor: pointer;
}
.burger-menu .line{
  z-index: 999999999;
  width: 35px;
  height: 2px;
  background: #fff;
  margin-bottom: 12px;
}
.burger-menu.active .line:nth-child(1) {
  transform: rotate(45deg) translate(12px, 12px);
}
.burger-menu.active .line:nth-child(2) {
  opacity: 0;
}
.burger-menu.active .line:nth-child(3) {
  transform: rotate(-45deg) translate(8px, -8px);
}
.burger_menu_hiden{
  display: none;
  z-index: 99999999;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  background: rgba(0, 0, 0, 0.5); /* Полупрозрачный фон без opacity */
}
.burger_menu_hiden_container{
  padding-top: 20px;
  z-index: 9999;
  display: flex;
  box-sizing: border-box;
  padding: 20px;
  border-left: 1px solid #474646;
  position: fixed;
  top: 0px;
  right: 0;
  bottom: 0;
  width: 250px;
  background: #282828;
  height: 100%;
  overflow-y: auto;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.burger_menu_hiden.active{
  display: flex;
}























.header{
  z-index: 200;
  width: 100%;
  height: 100px;
  position: fixed;
  top: 0;
  left: 0;
}
.header_container{
  z-index: 99;
  align-items: center;
  min-width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 250px 1fr 450px;
  background: #282828;
  border-bottom: 1px solid #474646;
}
.logo_link{
  gap: 0;
  display: flex;
  height: 50px;
  margin-left: 55px;
  width: 150px;
  display: flex;
  text-decoration: none;
  color: #499CE4;
  justify-content: flex-start;
  font-weight: 700;
}
.logo_ling svg{
  flex-basis: 50px;
}
.logo-slepoy-text-wrapper{
  box-sizing: border-box;
  height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.logo-slepoy-text{
  font-family: "Noto Sans", sans-serif;
  box-sizing: border-box;
  text-align: center;
  padding: 0;
  margin: 0;
  font-size: 25px;
  margin-left: -4px;
}
.logo-slepoy-text-additional{
  font-family: "Noto Sans", sans-serif;
  text-align: left;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-size: 19px;
  font-weight: 300;
  margin-left: -4px;
}

.header_search_form{
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
  width: 300px;
}
.header_search_input:focus ~ .header_search_button::before {
  color: #fff !important;
}

.header_search_input {
  box-sizing: border-box;
  padding-right: 45px;
  width: 100%;
  height: 60px;
  padding-left: 10px;
  border: none;
  border-radius: 10px;
  outline: none;
  background: #2e2e2e;
  color: #fff;
}
.header_search_input:focus{
  border: 2px solid #09c;
}


.header_user_and_buttons{
  display: flex;
  justify-content: center;
}
.header_search_button {
  position: absolute; 
  top: 0;
  right: 0px;
  width: 50px;
  height: 60px;
  border: none;
  background: none;
  border-radius: 0 5px 5px 0;
  cursor: pointer;
}
.header_search_button:before {
  content: "\f002";
  font-family: FontAwesome;
  font-size: 22px;
  color: #757575
}
.header_button_registration:hover{
  background: #6eb3ef;
}
.header_button_registration{
  cursor: pointer;
  box-sizing: border-box;
  font-size: 16px;
  padding: 15px;
  border: none;
  border-radius: 10px;
  outline: none;
  background: none;
  color: #fff;
  border: 1px solid #499ce4;
  background: #499ce4;
}
















.main{
	width: 100%;
	height: 100%;
	display: grid;
	grid-template-columns: 250px 1fr 450px;
}

.data_fetch{
    width: 100%;
	height: 100%;
}

.sitebar_left{
  box-sizing: border-box;
  padding: 10px 30px 10px 30px;
	border-right: 1px solid #474646;
}	
.sitebar_left_container{
  box-sizing: border-box;
  position: fixed;
  left: 32px;
  top: 128px;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.sitebar_left_informations{
  padding: 15px 0px 15px 32px;
}
.sitebar_left_informations button{
  cursor: pointer;
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  font-size: 14px;
  text-decoration: none;
  color: #b1c4d5;
}

.sitebar_left_informations button:hover{
  color: #499ce4;
}







.content_center{
  width: 100%;
}
.content_center_container{
  margin: 0 auto;
  width: 80%;
  padding: 10px 0;
}  









.news_bar{
  width: 100%;
  border-bottom: 1px solid #474646;
  box-sizing: border-box;
}
.news_frame a{
  display: block;
  font-size: 16px;
  line-height: 2;
  text-decoration: none;
  color: #fff;
}
.button_news_perehod{
  width: 100;
  display: block;
  text-align: center;
  margin-top: 15px;
  font-size: 18px;
  color: #499ce4;
}
.button_news_perehod:hover{
  color: #52a3e9;
}
.blue_number_news_frame_link{
  display: inline-block;
  margin-right: 10px;
  color: #499ce4;
}
.new_frame_link{
  display: inline-block;
  background: linear-gradient(90deg, #2e2e2e 25%, #363535 50%, #2e2e2e 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  width: 80%;
  height: 20px;
}











.lenta_item{
  border-bottom: 1px solid #474646;
  margin-bottom: 0px;
}
.lenta_item:last-child{
  margin-bottom: 0;
  border-bottom: none;
}

.lenta_item_container{
  padding: 30px 0px;
  min-height: 160px;
  display: grid;
  grid-template-columns: 1fr 160px;
}
.lenta_item_container h1{
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
  font-size: 20px;
  color: #fff;
}
.lenta_item_container a{
  padding-bottom: 10px;
  margin: 0;
  padding: 0;
  color: #fff;
  text-decoration: none;
}
.lenta_item_theme_and_text{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  flex-direction: column;
}
.lenta_item_theme_and_text h1,p{
  padding: 0;
  margin: 0;
  font-size: 18px;
  width: 95%;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.lenta_item_theme_and_text h1{
  margin-bottom: 10px;
}
.lenta_item_theme_and_text p{
  font-size: 16px;
}
.display-box-h1{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.display-box-p{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.lenta_item_img .lenta_item_img_img{
  border-radius: 20px;
  width: 100%;
  height: 100%;
}
.razdel_info{
  display: flex;
  align-items: center;

}
.razdel_info_link{
  display: block;
  font-size: 15px;
  cursor: pointer;
  border-radius: 5px;
  padding: 2px 13px !important;
  background: #2e2e2e;
  color: #dddddd;
}
.razdel_info_link_reshetka{
  font-size: 20px;
  margin-right: 3px;
}
.razdel_info_link_time{
  padding-left: 5px !important;
}
.razdel_category{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  grid-gap: 4px;
}
.razdel_category span{
  color: #fff;
}
.razdel_category .razdel_category_item{
  align-items: center;
  border-radius: 10px;
  cursor: pointer;
  color: #fff;
  padding: 5px !important;
  text-decoration: none;
  background-color: #2e2e2e;
}










 





.lenta_item_sceleton{
  border-bottom: 1px solid #474646;
  margin-bottom: 50px;
}
.lenta_item_sceleton:last-child{
  border: none;
  margin-bottom: 0px;
}

.lenta_item_container_sceleton{
  padding: 30px 0px;
  min-height: 160px;
  display: grid;
  grid-template-columns: 1fr 160px;
}
.lenta_item_container_sceleton h1{
  background: linear-gradient(90deg, #2e2e2e 25%, #363535 50%, #2e2e2e 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  display: block;
  width: 95%;
  height: 20px;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
  font-size: 20px;
  color: #fff;
}
.lenta_item_container_sceleton a{
  padding-bottom: 10px;
  margin: 0;
  padding: 0;
  font-size: 18px;
  color: #fff;
  text-decoration: none;
}
.lenta_item_theme_and_text_sceleton{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  flex-direction: column;
}
.lenta_item_theme_and_text_sceleton h1,p{
  cursor: pointer;
}
.lenta_item_theme_and_text_sceleton p{
  background: linear-gradient(90deg, #2e2e2e 25%, #363535 50%, #2e2e2e 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  display: block;
  height: 18px;
  width: 70%;
  padding: 0;
  margin: 0;
}
.lenta_item_img_sceleton .lenta_item_img_img_sceleton{
  background: linear-gradient(90deg, #2e2e2e 25%, #363535 50%, #2e2e2e 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}
.razdel_info_sceleton{
  display: flex;
  align-items: center;

}
.razdel_info_link_sceleton{
  background: linear-gradient(90deg, #2e2e2e 25%, #363535 50%, #2e2e2e 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  width: 50px;
  display: block;
  font-size: 15px;
  cursor: pointer;
  border-radius: 5px;
  padding: 2px 13px !important;
  color: #dddddd;
}
.razdel_info_link_reshetka_sceleton{
  font-size: 20px;
  margin-left: 4px;
}
.razdel_category_sceleton{
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.razdel_category_sceleton span{ 
  background: linear-gradient(90deg, #2e2e2e 25%, #363535 50%, #2e2e2e 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  margin-bottom: 10px;
  width: 90px;
  height: 20px;
  background-color: #2e2e2e;
  color: #fff;
}
.razdel_category_sceleton .razdel_category_item_sceleton{
  background: linear-gradient(90deg, #2e2e2e 25%, #363535 50%, #2e2e2e 75%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  margin-bottom: 10px;
  display: block;
  height: 20px;
  width: 100px;
  border-radius: 10px;
  cursor: pointer;
  color: #fff;
  padding: 5px !important;
  text-decoration: none;
  background-color: #2e2e2e;
  margin-left: 4px;
}






















.sitebar_right{
  position: relative;
  display: flex;
  flex-direction: column;
  border-left: 1px solid #474646;
  box-sizing: border-box; 
}
.sitebar_right_flex-end{
  justify-content: flex-end !important;
}


.sitebar_right_container{
  transition: top 0.2s ease;
  padding: 40px 10% 15px 10%;
}


.sitebar_right_container_position-absolute{
  transition: top 0.2s ease;
  left: 0;
  right: 0;
  box-sizing: border-box;
  position: absolute;
}
.sitebar_right_container_position-sticky-top{
  transition: top 0.2s ease;
  position: sticky !important;
  top: 95px !important;
}
.sitebar_right_container_position-sticky-bottom{
  transition: top 0.2s ease;
  position: sticky !important;
  bottom: 0px !important;
}


.sitebar_right .sitebar_right_container .sitebar_right_container_info{
  margin-bottom: 40px;
}
.sitebar_right .sitebar_right_container .sitebar_right_container_info:last-child{
  margin-bottom: 0;
}

.sitebar_right .sitebar_right_container .sitebar_right_container_info h1{
  margin: 0;
  padding: 0 !important;
  font-size: 18px;
  color: #b1c4d5;
  text-align: center;
}

.sitebar_right .sitebar_right_container .sitebar_right_container_info img{
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
}














.vertical-menu {
  overflow-y: auto;
  margin-top: 10px;
  width: 100%;
}
.vertical-podmenu{
  display: none;
}

.vertical-podmenu li a{
  font-size: 18px !important;
}
.ico_menu_li{
  display: flex;
  justify-content: center;
  lign-items: center;
  margin-right: 12px;
  width: 20px;
  height: 20px;
}
.fa-newspaper-o, .fa-fire, .fa-terminal, .fa-tasks, .fa-university, .fa-book {
  font-size: 22px;
  width: 100%;
  display: block;
  color: #b1c4d5;
}
.vertical-menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.active_submenu_in_virtical_menu{
  display: block;
}
.submenu_link{
  display: flex;
  border-radius: 10px;
  font-size: 20px;
  padding: 15px 0px 15px 32px;
  color: #dddddd;
  text-decoration: none;
  color: #b1c4d5;
}
.submenu_link:hover {
  cursor: pointer;
  background-color: #2d2c2c;
  color: white;
}
.vertical-menu li a {
  display: flex;
  border-radius: 10px;
  font-size: 20px;
  padding: 15px 0px 15px 32px;
  color: #b1c4d5;
  text-decoration: none;
}
.vertical-menu li a:hover {
  background-color: #2d2c2c;
  color: white;
}
.submenu_link .fa-chevron-up, .fa-chevron-down{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 6px;
}
.vertical_submenu_more{
  padding: none !important;
  margin: none !important;
  background: none !important;
  color: #499ce4 !important;
}
.vertical_submenu_more:hover{
  color: #4190d5 !important;
}







.tag_item {
  box-sizing: border-box;
  border-bottom: 1px solid #474646;
  padding: 40px 0px;
}

.tag_item_razdel  h1{
  font-size: 22px;
  margin: 0;
  padding: 0;
  margin-bottom: 40px;
  text-align: center;
  color: #fff;
}

.lenta_item_line_tags {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.lenta_item_line_tags a {
  text-decoration: none;
  color: #fff;
  display: inline-block;
  padding: 10px;
}
.lenta_item_line_tags a:hover{
  border-radius: 10px;
  background-color: #2d2c2c;
}


.lenta_item_line_tags .sceleton{
  animation: shimmer 1.5s infinite;
  background: linear-gradient(90deg, #2e2e2e 25%, #363535 50%, #2e2e2e 75%);
  background-size: 200% 100%;
  width: 40px;
  height: 15px;
  margin: 10px;
}


.tag_item_razdel h1 .sceleton_h1{
  display: block;
  animation: shimmer 1.5s infinite;
  background: linear-gradient(90deg, #2e2e2e 25%, #363535 50%, #2e2e2e 75%);
  background-size: 200% 100%;
  width: 250px;
  height: 20px;
  margin: 0 auto;
}



.container_notfound{
  width: 100%;
  height: calc(100vh - 120px);
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
}

.notfoundtext{
  color: #fff;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 80px;
  text-align: center;
}

.notfoundh1{
  color: #fff;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 80px;
  text-align: center;
}









.not_found{
  height: calc(100vh - 180px);
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.not_found h1{
  padding: 0px;
  margin: 0px;
  font-size: 220px;
  color: #fff;
}
.not_found_menu{
  height: 50px;
  display: flex;
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
.not_found_menu_li{
  box-sizing: border-box;
  margin: 0px 20px;
}
.not_found_menu_li_a{
  width: 110px;
  display: block;
  text-align: center;
  background: #499ce4;
  box-sizing: border-box;
  text-decoration: none;
  color: #fff;
  padding: 10px 20px;
  font-weight: 700;
}



.post_page{
    margin: 40px 0px;
}

.post_page_header hr{
    border: 1px solid #474646;
}

.post_page_header h1{
    margin: 0;
    padding: 0;
    color: #fff;
}

.post_page_header p{
    cursor: default !important;
    margin: 0;
    padding: 0;
    color: #fff;
    font-style: italic;
    margin: 20px 0px; 
}
        
.post_page_header img{
    border-radius: 20px;
    margin-top: 20px;
    aspect-ratio: 16 / 9;
    width: 100%; 
    max-height: 500px; 
    height: auto; 
    object-fit: cover;
}
        
.post_page_header_razdel_info{
    margin: 5px 0px;
    display: flex;
    align-items: center;
}   
        
.post_page_header_razdel_info_link{
    display: block;
    font-size: 15px;
    cursor: pointer;
    border-radius: 5px;
    padding: 2px 13px !important;
    background: #2e2e2e;
    color: #ddd;
    text-decoration: none;
}
         
.post_page_header_razdel_info_time{
    margin: 0;
    padding: 0;
    color: #fff;
    text-decoration: none;
    padding-left: 5px !important;
}
        
.post_page_body h2, h3, h4{
    line-height: 1.5rem !important;
    padding: 0px;
    margin: 0px;
}
        
.post_page_body h2{
    line-height: 2rem !important;
    margin-top: 20px !important;
    font-size: 32px;
    color: #fff;
}
        
.post_page_body h3{
    margin-top: 20px !important;
    font-size: 25px;
    color: #fff;
}
        
        .post_page_body h4{
            margin-top: 20px !important;
            font-size: 20px;
            color: #fff;
        }
        
        .post_page_body p{
            cursor: default;
            line-height: 1.5rem;
            margin-top: 20px !important;
            font-size: 18px;
            color: #fff;
        }
        
        
        .post_page_body_ul{
            margin: 0;
            margin-top: 20px; 
            font-size: 18px;
            padding: 0px 20px;
            box-sizing: border-box;
   
            
        }
        
        .post_page_body_li{
            line-height: 1.5rem;
            color: #fff;
            padding: 5px 5px;
        }
        
        .post_page_quote{
            margin-top: 20px; 
            padding: 20px;
            background: #1e1e1e;
            font-size: 18px;
            color: #fff;
        }
        
        
        .dark-code-block {
            margin-top: 20px;
            background: #1e1e1e;
            border-radius: 4px;
            padding: 8px;
            color: #f0f0f0;
        }

        .dark-code-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 6px;
            padding: 8px 0px;
        }

        .dark-code-output {
            font-family: Consolas, monospace;
            user-select: text;
            white-space: pre;
            overflow-x: auto;
            padding: 10px;
            background: #252526;
            border-radius: 2px;
            margin: 0;
            line-height: 1.4;
            tab-size: 2; /* Управляет размером табуляции */
        }

        .copy-btn {
            background: #333;
            color: white;
            border: none;
            padding: 3px 8px;
            cursor: pointer;
            border-radius: 2px;
            font-size: 13px;
        }
        
        
        .main_editor{
            height: 100%;
            width: 100%;
        }
        
        .authorization_form_container{
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        
        .authorization_form{
            padding: 20px;
            width: 300px;
            height: auto;
            border: 1px solid #474646;
            border-radius: 20px;
        }
        
        .authorization_form input{
            appearance: none;   
            box-sizing: border-box;
            padding-right: 45px;
            width: 100%;
            height: 60px;
            padding-left: 10px;
            border: none;
            border-radius: 10px;
            outline: none;
            background: #2e2e2e;
            color: #fff;
            margin-bottom: 20px;
        }
        
        .authorization_form_button{
            cursor: pointer;
            box-sizing: border-box;
            font-size: 16px;
            padding: 10px 15px;
            border: none;
            border-radius: 10px;
            outline: none;
            background: none;
            color: #fff;
            border: 1px solid #499ce4;
            background: #499ce4;
        }
        
        .authorization_form_button:hover{
            background: #6eb3ef;
        }
        
        .authorization_form_button_google{
            padding: 0;
            margin: 20px 0 0 0;
            color: #b1c4d5;
            font-size: 9px;
        }
        
        .authorization_form_message{
            opacity: 0;
            position: fixed;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            padding: 12px;
            transition: opacity 0.5s ease-in-out;
            background: #414040;
            color: #fff;
            border-radius: 5px;
            
            
        }
        .authorization_form_message.show {
            opacity: 1;
        }


@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}