body>#webcaller{margin-top:60px}#webcaller{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;font-family:Avenir,Helvetica,Arial,sans-serif;position:relative}#webcaller-name{top:70px;left:0;right:0;top:calc(var(--icon-size) + 40px);border-radius:5px;width:fit-content;margin:auto;padding:5px;position:absolute}#webcaller-name input{border:0;border-radius:5px;outline:none;padding:5px 34px 5px 5px}#webcaller-name button{background:#fafde0;background:var(--msg-bg);cursor:pointer;border:0;border-top-right-radius:5px;border-bottom-right-radius:5px;height:22px;margin:auto;position:absolute;top:0;bottom:0;right:6px}.webcaller-icon{cursor:pointer;border:0;border-radius:100%;position:relative}.webcaller-icon.calling:before,.webcaller-icon.calling:after{content:"";background:var(--icon-color,#1976d2);opacity:0;border-radius:50%;animation:2s ease-out infinite ring-pulse;position:absolute;inset:0}.webcaller-icon.calling:after{animation-delay:1s}@keyframes ring-pulse{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.webcaller-icon svg path[stroke="rgb(25,118,210)"]{stroke:var(--icon-color)}.webcaller-icon svg path[fill="rgb(25,118,210)"]{fill:var(--icon-color)}.webcaller-icon.active svg path[stroke="rgb(25,118,210)"]{stroke:var(--icon-color-active)}.webcaller-icon.active svg path[fill="rgb(25,118,210)"]{fill:var(--icon-color-active)}#webcaller-msg{background:#fafde0;background:var(--msg-bg);letter-spacing:.3px;border-radius:5px;width:fit-content;margin:5px auto 0;padding:5px 10px;font-size:14px;display:table;position:absolute;left:0;right:0}#webcaller-msg:before{content:"";border:4px solid #0000;border-top-width:0;border-bottom-color:#fafde0;border-color:transparent transparent var(--msg-bg) transparent;width:0;height:0;margin:auto;position:absolute;top:-3px;left:0;right:0}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter-from,.fade-leave-to{opacity:0}