@import"https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Unbounded:wght@200..900&display=swap";*,:after,:before{box-sizing:border-box}.scrollbar-main{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#505050 #1A1A1A}.error_message{color:red;width:100%}.main-icon{cursor:pointer;width:max-content;height:max-content;display:flex;padding:9px;justify-content:center;align-items:center;border-radius:14.444px}.light-blue-icon{background:#00d9ff1a}.light-dark-icon{background:#232323}body{background:#1a1a1a}.custom-container{max-width:1440px;margin:auto}.w-100{width:100%}.d-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.justify-content-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.justify-content-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.justify-content-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.align-items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flex-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.align-items-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.pb-2{padding-bottom:.7rem}.py-2{padding-top:.7rem;padding-bottom:.7rem}.youtube-iframe{width:100%;height:326px}@media screen and (max-width: 400px){.youtube-iframe{height:202px}}.navbar .logo-wrapper{padding:25px 0 20px;max-width:125px}.navbar .custom-container{display:flex;justify-content:space-between;align-items:center}section.home{padding-top:130px;overflow:hidden;height:calc(100vh - 100px)}section.home a{display:flex}section.home .chat-groups-wrapper{display:flex;position:relative}section.home .chat-groups-wrapper:before{content:"";position:absolute;left:50%;height:404px;width:1px;background:linear-gradient(#1a1a1a,#505050,#1a1a1a)}section.home .chat-groups-wrapper .chat-group-item{width:50%;display:flex;justify-content:center;flex-wrap:wrap;min-height:520px}section.home .chat-groups-wrapper .chat-group-item .layer-inner-wrapper{display:flex;justify-content:center;align-items:center}section.home .chat-groups-wrapper .chat-group-item .layer-inner-wrapper .inner-wrapper{position:absolute;padding:46px;width:265px;height:265px;border-radius:36%;background:#00d9ff;display:flex;flex-direction:column;justify-content:space-between}section.home .chat-groups-wrapper .chat-group-item .icons-wrapper{display:flex;justify-content:space-between;align-items:flex-start;width:100%}section.home .chat-groups-wrapper .chat-group-item .icons-wrapper .icon{border-radius:20px;padding:8px 10px;background:#1e1e1e1a}section.home .chat-groups-wrapper .chat-group-item .text-wrapper{z-index:1;color:#1a1a1a;font-family:Unbounded;font-size:24px;font-style:normal;font-weight:400;line-height:normal}section.home .chat-groups-wrapper .chat-group-item .text-wrapper .break-line{width:100%}section.home .chat-groups-wrapper .chat-group-item .text-wrapper span.bold-word{font-weight:600}section.home .chat-groups-wrapper .chat-group-item .outer-text-wrapper{width:100%;display:flex;justify-content:center}section.home .chat-groups-wrapper .chat-group-item .outer-text-wrapper .outer-text{width:273px;color:#636363;text-align:center;font-family:DM Sans;font-size:16px;font-style:normal;font-weight:400;line-height:normal}section.home .chat-groups-wrapper .text-chat-group .layer-inner-wrapper{width:471px;height:475px}section.home .chat-groups-wrapper .text-chat-group .layer-inner-wrapper .group-layer{position:relative;top:20px}section.home .chat-groups-wrapper .text-chat-group .layer-inner-wrapper .inner-wrapper{background:#0ff}section.home .chat-groups-wrapper .text-chat-group .layer-inner-wrapper .inner-wrapper .rectangle{position:absolute;width:94.334px;height:81.849px;transform:rotate(154.061deg);clip-path:polygon(50% 0%,0% 100%,100% 100%);background:#0ff;bottom:-39px;right:21px}.home-bottom-layer{width:1660.746px;height:818.22px;transform:rotate(6.098deg);flex-shrink:0;filter:blur(37.4000015259px)}.chat-section{position:relative;min-height:calc(100vh - 16px);top:0;left:99px;width:calc(100% - 99px);transition:all .5s ease;z-index:2;display:flex;flex-direction:column;justify-content:space-between;height:calc(100vh - 16px)}.chat-section .chat-tools{max-width:768px;margin:auto;display:flex;flex-wrap:wrap;justify-content:center;padding-bottom:48px}.chat-section .chat-tools .text-area-wrapper{padding:12px 16px 12px 24px;border:1px solid #505050;border-radius:16px;width:100%;display:flex;align-items:center}.chat-section .chat-tools textarea{height:auto;padding:0;resize:none;width:100%;background:#1a1a1a;color:#fff;border:none;max-height:240px;font-family:DM Sans;font-size:14px;font-style:normal;font-weight:400;line-height:normal;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#505050 #1A1A1A}.chat-section .chat-tools textarea:focus{outline:none}.chat-section .chat-tools .send-btn-wrapper{display:flex;align-items:flex-end;height:100%}.chat-section .chat-tools .send-btn-wrapper .send-btn{outline:none;border:none;margin-left:13px;background:#e2e2e2;padding:8px;border-radius:10px;display:flex;justify-content:center;align-items:center;cursor:pointer}.chat-section .chat-header{padding:21px 32px;border-bottom:1px solid #232323;display:flex;justify-content:space-between}.chat-section .chat-header .header-title{color:#ababab;text-overflow:ellipsis;font-family:DM Sans;font-size:18px;font-style:normal;font-weight:400;line-height:30px}.chat-section .chat-messages{height:100%;flex:1;overflow:auto;padding:66px 0}.chat-section .chat-messages .messages-wrapper{overflow:auto;height:100%}.chat-section .chat-messages .messages-wrapper .empty-messages{height:100%;width:max-content;margin:auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-direction:column}.chat-section .chat-messages .messages-wrapper .empty-messages .title-wrapper{width:100%;color:#fff;text-align:center;font-family:Unbounded;font-size:24px;font-style:normal;font-weight:600;line-height:30px;margin-bottom:8px;margin-top:16px}.chat-section .chat-messages .messages-wrapper .empty-messages .text-wrapper{color:#ababab;text-align:center;font-family:DM Sans;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.chat-section .chat-messages .messages-wrapper .message-list{height:100%;max-width:768px;margin:auto;display:flex;align-items:flex-start;flex-direction:column}.chat-section .chat-messages .messages-wrapper .message-list .message-wrapper{margin-left:auto;margin-bottom:24px;display:flex}.chat-section .chat-messages .messages-wrapper .message-list .message-wrapper .bot-image-wrapper{width:24px;margin-right:16px}.chat-section .chat-messages .messages-wrapper .message-list .message-wrapper .message-item{padding:16px 24px;border-radius:12px 0 12px 12px;background:#232323;color:#fff;font-family:DM Sans;font-size:14px;font-style:normal;font-weight:400;line-height:normal;max-width:579px;word-break:break-word}.chat-section .chat-messages .messages-wrapper .message-list .message-wrapper.bot-message{margin-left:unset;margin-right:auto}.chat-section .chat-messages .messages-wrapper .message-list .message-wrapper.bot-message .message-item{border-radius:0 12px 12px;background:#00d9ff0d}.voice-chat-wrapper{padding-top:150px;padding-bottom:64px;display:flex;flex-direction:column;justify-content:space-between;height:calc(100vh - 93px);max-width:1030px;margin:auto}.voice-chat-wrapper .title-wrapper{color:#fff;text-align:center;font-family:Unbounded;font-size:24px;font-style:normal;font-weight:600;line-height:30px}.voice-chat-wrapper .tools-wrapper{display:flex;justify-content:space-between;align-items:center}.voice-chat-wrapper .tools-wrapper .play-tool-wrapper{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.voice-chat-wrapper .tools-wrapper .play-tool-wrapper .layer{position:absolute}.voice-chat-wrapper .tools-wrapper .play-tool-wrapper .record-icon{position:relative;padding:48px;background:transparent;border:solid 8px transparent}.voice-chat-wrapper .tools-wrapper .play-tool-wrapper .record-icon:before{content:"";top:0;right:0;bottom:0;left:0;position:absolute;border-radius:40%;z-index:-1;box-shadow:#00d9ff 0 0 0 8px inset}.voice-chat-wrapper .tools-wrapper .play-tool-wrapper .record-icon .waiting{animation:spin 3s ease-in-out infinite}.voice-chat-wrapper .text-wrapper{margin-top:60px;width:100%;color:#636363;text-align:center;font-family:DM Sans;font-size:16px;font-style:normal;font-weight:400;line-height:normal}@keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.sidebar.open~.chat-section{left:337px;width:calc(100% - 337px);padding:0 20px}.background-home-wrapper{z-index:-1;width:100%;position:absolute;bottom:-350px;left:0;transform:rotate(3deg);flex-shrink:0;filter:blur(37.4000015259px)}.login-container *{font-family:DM Sans}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;max-height:750px}.login-box{background-color:#2a2a2a;padding:30px;border-radius:10px;box-shadow:0 4px 20px #0009;text-align:center;width:350px;color:#fff}h1{font-size:32px;margin-bottom:20px;color:#00f9fe}.input-container{margin-bottom:20px;text-align:left}.input-container label{font-size:14px;color:#bbb;margin-bottom:5px;display:block}.input-container input{width:100%;padding:10px;font-size:16px;background-color:#333;color:#fff;border:2px solid #444;border-radius:5px;outline:none}.input-container input:focus{border-color:#00f9fe}.action-buttons{margin-top:20px}.login-btn{width:100%;padding:12px;font-size:18px;background-color:#00f9fe;color:#333;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.logout-btn{width:max-content;padding:12px 24px;font-size:18px;background-color:#00f9fe;color:#333;border:none;border-radius:5px;cursor:pointer}.logout-btn:active{background-color:#79c9cc}.login-btn:hover{background-color:#00f9fe}@media (max-width: 400px){.login-box{width:90%;padding:20px}h1{font-size:28px}.login-btn{font-size:16px}}.new-account a{color:#00f9fe}@media only screen and (max-width: 768px){.sidebar:not(.open){width:70px}.sidebar:not(.open) .logo-details{padding:24px 15px}.sidebar:not(.open) .new-chat-item{padding:76px 15px 20px}.sidebar:not(.open) .nav-list{padding-left:5px}.sidebar~.chat-section{left:70px!important;width:calc(100% - 70px)!important}.background-home-wrapper{display:none}.chat-section .chat-tools{padding-bottom:12px}.voice-chat-wrapper{padding-top:30px}section.home{padding:0;overflow:unset;height:auto}section.home .chat-groups-wrapper{flex-wrap:wrap;height:max-content;flex-direction:column-reverse}section.home .chat-groups-wrapper:before{content:unset}section.home .chat-groups-wrapper .chat-group-item{margin-left:auto;width:100%;transform:scale(.65);margin-top:-155px;justify-content:center;align-items:center}section.home .chat-groups-wrapper .chat-group-item .outer-text-wrapper{margin-top:-30px}section.home .chat-groups-wrapper .chat-group-item:first-child{margin-top:-200px;margin-bottom:-100px}.voice-chat-wrapper{height:calc(100svh - 120px);padding-bottom:10px}.voice-chat-wrapper .title-wrapper{font-size:18px}.voice-chat-wrapper .record-btn-wrapper{transform:scale(.8)}.error_message{font-size:12px}.chat-section{height:calc(100svh - 16px);min-height:unset}.login-container{height:calc(100svh - 100px)}}.parent-settings-button{gap:10px}.settings-button{gap:5px}