.wrapper{width:100%;height:100%;padding:24px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;top:0;left:0;z-index:1;color:#fff;background-color:rgba(0,0,0,.1)}.full-screen{width:100vw;height:100vh;padding-bottom:55px}@media (min-width:768px){.full-screen{padding-bottom:0}}.full-screen-content{display:flex;flex-direction:column;align-items:center;margin:272px auto 0;height:calc(100% - 80px)}@media (min-width:768px){.full-screen-content{height:calc(100% - 48px)}}.background{width:100%;height:100%;overflow:hidden;position:absolute;border-radius:8px}@media (min-width:768px){.background{border-radius:0}}.video-view-div{position:absolute;overflow:hidden}.video-view-hidden{opacity:0;transition:all .5s;display:none}.video-view-small{top:16px;left:16px;width:200px;height:150px;border-radius:8px;background-color:var(--navy-300)}.video-view-full{width:100%;height:100%;transition:all 1s}.video-view{height:100%;transform:translate(-50%)}.controls,.video-view{left:50%;position:absolute}.controls{display:flex;justify-content:center;align-items:center;bottom:40px;transform:translateX(-50%);pointer-events:auto;z-index:20}@media (min-width:768px){.controls{bottom:60px}}.close-button{font-size:16px;border:none;width:248px;height:48px;color:var(--dark-gray);background:hsla(0,0%,100%,.5);border-radius:4px;margin-bottom:28px;cursor:pointer;color:#000}.close-button:hover{background:hsla(0,0%,100%,.7);color:#000}.foreground{display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.peer-profile{display:block;width:80px;height:80px;border-radius:50%;object-fit:contain;margin-bottom:24px}.peer-name{font-size:24px;font-weight:600;min-height:32px;text-align:center;word-break:break-all;margin-bottom:4px;color:var(--dark-gray)}.connection-info{font-size:16px;color:var(--white);height:20px;margin-bottom:24px}.peer-state{display:flex;flex-direction:column;align-items:center;margin-bottom:97px;position:absolute;top:20px;left:50%;transform:translateX(-50%);pointer-events:auto;z-index:15}.peer-mute-icon{width:32px;height:32px;margin-bottom:8px;background-image:url(/icons/ic-callkit-audio-off-white.svg);background-repeat:no-repeat;background-position:50%}.peer-mute-label{font-size:14px;color:var(--white)}.icon-button{width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5);color:#fff;margin:0 10px;cursor:pointer;transition:background-color .3s ease}.icon-button:hover{background-color:rgba(0,0,0,.7)}.icon-button.call-end{background-color:#f44336}.icon-button.call-end:hover{background-color:#d32f2f}.foreground.connected{align-items:flex-start;justify-content:flex-start}.foreground.connected .connection-info,.foreground.connected .peer-name,.foreground.connected .peer-profile{display:none}