@font-face{font-family:'Ubuntu';font-style:normal;font-weight:300;font-display:swap;src:url("../fonts/ubuntu-light.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:'Ubuntu';font-style:italic;font-weight:300;font-display:swap;src:url("../fonts/ubuntu-light-italic.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:'Ubuntu';font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/ubuntu-regular.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:'Ubuntu';font-style:italic;font-weight:400;font-display:swap;src:url("../fonts/ubuntu-regular-italic.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:'Ubuntu';font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/ubuntu-bold.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family:'Ubuntu';font-style:italic;font-weight:700;font-display:swap;src:url("../fonts/ubuntu-bold-italic.woff2") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}*{font-family:'Ubuntu';font-weight:400}div.CallWindow{display:block !important}#videocontainer{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;position:fixed}#citizen-video-feed-positioner{position:fixed;width:10cm;z-index:9999;bottom:2vw;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#citizen-video-feed-container{position:relative;background:gray;width:100%;height:0;padding-bottom:56.25%}#citizen-video-feed-container img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:1;width:30%;opacity:0.2}#citizen-video-feed-container #citizen-video-feed{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;z-index:2}#callStates{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;z-index:999;position:fixed;background:#000}#callStates [state-content-for]{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;z-index:1;position:fixed;background:radial-gradient(closest-side, #084C33, #031e14)}#callStates [state-content-for='calling'] content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -75%);transform:translate(-50%, -75%);z-index:1;position:fixed}#callStates [state-content-for='calling'] content .state-label{position:fixed;top:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:white}#callStates [state-content-for='calling'] content .state-label span{opacity:0;-webkit-animation:threedots 3s linear infinite;animation:threedots 3s linear infinite}#callStates [state-content-for='calling'] content .state-label span:nth-child(1){-webkit-animation-delay:.5s;animation-delay:.5s}#callStates [state-content-for='calling'] content .state-label span:nth-child(2){-webkit-animation-delay:1s;animation-delay:1s}#callStates [state-content-for='calling'] content .state-label span:nth-child(3){-webkit-animation-delay:1.5s;animation-delay:1.5s}#callStates [state-content-for='calling'] content .state-label span:first-of-type{margin-left:0.1vw}@-webkit-keyframes threedots{0%{opacity:0}33%{opacity:1}66%{opacity:0}100%{opacity:0}}@keyframes threedots{0%{opacity:0}33%{opacity:1}66%{opacity:0}100%{opacity:0}}#callStates [state-content-for='calling'] content .ripples{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;position:fixed;z-index:1}#callStates [state-content-for='calling'] content .ripples div{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);position:fixed;z-index:1;width:7vw;height:7vw;border-radius:5000px;-webkit-transform:translate(-50%, 75%) scale(0);transform:translate(-50%, 75%) scale(0);opacity:0;border:0.05vw solid #3BC135;-webkit-animation:calling 3s cubic-bezier(0.2, 0.85, 0.45, 1) infinite;animation:calling 3s cubic-bezier(0.2, 0.85, 0.45, 1) infinite}#callStates [state-content-for='calling'] content .ripples div:nth-child(1){-webkit-animation-delay:.1s;animation-delay:.1s}#callStates [state-content-for='calling'] content .ripples div:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}#callStates [state-content-for='calling'] content .ripples div:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}#callStates [state-content-for='calling'] content .ripples div:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s}#callStates [state-content-for='calling'] content .ripples div:nth-child(5){-webkit-animation-delay:.5s;animation-delay:.5s}#callStates [state-content-for='calling'] content .ripples div:nth-child(6){-webkit-animation-delay:.6s;animation-delay:.6s}#callStates [state-content-for='calling'] content .ripples div:nth-child(7){-webkit-animation-delay:.7s;animation-delay:.7s}#callStates [state-content-for='calling'] content .ripples div:nth-child(8){-webkit-animation-delay:.8s;animation-delay:.8s}@-webkit-keyframes calling{0%{-webkit-transform:translate(-50%, -75%) scale(5);transform:translate(-50%, -75%) scale(5);opacity:0.2}100%{-webkit-transform:translate(-50%, -75%) scale(15);transform:translate(-50%, -75%) scale(15);opacity:0}}@keyframes calling{0%{-webkit-transform:translate(-50%, -75%) scale(5);transform:translate(-50%, -75%) scale(5);opacity:0.2}100%{-webkit-transform:translate(-50%, -75%) scale(15);transform:translate(-50%, -75%) scale(15);opacity:0}}#callStates [state-content-for='calling'] content .anim-container{-webkit-animation:wiggleHorizontal 3s linear infinite;animation:wiggleHorizontal 3s linear infinite;z-index:2}#callStates [state-content-for='calling'] content svg{z-index:2;width:20vw;height:auto;fill:none;stroke:#E5BF4C;stroke-width:0.02vw;stroke-linecap:round;-webkit-animation:pulseCalling 1.5s infinite;animation:pulseCalling 1.5s infinite}@-webkit-keyframes wiggleHorizontal{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}2%{-webkit-transform:translate(-0.2vw, 0);transform:translate(-0.2vw, 0)}4%{-webkit-transform:translate(0.19vw, 0.07vw);transform:translate(0.19vw, 0.07vw)}6%{-webkit-transform:translate(-0.19vw, 0);transform:translate(-0.19vw, 0)}8%{-webkit-transform:translate(0.18vw, -0.07vw);transform:translate(0.18vw, -0.07vw)}10%{-webkit-transform:translate(-0.18vw, 0);transform:translate(-0.18vw, 0)}12%{-webkit-transform:translate(0.17vw, 0.06vw);transform:translate(0.17vw, 0.06vw)}14%{-webkit-transform:translate(-0.17vw, 0);transform:translate(-0.17vw, 0)}16%{-webkit-transform:translate(0.16vw, -0.06vw);transform:translate(0.16vw, -0.06vw)}18%{-webkit-transform:translate(-0.16vw, 0);transform:translate(-0.16vw, 0)}20%{-webkit-transform:translate(0.15vw, 0.05vw);transform:translate(0.15vw, 0.05vw)}22%{-webkit-transform:translate(-0.15vw, 0);transform:translate(-0.15vw, 0)}24%{-webkit-transform:translate(-0.14vw, -0.05vw);transform:translate(-0.14vw, -0.05vw)}26%{-webkit-transform:translate(0.14vw, 0);transform:translate(0.14vw, 0)}28%{-webkit-transform:translate(-0.13vw, 0.04vw);transform:translate(-0.13vw, 0.04vw)}30%{-webkit-transform:translate(0.13vw, 0);transform:translate(0.13vw, 0)}32%{-webkit-transform:translate(-0.12vw, -0.04vw);transform:translate(-0.12vw, -0.04vw)}34%{-webkit-transform:translate(0.12vw, 0);transform:translate(0.12vw, 0)}36%{-webkit-transform:translate(-0.11vw, 0.03vw);transform:translate(-0.11vw, 0.03vw)}38%{-webkit-transform:translate(0.11vw, 0);transform:translate(0.11vw, 0)}40%{-webkit-transform:translate(-0.1vw, -0.03vw);transform:translate(-0.1vw, -0.03vw)}42%{-webkit-transform:translate(0.1vw, 0);transform:translate(0.1vw, 0)}44%{-webkit-transform:translate(-0.1vw, 0.02vw);transform:translate(-0.1vw, 0.02vw)}46%{-webkit-transform:translate(0.08vw, 0);transform:translate(0.08vw, 0)}48%{-webkit-transform:translate(-0.08vw, -0.02vw);transform:translate(-0.08vw, -0.02vw)}50%{-webkit-transform:translate(0vw, 0);transform:translate(0vw, 0)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes wiggleHorizontal{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}2%{-webkit-transform:translate(-0.2vw, 0);transform:translate(-0.2vw, 0)}4%{-webkit-transform:translate(0.19vw, 0.07vw);transform:translate(0.19vw, 0.07vw)}6%{-webkit-transform:translate(-0.19vw, 0);transform:translate(-0.19vw, 0)}8%{-webkit-transform:translate(0.18vw, -0.07vw);transform:translate(0.18vw, -0.07vw)}10%{-webkit-transform:translate(-0.18vw, 0);transform:translate(-0.18vw, 0)}12%{-webkit-transform:translate(0.17vw, 0.06vw);transform:translate(0.17vw, 0.06vw)}14%{-webkit-transform:translate(-0.17vw, 0);transform:translate(-0.17vw, 0)}16%{-webkit-transform:translate(0.16vw, -0.06vw);transform:translate(0.16vw, -0.06vw)}18%{-webkit-transform:translate(-0.16vw, 0);transform:translate(-0.16vw, 0)}20%{-webkit-transform:translate(0.15vw, 0.05vw);transform:translate(0.15vw, 0.05vw)}22%{-webkit-transform:translate(-0.15vw, 0);transform:translate(-0.15vw, 0)}24%{-webkit-transform:translate(-0.14vw, -0.05vw);transform:translate(-0.14vw, -0.05vw)}26%{-webkit-transform:translate(0.14vw, 0);transform:translate(0.14vw, 0)}28%{-webkit-transform:translate(-0.13vw, 0.04vw);transform:translate(-0.13vw, 0.04vw)}30%{-webkit-transform:translate(0.13vw, 0);transform:translate(0.13vw, 0)}32%{-webkit-transform:translate(-0.12vw, -0.04vw);transform:translate(-0.12vw, -0.04vw)}34%{-webkit-transform:translate(0.12vw, 0);transform:translate(0.12vw, 0)}36%{-webkit-transform:translate(-0.11vw, 0.03vw);transform:translate(-0.11vw, 0.03vw)}38%{-webkit-transform:translate(0.11vw, 0);transform:translate(0.11vw, 0)}40%{-webkit-transform:translate(-0.1vw, -0.03vw);transform:translate(-0.1vw, -0.03vw)}42%{-webkit-transform:translate(0.1vw, 0);transform:translate(0.1vw, 0)}44%{-webkit-transform:translate(-0.1vw, 0.02vw);transform:translate(-0.1vw, 0.02vw)}46%{-webkit-transform:translate(0.08vw, 0);transform:translate(0.08vw, 0)}48%{-webkit-transform:translate(-0.08vw, -0.02vw);transform:translate(-0.08vw, -0.02vw)}50%{-webkit-transform:translate(0vw, 0);transform:translate(0vw, 0)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@-webkit-keyframes pulseCalling{0%{stroke:#E5BF4C}50%{stroke:#fff}100%{stroke:#E5BF4C}}@keyframes pulseCalling{0%{stroke:#E5BF4C}50%{stroke:#fff}100%{stroke:#E5BF4C}}#callStates [state-content-for='end-call']{background:black}#callStates [state-content-for='end-call'] content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -75%);transform:translate(-50%, -75%);z-index:1;position:fixed}#callStates [state-content-for='end-call'] content .state-label{position:fixed;width:100%;text-align:center;top:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:red;-webkit-animation:flash-message 0.3s 3;animation:flash-message 0.3s 3}#callStates [state-content-for='end-call'] content .state-label h2{margin:0}#callStates [state-content-for='end-call'] content .anim-container{-webkit-animation:flash-message 0.3s 3;animation:flash-message 0.3s 3;z-index:2}#callStates [state-content-for='end-call'] content svg{z-index:2;width:20vw;height:auto;fill:none;stroke:red;stroke-width:0.02vw;stroke-linecap:round}@-webkit-keyframes flash-message{0%{opacity:1}100%{opacity:0}}@keyframes flash-message{0%{opacity:1}100%{opacity:0}}#callStates[state='idle'] [state-content-for]:not([state-content-for='idle']){display:none}#callStates[state='calling'] [state-content-for='calling']{display:-webkit-box;display:-ms-flexbox;display:flex}#callStates[state='calling'] [state-content-for]:not([state-content-for='calling']){display:none}#callStates[state='call-ongoing'] [state-content-for]:not([state-content-for='call-ongoing']){display:none}#callStates[state='end-call'] [state-content-for='end-call']{display:-webkit-box;display:-ms-flexbox;display:flex}#callStates[state='end-call'] [state-content-for]:not([state-content-for='end-call']){display:none}div.CallWindow#callcontainer{display:none !important}
