/* Designed by Ali Dinçer --dincerali.com-- */
  @import url(https://fonts.googleapis.com/css?family=Oswald:300,400,700);
:root{--radioHeight:90px}body{margin:0}iframe{display:block;border:none;height:calc(100vh - var(--radioHeight));width:100%}i[class^=btn]{font-size:20px;margin-right:30px;cursor:pointer}.dinceraliplayer{font-family:Oswald,sans-serif}.dinceraliRadyo{height:var(--radioHeight);position:fixed;width:100%;box-shadow:0 0 28px -6px #b3b3b3;display:flex;align-items:center;justify-content:center}.dinceraliRadyo .over-bg{position:fixed;width:100%;height:var(--radioHeight);z-index:-1;display:block;background-size:cover;background-position:center;background-repeat:no-repeat;-webkit-filter:blur(32px);-moz-filter:blur(32px);-o-filter:blur(32px);-ms-filter:blur(32px);filter:blur(32px);opacity:.24;background-color:#ec6363}.frame-site{padding-top:var(--radioHeight)}.dim{will-change:opacity;width:100vw;height:1000vh;background-color:rgba(37,33,32,.2);position:fixed;background-color:rgba(224,221,209,.701961);z-index:110;display:none;z-index:2;opacity:0}.dim.active{opacity:1;display:block}@keyframes drift{from{transform:rotate(0)}from{transform:rotate(360deg)}}.mini-player{color:#252120;right:2.2vw;top:2.2vw;z-index:1;display:flex;align-items:center;flex-wrap:wrap}.track_info_wrapper{border-right:1px solid rgba(24,38,69,.11);margin-right:23px;padding-right:30px}.track_info_wrapper .track_info{display:flex;align-items:center;cursor:pointer;opacity:1}.track_info_wrapper .track_info .thumb{width:70px;height:70px;margin-right:10px;background-color:#d3d6da;border-radius:2px;background-size:cover;background-size:100% 100%;background-position:center;background-repeat:no-repeat}.track_info_wrapper .track_info .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;max-width:270px}.track_info_wrapper .track_info .artist{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:rgba(37,33,32,.7)}.track_info_wrapper .track_info .music{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;max-width:270px}.mini-player_btn_wrapper{display:flex;justify-content:space-between;position:relative;align-items:center}.track_volume{margin-right:15px}.btn-switch{width:30px;display:flex;justify-content:center;align-items:center}.playback_btn_wrapper .btn-switch{margin-right:0}.btn-pause,.btn-play{position:absolute}.btn-pause{display:none}.player{will-change:transform;visibility:hidden;position:fixed;right:0;top:0;width:600px;height:100%;background-color:#fff;box-shadow:0 25px 60px 0 rgba(97,45,45,.4);font-size:14px;z-index:999;transform:translateX(100%);transition:.4s}.player.active{transform:translateX(0);visibility:visible}.playback_wrapper{height:310px;position:relative;overflow:hidden;background-color:#fff9e1}.playback_blur{width:100%;height:100%;background-size:cover;background-position:center;position:absolute;transform:scale(1.1);filter:blur(32px);opacity:.24;background-color:#ec6363}.playback_thumb{transition:.5s;width:164px;height:164px;border-radius:5px;background-size:100% 100%;position:absolute;margin:35px;box-shadow:0 12px 30px 0 rgba(97,45,45,.2);background-position:center;background-repeat:no-repeat}.playback_info{display:block;position:absolute;left:164px;z-index:10;margin:42px 8px 8px 70px;width:55%;min-width:100px;mix-blend-mode:color-burn}.playback_info .title{font-size:30px;display:inline;color:#252120}.playback_info .artist{margin-top:14px;font-size:16px;opacity:.34;color:#252120}.playback_info .music{font-size:12px;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}.playback_btn_wrapper{position:absolute;z-index:10;mix-blend-mode:color-burn;width:124px;left:55px;top:240px;opacity:.6;display:flex;justify-content:space-between}.playback_btn_wrapper i{margin:0}.playback_timeline{position:absolute;width:60%;left:234px;top:238px;mix-blend-mode:color-burn;color:#252120}.playback_timeline_end-time,.playback_timeline_start-time{font-size:14px;opacity:.4;margin-right:15px;display:inline-block;vertical-align:middle}.playback_timeline_slider{height:24.67px;position:relative;cursor:pointer;width:65%;margin-right:15px;opacity:1;display:inline-block;vertical-align:middle}.playback_timeline_slider .slider_base{width:100%;height:2px;background-color:rgba(37,33,32,.12);border-radius:2px;position:absolute;top:12px}.playback_timeline_slider .slider_progress{transform:matrix(.15812,0,0,1,0,0);transform-origin:0 0;width:100%;height:2px;background-color:rgba(37,33,32,.5);border-radius:2px;position:absolute;top:12px}.playback_timeline_slider .slider_handle{transform:matrix(1,0,0,1,37,0);width:12px;height:12px;background-color:#252120;border-radius:50%;position:absolute;top:7px;left:-6px}.list_wrapper{height:calc(100% - 310px);overflow:auto}.list{padding:20px 0}.list .list_item{display:flex;align-items:center;cursor:pointer;width:100%;height:74px;transition:.4s}.list .thumb{width:50px;height:50px;margin:0 12px 0 31px;/* border-radius:50%; */position:relative;opacity:.8;background-size:100%;background-position:center;border:1px solid #f7cdc1;background-repeat:no-repeat}.list .info{max-width:600px}.list .info .title{font-size:15px;color:#999}.list .info .artist{font-size:13px;text-transform:uppercase;color:#bbb}.list_item:hover{background-color:rgba(0,0,0,.03)}.list_item:active{transform:scale(.98)}.selected{background-color:rgba(224,186,171,.19)}.selected:hover{background-color:rgba(224,186,171,.3)}.selected .info .title{color:#252120;font-size:15px}.selected .info .artist{color:rgba(37,33,32,.7);font-size:13px;text-transform:uppercase}@media (max-width:992px){.player{width:250px}.playback_thumb{width:84px;height:84px;margin:15px}.playback_info{left:114px;margin:15px 8px 8px 0;width:auto;min-width:70px}.playback_info .title{font-size:18px}.playback_info .artist{font-size:13px}.playback_wrapper{height:220px}.playback_btn_wrapper{width:100%;left:0;top:135px;display:flex;justify-content:space-evenly}.playback_timeline{width:100%;left:0;top:170px;display:flex;align-items:center;justify-content:center}.list_wrapper{height:calc(100% - 220px)}.list{padding:10px 0;margin:0}.list .thumb{width:40px;height:40px;margin:0 12px 0 12px}.list .info .title{font-size:14px}.list .info .artist{font-size:11px}.mini-player{height:auto;right:unset;top:unset;display:flex;align-items:center;flex-wrap:wrap;padding-bottom:2px;padding:0;margin:0;width:100%}.track_info_wrapper{border-right:0;margin-right:0;padding-right:0;width:100%}.track_info_wrapper .track_info{justify-content:center;margin-bottom:5px}.dinceraliRadyo{justify-content:start;height:var(--radioHeight)}.frame-site{padding-top:var(--radioHeight)}.btn-open-player{margin-right:0!important}.mini-player_btn_wrapper{justify-content:center;width:100%}.track_volume{display:none}.track_info_wrapper .track_info .thumb{width:50px;height:50px}}