.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-column{flex-direction:column}.flex-column-reverse{flex-direction:column-reverse}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-center{align-content:center}.content-between{align-content:space-between}.content-around{align-content:space-around}.content-stretch{align-content:stretch}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.flex-grow{flex-grow:1}.flex-shrink{flex-shrink:1}.flex-grow-0{flex-grow:0}.flex-shrink-0{flex-shrink:0}.flex-basis-auto{flex-basis:auto}.flex-basis-0{flex-basis:0}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-baseline{align-self:baseline}.self-stretch{align-self:stretch}:root{--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px;--space-7: 64px}.m-0{margin:var(--space-0)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-7{margin:var(--space-7)}.mt-0{margin-top:var(--space-0)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mr-0{margin-right:var(--space-0)}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mb-0{margin-bottom:var(--space-0)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.ml-0{margin-left:var(--space-0)}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-7{padding:var(--space-7)}.pt-0{padding-top:var(--space-0)}.pt-1{padding-top:var(--space-1)}.pt-2{padding-top:var(--space-2)}.pt-3{padding-top:var(--space-3)}.pt-4{padding-top:var(--space-4)}.pr-0{padding-right:var(--space-0)}.pr-1{padding-right:var(--space-1)}.pr-2{padding-right:var(--space-2)}.pr-3{padding-right:var(--space-3)}.pr-4{padding-right:var(--space-4)}.pb-0{padding-bottom:var(--space-0)}.pb-1{padding-bottom:var(--space-1)}.pb-2{padding-bottom:var(--space-2)}.pb-3{padding-bottom:var(--space-3)}.pb-4{padding-bottom:var(--space-4)}.pl-0{padding-left:var(--space-0)}.pl-1{padding-left:var(--space-1)}.pl-2{padding-left:var(--space-2)}.pl-3{padding-left:var(--space-3)}.pl-4{padding-left:var(--space-4)}.mx-0{margin-left:var(--space-0);margin-right:var(--space-0)}.mx-1{margin-left:var(--space-1);margin-right:var(--space-1)}.mx-2{margin-left:var(--space-2);margin-right:var(--space-2)}.mx-3{margin-left:var(--space-3);margin-right:var(--space-3)}.mx-4{margin-left:var(--space-4);margin-right:var(--space-4)}.my-0{margin-top:var(--space-0);margin-bottom:var(--space-0)}.my-1{margin-top:var(--space-1);margin-bottom:var(--space-1)}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-3{margin-top:var(--space-3);margin-bottom:var(--space-3)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.px-0{padding-left:var(--space-0);padding-right:var(--space-0)}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-0{padding-top:var(--space-0);padding-bottom:var(--space-0)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}*{font-size:var(--base-font-size);font-family:var(--font-family-default);box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,p,h1,h2,h3,h4,h5,h6{margin:0!important;padding:0!important}pre{margin:0!important}:root{--base-font-size: 10pt;--font-size-xs: .6rem;--font-size-sm: .8rem;--font-size-md: 1rem;--font-size-lg: 1.2rem;--font-size-xl: 1.4rem;--font-size-xxl: 1.6rem;--font-weight-normal: normal;--font-weight-bold: bold;--font-weight-lighter: lighter;--color-primary: #0066cc;--color-primary-dark: #2980b9;--color-primary-light: #a7cdf0;--color-primary-transparent: rgba(0, 102, 204, .1);--color-primary-dark-transparent: rgba(41, 128, 185, .1);--color-primary-light-transparent: rgba(167, 205, 240, .5);--color-white: #ffffff;--color-black: #000000;--color-gray-50: #fafafa;--color-gray-100: #f6f8fa;--color-gray-150: #eceff1;--color-gray-200: #e5e5e5;--color-gray-300: #cccccc;--color-gray-400: #a9a9a9;--color-gray-500: #808080;--color-gray-600: #696969;--color-gray-700: #4d4d4d;--color-gray-800: #333333;--color-gray-900: #222222;--color-gray-100-transparent: rgba(246, 248, 250, .8);--color-gray-200-transparent: rgba(229, 229, 229, .8);--color-gray-300-transparent: rgba(204, 204, 204, .5);--background-screen: var(--color-gray-100);--background-title: var(--color-gray-200);--border-color: var(--color-gray-400);--border-color-transparent: rgba(169, 169, 169, .5);--shadow-small: 0 1px 2px rgba(0, 0, 0, .1);--shadow-medium: 0 2px 4px rgba(0, 0, 0, .2);--shadow-large: 0 4px 8px rgba(0, 0, 0, .3);--font-family-default: Verdana, Arial;--font-family-heading: Verdana, Arial;--font-family-text: Tahoma;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--z-index-default: 1;--z-index-dropdown: 1000;--z-index-modal: 1050;--border-radius-none: 0;--border-radius-xs: 1px;--border-radius-sm: 5px;--border-radius-md: 8px;--border-radius-lg: 16px;--border-radius-full: 50%;--transition-none: none;--transition-fast: all .3s ease-in-out;--transition-medium: all .5s ease-in-out;--transition-slow: all .8s ease-in-out}.container{height:100vh;background-color:var(--background-screen)}.video-wrapper{display:flex;flex-direction:column;flex-grow:1;position:relative;padding:16px}.video-remote{display:flex;justify-content:center;align-items:center;flex-grow:1;position:relative;width:100vw;border-radius:10px;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='%23fff'%20class='bi%20bi-camera-video-off-fill'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20d='M10.961%2012.365a2%202%200%200%200%20.522-1.103l3.11%201.382A1%201%200%200%200%2016%2011.731V4.269a1%201%200%200%200-1.406-.913l-3.111%201.382A2%202%200%200%200%209.5%203H4.272zm-10.114-9A2%202%200%200%200%200%205v6a2%202%200%200%200%202%202h5.728zm9.746%2011.925-10-14%20.814-.58%2010%2014z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:bottom;background-size:40px;background-position:center;background-color:var(--color-gray-900);overflow:hidden}.video-remote video{max-width:100%;height:100%}.video-local{position:absolute;top:32px;right:32px;width:200px;height:120px;background-color:var(--color-gray-800);background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='%23fff'%20class='bi%20bi-camera-video-off-fill'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20d='M10.961%2012.365a2%202%200%200%200%20.522-1.103l3.11%201.382A1%201%200%200%200%2016%2011.731V4.269a1%201%200%200%200-1.406-.913l-3.111%201.382A2%202%200%200%200%209.5%203H4.272zm-10.114-9A2%202%200%200%200%200%205v6a2%202%200%200%200%202%202h5.728zm9.746%2011.925-10-14%20.814-.58%2010%2014z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:bottom;background-size:40px;background-position:center;border:2px solid white;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a;z-index:10;margin:auto;object-fit:cover}.video-local video{width:100%;height:100%;object-fit:cover}@media (max-width: 425px){.video-local{top:auto;right:0;left:0;bottom:110px;width:110px;height:170px;margin:auto 30px auto auto}.video-remote video{position:absolute;bottom:84px;max-width:100%;height:100%;object-fit:cover}}.hidden-body{display:none}.controls{position:absolute;bottom:20px;display:flex;gap:15px;justify-content:center;width:100%;align-items:flex-end}.control-btn{width:50px;height:50px;border:none;border-radius:5px;background-color:#fff7;color:#333;font-size:20px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:background-color .3s,transform .2s}.control-btn:hover{background-color:#f0f0f0a9;transform:scale(1.03)}.control-btn.end-call{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20fill='%23fff'%20class='bi%20bi-telephone-fill'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20d='M1.885.511a1.745%201.745%200%200%201%202.61.163L6.29%202.98c.329.423.445.974.315%201.494l-.547%202.19a.68.68%200%200%200%20.178.643l2.457%202.457a.68.68%200%200%200%20.644.178l2.189-.547a1.75%201.75%200%200%201%201.494.315l2.306%201.794c.829.645.905%201.87.163%202.611l-1.034%201.034c-.74.74-1.846%201.065-2.877.702a18.6%2018.6%200%200%201-7.01-4.42%2018.6%2018.6%200%200%201-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z'/%3e%3c/svg%3e");background-color:#ff4d4dbe;background-repeat:no-repeat;background-position:center}.control-btn.end-call:hover{background-color:#f33}.control-btn.end-call.disble{background-color:#444447}.control-btn.mute-mic{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='%23fff'%20class='bi%20bi-mic-mute-fill'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M13%208c0%20.564-.094%201.107-.266%201.613l-.814-.814A4%204%200%200%200%2012%208V7a.5.5%200%200%201%201%200zm-5%204c.818%200%201.578-.245%202.212-.667l.718.719a5%205%200%200%201-2.43.923V15h3a.5.5%200%200%201%200%201h-7a.5.5%200%200%201%200-1h3v-2.025A5%205%200%200%201%203%208V7a.5.5%200%200%201%201%200v1a4%204%200%200%200%204%204m3-9v4.879L5.158%202.037A3.001%203.001%200%200%201%2011%203'/%3e%3cpath%20d='M9.486%2010.607%205%206.12V8a3%203%200%200%200%204.486%202.607m-7.84-9.253%2012%2012%20.708-.708-12-12z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center}.control-btn.mic{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='%23fff'%20class='bi%20bi-mic-fill'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M5%203a3%203%200%200%201%206%200v5a3%203%200%200%201-6%200z'/%3e%3cpath%20d='M3.5%206.5A.5.5%200%200%201%204%207v1a4%204%200%200%200%208%200V7a.5.5%200%200%201%201%200v1a5%205%200%200%201-4.5%204.975V15h3a.5.5%200%200%201%200%201h-7a.5.5%200%200%201%200-1h3v-2.025A5%205%200%200%201%203%208V7a.5.5%200%200%201%20.5-.5'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center}.control-btn.disable-camera{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='%23fff'%20class='bi%20bi-camera-video-off-fill'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20d='M10.961%2012.365a2%202%200%200%200%20.522-1.103l3.11%201.382A1%201%200%200%200%2016%2011.731V4.269a1%201%200%200%200-1.406-.913l-3.111%201.382A2%202%200%200%200%209.5%203H4.272zm-10.114-9A2%202%200%200%200%200%205v6a2%202%200%200%200%202%202h5.728zm9.746%2011.925-10-14%20.814-.58%2010%2014z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center}.control-btn.camera{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='%23fff'%20class='bi%20bi-camera-video-fill'%20viewBox='0%200%2016%2016'%3e%3cpath%20fill-rule='evenodd'%20d='M0%205a2%202%200%200%201%202-2h7.5a2%202%200%200%201%201.983%201.738l3.11-1.382A1%201%200%200%201%2016%204.269v7.462a1%201%200%200%201-1.406.913l-3.111-1.382A2%202%200%200%201%209.5%2013H2a2%202%200%200%201-2-2z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center}.control-btn.volume-control{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='%23fff'%20class='bi%20bi-volume-off-fill'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M10.717%203.55A.5.5%200%200%201%2011%204v8a.5.5%200%200%201-.812.39L7.825%2010.5H5.5A.5.5%200%200%201%205%2010V6a.5.5%200%200%201%20.5-.5h2.325l2.363-1.89a.5.5%200%200%201%20.529-.06'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:bottom;background-size:contain;height:200px}.control-btn.volume-control-mute{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='%23fff'%20class='bi%20bi-volume-mute-fill'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M6.717%203.55A.5.5%200%200%201%207%204v8a.5.5%200%200%201-.812.39L3.825%2010.5H1.5A.5.5%200%200%201%201%2010V6a.5.5%200%200%201%20.5-.5h2.325l2.363-1.89a.5.5%200%200%201%20.529-.06m7.137%202.096a.5.5%200%200%201%200%20.708L12.207%208l1.647%201.646a.5.5%200%200%201-.708.708L11.5%208.707l-1.646%201.647a.5.5%200%200%201-.708-.708L10.793%208%209.146%206.354a.5.5%200%201%201%20.708-.708L11.5%207.293l1.646-1.647a.5.5%200%200%201%20.708%200'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:bottom;background-size:contain;height:200px}.control-btn-alert{position:relative;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20fill='%23f0ad4e'%20class='bi%20bi-exclamation-circle-fill'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M16%208A8%208%200%201%201%200%208a8%208%200%200%201%2016%200M8%204a.905.905%200%200%200-.9.995l.35%203.507a.552.552%200%200%200%201.1%200l.35-3.507A.905.905%200%200%200%208%204m.002%206a1%201%200%201%200%200%202%201%201%200%200%200%200-2'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:bottom;background-size:contain;top:-25px;left:25px;width:1.5rem;height:1.5rem;border:none;background-color:#fff0;cursor:pointer;transition:background-color .3s,transform .2s}.control-btn.dropdown-options{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20fill='%23fff'%20class='bi%20bi-three-dots-vertical'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M9.5%2013a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200m0-5a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200m0-5a1.5%201.5%200%201%201-3%200%201.5%201.5%200%200%201%203%200'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;border-radius:20px 19px;width:36px}.picture-in-picture{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20fill='currentColor'%20class='bi%20bi-pip-fill'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M1.5%202A1.5%201.5%200%200%200%200%203.5v9A1.5%201.5%200%200%200%201.5%2014h13a1.5%201.5%200%200%200%201.5-1.5v-9A1.5%201.5%200%200%200%2014.5%202zm7%206h5a.5.5%200%200%201%20.5.5v3a.5.5%200%200%201-.5.5h-5a.5.5%200%200%201-.5-.5v-3a.5.5%200%200%201%20.5-.5'/%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:center!important;width:20px;height:20px}.camera-fill{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='20'%20height='20'%20fill='currentColor'%20class='bi%20bi-camera-fill'%20viewBox='0%200%2016%2016'%3e%3cpath%20d='M10.5%208.5a2.5%202.5%200%201%201-5%200%202.5%202.5%200%200%201%205%200'/%3e%3cpath%20d='M2%204a2%202%200%200%200-2%202v6a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V6a2%202%200%200%200-2-2h-1.172a2%202%200%200%201-1.414-.586l-.828-.828A2%202%200%200%200%209.172%202H6.828a2%202%200%200%200-1.414.586l-.828.828A2%202%200%200%201%203.172%204zm.5%202a.5.5%200%201%201%200-1%20.5.5%200%200%201%200%201m9%202.5a3.5%203.5%200%201%201-7%200%203.5%203.5%200%200%201%207%200'/%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:center!important;width:20px;height:20px}.dropdown{position:relative;display:inline-block}.dropdown-menu{display:none;position:absolute;bottom:120%;left:295%;min-width:max-content;transform:translate(-50%);background-color:#ffffffa9;box-shadow:0 4px 6px #0000001a;border-radius:5px;overflow:hidden;z-index:9999}@media (max-width: 480px){.dropdown-menu{left:-110%}}.dropdown-menu.active{display:flex;flex-flow:column}.dropdown-menu button{align-items:center;gap:10px;width:100%;padding:10px;border:none;background:none;cursor:pointer;text-align:left}.dropdown-menu button:hover{background-color:#f0f0f0a9}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;align-items:center;justify-content:center;z-index:9999}.modal-content{background:#fff;padding:20px;border-radius:8px;text-align:center;width:300px;box-shadow:0 4px 10px #0000004d}.modal h2{margin-bottom:10px;font-size:18px}.modal button{background:#007bff;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;margin-top:10px}.modal button:hover{background:#0056b3}