@font-face {
font-family: "Material Icons";
font-style: normal;
font-weight: 400; src: url(//ddr64.link/wp-content/plugins/test/css/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2)
format("woff2");
}
.material-icons {
font-family: "Material Icons";
font-weight: normal;
font-style: normal;
font-size: 40px !important;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: "liga";
-webkit-font-smoothing: antialiased;
color: #2196f3;
}
#play_circle_outline,
#pause_circle_outline,
#progress_click,
#volume_on,
#volume_off {
cursor: pointer;
}
.radio_osnova,
.radio_korpus {
width: 330px;
margin: 0 auto;
text-align: center;
}
.radio_korpus,
.timer {
display: flex;
align-items: center;
justify-content: space-evenly;
}
.radio_korpus {
height: 60px;
border-radius: 10px;
background: rgba(219, 219, 219, 1);
background: -moz-linear-gradient(
top,
rgba(219, 219, 219, 1) 0%,
rgba(211, 215, 222, 1) 50%,
rgba(204, 204, 204, 1) 100%
);
background: -webkit-gradient(
left top,
left bottom,
color-stop(0%, rgba(219, 219, 219, 1)),
color-stop(50%, rgba(211, 215, 222, 1)),
color-stop(100%, rgba(204, 204, 204, 1))
);
background: -webkit-linear-gradient(
top,
rgba(219, 219, 219, 1) 0%,
rgba(211, 215, 222, 1) 50%,
rgba(204, 204, 204, 1) 100%
);
background: -o-linear-gradient(
top,
rgba(219, 219, 219, 1) 0%,
rgba(211, 215, 222, 1) 50%,
rgba(204, 204, 204, 1) 100%
);
background: -ms-linear-gradient(
top,
rgba(219, 219, 219, 1) 0%,
rgba(211, 215, 222, 1) 50%,
rgba(204, 204, 204, 1) 100%
);
background: linear-gradient(
to bottom,
rgba(219, 219, 219, 1) 0%,
rgba(211, 215, 222, 1) 50%,
rgba(204, 204, 204, 1) 100%
);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#cccccc', GradientType=0 );
}
.timer * {
color: #607d8b;
margin-top: 8px;
font-size: 35px !important;
}
.radio_korpus .material-icons {
font-size: 40px;
}
.blick {
margin-bottom: 8px;
}
.volume_zone,
.progress {
height: 13px;
border-radius: 3px;
}
.volume_zone {
background: #fff;
position: relative;
z-index: 1;
}
.progress {
position: absolute;
background: #009688;
z-index: 2;
}
#progress_click {
width: 80px;
}
.volume_zone {
width: 80px;
}
#progress_click {
position: absolute;
z-index: 3;
height: 13px;
}
.loader {
width: 40px !important;
height: 40px !important;
min-width: 40px;
min-height: 40px;
box-sizing: border-box;
border: 3px solid #ccc;
border-top-color: #2196f3;
border-radius: 50%;
animation: spin 1s linear infinite;
font-size: 0 !important;
line-height: 0 !important;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.icons {
width: 40px;
height: 40px;
display: grid;
place-items: center;
flex: 0 0 40px;
}
.icons > * {
grid-column: 1;
grid-row: 1;
} .radio_meta {
width: 330px;
margin: 6px auto 0;
text-align: center;
font-size: 14px;
color: #455a64;
min-height: 18px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}