/* پلیر */
.win_plyr{position:fixed;bottom:0;width:100%;display:none;z-index:999999}
.win_plyr >div{background:rgb(0 0 0 / 70%);backdrop-filter:blur(5px);border-radius:1em 1em 0 0;overflow:hidden;height:100%}
.win_plyr .flex{display:flex;justify-content:space-between;padding:.5em .5em .5em 1.2em}
.win_pctrl{display:flex;justify-content:space-between;align-items:center;flex-direction:row-reverse}
.win_plyr .win_cls{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 371.23 371.23'%3E%3Cpolygon points='371.23 21.21 350.02 0 185.62 164.4 21.21 0 0 21.21 164.4 185.62 0 350.02 21.21 371.23 185.62 206.83 350.02 371.23 371.23 350.02 206.83 185.62 371.23 21.21' fill='%23ccc'/%3E%3C/svg%3E");width:18px;height:18px;display:flex;cursor:pointer;margin-right:1em}
.win_plyr audio{display:none}
.win_plyr .seekbar{background:rgb(0 0 0 / 35%);width:100%;height:8px;cursor:pointer;position:relative}
.win_plyr .seekbar .move{background:linear-gradient(182.87deg,#ffac06 -7.24%,#68031a 96.11%);position:absolute;width:0;height:100%;left:0}
.win_plyr .controls{display:flex;flex-flow:row-reverse;justify-content:center;align-items:center}
.win_plyr .controls .ico{margin:0 1em;cursor:pointer}
.win_plyr .controls .ico.play{background:linear-gradient(182.87deg,#ffac06 -7.24%,#68031a 96.11%);width:38px;height:38px;display:flex;justify-content:center;align-items:center;border-radius:50px;margin:0 .5em}
.win_plyr .controls .ico.play::before, .win_dls > span .play::before {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 683.33 716.67'%3E%3Cpath d='M680.29,311.75c70.73,38.47,70.73,138,0,176.5L253.22,720.48C184.48,757.87,100,709.21,100,632.24V167.76c0-77,84.48-125.63,153.22-88.24Z' transform='translate(-75 -41.67)' fill='none' stroke='%23fff' stroke-miterlimit='133.33' stroke-width='50'/%3E%3C/svg%3E");
	width: 13px;
	height: 14px;
}
.win_dls > span .play::before {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 683.33 716.67'%3E%3Cpath d='M680.29,311.75c70.73,38.47,70.73,138,0,176.5L253.22,720.48C184.48,757.87,100,709.21,100,632.24V167.76c0-77,84.48-125.63,153.22-88.24Z' transform='translate(-75 -41.67)' fill='none' stroke='%23fff' stroke-miterlimit='133.33' stroke-width='50'/%3E%3C/svg%3E");
	width: 13px;
	height: 14px;
}
.win_plyr .controls .ico.pause::before, .mf_pst.playing .win_dls > span .play::before {
	background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 716.67 716.67'%3E%3Cpath d='M66.67,200c0-62.85,0-94.28,19.52-113.81s51-19.52,113.81-19.52,94.28,0,113.81,19.52,19.52,51,19.52,113.81V600c0,62.85,0,94.28-19.52,113.81s-51,19.52-113.81,19.52-94.28,0-113.81-19.52S66.67,662.85,66.67,600Z' transform='translate(-41.67 -41.67)' fill='none' stroke='%23fff' stroke-miterlimit='133.33' stroke-width='50'/%3E%3Cpath d='M466.67,200c0-62.85,0-94.28,19.52-113.81s51-19.52,113.81-19.52,94.28,0,113.81,19.52,19.52,51,19.52,113.81V600c0,62.85,0,94.28-19.52,113.81s-51,19.52-113.81,19.52-94.28,0-113.81-19.52-19.52-51-19.52-113.81Z' transform='translate(-41.67 -41.67)' fill='none' stroke='%23fff' stroke-miterlimit='133.33' stroke-width='50' style='isolation:isolate'/%3E%3C/svg%3E");
	width: 14px;
	height: 14px;
}
.win_plyr .controls .ico.forward{background-image:url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 716.67 716.67'%3E%3Cpath d='M333.33,150,400,66.67C215.9,66.67,66.67,215.9,66.67,400S215.9,733.33,400,733.33,733.33,584.09,733.33,400c0-136.69-82.27-254.16-200-305.6' transform='translate(-41.67 -41.67)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='50' style='isolation:isolate'/%3E%3Cpath d='M466.67,283.33h-88a16.67,16.67,0,0,0-15.81,11.4L340.65,361.4a16.66,16.66,0,0,0,15.81,21.93H400a66.67,66.67,0,1,1,0,133.34H333.33' transform='translate(-41.67 -41.67)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='133.33' stroke-width='50'/%3E%3C/svg%3E");width:22px;height:22px}
.win_plyr .controls .ico.backward{background-image:url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 716.67 716.67'%3E%3Cpath d='M466.67,150,400,66.67C584.09,66.67,733.33,215.9,733.33,400S584.09,733.33,400,733.33,66.67,584.09,66.67,400c0-136.69,82.27-254.16,200-305.6' transform='translate(-41.67 -41.67)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='50' style='isolation:isolate'/%3E%3Cpath d='M466.67,283.33h-88a16.67,16.67,0,0,0-15.81,11.4L340.65,361.4a16.66,16.66,0,0,0,15.81,21.93H400a66.67,66.67,0,1,1,0,133.34H333.33' transform='translate(-41.67 -41.67)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='133.33' stroke-width='50'/%3E%3C/svg%3E");width:22px;height:22px}
.win_plyr .controls .ico.back,.win_plyr .controls .ico.next{background-image:url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 716.67 716.67'%3E%3Ccircle cx='358.33' cy='358.33' r='333.33' fill='none' stroke='%23fff' stroke-miterlimit='133.33' stroke-width='50' style='isolation:isolate'/%3E%3Cpath d='M433.33,269.05l107.39,76.7c37.22,26.59,37.22,81.91,0,108.5L433.33,531M250,501.89V298.11c0-27.12,30.65-42.89,52.71-27.13L445.36,372.87a33.34,33.34,0,0,1,0,54.25L302.71,529C280.65,544.78,250,529,250,501.89Z' transform='translate(-41.67 -41.67)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='133.33' stroke-width='50'/%3E%3C/svg%3E");width:22px;height:22px}
.win_plyr .controls .ico.back{transform:rotate(180deg)}
.win_plyr .controls .ico.volume{background-image:url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 716.67 716.67'%3E%3Ccircle cx='358.33' cy='358.33' r='333.33' fill='none' stroke='%23fff' stroke-miterlimit='133.33' stroke-width='50' style='isolation:isolate'/%3E%3Cpath d='M195.7,379.43c1.47-24.17,2.21-36.26,8.47-47.89a64.27,64.27,0,0,1,27.63-26c12-5.55,25.72-5.55,53.2-5.55,10.24,0,15.36,0,20.32-.84a60,60,0,0,0,14.24-4.27c4.6-2,8.88-4.85,17.43-10.49l4.37-2.88c50.86-33.54,76.29-50.3,97.64-43a46.24,46.24,0,0,1,11.59,5.9c18.46,13,19.86,43.14,22.66,103.49,1,22.35,1.75,41.47,1.75,52.11s-.71,29.76-1.75,52.11c-2.8,60.35-4.2,90.52-22.66,103.49A46.24,46.24,0,0,1,439,561.5c-21.35,7.28-46.78-9.48-97.64-43L337,515.6c-8.55-5.64-12.83-8.46-17.43-10.49a60,60,0,0,0-14.24-4.27c-5-.84-10.08-.84-20.32-.84-27.48,0-41.22,0-53.2-5.55a64.27,64.27,0,0,1-27.63-26c-6.26-11.63-7-23.72-8.47-47.89-.44-7.15-.7-14.12-.7-20.57S195.26,386.58,195.7,379.43Z' transform='translate(-41.67 -41.67)' fill='none' stroke='%23fff' stroke-miterlimit='133.33' stroke-width='40'/%3E%3Cpath d='M575,280s30,36,30,120-30,120-30,120' transform='translate(-41.67 -41.67)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='133.33' stroke-width='40'/%3E%3Cpath d='M533,340s9.12,18,9.12,60S533,460,533,460' transform='translate(-41.67 -41.67)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='133.33' stroke-width='40'/%3E%3C/svg%3E");width:22px;height:22px;cursor:default}
.win_plyr .controls .ico.repeat{background-image:url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 716.67 716.67'%3E%3Ccircle cx='358.33' cy='358.33' r='333.33' fill='none' stroke='%23fff' stroke-miterlimit='133.33' stroke-width='50' style='isolation:isolate'/%3E%3Cpath d='M532.58,290.48,517.85,275.4c-65.09-66.63-170.61-66.63-235.7,0s-65.09,174.66,0,241.29,170.61,66.63,235.7,0c37.85-38.74,53.69-91.49,47.52-142m-32.79-84.25H444.19m88.39,0V200' transform='translate(-41.67 -41.67)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='50'/%3E%3C/svg%3E");width:22px;height:22px}
.win_plyr .controls .ico.repeat.active {
	background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 716.67 716.67'%3E%3Ccircle cx='358.33' cy='358.33' r='333.33' fill='none' stroke='%23ffac06' stroke-miterlimit='133.33' stroke-width='50' style='isolation:isolate'/%3E%3Cpath d='M532.58,290.48,517.85,275.4c-65.09-66.63-170.61-66.63-235.7,0s-65.09,174.66,0,241.29,170.61,66.63,235.7,0c37.85-38.74,53.69-91.49,47.52-142m-32.79-84.25H444.19m88.39,0V200' transform='translate(-41.67 -41.67)' fill='none' stroke='%23ffac06' stroke-linecap='round' stroke-linejoin='round' stroke-width='50'/%3E%3C/svg%3E");
}
.win_plyr .controls .volume_seek{background:rgb(0 0 0 / 35%);width:100px;height:8px;cursor:pointer;position:relative;overflow:hidden;border-radius:50px;display:flex}
.win_plyr .controls .volume_seek .move{background:linear-gradient(182.87deg,#ffac06 -7.24%,#68031a 96.11%);position:absolute;width:100%;height:100%;left:0;bottom:0}
.win_plyr .time_box{color:rgb(255 255 255 / 20%);font-size:16px;direction:ltr;margin-left:.5em}
.win_plyr .time_box .timer{color:rgb(255 255 255 / 50%);margin-right:.5em}
.win_plyr .time_box .duration{color:#fff;margin-left:.5em}
.win_plyr .infos{display:flex;align-items:center;flex:1}
.win_plyr .infos .title h5{font-size:15px;color:#fff}
.win_plyr .infos .title h6{font-size:13px;color:rgb(255 255 255 / 70%)}
.win_plyr .infos figure{margin-left:1em}
.win_plyr .infos figure img{width:50px;height:50px;display:flex;border-radius:8px;box-shadow:0 0 10px rgb(0 0 0 / 25%)}
@media screen and (max-width: 750px) {
.win_plyr >div {border-radius:0;overflow:initial;width:100%}
.win_plyr .infos{position:absolute;top:-57px;right:.7em;background:rgb(0 0 0 / 70%);backdrop-filter:blur(5px);padding:.4em .4em .4em 0.6em;border-radius:8px}
.win_plyr .infos figure img{width:40px;height:40px;margin-left:.5em}
.win_plyr .infos .title h5{font-size:13px}
.win_plyr .infos .title h6{font-size:12px}
.win_plyr .flex{justify-content:center}
.win_plyr .time_box{font-size:16px}
.win_plyr .time_box .duration{margin-left:.2em}
.win_plyr .time_box .timer{margin-right:.2em}
.win_plyr .mf_rw{justify-content:center}
.win_plyr .win_cls{margin:0;position:absolute;top:-34px;left:8px;filter:invert(1);width:26px;height:26px;background-color:#000;padding:.2em;border-radius:4px;border:7px solid #000}
.win_plyr .infos figure{margin-left:0.3em}
}
@media screen and (max-width: 520px) {
.win_plyr .controls .ico{margin:0 .7em}
.win_plyr .flex{padding:1em 0}
.win_plyr .seekbar{background:#232323}
}
@media screen and (max-width: 480px) {
.win_pctrl{width:100%}
.win_plyr .controls .volume_seek,.win_plyr .controls .ico.volume{display:none}
.win_plyr .time_box{font-size:14px}
}
@media screen and (max-width: 320px) {
.win_plyr .time_box{display:none}
.win_plyr .controls{width:100%}
}