.speed-wrap .speed-dialog{right:0;padding-block:8px;padding-inline:16px;width:384px;transform-origin:center bottom}.quality-wrap .quality-dialog,.speed-wrap .speed-dialog{position:absolute;bottom:80px;max-height:416px;color:#fff;border-radius:8px;display:flex;flex-direction:column;background-color:rgba(0,0,0,.7);backdrop-filter:blur(4px)}.quality-wrap .quality-dialog{right:80px;width:230px;transform-origin:bottom}.quality-wrap .quality-dialog .title{padding:16px;text-transform:uppercase;font-weight:700;font-size:20px}.quality-wrap .quality-dialog .quality-content{flex:1;overflow:auto}.quality-wrap .quality-dialog .quality-content .quality-item{padding:8px 16px;display:flex;flex-direction:column;gap:8px;cursor:pointer;color:var(--mui-palette-text-secondary)}.quality-wrap .quality-dialog .quality-content .quality-item.active{background-color:rgba(0,0,0,.7);pointer-events:none;color:var(--mui-palette-primary-main)}.quality-wrap .quality-dialog .quality-content .quality-item-wrap{display:flex;gap:4px;justify-content:center}.quality-wrap .quality-dialog .quality-content .quality-item-wrap:not(.active):hover{color:#9ca3af}.subtitle-wrap .subtitle-btn:after{content:"";display:block;width:100%;height:4px;border-radius:4px;background-color:#f62755;position:absolute;left:0;bottom:0;transform-origin:center;transform:scaleX(0);transition:all .3s ease-in-out}.subtitle-wrap .subtitle-btn.active:after{transform:scaleX(1)}.subtitle-wrap .subtitle-dialog{position:absolute;bottom:80px;right:4px;color:#fff;border-radius:8px;background-color:rgba(0,0,0,.7);backdrop-filter:blur(4px);transform-origin:center bottom}.subtitle-wrap .subtitle-dialog .subtitle-content{max-width:500px;max-height:400px;display:flex}.subtitle-wrap .subtitle-dialog .subtitle-content .panel{width:250px;flex:1;display:flex;flex-direction:column;padding:16px 4px 16px 16px;min-width:0}.subtitle-wrap .subtitle-dialog .subtitle-content .panel .title{padding-block:16px;padding-inline:36px;text-transform:uppercase;font-weight:700;font-size:20px;position:relative}.subtitle-wrap .subtitle-dialog .subtitle-content .panel .title .setting-btn{position:absolute;top:50%;right:10px;transform:translateY(-50%)}.subtitle-wrap .subtitle-dialog .subtitle-content .panel .panel-wrap{flex:1;overflow:auto;padding-right:16px}.subtitle-wrap .subtitle-dialog .subtitle-content .panel .panel-wrap .panel-items .panel-item{padding-block:16px;padding-inline:8px;text-transform:capitalize;color:#707077;display:flex;gap:8px;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out}.subtitle-wrap .subtitle-dialog .subtitle-content .panel .panel-wrap .panel-items .panel-item .check-icon{opacity:0}.subtitle-wrap .subtitle-dialog .subtitle-content .panel .panel-wrap .panel-items .panel-item .text-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subtitle-wrap .subtitle-dialog .subtitle-content .panel .panel-wrap .panel-items .panel-item.active{color:#fff;pointer-events:none}.subtitle-wrap .subtitle-dialog .subtitle-content .panel .panel-wrap .panel-items .panel-item.active .check-icon{opacity:1}.subtitle-wrap .subtitle-dialog .subtitle-content .panel .panel-wrap .panel-items .panel-item:not(.active):hover{color:#fff;background-color:rgba(0,0,0,.2)}