@font-face{font-family:Euclid Circular B;src:url(/assets/EuclidCircularB-Regular-WebXL-360bb73b.eot);src:url(/assets/EuclidCircularB-Regular-WebXL-8ff3b303.woff2) format("woff2"),url(/assets/EuclidCircularB-Regular-WebXL-6c80e2c5.woff) format("woff"),url(/assets/EuclidCircularB-Regular-WebXL-08b11e46.ttf) format("truetype"),url(/assets/EuclidCircularB-Regular-WebXL-adf43013.svg) format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Euclid Circular B;src:url(/assets/EuclidCircularB-Medium-WebXL-0cc7111f.eot);src:url(/assets/EuclidCircularB-Medium-WebXL-5e45433d.woff2) format("woff2"),url(/assets/EuclidCircularB-Medium-WebXL-c8ab5714.woff) format("woff"),url(/assets/EuclidCircularB-Medium-WebXL-b2ff081e.ttf) format("truetype"),url(/assets/EuclidCircularB-Medium-WebXL-52c14dcc.svg) format("svg");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Euclid Circular B;src:url(/assets/EuclidCircularB-Semibold-WebXL-d05dcd5c.eot);src:url(/assets/EuclidCircularB-Semibold-WebXL-fb50413d.woff2) format("woff2"),url(/assets/EuclidCircularB-Semibold-WebXL-d8afa207.woff) format("woff"),url(/assets/EuclidCircularB-Semibold-WebXL-6322b2e3.ttf) format("truetype"),url(/assets/EuclidCircularB-Semibold-WebXL-fb5ff495.svg) format("svg");font-weight:600;font-style:normal;font-display:swap}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;padding:0}*{font-family:Euclid Circular B,sans-serif}#root{display:flex;flex-direction:column;width:100vw;height:100vh}.media{flex:1;position:relative;overflow:hidden;background-color:#242628;display:flex;flex-direction:column;align-items:flex-end}.video-wrapper{display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:#000;cursor:pointer}.video-wrapper>video{flex-shrink:0;flex-grow:1;height:100%}.video-wrapper.full{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.video-wrapper.small{width:20%;height:20%;z-index:1;margin:24px 24px 0 0;border-radius:12px;border:1px solid #E8EBEF}.details{display:flex;flex-direction:column;position:absolute;z-index:1;left:16px;top:16px}.details .agent-name{font-size:16px;line-height:24px;font-weight:600;color:#f4f5f7}.details .status{font-size:12px;line-height:16px;font-weight:400;color:#7a8b9f}.bar{background-color:#fff;display:flex;align-items:center;justify-content:center}.controls{display:flex;flex-direction:column;align-items:center;gap:12px;padding:12px}.controls .select,.controls .select select{width:100%}.controls .buttons{display:flex;flex-direction:row;gap:16px}.controls .buttons .button-group{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;border:1px solid #1F3C61;border-radius:20px;overflow:hidden}.controls .buttons .separator{border-left:1px solid #7A8B9F;height:18px}.controls .buttons .button-group button{height:40px;width:40px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;margin:0}.controls .buttons .button-group.enabled{background-color:#fff}.controls .buttons .button-group.enabled .icon,.controls .buttons .button-group.disabled{background-color:#1f3c61}.controls .buttons .button-group.disabled .icon{background-color:#fff}.controls .buttons .button-group.hangup{background-color:#ff3b57;border:none}.controls .buttons .button-group.hangup .icon{background-color:#fff}.icon{width:100%;height:100%}.icon.microphone{mask:url(/icons/microphone.svg) no-repeat center}.icon.camera{mask:url(/icons/camera.svg) no-repeat center}.icon.ribbon{mask:url(/icons/ribbon.svg) no-repeat center}.icon.ribbon-rotated{mask:url(/icons/ribbon-rotated.svg) no-repeat center}.icon.hangup{mask:url(/icons/hangup.svg) no-repeat center}.crossed{width:18px;height:1px;border:1px solid #1F3C61;position:absolute;rotate:45deg;background-color:#fff}.hidden{display:none}