main{flex:1;width:100%;overflow-y:auto;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem}.magic__ball{border-radius:50%;border:1px solid lightgray;transition:all ease-in .8s;animation-duration:3s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;align-items:center;display:flex;justify-content:center}.magic__ballThinking{width:20px;height:20px;border-radius:50%;position:absolute;filter:blur(5px);top:50%;transform:translate(-50%,-50%);left:50%;animation-duration:infinite;animation-timing-function:ease-in-out}@keyframes moveInCircle{0%{transform:translate(30px)}25%{transform:translateY(30px)}50%{transform:translate(-30px)}75%{transform:translateY(-30px)}to{transform:translate(30px)}}.magic__ball:hover{transform:scale(1.03)}@keyframes moveUpDown{0%{transform:translateY(0)}40%{transform:translateY(-10px)}to{transform:translateY(0)}}.socket__status{border-radius:.5rem;border:1px solid lightgray}.socket__status>p{margin:0;padding:.3rem;font-weight:500;background-color:#f0f8ff;font-size:small}.loader{display:flex;align-items:center;justify-content:center;height:100svh}.widget__error{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100svh}.widget__errorOutline{background-color:#add8e6;border-radius:50%;padding:.3rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.branding{text-align:center}.button__group{display:flex;align-items:center;justify-content:center;height:30px;padding:.5rem}.mute__btn{animation:mute .5s ease-in forwards}@keyframes mute{0%{opacity:0}to{opacity:1}}footer{width:100%}header{display:flex;align-items:center;justify-content:center;gap:.4rem}header>h1{margin-block:.4rem;font-size:24px}.app{height:100svh;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%}:root{--primary-color: #3b81f6;--dominant-color: white;--hover-icon-color: #eae7e7;--border-color: lightgrey;--box-shadow-color: #00000033}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-400-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-400-normal.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}body{margin:0;padding:0;width:100%;height:100svh;box-sizing:border-box;font-family:Poppins,sans-serif!important}input,textarea,select,button{font-family:Poppins,sans-serif!important;box-sizing:border-box}label{font-weight:bolder}.icon{cursor:pointer}