*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,sans-serif}body{min-height:100vh;overflow:hidden}.App,body{background-color:#fff;display:flex;justify-content:center;align-items:center}.App{width:100vw;height:100vh}.telegram-container{width:430px;height:848px;background-color:#fff;box-shadow:0 5px 25px rgba(0,0,0,.1);overflow:hidden;position:relative;display:flex;flex-direction:column;border:none}.chat-header{background-color:#08c;color:#fff;padding:18px;z-index:10;justify-content:space-between}.chat-header,.header-left{display:flex;align-items:center}.header-left{flex:1 1}.back-arrow{font-size:26px;margin-right:18px;cursor:pointer;color:#fff}.group-avatar{width:44px;height:44px;border-radius:50%;background-color:#fff;margin-right:14px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#08c;font-size:20px}.group-info{flex:1 1}.group-name{font-size:17px;font-weight:600;margin-bottom:3px}.group-members{font-size:14px;opacity:.9}.header-right{display:flex;align-items:center}.menu-dots{display:flex;flex-direction:column;grid-gap:3.5px;gap:3.5px;cursor:pointer;padding:10px}.dot{width:4.5px;height:4.5px;background-color:#fff;border-radius:50%}.chat-area{flex:1 1;background:linear-gradient(180deg,#d1f7c4,#9de2ae 50%,#66c58c);position:relative;overflow:hidden;padding:60px 24px;display:flex;flex-direction:column;justify-content:center;align-items:center}.telegram-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 15% 85%,hsla(0,0%,100%,.25) 1px,transparent 0),radial-gradient(circle at 85% 15%,hsla(0,0%,100%,.25) 1px,transparent 0),radial-gradient(circle at 50% 50%,hsla(0,0%,100%,.25) 1px,transparent 0),radial-gradient(circle at 25% 25%,hsla(0,0%,100%,.2) 1px,transparent 0),radial-gradient(circle at 75% 75%,hsla(0,0%,100%,.2) 1px,transparent 0);background-size:80px 80px;opacity:.6}.messages-container{padding:20px 0;grid-gap:12px;gap:12px}.message-bubble{padding:10px 14px}.message-bubble.user{align-self:flex-end;background-color:#effedd;color:#2d3b2a;border-bottom-right-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.1)}.message-bubble:not(.user){align-self:flex-start;background-color:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.1)}.message-text{margin-bottom:4px}.message-time{opacity:.9;text-align:right}.message-bubble.user .message-time{color:rgba(45,59,42,.9)}.message-input-container{bottom:30px}.message-input{flex:1 1;background-color:hsla(0,0%,100%,.9);border-radius:22px;padding:12px 18px;border:none;font-size:16px;outline:none;display:flex;align-items:center;color:#333;box-shadow:0 2px 10px rgba(0,0,0,.1)}.emoji-btn{font-size:23px;margin-right:12px;cursor:pointer;color:#9fa3a9}.input-placeholder{flex:1 1;color:#666;font-size:17px}.messages-container::-webkit-scrollbar{width:4px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:2px}.error-container,.loading-container{background-color:rgba(40,60,50,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;padding:18px 16px;position:relative;z-index:5;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 6px 18px rgba(0,0,0,.1);width:75%;max-width:290px;color:#fff;text-align:center;font-size:17px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}.error-container{background-color:rgba(120,40,40,.5)}.info-window{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(40,60,50,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;padding:18px 16px;z-index:5;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 6px 18px rgba(0,0,0,.1);width:75%;max-width:290px}.info-title{font-size:17px;font-weight:600;color:#fff;margin-bottom:16px;text-shadow:0 1px 2px rgba(0,0,0,.3);line-height:1.3;text-align:center}.info-subtitle{font-size:14.5px;font-weight:600;color:#fff;margin-bottom:12px;text-shadow:0 1px 1px rgba(0,0,0,.25);text-align:left;margin-left:3px}.info-list{list-style:none;text-align:left;margin-left:0;padding-left:0}.info-list li{padding:6px 4px;display:flex;align-items:flex-start;text-shadow:0 1px 1px rgba(0,0,0,.25);line-height:1.35}.checkmark,.info-list li{font-size:14px;color:#fff}.checkmark{display:inline-block;margin-right:9px;font-weight:700;flex-shrink:0;margin-top:1px}.message-footer{display:flex;justify-content:flex-end;align-items:center;grid-gap:4px;gap:4px;margin-top:2px}.message-time{font-size:11px;opacity:.7;color:hsla(0,0%,100%,.7)}.message-bubble:not(.user) .message-time{color:rgba(0,0,0,.5)}.message-status{display:inline-flex;align-items:center;margin-left:6px;position:relative}.check-icon{font-size:10px;color:#08c}.second-check{margin-left:-3px}.message-status i{font-size:10px;color:rgba(45,59,42,.7)}.message-bubble{max-width:75%;padding:8px 12px 6px;border-radius:18px;position:relative;word-wrap:break-word;font-size:15px;line-height:1.4;margin-bottom:2px}.messages-container{flex:1 1;width:100%;overflow-y:auto;padding:20px 0 5px;position:relative;z-index:5;display:flex;flex-direction:column;grid-gap:2px;gap:2px}.message-input-container{position:absolute;bottom:5px;left:20px;right:20px;display:flex;align-items:center;z-index:10}.gif-icon{display:flex;align-items:center;margin-right:12px;cursor:pointer}.gif-icon svg{width:20px;height:20px}.gif-icon:hover svg path{fill:#08c}.attachment-icon{display:flex;align-items:center;margin-left:8px;cursor:pointer}.attachment-icon svg{width:20px;height:20px}.attachment-icon:hover svg path{fill:#08c}.microphone-icon{display:flex;align-items:center;margin-left:8px;cursor:pointer;padding:8px}.microphone-icon svg{width:20px;height:20px}.microphone-icon:hover svg path{fill:#08c}.input-field{flex:1 1;border:none;background:transparent;outline:none;font-size:17px;color:#333;padding:0;margin:0}.input-field::placeholder{color:#666;font-size:17px}.send-btn-inside{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#08c;border-radius:50%;margin-left:12px;cursor:pointer;border:none;outline:none;transition:background-color .2s}.send-btn-inside:hover:not(:disabled){background-color:#0077b3}.send-btn-inside:disabled{background-color:#ccc;cursor:not-allowed}.send-icon{font-size:18px;color:#fff}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
/*# sourceMappingURL=main.4f75a3ea.chunk.css.map */