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