body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.video-button-set{position:absolute;bottom:6px;left:0;right:0;grid-gap:6px;gap:6px;display:flex;justify-content:center}.local-video{width:100%}.video-button-circle{background:grey;border:none;width:48px;height:48px;border-radius:100%;padding:auto;color:#fff;display:flex;cursor:pointer;align-items:center;justify-content:center;transition:box-shadow .4s ease,background-color .4s ease}.video-button-circle:hover{box-shadow:0 7px 37px -9px #fff}.video-button-circle.video-button-toggle.active{background:#5a5a5a}body{margin:0;padding:0;font-family:"Montserrat",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafc;color:#595354;height:100vh}.content-container{width:100%;height:100vh;background-color:#000;display:flex;justify-content:space-between;overflow:hidden}.settings-model{top:0;bottom:0;left:0;right:0;z-index:1003;background-color:rgba(0,0,0,.5);justify-content:center;align-items:center;overflow:hidden;position:fixed}.settings-content{max-width:480px;height:60vh;margin-left:16px;margin-right:16px;z-index:10001;border-radius:10px;background-color:#fff;overflow:hidden;position:fixed}.settings-top{flex-direction:row;display:flex;justify-content:end;padding:20px}.settings-exit-button{cursor:pointer}.settings-exit-button :hover{background-color:hsla(0,0%,100%,.5)}.settings-container{padding-left:48px;padding-right:48px}@media screen and (max-width:768px){.settings-container{padding-left:16px;padding-right:16px}}.form-button{background-color:#4caf50;border:none;color:#fff;padding:12px 16px;text-decoration:none;margin:4px 2px;cursor:pointer;border-radius:10px}.form-button:hover{background-color:rgba(10,123,10,.75)}.video-chat-container{padding:0;display:flex;flex:1 1;flex-direction:row;position:relative;width:100%;height:100%;background-size:auto;background-position:50% 50%;background-color:#000;background-repeat:no-repeat;background-image:url(https://mtassetstore.ams3.cdn.digitaloceanspaces.com/support3e/1519899328796@2x.png)}.video-main{flex-grow:1;padding:50px 30px;display:grid;flex-direction:row;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;grid-template-areas:"record . bubbles" ". . bubbles" "volume controls chat";position:relative;z-index:1000}.video-main .video-main-container{display:block;position:absolute;top:0;left:0;right:0;bottom:0}.video-main .video-main-container video{width:100%;height:100%;object-fit:cover}.video-main>{z-index:1000}@media screen and (max-width:768px){.video-main{flex-grow:1;padding:50px 30px;display:grid;flex-direction:row;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr auto;grid-template-areas:"chat record bubbles" ". . bubbles" "controls controls controls";position:relative}.video-main .video-main-container{display:block;position:absolute;top:0;left:0;right:0;bottom:0}.video-main .video-main-container video{width:100%;height:100%;object-fit:cover}}.chat-controls{grid-area:chat;display:flex;justify-content:center;flex-direction:column;align-items:center}@media screen and (max-width:768px){.chat-controls{justify-content:center;align-items:flex-start}}.controls-controls{grid-area:controls;padding:25px 25px 21.3px;justify-content:center;align-items:center;flex-direction:row;grid-gap:12px;gap:12px}.controls-controls,.user-controls{display:flex;border-radius:10px;align-items:flex-end}.user-controls{grid-area:bubbles;justify-content:flex-start;flex-direction:column;flex-wrap:nowrap;align-content:flex-end}.volume-controls{display:flex;grid-area:volume;padding:25px 25px 21.3px;border-radius:10px;justify-content:center;align-items:center;flex-direction:row;grid-gap:4px;gap:4px}.record-controls{justify-self:center;grid-area:record;padding:21px 41px 20px 42px;font-family:Montserrat;font-size:16px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.19;letter-spacing:normal}.bottomButtons,.record-controls{border-radius:10px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:hsla(0,0%,100%,.4)}.bottomButtons{grid-area:volume;padding:48px 25px 21.3px}.blur-circle-buttons{padding:25px 25px 21.3px;border-radius:75px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:hsla(0,0%,100%,.4);cursor:pointer;z-index:1000}.blur-circle-buttons:hover{background-color:hsla(0,0%,100%,.5)}@media screen and (max-width:768px){.blur-circle-buttons{padding:12px 12px 9px;border-radius:75px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:hsla(0,0%,100%,.4);cursor:pointer}}.blur-square-buttons{margin-top:5px;padding:25px 25px 21.3px;border-radius:10px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:hsla(0,0%,100%,.4);cursor:pointer;z-index:1000;position:relative}.blur-square-buttons .badge-top{position:absolute;top:0;right:0;background-color:red;padding:4px;border-radius:100px;color:#fff;-webkit-transform:translate(40%,-40%);transform:translate(40%,-40%)}.blur-square-buttons.red{background-color:#ff0303}.blur-square-buttons .badge-bottom{position:absolute;bottom:0;right:0;background-color:#fff;padding:4px;border-radius:100px;color:#fff;-webkit-transform:translate(40%,-40%);transform:translate(40%,-40%)}.blur-square-buttons.image{background-color:hsla(0,0%,100%,.8);padding:3px 3px 0;margin-bottom:6px}.blur-square-buttons.image video{object-fit:cover;border-radius:10px}.blur-square-buttons:hover{background-color:hsla(0,0%,100%,.5)}.blur-square-buttons:hover.red{background-color:#c80301}@media screen and (max-width:768px){.blur-square-buttons{padding:16px 16px 12px;border-radius:10px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:hsla(0,0%,100%,.4);cursor:pointer}}.img.radius,.img.radius.square{border-radius:10px}.img.radius.circle{border-radius:1000px}.p-10{padding:10px}.mt-10,.pt-10{padding-top:10px}.side-menu-top-left{padding:16px;position:absolute;cursor:pointer}.side-menu{background-color:#edf0f6;width:0;position:relative;transition:width .6s ease,box-shadow .8s ease;box-shadow:0 0 9px 8px transparent;z-index:1000;max-width:320px;display:flex;flex-direction:column;justify-content:flex-start}.side-menu .chat-container{overflow-y:scroll}.side-menu.active{flex-shrink:0;width:445px;box-shadow:0 0 9px 8px rgba(0,0,0,.2)}@media screen and (max-width:768px){.side-menu{background-color:#edf0f6;width:0;transition:width .6s ease,box-shadow .8s ease;box-shadow:0 0 9px 8px transparent;z-index:1000;overflow-y:scroll;position:absolute;top:0;bottom:0;right:0}}.talk-info{font-weight:500;font-size:21px}.remote-video{width:100%;height:100%}.local-container,.remote-video{border:1px solid #cddfe7;box-shadow:0 3px 6px rgba(0,0,0,.2)}.local-container{position:absolute;z-index:199900;bottom:calc(20px + env(safe-area-inset-bottom));right:20px;background-color:#000;border-radius:5px;width:250px;transition:width .4s ease}.container{width:100%;height:100%}.video-container{display:grid;flex-grow:100;grid-template-columns:1fr 1fr 1fr;grid-gap:2px;gap:2px;background-color:#595354;overflow-y:scroll;padding-bottom:240px}.video-container::-webkit-scrollbar{display:none}@media screen and (max-width:900px){.video-container{grid-template-columns:1fr 1fr}}@media screen and (max-width:600px){.video-container{grid-template-columns:1fr}}.peer{justify-self:stretch;position:relative;display:block;min-height:240px;min-width:240px;transition:box-shadow .4s ease,-webkit-transform .4s ease;transition:transform .4s ease,box-shadow .4s ease;transition:transform .4s ease,box-shadow .4s ease,-webkit-transform .4s ease;z-index:10}.peer.active{box-shadow:0 0 10px 10px hsla(0,0%,100%,.5)}.peer:hover{z-index:800;box-shadow:0 3px 6px rgba(0,0,0,.2)}.peer .content{display:block;width:100%;height:100%;background-color:#000}.peer .button-group{position:absolute;top:8px;left:4px;border-radius:4px;padding:8px;margin:0;display:flex-inline;flex-direction:row;flex-wrap:nowrap;align-items:baseline;justify-content:flex-start;align-content:stretch;grid-gap:1px;gap:1px;background-color:#fff}.peer .button-group button{border:none;margin:0;padding:0;font-size:12pt;background:none;width:24px}.peer:hover .button-group{display:block}.peer .title{position:absolute;bottom:0;left:0;right:0;padding:8px;margin:0;color:red!important}.chat-message-card{padding:5px 16px;margin:10px 0;display:flex;justify-content:flex-start;flex-direction:row;align-items:center}.chat-message-card.my-message{justify-content:flex-end}.chat-message-card p{padding-left:15px;padding-right:15px}.chat-message-card .message-area{background-color:#fff;padding:1px;border-radius:10px 10px 10px 0}.chat-message-card .message-area.user{margin-left:10px;background-color:#cfd3e4;padding:1px;border-radius:10px 10px 0 10px}.time-right{float:right;color:#0e0a0a;font-size:12px}.chatBox{display:flex;position:absolute;bottom:0;left:0;right:0;align-items:center;background-color:#edf0f6;padding:20px;grid-gap:16px;gap:16px;border-radius:10px 10px 0 0}.shadow{box-shadow:10px 8px 10px 10px}.custom-chat-textbox{position:relative;display:flex;flex-direction:row;width:350px}.custom-chat-input{width:100%;border:1px solid #ccc;border-radius:10px;padding:15px 3px 15px 20px;line-height:1;box-sizing:border-box;outline:none}.custom-chat-botton{position:absolute;right:3px;top:12px;bottom:3px;border:0;background:#fff;outline:none;margin:0;padding:0 10px;z-index:2}.custom-chat-send-button{border:0;border-radius:10px;background-color:#8d75f3;outline:none;margin:0;padding:10px}.small-window-button{background-color:hsla(0,0%,100%,.4);border-radius:10px;cursor:pointer;padding:5px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.small-window-button-left{position:absolute;top:10px;left:10px;cursor:pointer}.small-window-button-right{position:absolute;top:10px;right:10px}.small-window-button-right-bottom{position:absolute;top:35%;right:10px}@media screen and (max-width:900px){.small-window-button-right-bottom{top:35%}}@media screen and (max-width:600px){.small-window-button-right-bottom{top:50%}}.small-window-title{padding:0;margin:0;max-width:150px;width:100%;font-size:10pt;position:absolute;bottom:6px;left:6px;right:6px;color:#fff;font-weight:700}.small-window-container{position:relative;padding:25px 25px 21.3px;border-radius:10px;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:hsla(0,0%,100%,.4);z-index:1000;transition:background .4s ease,-webkit-transform .4s ease;transition:transform .4s ease,background .4s ease;transition:transform .4s ease,background .4s ease,-webkit-transform .4s ease}.small-window-container:hover{background-color:hsla(0,0%,100%,.5)}.small-window-container:hover.red{background-color:#c80301}.small-window-container.red{background-color:#ff0303}.small-window-container.selected{padding:3px}.small-window-container.image{background-color:hsla(0,0%,100%,.8);width:150px;height:150px;margin-bottom:16px;padding:0}.small-window-container.image video{object-fit:cover;border-radius:10px;width:150px;height:150px}@media screen and (max-width:768px){.blur-square-buttons.image,.small-window-container.image{margin-bottom:6px;width:100px;height:100px}.blur-square-buttons.image video,.small-window-container.image video{width:100px;height:100px}}.cp-popover{position:absolute;z-index:2;right:0}.cp-cover{position:fixed;top:0;right:0;bottom:0;left:0}@media screen and (max-width:900px){.cp-popover{right:0}}@media screen and (max-width:600px){.cp-popover{left:0}}
/*# sourceMappingURL=main.06c98d74.chunk.css.map */