:where(.custom-video){--video-control-button-color:#e6e6e6;--video-control-button-disabled-color:#b3b3b3;align-items:stretch;display:flex;position:relative}.custom-video:not(.started){background-color:#333}.custom-video video{width:100%;height:100%}.custom-video .controls-wrapper{z-index:1;justify-content:space-between;align-items:center;transition:display .2s,opacity .2s;display:flex;position:absolute;bottom:0;left:0;right:0;transition-behavior:allow-discrete!important}.custom-video .controls-wrapper:after{content:"";pointer-events:none;z-index:-1;background:linear-gradient(#0000,#000000ab) bottom repeat-x;position:absolute;inset:-100% 0 0}:where(.custom-video):not(.started) .controls-wrapper{opacity:.5}:where(.custom-video).started.hide-controls{cursor:none}:where(.custom-video).started.hide-controls .controls-wrapper{pointer-events:none;opacity:0}:where(.custom-video) .controls-wrapper .right-controls{flex-direction:row-reverse;display:flex}.custom-video .controls-wrapper .icon-button{--icon-button-color:var(--video-control-button-color);--icon-button-highlight-color:var(--video-control-button-color);--icon-button-active-color:var(--video-control-button-color);padding:.4em;font-size:2em}.custom-video .controls-wrapper .icon-button svg path{stroke:#00000026;stroke-width:2px;paint-order:stroke}.custom-video .controls-wrapper .fullscreen-button svg path{transform-origin:50%;scale:1.1}.custom-video .controls-wrapper .icon-button:not(:disabled):active:before,.custom-video .controls-wrapper .icon-button:not(:disabled).ontouch:before{background-color:#ffffff1a}.custom-video .controls-wrapper .icon-button:not(:disabled):active:after,.custom-video .controls-wrapper .icon-button:not(:disabled).ontouch:after{border-color:#fff3}@media (hover:hover){.custom-video .controls-wrapper .icon-button:not(:disabled):hover{background-color:#ffffff1a}}.custom-video .controls-wrapper .icon-button:not(:disabled):focus-visible{background-color:#ffffff1a}.custom-video .audio-controls{align-items:center;display:flex}.custom-video .audio-button:disabled{cursor:unset;--video-control-button-color:var(--video-control-button-disabled-color)}.custom-video .audio-slider{--progress:0%;--background-color:#4d4d4d;appearance:none;cursor:pointer;background:linear-gradient(to right, var(--video-control-button-color) var(--progress), var(--background-color) var(--progress));border:none;width:5em;height:.3em}.custom-video .audio-slider:disabled{cursor:unset;--video-control-button-color:var(--video-control-button-disabled-color)}.custom-video .audio-slider::-webkit-slider-runnable-track{appearance:none}.custom-video .audio-slider::-moz-range-track{appearance:none}.custom-video .audio-slider::-webkit-slider-thumb{appearance:none;background-color:var(--video-control-button-color);border:none;border-radius:50%;width:1em;height:1em}.custom-video .audio-slider::-moz-range-thumb{appearance:none;background-color:var(--video-control-button-color);border:none;border-radius:50%;width:1em;height:1em}floating-video{z-index:var(--local-video-z-index);translate:var(--translate);box-shadow:0 0 8px var(--half-transparent);touch-action:none;transition:scale .2s;position:fixed;top:0;right:0}floating-video.fullscreen{translate:unset}floating-video:not(.fullscreen) video{max-width:300px;max-height:300px}@media (width<500px){floating-video:not(.fullscreen) video{max-width:200px;max-height:200px}}floating-video.fullscreen video{width:100%}floating-video.picture-in-picture{display:none}floating-video .controls-wrapper{z-index:inherit}floating-video.hide-controls:not(.stash){cursor:none}floating-video.dragging .controls-wrapper{pointer-events:none;opacity:0}floating-video.dragging .controls-wrapper,floating-video.stash .controls-wrapper{display:none}floating-video.stash{scale:.6}floating-video .stash-decor{background-color:var(--button-normal-color-light);opacity:0;transition:all .2s;position:absolute;inset:0}floating-video .stash-decor:before,floating-video .stash-decor:after{content:"";background-color:gray;width:3em;position:absolute;top:0;bottom:0;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}floating-video .stash-decor:before{content:"";left:0;mask-image:url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20width%3D%221em%22%20height%3D%221em%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.41%2016.58L10.83%2012l4.58-4.59L14%206l-6%206l6%206z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E)}floating-video .stash-decor:after{right:0;mask-image:url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20width%3D%221em%22%20height%3D%221em%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.59%2016.58L13.17%2012L8.59%207.41L10%206l6%206l-6%206z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E)}floating-video.stash .stash-decor{opacity:1}.copy-button>span{--copy-icon:url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20width%3D%221em%22%20height%3D%221em%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19%2021H8V7h11m0-2H8a2%202%200%200%200-2%202v14a2%202%200%200%200%202%202h11a2%202%200%200%200%202-2V7a2%202%200%200%200-2-2m-3-4H4a2%202%200%200%200-2%202v14h2V3h12z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);--check-icon:url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20width%3D%221em%22%20height%3D%221em%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21%207L9%2019l-5.5-5.5l1.41-1.41L9%2016.17L19.59%205.59z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);width:1em;height:1em;mask-image:var(--copy-icon);background-color:currentColor;mask-size:100% 100%;mask-repeat:no-repeat}.copy-button.success>span{animation-name:zoom-fade,swap-icon,zoom-fade,swap-icon;animation-duration:.2s;animation-timing-function:linear,step-end,linear,step-end;animation-iteration-count:1,1,1,1;animation-direction:normal,normal,reverse,reverse;animation-play-state:running,running,running,running;animation-delay:0s,0s,2s,2s;animation-fill-mode:forwards;animation-timeline:auto,auto,auto,auto}@media (prefers-reduced-motion:reduce){.copy-button.success>span{animation-duration:0s}}@keyframes zoom-fade{0%{opacity:1;scale:1}50%{opacity:.6;scale:.6}to{opacity:1;scale:1}}@keyframes swap-icon{0%{mask-image:var(--copy-icon)}50%{mask-image:var(--check-icon)}to{mask-image:var(--check-icon)}}#share-url-popup{z-index:var(--popup-z-index);background-color:#fff;width:500px;margin:auto;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px 2px #00000026}@media (width<500px){#share-url-popup{width:100vw}}@media (prefers-reduced-motion:no-preference){#share-url-popup{transition-duration:.3s}#share-url-popup.closed{scale:unset;translate:0 3em}}#share-url-popup>div{grid-auto-rows:auto;gap:1.5em;padding:2em;display:grid}#share-url-popup .url-and-button{border:1px solid #0003;grid-template-columns:minmax(0,auto) min-content;padding:.4em;display:grid}#share-url-popup .url-and-button input{-webkit-user-select:all;user-select:all;border-color:#0000;padding:0 .6em}#share-url-popup .url-and-button input:focus{border-color:var(--button-normal-color)}#share-url-popup .url-and-button button{font-size:1.3em}#share-url-popup .options{justify-content:center;gap:1.5em;display:flex}#share-url-popup .options label{cursor:pointer;align-items:center;gap:.8em;height:1.3em;display:flex}#share-url-popup #share-url-button{justify-content:center;align-items:flex-end;gap:.5em;width:15em;margin:auto;padding-top:.7em;padding-bottom:.7em;font-size:1.1em;display:inline-flex}#share-url-popup #share-url-button svg{font-size:1.3em}.recent-room{grid-template-columns:auto min-content min-content;transition:opacity .2s;display:grid}.recent-room button{justify-content:center;align-items:center}.recent-room .separator{background-color:#fff;width:1px;height:100%}.recent-room .pin-button{width:var(--recent-room-height);justify-content:center;align-items:center;padding:0;display:flex}.recent-room.pinned .pin-button svg{rotate:45deg}.recent-room:not(.pinned) .pin-button svg{opacity:.7}
/*# sourceMappingURL=webrtc-video-chat-test.e154c2c2.css.map */