uyem/packages/client/dist/styles.css

WebRTC client-server SFU application

/*!
 * MIT License
 *
 * Copyright (c) 2022 Sergey Kolmiller
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 *
 */
.zhW8pXsANzR30qFIr6W6{color:#add8e6}.YwzfgIY_Fd18uny9ORNd{position:relative}.YwzfgIY_Fd18uny9ORNd{position:relative;display:flex;flex-flow:column;overflow-x:hidden;overflow-y:auto;min-height:100vh;height:100%;width:100%;padding:0}.YwzfgIY_Fd18uny9ORNd .yW6gQYqmEj8jlYqfQqvQ{position:relative;display:flex;align-items:center;justify-content:center}.MRak0RlAb5hzWhaYTDYw{margin:.5rem;font-size:x-small}.q_sHG1pjdnT5dw6jT_oS{position:absolute;z-index:12}.flsCNXK6i5BFDCO0iy_A{position:relative;display:flex}.F9pi4OCyzKv9ctBIbC6W{position:relative;width:100%;height:90vh;display:grid;grid-gap:0;overflow:hidden}.xHU5hEon_WHx6JcWTUF5{position:relative;display:flex;justify-content:center;align-items:center;min-height:0;min-width:0;transition:width .3s ease-in;margin:auto}.xHU5hEon_WHx6JcWTUF5 video{cursor:pointer}.xHU5hEon_WHx6JcWTUF5.hphzAHseXdWL3HpBABRZ{display:none}.mpBnssUygF9Ns76YMBxO{z-index:120;position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,.95)}.mpBnssUygF9Ns76YMBxO video{cursor:default}.EUaY3CfBeDMZeGKcamXv{position:absolute;top:0;right:0;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;width:100%}.EUaY3CfBeDMZeGKcamXv.hphzAHseXdWL3HpBABRZ{display:none}.vQyORhnDSKKMsEuzW6Qp{position:relative;display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;height:10vh;width:100%;background-image:rgba(128,128,128,.05)}.vQyORhnDSKKMsEuzW6Qp .Q86VNaAE2AO6jNkQ7zbV{display:flex;flex-direction:row;align-items:center;justify-content:center}.vQyORhnDSKKMsEuzW6Qp .uEmO7pM6dwy18q9JLLag{display:flex;flex-direction:row;align-items:center;justify-content:center}.YxvEtgxDpbNMIhf_Pf6n{position:relative;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;color:red}.IANZwRmYRDwqf7jd5wC_{position:relative;height:2rem;width:100%}.VcCUtMLDBcApRFWRPef7{display:flex;flex-direction:row;align-items:center;width:25%}.bmH6rdiyuL31KtFB2iay{position:relative;width:100%;height:100%}.BauUkQnaB4_ELZypFC0w{cursor:default;position:absolute;width:100%;height:100%;top:0;right:0;display:flex;align-items:center;justify-content:center;font-weight:600}.BauUkQnaB4_ELZypFC0w ._Jm3893swwBjaTMR8nZB{position:relative}@supports(-moz-appearance: none){.BauUkQnaB4_ELZypFC0w ._Jm3893swwBjaTMR8nZB{margin-top:5px}}
.b_Z_sr6pZKb44m6Wyzmv{color:#add8e6}.qrsKwmVEYrSVweKSg4FP{position:relative}.t4TJ0CWfUt6fYaVKwUqI{position:relative;display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer;width:100%;height:100%;border-radius:2px;margin:.2rem;padding:.2rem}.t4TJ0CWfUt6fYaVKwUqI:hover{background-color:rgba(0,0,0,.1)}
.kPGUiISt3gGZhNGr4Umn{cursor:pointer;position:absolute;z-index:12;right:1rem;top:1rem;width:24;height:24;display:none}.kPGUiISt3gGZhNGr4Umn.wwkaT7mCvr7tJlJU30Xw{display:block}
.ib3WEGW0ntEokcCZbXEI{color:#add8e6}.bhpaY1p77wSQAu5X0toY{position:relative}.bhpaY1p77wSQAu5X0toY{cursor:pointer;position:relative;display:flex;justify-content:center;align-items:center;border-radius:50%;padding:10px}.bhpaY1p77wSQAu5X0toY:hover{background-color:rgba(0,0,0,.2)}.bhpaY1p77wSQAu5X0toY.ILifB1aXg7QHPsaoL6_l{opacity:.5;cursor:default}.bhpaY1p77wSQAu5X0toY.ILifB1aXg7QHPsaoL6_l:hover{background-color:inherit}
.XFPL58wRqDMSWGMi5_cQ{z-index:102;position:fixed;width:0;height:0;overflow:hidden;transition:width .2s ease-in,height .2s ease-in;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:6px}.XFPL58wRqDMSWGMi5_cQ.T_SXIFmFhqVxaBflhfHl{transition:width .2s ease-out,height .2s ease-out}
.dTw3POga7lp1z7qMJg6R{position:relative;width:100%;height:100%;margin:10px;transition:top 3s ease,left 3s ease}
.x60HbAyrk5tfCtZ6booN{color:#add8e6}.xLzvTMUqfiENFi5cKmz8{position:relative}.rV8xEW4clxY5GExhdvo2{position:relative;display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer;width:100%;height:100%;border-radius:2px;margin:.2rem;padding:.2rem}.rV8xEW4clxY5GExhdvo2:hover{background-color:rgba(0,0,0,.1)}.xLzvTMUqfiENFi5cKmz8{position:relative}.xLzvTMUqfiENFi5cKmz8 .fs4IzQC2Gw6W2ZGBnXKz{cursor:default;position:absolute;width:20px;height:20px;top:0;right:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600}.xLzvTMUqfiENFi5cKmz8 .fs4IzQC2Gw6W2ZGBnXKz .SUpvAXMd_oj4gJF9sKrf{position:relative}
.ixdCFAWuQBmqYUvlHgts{color:#add8e6}.hWEr_I9dsdCEoBzShs6p{position:relative}.KUGn4r2XRyPXdqcq7c4s{position:relative;display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer;width:100%;height:100%;border-radius:2px;margin:.2rem;padding:.2rem}.KUGn4r2XRyPXdqcq7c4s:hover{background-color:rgba(0,0,0,.1)}.hWEr_I9dsdCEoBzShs6p{transform:rotate(-90deg)}
.EEruxrinXPhOL2Jk6qFU{color:#add8e6}.M9I4haWIlxny0OEn1eUk{position:relative}.M9I4haWIlxny0OEn1eUk{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:50%;padding:.5rem;height:100%;min-height:100vh;border-radius:7px}@media(max-width: 720px){.M9I4haWIlxny0OEn1eUk{width:100%}}.UGzIVBcBE9a5XWyRtoNR{position:relative;width:100%;max-width:100%;display:flex;flex-direction:column;scroll-padding-top:1px;overflow-y:auto;overflow-x:hidden;margin-bottom:calc(0.5rem * 4)}@media(max-width: 720px){.UGzIVBcBE9a5XWyRtoNR{padding-right:1rem;width:calc(100% - 0.5rem * 4)}}.nC1XiaJQ_pHARFbqIpYa{position:relative;display:flex;justify-content:center;margin-top:auto;margin-bottom:2rem}.Rpmu2xqtzZQGemln2Atb{position:absolute;margin-bottom:.5rem;bottom:.5rem;display:flex;flex-direction:column;align-items:center;width:calc(100% - 0.5rem * 2)}.Rpmu2xqtzZQGemln2Atb .g79nw1Z291hh7qgWytkA{position:relative;display:flex;width:100%;flex-direction:row}.Rpmu2xqtzZQGemln2Atb .g79nw1Z291hh7qgWytkA .ZJBIgpUfNFVt5Gjmm6nQ{position:relative;padding:.5rem;border-top-left-radius:6px;border-top-right-radius:6px;display:flex;flex-direction:row;align-items:center;box-shadow:1px 1px 1px wheat,-1px -1px 1px wheat}.Rpmu2xqtzZQGemln2Atb .cGl5qEW63Ws4kJPUbvqx{position:relative;width:100%;display:flex;flex-direction:row;justify-content:space-around;align-items:center;margin-bottom:1rem}.Rpmu2xqtzZQGemln2Atb .cGl5qEW63Ws4kJPUbvqx textarea{position:relative;width:80%;font-size:1rem;line-height:1.2;padding:8px;border-radius:6px;border-top-left-radius:0;border-width:1px}@media(max-width: 720px){.Rpmu2xqtzZQGemln2Atb .cGl5qEW63Ws4kJPUbvqx textarea{padding-top:.3rem}}@media(max-width: 720px){.Rpmu2xqtzZQGemln2Atb .cGl5qEW63Ws4kJPUbvqx{position:fixed;bottom:0}}@media(max-width: 720px){.Rpmu2xqtzZQGemln2Atb{margin-bottom:1rem}}.cC5xQoREQIkyVzRGYUBR{position:relative;display:flex;flex-direction:column}.L_g9CKUJxvrx9BPHJEjQ{cursor:default;position:relative;display:flex;flex-direction:column;word-wrap:break-word;padding:.5rem;border-radius:5px;max-width:80%;margin:calc(0.5rem / 2) auto calc(0.5rem / 2) calc(0.5rem / 2)}.L_g9CKUJxvrx9BPHJEjQ.RwBEEC_08BVCMnovzrJW{margin:calc(0.5rem / 2) calc(0.5rem / 2) calc(0.5rem / 2) auto}.L_g9CKUJxvrx9BPHJEjQ .hTx6wND91Xs1QJmKNYUw{display:flex;flex-direction:row}.L_g9CKUJxvrx9BPHJEjQ .hTx6wND91Xs1QJmKNYUw .H2sBOl3GlwCUKhRkdYW6{font-weight:bold}.L_g9CKUJxvrx9BPHJEjQ .hTx6wND91Xs1QJmKNYUw .gNTooKb65MM0dHBqk8fV{font-size:x-small;margin-left:1rem}.L_g9CKUJxvrx9BPHJEjQ .gW3sVCG3Grjtu0WqihW8{cursor:text}.L_g9CKUJxvrx9BPHJEjQ .gW3sVCG3Grjtu0WqihW8.JRxsJi6Y10wrRCUcb6pb{opacity:.5}.L_g9CKUJxvrx9BPHJEjQ .ZiDVasLQT2SLL3RV1y3g{border-left:1px solid aqua;padding-left:1rem}.L_g9CKUJxvrx9BPHJEjQ .Xdy1Cm03ybIe_Vf_dObe{color:inherit;text-decoration:none}.L_g9CKUJxvrx9BPHJEjQ .mlBU5V7pQcGl7Q9EeHM6{font-size:xx-small;margin:5px 0 0 auto;font-weight:700;letter-spacing:1px}.L_g9CKUJxvrx9BPHJEjQ .mlBU5V7pQcGl7Q9EeHM6 .M3NfrKPurFUW_rckKDP1{margin-right:.5rem;font-weight:300}.L_g9CKUJxvrx9BPHJEjQ .ZLXnFKIleavCnkzWYfQO{margin:5px 0 0 auto}.Yb2U6YmdtcKb7VR4YK4w{display:flex;justify-content:center;height:2rem}.ee2H_C8RaJsKMJHbT6QP{position:relative}
.abegJLLrg_o4DrUzUGqz{color:#add8e6}.BS6RDzLesJsRkcAMWsMw{position:relative}.BS6RDzLesJsRkcAMWsMw{position:fixed;overflow:hidden;z-index:12;width:100vw;height:100vh;top:0;left:calc(100vw * 2);transition:left .3s ease-in}.BS6RDzLesJsRkcAMWsMw.mturZJ9NFlaGCPNkHDiq{left:0vw;transition:left .3s ease-out}.ApwU4rq38R6u6XjRV8km{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.PnzoFQT18X2WhsMy05N9{position:relative;width:100%;height:100%;margin-top:10px;display:flex;flex-direction:row;align-items:flex-start;max-width:1200px}@media(max-width: 720px){.PnzoFQT18X2WhsMy05N9{flex-direction:column}}.vTudpTMpgx4Mj2tipe0Z{z-index:106;position:fixed;right:0}@media(min-width: 720px){.vTudpTMpgx4Mj2tipe0Z{display:none}}.iGuEHWGeDLibedZw800n{z-index:108;position:fixed;right:0;top:45px;transition:top .3s ease-in}@media(min-width: 720px){.iGuEHWGeDLibedZw800n{display:none}}.iGuEHWGeDLibedZw800n.mturZJ9NFlaGCPNkHDiq{top:0;transition:top .3s ease-out}
.xbaSxd9etn7pGz5pfiru{cursor:pointer;margin:1rem}
.ihfL58Iyn3SQlli9606M{color:#add8e6}.PdJK9IovngBaGzVnbBIg{position:relative}.PdJK9IovngBaGzVnbBIg{position:relative;overflow:hidden;max-width:calc(20% + 1rem * 2);margin-left:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center}@media(max-width: 720px){.PdJK9IovngBaGzVnbBIg{position:fixed;width:100%;height:0;top:0;left:0;min-width:100vw;transition:all .3s ease-in;margin-left:0}.PdJK9IovngBaGzVnbBIg.e3zCBN0gr8UdLrfY3RkN{z-index:105;height:100vh;transition:all .3s ease-out;padding:0 3rem;width:calc(100% - 2rem)}}.PdJK9IovngBaGzVnbBIg .ONFsGy7VAE6SsW7w2yv2{position:relative;width:100%;height:calc(100% - 4px);display:flex;padding:1rem;flex-direction:column;align-items:flex-start}@media(max-width: 720px){.PdJK9IovngBaGzVnbBIg .ONFsGy7VAE6SsW7w2yv2{padding-top:10%;padding-left:0}}.PdJK9IovngBaGzVnbBIg .ONFsGy7VAE6SsW7w2yv2 .H_EEwwok83LAfp5IxA3o{text-align:center}.PdJK9IovngBaGzVnbBIg .ONFsGy7VAE6SsW7w2yv2 .aNTQXFRseONiKu05iP3r{position:relative;display:block;margin-right:1rem}.PdJK9IovngBaGzVnbBIg .ONFsGy7VAE6SsW7w2yv2 .aNTQXFRseONiKu05iP3r .H_mKB8UFBUw6XoTzuuBQ{display:flex;align-items:center}.PdJK9IovngBaGzVnbBIg .ONFsGy7VAE6SsW7w2yv2 .aNTQXFRseONiKu05iP3r .rvGwnI854HRd9AqOhqob{position:relative;display:flex;align-items:flex-end}.PdJK9IovngBaGzVnbBIg .ONFsGy7VAE6SsW7w2yv2 .WIPVgHqqmKcMohU3KUCx{display:flex;flex-direction:row;width:100%;justify-content:space-between;align-items:center;flex-wrap:nowrap}.jdmcXg5UxULHo2h7jNnw{position:relative;display:flex;flex-direction:column}.Ti1cCPyf_33H9pMw39Cb{position:relative;display:flex;flex-direction:row;align-items:center}.Ti1cCPyf_33H9pMw39Cb .I2eYLdUWl__iqzfKbLQv{position:relative;display:flex;align-items:center;justify-content:center;height:100%}.Ti1cCPyf_33H9pMw39Cb .jJ7jj_qCnSzQcKLAh6cC{display:flex;flex-direction:row}.seUGAW1UH944BRDJoJAG{border-radius:7px}.W6ikPAVghHOdVabST1mQ{border-radius:7px;display:flex;align-items:center}.W6ikPAVghHOdVabST1mQ .gBihWF99D_xtSwFEsyWN{display:table-cell;vertical-align:middle}
.MYBuKNcBxG1LyPH1GawR{position:absolute;top:50px;right:0;margin-top:2rem}.mQ8deW9KQcqVhC0Rw32n{z-index:130;position:absolute;top:0;right:0}
.TgqXN8yiEVpAJCtOSLfd{color:#add8e6}.Wggp5T1CNzkhEeihEgFV{position:relative}.IJGWmvPeRGmWl3QJyhv6{position:relative;display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer;width:100%;height:100%;border-radius:2px;margin:.2rem;padding:.2rem}.IJGWmvPeRGmWl3QJyhv6:hover{background-color:rgba(0,0,0,.1)}.Wggp5T1CNzkhEeihEgFV{position:relative;flex-basis:30%;height:100%;overflow-y:auto;overflow-x:hidden}.Wggp5T1CNzkhEeihEgFV::after{content:"_____________________________________________________________________________________"}.Wggp5T1CNzkhEeihEgFV .Yn92bfyG9OjCLZXecqm9{margin:1rem 0;text-decoration:underline;text-align:center}@media(max-width: 720px){.Wggp5T1CNzkhEeihEgFV{position:fixed;top:0;z-index:107;width:100%;overflow:hidden;height:0;transition:height .3s ease-in;overflow-y:auto}.Wggp5T1CNzkhEeihEgFV.kVhTmuDcTQLCf1bbf_Bj{height:100vh;transition:height .3s ease-out}}.os_Kdhz3YvszqtQaTC1R{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-around}.os_Kdhz3YvszqtQaTC1R .m91_xMGvgutvlDtJUx4V{display:flex;flex-direction:row;align-items:center;justify-content:center}.os_Kdhz3YvszqtQaTC1R .JcSG5YnFXK7bfAO5nRKY{display:flex;flex-direction:row;align-items:center;justify-content:center}.TRXLq5lJ1tAGJAfocoCo{cursor:default;position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center}.TRXLq5lJ1tAGJAfocoCo .Qsla5tqqTlxQwdsCQgcC.XEfvDlIavJJyaDbBFCv8{color:aqua}.TRXLq5lJ1tAGJAfocoCo .m91_xMGvgutvlDtJUx4V{display:flex;flex-direction:row;align-items:flex-end;justify-content:flex-end;margin-bottom:4px}.wXMuJ8JxK9pITrsaBBUg{position:relative;padding:0 1rem;width:calc(100% - 1rem * 2);overflow-y:auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;line-height:1.6}@media(max-width: 720px){.wXMuJ8JxK9pITrsaBBUg{justify-content:space-between;margin-left:10px}}.wXMuJ8JxK9pITrsaBBUg .t5LiJ2V33fZJBqyeQRHd{position:relative;display:flex;flex-direction:row;align-items:center}.m4aOleuBzxloz8RXewlx{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center}.m4aOleuBzxloz8RXewlx .qtZ9XXjRK6o4HJ60mdh2{position:relative}@supports(-moz-appearance: none){.m4aOleuBzxloz8RXewlx .qtZ9XXjRK6o4HJ60mdh2{margin-top:5px}}
.Y2gBMujzLAk1A_vDwiRn{color:#add8e6}.KmkektjZX_ygyYDYxkFC{position:relative}.WrNDuy3p12DWhY3CZhDa{position:relative;display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer;width:100%;height:100%;border-radius:2px;margin:.2rem;padding:.2rem}.WrNDuy3p12DWhY3CZhDa:hover{background-color:rgba(0,0,0,.1)}.KmkektjZX_ygyYDYxkFC{position:relative;padding:10px;display:flex;align-items:center;justify-content:center}.KmkektjZX_ygyYDYxkFC input{cursor:pointer}.KmkektjZX_ygyYDYxkFC label{margin-top:4px;margin-left:5px}
.Y3C2xk1jkY060LMUx5_D{color:#add8e6}.Lx9cLCgODf8Md3wu6zek{position:relative}.Lx9cLCgODf8Md3wu6zek{opacity:0;z-index:101;position:fixed;bottom:calc((40px)*-1 - 10px);min-width:300px;right:calc(40px / 2 + 1rem);min-height:40px;display:flex;padding:.2rem;flex-direction:row;justify-content:space-between;align-items:center;border-radius:8px;box-shadow:-2px -2px 8px rgba(0,0,0,.3);font-size:large;transition:all .3s ease-in}.Lx9cLCgODf8Md3wu6zek .d8uWUdSKh8HpqzcAeADI{position:relative;width:100%;display:flex;justify-content:center}@media(max-width: 720px){.Lx9cLCgODf8Md3wu6zek{width:calc(100vw - 0.2rem - 0.2rem * 2);right:0}}.Lx9cLCgODf8Md3wu6zek.Ttz2u8Guf4Tkw2zfPpXG{opacity:1;bottom:calc(40px / 2);transition:all .3s ease-out}
.iDCpC8EtPdGtJWRLl4sW{color:#add8e6}.HqmoJR_I3iu18GcRcuKQ{position:relative}.HqmoJR_I3iu18GcRcuKQ{overflow:hidden}.lQuTOHtUPofvpvbLHi2C{z-index:100;cursor:pointer;border-radius:25%;width:40px;height:40px;font-size:x-small;position:fixed;left:calc((40px / 2 * -1) + 100vw);bottom:calc(40px / 2);margin:auto;border:none;transition:left .3s ease-in}.lQuTOHtUPofvpvbLHi2C.Eb8GQZlM1QDMlWioXHyp{left:calc(40px / 2 * -1);transition:left .3s ease-out}@media(max-width: 720px){.lQuTOHtUPofvpvbLHi2C{bottom:calc(40px / 2 + 83vh)}}.EWPDCDSIv4m8QDWClBgJ{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:flex-start}.EWPDCDSIv4m8QDWClBgJ.Eb8GQZlM1QDMlWioXHyp{justify-content:flex-end}

/*# sourceMappingURL=styles.css.map*/