/* VW_WATCH_TOGETHER_HOST_MEDIA_TRANSFER_CENTER_V2_8R1 */
.mtransfer-top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:0 0 auto}
.mtransfer-top-actions #newRoomToggle,.mtransfer-open{width:auto!important;min-width:0!important}
.mtransfer-open{display:inline-flex;align-items:center;gap:6px}
.mtransfer-backdrop{position:fixed;z-index:80;inset:0;background:rgba(0,6,13,.68);backdrop-filter:blur(5px)}
.mtransfer-panel{position:fixed;z-index:81;top:12px;right:12px;bottom:12px;width:min(720px,calc(100vw - 24px));display:grid;grid-template-rows:auto auto auto auto auto auto minmax(0,1fr) auto;gap:11px;padding:16px;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:linear-gradient(180deg,#0a1727 0%,#07111e 100%);box-shadow:-24px 24px 90px rgba(0,0,0,.52);overflow:hidden}
body.mtransfer-opened{overflow:hidden}
.mtransfer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;min-width:0}
.mtransfer-head>div{min-width:0}.mtransfer-head b,.mtransfer-head small{display:block}.mtransfer-head b{font-size:18px;margin:5px 0 3px}.mtransfer-head small{font-size:10.5px;line-height:1.45;opacity:.56}
.mtransfer-close{flex:0 0 auto;width:38px;height:38px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.035);color:#dbeaff;font-size:20px;cursor:pointer}
.mtransfer-route{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:8px;align-items:end;padding:11px;border:1px solid rgba(255,255,255,.065);border-radius:14px;background:rgba(1,8,16,.34)}
.mtransfer-route label{display:grid;gap:6px;min-width:0}.mtransfer-route label>span{font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;opacity:.48}
.mtransfer-route select{min-width:0;width:100%;height:42px}
.mtransfer-swap{width:40px;height:42px;border:1px solid rgba(102,113,255,.20);border-radius:10px;background:rgba(92,103,255,.09);color:#dfe4ff;font-size:16px;cursor:pointer}
.mtransfer-target-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:30px;padding:0 3px;font-size:9.5px}.mtransfer-target-summary span{opacity:.42;text-transform:uppercase;letter-spacing:.07em}.mtransfer-target-summary b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mtransfer-target-summary small{opacity:.48;white-space:nowrap}
.mtransfer-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:rgba(0,7,15,.34)}
.mtransfer-tabs button{min-height:36px;border:0;border-radius:9px;background:transparent;color:#91a4bb;font-size:10.5px;font-weight:850;cursor:pointer}.mtransfer-tabs button.active{background:rgba(91,101,255,.15);color:#f3f4ff;box-shadow:inset 0 0 0 1px rgba(112,120,255,.20)}
.mtransfer-tabs em{display:inline-flex;min-width:22px;justify-content:center;margin-left:5px;padding:2px 5px;border-radius:999px;background:rgba(255,255,255,.055);font-size:8.5px;font-style:normal}
.mtransfer-filter{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.mtransfer-search{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#081321;padding-left:8px}.mtransfer-search>span{opacity:.45}.mtransfer-search input{border:0!important;background:transparent!important;padding-left:0!important;min-height:40px!important;outline:0}
.mtransfer-filter>button{border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.035);color:#b9c8da;font-size:9.5px;font-weight:800;padding:0 11px;cursor:pointer}
.mtransfer-preserve{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:rgba(255,255,255,.018);cursor:pointer}.mtransfer-preserve input{width:16px!important;height:16px!important;min-height:0!important;padding:0!important;accent-color:#6872ff}.mtransfer-preserve span{min-width:0}.mtransfer-preserve b,.mtransfer-preserve small{display:block}.mtransfer-preserve b{font-size:9.5px}.mtransfer-preserve small{font-size:8.5px;margin-top:1px;opacity:.46}
.mtransfer-notice{padding:8px 10px;border-radius:10px;font-size:9.5px;line-height:1.4}.mtransfer-notice.success{color:#baf5ce;background:rgba(38,190,94,.08);border:1px solid rgba(38,190,94,.15)}.mtransfer-notice.error{color:#ffb6bf;background:rgba(255,81,105,.07);border:1px solid rgba(255,81,105,.15)}.mtransfer-notice.info{color:#c5d5eb;background:rgba(74,137,224,.07);border:1px solid rgba(74,137,224,.14)}
.mtransfer-content{min-height:0;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr);gap:7px}
.mtransfer-scroll{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding-right:2px}
.mtransfer-loading{display:flex;align-items:center;justify-content:center;gap:8px;min-height:90px;font-size:10px;opacity:.55}.mtransfer-loading span{width:14px;height:14px;border:2px solid rgba(255,255,255,.18);border-top-color:#7c83ff;border-radius:50%;animation:mtransfer-spin .7s linear infinite}@keyframes mtransfer-spin{to{transform:rotate(360deg)}}
.mtransfer-groups{min-height:0;overflow:visible;display:grid;align-content:start;gap:9px;padding:1px 3px 4px 0}
.mtransfer-group{border:1px solid rgba(255,255,255,.06);border-radius:13px;background:rgba(1,8,16,.28);overflow:hidden}.mtransfer-group-head{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:9px 10px;border-bottom:1px solid rgba(255,255,255,.045)}.mtransfer-group-head>div{min-width:0}.mtransfer-group-head b,.mtransfer-group-head small{display:block}.mtransfer-group-head b{font-size:10.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mtransfer-group-head small{margin-top:2px;font-size:8.5px;opacity:.43}.mtransfer-group-head button{flex:0 0 auto;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(255,255,255,.025);color:#aebed2;font-size:8.5px;font-weight:800;padding:5px 7px;cursor:pointer}.mtransfer-group-head button:disabled{opacity:.28;cursor:not-allowed}
.mtransfer-items{display:grid}.mtransfer-item{display:grid;grid-template-columns:18px 54px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.035);cursor:pointer}.mtransfer-item:last-child{border-bottom:0}.mtransfer-item:hover:not(.disabled){background:rgba(94,105,255,.045)}.mtransfer-item.selected{background:rgba(90,101,255,.075)}.mtransfer-item.disabled{cursor:default}.mtransfer-item.disabled>input,.mtransfer-item.disabled>.mtransfer-provider,.mtransfer-item.disabled>.mtransfer-item-copy,.mtransfer-item.disabled>.mtransfer-item-actions>.mtransfer-state,.mtransfer-item.disabled>.mtransfer-item-actions>.mtransfer-check{opacity:.58}.mtransfer-item>input{width:15px!important;height:15px!important;min-height:0!important;padding:0!important;accent-color:#6671f4}
.mtransfer-provider{display:inline-flex;align-items:center;justify-content:center;width:54px;height:22px;border:1px solid rgba(255,255,255,.07);border-radius:7px;font-size:7.5px;font-weight:900;letter-spacing:.03em;text-transform:uppercase}.mtransfer-provider.drive{color:#a8d8ff;background:rgba(32,143,255,.065)}.mtransfer-provider.youtube{color:#ffb1b7;background:rgba(255,55,70,.065)}.mtransfer-provider.bunny{color:#d2b9ff;background:rgba(139,92,246,.075)}.mtransfer-provider.audio{color:#b9f2cf;background:rgba(35,196,94,.065)}
.mtransfer-item-copy{min-width:0}.mtransfer-item-copy b,.mtransfer-item-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mtransfer-item-copy b{font-size:10.5px}.mtransfer-item-copy small{margin-top:2px;font-size:8.5px;opacity:.43}
.mtransfer-check{display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:rgba(255,255,255,.035);color:transparent;font-size:9px}.mtransfer-item.selected .mtransfer-check{background:#6872f5;color:white}.mtransfer-state{font-size:8px;font-weight:800;white-space:nowrap;padding:4px 6px;border-radius:999px}.mtransfer-state.exists{color:#96a7bb;background:rgba(255,255,255,.035)}.mtransfer-state.problem{color:#ffbdc4;background:rgba(255,77,102,.055)}
.mtransfer-item-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0}
.mtransfer-download{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:28px;padding:5px 8px;border:1px solid rgba(117,132,255,.22);border-radius:8px;background:rgba(88,101,255,.10);color:#dce2ff;text-decoration:none;font-size:8.5px;font-weight:850;white-space:nowrap;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}
.mtransfer-download:hover{background:rgba(88,101,255,.18);border-color:rgba(132,143,255,.36);transform:translateY(-1px)}
.mtransfer-download:focus-visible{outline:2px solid rgba(132,143,255,.65);outline-offset:2px}
.mtransfer-item.disabled .mtransfer-download{opacity:1}
.mtransfer-empty{padding:34px 15px;text-align:center;border:1px dashed rgba(255,255,255,.08);border-radius:13px;font-size:10px;opacity:.5}
.mtransfer-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding-top:11px;border-top:1px solid rgba(255,255,255,.07);background:#07111e}.mtransfer-selection{min-width:0}.mtransfer-selection b,.mtransfer-selection small{display:block}.mtransfer-selection b{font-size:11px}.mtransfer-selection small{margin-top:2px;font-size:8.7px;opacity:.48;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mtransfer-footer-actions{display:flex;gap:7px}.mtransfer-footer-actions button{min-height:38px!important;font-size:9.5px!important;white-space:nowrap}.mtransfer-footer-actions button:disabled{opacity:.32;cursor:not-allowed}
@media(max-width:760px){
  .mtransfer-top-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px}.mtransfer-top-actions #newRoomToggle,.mtransfer-top-actions .mtransfer-open{width:100%!important;min-height:44px!important}
  .mtransfer-panel{top:0;right:0;bottom:0;left:0;width:100%;max-width:none;border:0;border-radius:0;padding:12px;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom));grid-template-rows:auto auto auto auto auto auto minmax(0,1fr) auto}
  .mtransfer-head b{font-size:16px}.mtransfer-head small{font-size:9.5px}
  .mtransfer-route{grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);gap:5px;padding:9px}.mtransfer-swap{width:34px}
  .mtransfer-target-summary{grid-template-columns:auto minmax(0,1fr);}.mtransfer-target-summary small{grid-column:2;white-space:normal}
  .mtransfer-footer{grid-template-columns:1fr;gap:8px}.mtransfer-footer-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.mtransfer-footer-actions button{width:100%}
}
@media(max-width:500px){
  .mtransfer-route{grid-template-columns:1fr}.mtransfer-swap{width:34px;height:28px;justify-self:center;margin:-2px 0}.mtransfer-route select{height:40px}
  .mtransfer-filter{grid-template-columns:1fr}.mtransfer-filter>button{min-height:34px}
  .mtransfer-item{grid-template-columns:16px minmax(0,1fr) auto;gap:7px;align-items:start}.mtransfer-provider{grid-column:2;grid-row:2;width:auto;min-width:44px;justify-self:start;height:19px;padding:0 5px}.mtransfer-item-copy{grid-column:2;grid-row:1}.mtransfer-item>input{grid-row:1/3;margin-top:2px}.mtransfer-item-actions{grid-column:3;grid-row:1/3;align-self:center;flex-direction:column;gap:5px}.mtransfer-download{min-height:26px;padding:4px 7px;font-size:8px}
  .mtransfer-group-head button{font-size:8px}
}
@media(max-width:350px){.mtransfer-footer-actions{grid-template-columns:1fr}.mtransfer-top-actions{grid-template-columns:1fr}.mtransfer-tabs button{font-size:9.5px}}

@media(max-width:390px){.mtransfer-download{width:30px;padding:4px}.mtransfer-download span{font-size:12px}.mtransfer-download{font-size:0}.mtransfer-download span{font-size:12px}}