.ChatLayer{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(var(--vh, 1vh) * 100);color:#fff;overflow:hidden}.ChatLayer .conversationBlock{position:absolute;width:30vw;height:auto;max-height:calc((var(--vh, 1vh) * 100) - 11rem);bottom:8rem;right:15vw;z-index:0;color:#fff;overflow:overlay}.ChatLayer .conversationBlock ul{display:flex;flex-direction:column;list-style:none;padding:0;margin:0 1rem}.ChatLayer .conversationBlock ul li{display:flex;transition:opacity 1s;word-break:break-word}.ChatLayer .conversationBlock ul li:not(:last-child){padding-bottom:1rem}.ChatLayer .conversationBlock ul li.user{justify-content:flex-end}.ChatLayer .conversationBlock ul li.system section{width:100%;display:flex;align-items:center;justify-content:center}.ChatLayer .conversationBlock ul li.system .contactBlock{background-color:#ffffffd6;padding:1rem;color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:1rem}.ChatLayer .conversationBlock ul li.system .contactBlock button svg{margin-left:.5rem}.ChatLayer .conversationBlock ul li.system section>span{background-color:#cbfffd63;padding:.3rem .8rem;font-size:.8rem;border-radius:1rem;line-height:1}.ChatLayer .conversationBlock ul li div{max-width:80%;padding:.5rem 1rem;border-radius:1rem}.ChatLayer .conversationBlock ul li.user div{background-color:#fff;color:var(--sea-blue)}.ChatLayer .conversationBlock ul li.model div{background-color:#3d3d3d;color:#fff}.ChatLayer .bottom{position:absolute;width:50%;bottom:1rem;z-index:1;transition:1s;display:flex;flex-direction:column;gap:1rem}.ChatLayer .bottom .hintsBlock{display:flex;justify-content:center;gap:1rem}.ChatLayer .bottom .hintsBlock nav{font-size:12px;background-color:#00000069;padding:.5rem 1rem;border-radius:24px;cursor:pointer;opacity:.8}.ChatLayer .bottom .hintsBlock nav:hover{opacity:1}.ChatLayer .bottom .inputBlock{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:#fff;padding:.5rem .5rem .5rem 1.5rem;border-radius:1rem}.ChatLayer .bottom.isLoading .inputBlock input{color:#b8b8b8!important}.ChatLayer .bottom.disconnected{bottom:0rem;pointer-events:none;opacity:0}.ChatLayer .buttonBlock{position:absolute;bottom:1rem;display:flex;flex-direction:column;gap:1rem;transform:translateY(10rem)}.ChatLayer .buttonBlock.disconnected{transform:translateY(0)}@media (max-width: 500px){.ChatLayer .conversationBlock{width:100vw;max-height:calc(var(--vh, 1vh) * 40);right:0;font-size:12px}.ChatLayer .bottom{width:95%}}