.y-player{aspect-ratio:16/9;-webkit-user-select:none;user-select:none;z-index:1;background:#000;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d}.y-player .y-player-video-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.y-player .y-player-video-container .y-player-iframe{pointer-events:none;width:100%;height:100%}.y-player .y-player-video-container .y-player-mask{z-index:5;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;width:100%;height:100%;position:absolute;top:0;left:0}.y-player .y-player-video-container .y-player-capture-overlay{z-index:8;cursor:pointer;background:0 0;width:100%;height:100%;position:absolute;top:0;left:0}.y-player.playing .y-player-iframe{pointer-events:auto}.y-player .y-player-controls{z-index:9;opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(#0000 0%,#000c 100%);flex-direction:column;gap:15px;padding:5px 15px 15px;transition:opacity .3s,visibility .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.y-player .y-player-controls.visible{opacity:1;visibility:visible;pointer-events:auto}.y-player .y-player-progress-container{cursor:pointer;background:#fff3;border-radius:2px;width:100%;height:4px;position:relative}.y-player .y-player-progress-container .y-player-progress{opacity:0;cursor:pointer;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}.y-player .y-player-progress-container .y-player-progress-bar{background:var(--color-orange,#fe9335);border-radius:2px;height:100%;transition:width .1s linear;position:absolute;top:0;left:0}.y-player .y-player-progress-container .y-player-progress-bar:after{content:"";opacity:0;background:#fff;border-radius:50%;width:12px;height:12px;transition:opacity .2s;position:absolute;top:50%;right:-6px;transform:translateY(-50%);box-shadow:0 0 10px #00000080}.y-player .y-player-progress-container:hover{height:6px}.y-player .y-player-progress-container:hover .y-player-progress-bar:after{opacity:1}.y-player .y-player-bottom-bar{color:#fff;justify-content:space-between;align-items:center;display:flex}.y-player .y-player-left,.y-player .y-player-right{align-items:center;gap:15px;display:flex}.y-player .y-player-btn{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:5px;transition:transform .2s,color .2s;display:flex}.y-player .y-player-btn:hover{color:var(--color-orange,#fe9335);transform:scale(1.1)}.y-player .y-player-btn:active{transform:scale(.95)}.y-player .y-player-volume-container{align-items:center;gap:10px;width:40px;transition:width .3s;display:flex;overflow:hidden}.y-player .y-player-volume-container:hover{width:120px}.y-player .y-player-volume-container .y-player-volume-slider{appearance:none;background:#fff3;border-radius:2px;outline:none;width:70px;height:4px}.y-player .y-player-volume-container .y-player-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:10px;height:10px}.y-player .y-player-time{font-size:14px;font-weight:500;font-family:var(--font-roboto-condensed), sans-serif}.y-player .y-player-title{color:#fffc;white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:14px;overflow:hidden}.y-player .y-player-brand{color:#ffffff80;align-items:center;display:flex}.y-player .y-player-big-play{aspect-ratio:1;background:var(--color-orange,#fe9335);color:#fff;cursor:pointer;z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;width:80px;max-width:20%;height:auto;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),background .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #fe933580}.y-player .y-player-big-play:hover{background:var(--color-orange-light,#ff9b1a);transform:translate(-50%,-50%)scale(1.1)}.y-player .y-player-loader{z-index:11;background:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.y-player .y-player-spinner{border:3px solid #fe933533;border-top:3px solid var(--color-orange,#fe9335);border-radius:50%;width:40px;height:40px;animation:1s linear infinite y-player-spin}@keyframes y-player-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:640px){.y-player .y-player-controls{padding:10px}.y-player .y-player-volume-container,.y-player .y-player-title{display:none}.y-player .y-player-big-play{width:60px;height:60px}.y-player .y-player-big-play svg{width:32px;height:32px}}