@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/6d93bde91c0c2823-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/a34f9d1faa5f3315-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_d65c78;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_d65c78{font-family:__Inter_d65c78,__Inter_Fallback_d65c78;font-style:normal}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}.peerConnectionState-new{color:#6495ed}.peerConnectionState-connecting{color:orange}.peerConnectionState-connected{color:green}.iceConnectionState-new{color:#6495ed}.iceConnectionState-checking{color:orange}.iceConnectionState-completed,.iceConnectionState-connected{color:green}.peerConnectionState-closed,.peerConnectionState-disconnected,.peerConnectionState-failed{color:red}.iceGatheringState-new{color:#6495ed}.iceGatheringState-gathering{color:orange}.iceGatheringState-complete{color:#000}.signalingState-stable{color:green}.signalingState-have-local-offer,.signalingState-have-local-pranswer,.signalingState-have-remote-offer,.signalingState-have-remote-pranswer{color:#6495ed}.signalingState-closed{color:red}.streamingState-streaming{color:green}.streamingState-empty{color:grey}#agentId-label,#chatId-label{color:green}body,html{scroll-behavior:smooth;box-sizing:border-box}body{margin:0;padding:0;min-height:100vh}body ::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.3);border-radius:10px;background-color:hsla(0,0%,100%,.25)}body ::-webkit-scrollbar{width:5px;background-color:rgba(0,0,0,.25);border-radius:10px}body ::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.3);background-color:#fff}#content{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:3.125rem;min-height:100vh}#buttons{clear:both;padding:0;text-align:center}button{padding:10px 20px;border-radius:5px;border:none;font-size:16px;margin:0 5px;background-color:#7459fe;color:#fff}button#connect-button{background-color:green}button#destroy-button{background-color:red}button#start-button{margin:1em}#connect-button:hover,#destroy-button:hover,button:hover{filter:brightness(85%);cursor:pointer;transition:all .2s ease-out}h4{margin:0 0 10px}#startSession{position:absolute;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.625rem;bottom:0;padding-bottom:15%;height:60%;width:100%;border-bottom-left-radius:1.563rem;border-bottom-right-radius:1.563rem;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent);z-index:100}.btn{width:auto!important;padding:.75rem 1.563rem;font-size:1rem;background:#4a5fff;color:#fff;border-radius:1000px}.browse,.btn{display:flex;justify-content:center;align-items:center;cursor:pointer}.browse{gap:.313rem;font-size:.875rem;color:hsla(0,0%,100%,.75)}.browse>span{height:80%}.browse>span>svg{height:inherit;aspect-ratio:1/1;fill:hsla(0,0%,100%,.75)}#exploreBg{position:absolute;height:100%;width:100%;max-height:100%;overflow:hidden;top:0;left:0;background:rgba(0,0,0,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.563rem;z-index:100}#explore{display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:space-between;margin:3.125rem 5% 5%;padding:5%;max-height:100%;overflow-y:auto}.select{display:flex;justify-content:center;align-items:center;height:6.25rem;max-height:6.25rem;aspect-ratio:1/1;background-size:cover!important;background-position:50%!important;background-repeat:no-repeat!important;border-radius:1000px;background:hsla(0,0%,100%,.75);color:#fff;cursor:pointer}.upload{border:2px solid #4a5fff;color:#4a5fff}.selectActive{box-shadow:0 0 10px 5px hsla(0,0%,100%,.75)}#chatBox{position:absolute;flex-direction:column;gap:.625rem;bottom:0;padding:5% 2.5%;width:100%;z-index:100}#chatBox,.inputContainer{display:flex;justify-content:center;align-items:center}.inputContainer{gap:5%}.iconContainer{display:flex;justify-content:center;align-items:center;height:45px;aspect-ratio:1/1;border-radius:1000px;background:hsla(0,0%,100%,.25);cursor:not-allowed}.active,.iconContainer{transition:all .25s ease}.active{background:#4a5fff;cursor:pointer;transform:rotate(45deg)}.active>svg{fill:#fff!important;transition:all .25s ease}.iconContainer>svg{height:20px;width:20px;fill:rgba(0,0,0,.25);transition:all .25s ease}#textArea,.iconContainer>svg{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#textArea{width:100%;font-size:.875rem;text-align:left;padding:15px 20px;border-radius:1rem;outline:none;border:none;color:#fff;background:hsla(0,0%,100%,.25)}input::placeholder,textarea::placeholder{color:hsla(0,0%,100%,.85)}#msgHistory{max-height:175px;max-width:100%;font-size:.875rem;font-weight:500;color:#fff;padding:0 2.5%;overflow-y:auto}#msgHistory>div{padding:.875rem 1rem;margin-bottom:.625rem;border-radius:1rem;width:-moz-fit-content;width:fit-content;text-align:left;animation:animateBubble .25s ease forwards;max-width:75%}@keyframes animateBubble{0%{opacity:.25;transform:translateY(50%)}to{opacity:1;transform:translateY(0)}}.response{background:hsla(0,0%,100%,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-left-radius:0!important}.msg{margin-left:auto;border-bottom-right-radius:0!important;background:#4a5fff}.msgEntry{width:100%;padding:0 2.5%}#status{display:inline-block;zoom:1;line-height:140%;font-size:15px;width:400px}#status div{padding-bottom:10px}#video-wrapper{position:relative;display:flex;width:75vw;min-height:400px;max-width:100%;border-radius:1.563rem}@media screen and (min-width:480px){#video-wrapper{width:300px}#explore,#msgHistory{overflow-y:hidden}#explore:hover,#msgHistory:hover{overflow-y:auto}}#video-wrapper:before{position:absolute;top:0;left:0;content:"";height:100%;width:100%;background:linear-gradient(0deg,#d17bfb,#62baff,#ffa861);background-size:600% 600%;animation:animatedBg 10s ease infinite;z-index:1;filter:blur(50px);opacity:1}@keyframes animatedBg{0%{background-position:50% 0}50%{background-position:50% 100%}to{background-position:50% 0}}#video-wrapper:after{position:absolute;bottom:0;left:0;content:"";height:60%;width:100%;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent);z-index:10;border-bottom-left-radius:1.563rem;border-bottom-right-radius:1.563rem}.chat{width:400px}#video-element{position:relative;width:100%;border-radius:1.563rem;box-shadow:0 0 5px 0 rgba(0,0,0,.05);background-position:50%;background-size:cover;background-repeat:no-repeat;min-height:inherit;z-index:10}.animated{animation:opacityAnimation .2s ease-in-out}@keyframes opacityAnimation{0%{opacity:.8}to{opacity:1}}