body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--portrait-size:min(300px,calc(100% - 60px));--max-shadow-size:30px}.App{max-width:100vw;overflow:hidden;text-align:center;width:100%}.App-header{background-color:#000;box-sizing:border-box;color:#fff;font-size:calc(10px + 2vmin);min-height:100vh;padding:30px;padding:var(--max-shadow-size)}.App-header,.portrait-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.portrait-wrapper{height:100%;position:relative}.instructions{color:#fff;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:300;left:50%;opacity:0;pointer-events:none;position:absolute;text-align:center;top:80%;transform:translate(-50%,-50%);transition:opacity 1s ease,visibility 1s ease;visibility:hidden;z-index:10}.portrait-container{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:min(300px,calc(100% - 60px));height:var(--portrait-size);justify-content:center;position:relative;transition:all .3s ease,transform .3s ease,box-shadow .3s ease;width:min(300px,calc(100% - 60px));width:var(--portrait-size)}.instructions.visible{opacity:1;visibility:visible}.instructions.hidden{opacity:0;visibility:hidden}.agent-portrait{border-radius:50%;height:100%;object-fit:cover;position:relative;transition:all .3s ease;width:100%;z-index:2}.portrait-container:hover{opacity:1;transform:scale(1.05)}.portrait-container:hover .agent-portrait{filter:saturate(110%)}.halo{background:none;border-radius:50%;height:120%;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:120%;z-index:1}.halo.active.not-speaking{background:radial-gradient(circle,#fff6 60%,#0000 70%);opacity:1}.halo.active.speaking{animation:halo-pulse 2.5s ease-in-out infinite;background:radial-gradient(circle,#00ff0080 60%,#0000 70%);opacity:1}.portrait-container.inactive .agent-portrait{filter:saturate(70%);opacity:.6}.portrait-container:active{box-shadow:0 0 15px 5px #ffffff80;transform:scale(.95)}.portrait-container:active .agent-portrait{filter:brightness(1.1)}@keyframes halo-pulse{0%,to{background:radial-gradient(circle,#0f06 60%,#0000 70%);transform:translate(-50%,-50%) scale(1)}50%{background:radial-gradient(circle,#0f09 55%,#0000 75%);transform:translate(-50%,-50%) scale(1.05)}}.portrait-container,.portrait-container.active,.portrait-container.active.agent-speaking,.portrait-container.active:not(.agent-speaking),.portrait-container.inactive{transition:all .3s ease,transform .3s ease,box-shadow .3s ease}
/*# sourceMappingURL=main.3ca8a4ca.css.map*/