@import "page.css";
@import "meniu.css";
@import "apps.css";
@import "anonce_radio.css";
@import "anonce_video.css";
@import "player.css";
@import "player_info.css";
@import "player_share.css";
@import "loading_pinpong.css";
@import "player_buttons.css";
@import "radio_info.css";
@import "popup_layer.css";
@import "popup_form.css";
:root {
  --color-light: #1b1b1b;
  --color-dark: #FBF501;
  --color-white: #ffffff;
  --color-blue: blue;
  --color-red: red;
  --color-blink: #1b1b1b;
  --color-hover: #d011e7;
  --main-font: 'Golos', sans-serif;
  --header-font: 'BankGothic RUSS', sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root {
    --color-blink: #FBF501;
  }
}
*, *::before, *::after {
  box-sizing: border-box;
}
@font-face {
	font-family: 'Golos';
	src: url('../../../font/golostext_bold.ttf') format('truetype');
	font-weight: 700;
}

@font-face {
	font-family: 'Golos';
	src: url('../../../font/golostext_regular.ttf') format('truetype');
	font-weight: 400;
}

@font-face {
	font-family: 'Golos';
	src: url('../../../font/golostext_medium.ttf') format('truetype');
	font-weight: 500;
}

@font-face {
	font-family: 'BankGothic RUSS';
	src: url('../../../font/BankGothicRUSSMedium.ttf') format('truetype');
	font-weight: 500;
}
html {
  /* scroll-behavior: smooth; */
}
html, body{
	padding: 0;
	margin: 0;
	height: 100%;
	background-color: var(--color-white);
	/* overscroll-behavior-y: contain; */
}
@media screen and (prefers-color-scheme: dark) {
	html, body{
		background-color: var(--color-light);
	}
}
::-webkit-scrollbar-track {
        background-color: #000;
        border-radius: 5px;
}
::-webkit-scrollbar-thumb {
        background-color: var(--color-light);
        border-radius: 5px;
}
.hide{
	display:none;
}
#radiotv_site{
	height: 100%;
	position:relative;
}
.radiotv_site{
	position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    display:none;
}
.history_list{
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-auto-rows: 198px;
	font-family: var(--header-font);
}
.station_list{
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	grid-auto-rows: 350px;
}
.player-info-container{
	zoom:2;
}
@media screen and (max-width: 2290px) {
	.history_list{
		grid-template-columns: repeat(6, 1fr);
		grid-auto-rows: 202px;
	}
	.station_list{
		grid-template-columns: repeat(6, 1fr);
		grid-auto-rows: 320px;
	}
	.player-info-container{
		zoom: 2;
	}
	.radiotv_logo{
		zoom: 1.5;
	}
}
@media screen and (max-width: 1980px) {
	.history_list{
		grid-template-columns: repeat(5, 1fr);
		grid-auto-rows: 214px;
	}
	.station_list{
		grid-template-columns: repeat(5, 1fr);
		grid-auto-rows: 290px;
	}
	.player-info-container{
		zoom: 2;
	}
	.radiotv_logo{
		zoom: 1.5;
	}
}
@media screen and (max-width: 1580px) {
	.history_list{
		grid-template-columns: repeat(4, 1fr);
		grid-auto-rows: 210px;
	}
	.station_list{
		grid-template-columns: repeat(4, 1fr);
		grid-auto-rows: 290px;
	}
	.player-info-container{
		zoom: 1.8;
	}
	.radiotv_logo{
		zoom: 1.2;
	}
}
@media screen and (max-width: 1280px) {
	.history_list{
		grid-template-columns: repeat(3, 1fr);
		grid-auto-rows: 220px;
	}
	.station_list{
		grid-template-columns: repeat(3, 1fr);
		grid-auto-rows: 290px;
	}
	.player-info-container{
		zoom: 1.6;
	}
	.radiotv_logo{
		zoom: 1;
	}
}
@media screen and (max-width: 1080px) {
	.history_list{
		grid-template-columns: repeat(3, 1fr);
		grid-auto-rows: 220px;
	}
	.station_list{
		grid-template-columns: repeat(3, 1fr);
		grid-auto-rows: 290px;
	}
	.player-info-container{
		zoom: 1.3;
	}
	.radiotv_logo{
		zoom: 0.8;
	}
}
@media screen and (max-width: 890px) {
	.history_list{
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: 225px;
	}
	.station_list{
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: 310px;
	}
	.player-info-container{
		zoom: 1.2;
	}
	.radiotv_logo{
		zoom: 0.4;
	}
}
@media screen and (max-width: 720px) {
	.history_list{
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: 225px;
	}
	.station_list{
		grid-template-columns: repeat(2, 1fr);
		grid-auto-rows: 235px;
	}
	.player-info-container{
		zoom: 0.8;
	}
	.radiotv_logo{
		zoom: 0.4;
	}
}
@media screen and (max-width: 490px) {
	.history_list{
		grid-template-columns: repeat(1, 1fr);
		grid-auto-rows: 205px;
	}
	.station_list{
		grid-template-columns: repeat(1, 1fr);
		grid-auto-rows: 280px;
	}
	.player-info-container{
		zoom: 0.5;
	}
	.radiotv_logo{
		zoom: 0.4;
	}
}