@charset "UTF-8";.fullsize{display:flex;flex-direction:row;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999}.fullsize .spinner{scale:.8;width:11.2px;height:11.2px;border-radius:11.2px;box-shadow:28px 0 #767af533,22.7px 16.5px #767af566,8.68px 26.6px #767af599,-8.68px 26.6px #767af5cc,-22.7px 16.5px #767af5;animation:spinner-b87k6z 1s infinite linear}@keyframes spinner-b87k6z{to{transform:rotate(360deg)}}.call-modal{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:560px;height:560px;position:relative}@media (max-width: 768px){.call-modal{width:100%;height:100%}}.call-modal .logo-and-e2e-box{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;z-index:2}.call-modal .logo-and-e2e-box img{width:100px}.call-modal .logo-and-e2e-box .e2e-box{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px;color:#a4a4a4;font-size:12px}.call-modal .user-and-call-time-box{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}.call-modal .user-and-call-time-box img{width:90px;height:90px;border-radius:50%;object-fit:cover;transition:all .7s ease}.call-modal .user-and-call-time-box p{color:var(--blue);font-size:20px;font-weight:700}.call-modal .user-and-call-time-box span{color:var(--text-input-gray);font-size:15px}.call-modal .user-and-call-time-box.cameraCall img{width:70px;height:70px}.call-modal .user-and-call-time-box.cameraCall p{font-size:19px}.call-modal .user-and-call-time-box.cameraCall span{font-size:14px}.call-modal .camera-bar{width:96%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;flex-grow:1;min-height:20%}@media (max-width: 768px){.call-modal .camera-bar{display:flex;flex-direction:column;justify-content:center;align-items:space-between;width:100%;flex:1}}.call-modal .camera-bar.only-voice-call{height:0%;display:none}.call-modal .camera-bar .device-camera-box{width:65%;border-radius:40px;z-index:3;opacity:0;animation:fadeIn 1.5s ease-in-out forwards;height:auto}.call-modal .camera-bar .device-camera-box video{height:100%;width:100%;border-radius:15px;border:3px solid var(--smooth-light-blue);transition:all .7s ease}.call-modal .camera-bar .device-camera-box.remote-connected{width:100%;display:flex;justify-content:flex-end;align-items:flex-end;margin-bottom:28px;margin-right:14px}@media (max-width: 768px){.call-modal .camera-bar .device-camera-box.remote-connected{height:40%;border:none}}@media (max-width: 768px){.call-modal .camera-bar .device-camera-box.remote-connected{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:0}}.call-modal .camera-bar .device-camera-box.remote-connected video{height:130px;width:max-content;position:absolute;bottom:7px}@media (max-width: 768px){.call-modal .camera-bar .device-camera-box.remote-connected video{position:initial;bottom:0;height:80%}}.call-modal .camera-bar .other-camera-box{margin-top:15px;position:absolute;width:100%;height:max-content;display:flex;flex-direction:row;justify-content:center;align-items:center}@media (max-width: 768px){.call-modal .camera-bar .other-camera-box{position:initial;height:60%}}.call-modal .camera-bar .other-camera-box video{width:100%;max-width:100%;max-height:400px;border-radius:20px;border:4px solid var(--smooth-light-blue);object-fit:cover}@media (max-width: 768px){.call-modal .camera-bar .other-camera-box video{position:initial;max-width:70%;max-height:100%}}.call-modal .camera-bar .other-camera-box .user-info{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;background-color:#2929295f;padding:5px 20px 5px 7px;border-radius:30px;position:absolute;top:20px;width:max-content;left:20px;color:#fff}@media (max-width: 768px){.call-modal .camera-bar .other-camera-box .user-info{display:none}}.call-modal .camera-bar .other-camera-box .user-info img{height:50px;width:50px;border-radius:50%;object-fit:cover}.call-modal .camera-bar .other-camera-box .user-info p{font-size:15px}.call-modal .video-call-time-status{margin:16px 0 12px;color:var(--text-input-gray);z-index:20}.call-modal .call-option-buttons{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 15px;background:var(--smooth-light-blue);border-radius:40px;width:370px;z-index:2}@media (max-width: 768px){.call-modal .call-option-buttons{width:330px}}@media (max-width: 342px){.call-modal .call-option-buttons{width:300px}}.call-modal .call-option-buttons button{display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:50%;width:45px;height:45px;background:var(--text-white);font-size:22px;color:var(--blue)}.call-modal .call-option-buttons button:last-child{background:var(--smooth-red);color:#fff}.call-modal .call-option-buttons .disabled{color:#c8c9f7}.simulate-connection{position:fixed;bottom:2px}.incoming-call-box{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;width:350px;z-index:999;bottom:30px;right:0;background:var(--generalBackgroundColor);border:1px solid #ccc;padding:20px;box-shadow:0 4px 6px #0000001a;border-radius:17px 0 0 17px;border:4px solid var(--smooth-light-blue);border-right:none;box-shadow:0 4px 4px #00000040;animation:slideIn 1s ease-out forwards}@media (max-width: 365px){.incoming-call-box{scale:.8;right:-45px}}.incoming-call-box .user-and-options{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.incoming-call-box .user-and-options img{width:55px;height:55px;border-radius:50%;object-fit:cover}.incoming-call-box .user-and-options .user-info-and-call-status{margin-left:8px}.incoming-call-box .user-and-options .user-info-and-call-status p{font-weight:700;width:120px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:20px;color:var(--text-black)}.incoming-call-box .user-and-options .user-info-and-call-status span{color:var(--text-dark-gray);font-size:14px}.incoming-call-box .user-and-options .call-option-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;margin-left:20px}.incoming-call-box .user-and-options .call-option-buttons button{display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:50%;width:40px;height:40px;font-size:23px}.incoming-call-box .user-and-options .call-option-buttons button:first-child{background-color:var(--blue);color:#fff;border:4px solid rgba(142,161,255,.622);animation:scaleAnimation .5s infinite alternate}.incoming-call-box .user-and-options .call-option-buttons button:first-child:hover{background-color:var(--hoverBlue);transition:all .3s ease 0s}.incoming-call-box .user-and-options .call-option-buttons button:last-child{background-color:var(--smooth-red);color:#fff}.incoming-call-box .local-video{margin-top:20px;width:300px;border-radius:10px;border:4px solid var(--smooth-light-blue)}@keyframes scaleAnimation{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes slideIn{0%{transform:translate(300px);opacity:0}to{transform:translate(0);opacity:1}}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{border-radius:.3rem;background-color:#2a87d0;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.sign-general-box{display:flex;flex-direction:row;width:100%;height:100vh}@media (max-width: 920px){.sign-general-box{height:auto}}.sign-bar,.banner-bar{padding:0 30px 0 38px;flex-direction:column;justify-content:center;align-items:center;height:auto}@media (max-width: 920px){.sign-bar,.banner-bar{padding:20px 10px}}.sign-bar p,.banner-bar p{-webkit-user-select:none;user-select:none}.sign-bar{position:relative;width:54%;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (max-width: 920px){.sign-bar{width:100%}}@media (max-width: 164px){.sign-bar{width:100%;scale:.4}}.banner-bar{width:46%;background-color:var(--blue);gap:18px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (max-width: 1280px){.banner-bar{padding:0}}@media (max-width: 920px){.banner-bar{display:none}}.banner-bar .banner-bar-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%;-webkit-user-select:none;user-select:none;height:100%}@media (max-width: 1200px){.banner-bar .banner-bar-container{gap:40px}}.banner-bar .banner-bar-container h1{text-align:center;font-weight:600;width:400px;font-size:35px;color:var(--text-white)}@media (max-height: 700px){.banner-bar .banner-bar-container h1{font-size:30px}}.banner-bar .banner-bar-container img{width:90%}@media (max-width: 1280px){.banner-bar .banner-bar-container img{width:70%}}@media (max-height: 600px){.banner-bar .banner-bar-container img{width:70%}}.banner-bar .banner-bar-container p{color:#9cb9f9;text-align:center;font-size:20px;font-weight:600}@media (max-width: 920px){.banner-bar .banner-bar-container{scale:.8}}form{width:100%}form .inputs-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:18px}form .inputs-container .input-box{padding:0 14px;height:45px;display:flex;gap:10px;width:100%;border-radius:6px;border:2px solid #D8D8D8;background:#fff;transition:all .3s ease 0s}form .inputs-container .input-box:focus-within{border:2px solid transparent;box-shadow:var(--blue) 0 0 0 3px}form .inputs-container .input-box input,form .inputs-container .input-box .datepicker-input{width:100%;height:100%;font-size:13px;font-weight:600;color:var(--text-dark-gray)}form .inputs-container .input-box .datepicker-input{height:42px;width:280px}form .inputs-container .input-box .react-datepicker__header,form .inputs-container .input-box .react-datepicker__header .react-datepicker__current-month,form .inputs-container .input-box .react-datepicker__header .react-datepicker__day-names{color:#fff!important}form .inputs-container .input-box .react-datepicker__header{background-color:var(--blue);border-bottom:2px solid var(--blue);padding:15px;color:#fff!important}form .inputs-container .input-box .react-datepicker__navigation{color:#fff!important}form .inputs-container .input-box .datepicker__background-color{background-color:#007bff}form .inputs-container .input-box .datepicker__border-color{border-color:#aeaeae}form .inputs-container .input-box .datepicker__highlighted-color{color:#3dcc4a}form .inputs-container .input-box .datepicker__holidays-color{background-color:red}form .inputs-container .input-box .react-datepicker__day{margin:7px;border-radius:50%;transition:all .3s ease 0s}form .inputs-container .input-box .react-datepicker__day--selected{background-color:var(--blue);color:#fff;border-radius:50%}form .inputs-container .input-box .react-datepicker__month{font-size:14px;font-weight:700;color:#fff}form .inputs-container .input-box .react-datepicker__day-name{color:#fff!important;margin:7px}form .inputs-container .input-box .react-datepicker__day--today{background-color:var(--smooth-light-blue)!important;color:var(--blue)!important;border-radius:50%!important}form .inputs-container .input-box .react-datepicker__day--keyboard-selected{background-color:var(--blue);color:#fff;border-radius:50%}form .inputs-container .input-box .react-datepicker{border:2px solid var(--smooth-light-blue)!important;border-radius:4px!important;box-shadow:#63636333 0 2px 8px!important;box-shadow:#0000003d 0 3px 8px!important}form .inputs-container .input-box .react-datepicker__triangle{border-top-color:var(--smooth-light-blue)!important}form .inputs-container .password div{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;width:100%}form .inputs-container .password .icon{cursor:pointer;width:22px;color:var(--text-input-gray)}.membership-agreement-box{overflow:hidden}.membership-agreement-box h1{text-align:center;font-size:25px;border-bottom:2px solid var(--smooth-light-blue);padding-bottom:10px}.membership-agreement-box .membership-terms-box{padding:10px 20px 20px 15px;height:500px;margin-top:15px;overflow:scroll;overflow-x:hidden}@media (max-width: 768px){.membership-agreement-box .membership-terms-box{overflow:hidden;height:auto}}.membership-agreement-box .membership-terms-box h4{margin:20px 0;font-size:18px}.membership-agreement-box .membership-terms-box h4:nth-child(1){margin-top:0}.membership-agreement-box .membership-terms-box p{font-size:13px;margin:10px 0;color:var(--text-dark-gray);text-align:justify}.membership-agreement-box .membership-terms-box p strong{font-weight:700}.sign-in-general-container,.sign-up-general-container,.reset-password-general-container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:22px;z-index:2;padding:20px 40px;height:100%}@media (max-width: 768px){.sign-in-general-container,.sign-up-general-container,.reset-password-general-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:15px}}@media (max-width: 450px){.sign-in-general-container,.sign-up-general-container,.reset-password-general-container{padding:0 20px}}.sign-in-general-container img,.sign-up-general-container img,.reset-password-general-container img{width:200px;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.sign-in-general-container img,.sign-up-general-container img,.reset-password-general-container img{width:170px}}.sign-in-general-container .title-container h1,.sign-up-general-container .title-container h1,.reset-password-general-container .title-container h1{font-size:32px;font-weight:700;margin-bottom:10px}@media (max-width: 768px){.sign-in-general-container .title-container h1,.sign-up-general-container .title-container h1,.reset-password-general-container .title-container h1{text-align:center;font-size:25px}}.sign-in-general-container .title-container p,.sign-up-general-container .title-container p,.reset-password-general-container .title-container p{color:var(--text-dark-gray);font-family:Montserrat;font-size:15px;font-style:normal;font-weight:600}@media (max-width: 768px){.sign-in-general-container .title-container p,.sign-up-general-container .title-container p,.reset-password-general-container .title-container p{text-align:center}}.sign-in-general-container .sign-buttons,.sign-up-general-container .sign-buttons,.reset-password-general-container .sign-buttons{width:100%;margin-top:22px;background-color:var(--blue);color:var(--text-white);padding:8px 0;border-radius:8px;font-size:15px;transition:all .3s ease 0s}.sign-in-general-container .sign-buttons:hover,.sign-up-general-container .sign-buttons:hover,.reset-password-general-container .sign-buttons:hover{background-color:var(--hoverBlue)}@media (max-width: 768px){.sign-in-general-container .sign-buttons,.sign-up-general-container .sign-buttons,.reset-password-general-container .sign-buttons{padding:10px 0}}.sign-in-general-container .change-sign-method-text,.sign-up-general-container .change-sign-method-text,.reset-password-general-container .change-sign-method-text{font-weight:600;font-size:13px;text-align:center;margin-top:22px;color:var(--text-input-gray)}.sign-in-general-container .change-sign-method-text a,.sign-up-general-container .change-sign-method-text a,.reset-password-general-container .change-sign-method-text a{padding-left:7px;font-weight:600;color:var(--blue)}.sign-in-general-container .error-message,.sign-up-general-container .error-message,.reset-password-general-container .error-message{color:var(--mingle-red);font-size:13px;margin:-10px 0}.sign-in-general-container .method-buttons{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:20px;width:100%}.sign-in-general-container .method-buttons button{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:10px;width:170px;padding:7px 0;border-radius:8px;border:2px solid #D8D8D8;background:var(--text-white);transition:all .3s ease 0s}.sign-in-general-container .method-buttons button:hover{box-shadow:0 0 20px #bfbfbf61}.sign-in-general-container .method-buttons button .icon{width:22px;height:22px;color:#1877f2}.sign-in-general-container .method-buttons button span{color:#2e2e2e;font-family:Montserrat;font-size:14px;font-weight:600;color:var(--text-dark-gray)}.sign-in-general-container .divider-container{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%}.sign-in-general-container .divider-container p{color:var(--text-input-gray);font-size:13px;font-weight:600;width:190px;text-align:center}.sign-in-general-container .divider-container span{height:2px;width:25%;background-color:#ddd}.sign-in-general-container form .remember-and-forgot-box{margin-top:22px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.sign-in-general-container form .remember-and-forgot-box a{color:var(--blue);font-size:13px;font-weight:600}.sign-up-general-container .membership-agreement-input{margin-top:22px;display:flex;flex-direction:row;justify-content:center;align-items:center}.sign-up-general-container .membership-agreement-input p{font-size:13px;color:var(--text-dark-gray);padding-top:4px}@media (max-width: 500px){.sign-up-general-container .membership-agreement-input p{padding-top:0}}.sign-up-general-container .membership-agreement-input p strong{color:var(--blue);cursor:pointer}.reset-password-general-container .cancel-btn{width:100%;margin-top:12px;background-color:var(--smooth-light-blue);color:var(--blue);padding:8px 0;border-radius:8px;font-size:15px;transition:all .3s ease 0s}.reset-password-general-container .cancel-btn:hover{background-color:var(--smooth-blue-hover)}.checkbox-wrapper-46 input[type=checkbox]{display:none;visibility:hidden}.checkbox-wrapper-46 .cbx{margin:auto;-webkit-user-select:none;user-select:none;cursor:pointer}.checkbox-wrapper-46 .cbx span{display:inline-block;vertical-align:middle;transform:translateZ(0)}.checkbox-wrapper-46 .cbx span:first-child{position:relative;width:18px;height:18px;border-radius:3px;transform:scale(1);vertical-align:middle;border:1px solid #9098A9;transition:all .2s ease}.checkbox-wrapper-46 .cbx span:first-child svg{position:absolute;top:3px;left:2px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16px;stroke-dashoffset:16px;transition:all .3s ease;transition-delay:.1s;transform:translateZ(0)}.checkbox-wrapper-46 .cbx span:first-child:before{content:"";width:100%;height:100%;background:#506eec;display:block;transform:scale(0);opacity:1;border-radius:50%}.checkbox-wrapper-46 .cbx span:last-child{padding-left:8px;color:var(--text-input-gray);font-family:Montserrat;font-size:14px}.checkbox-wrapper-46 .cbx:hover span:first-child{border-color:#506eec}.checkbox-wrapper-46 .inp-cbx:checked+.cbx span:first-child{background:#506eec;border-color:#506eec;animation:wave-46 .4s ease}.checkbox-wrapper-46 .inp-cbx:checked+.cbx span:first-child svg{stroke-dashoffset:0}.checkbox-wrapper-46 .inp-cbx:checked+.cbx span:first-child:before{transform:scale(3.5);opacity:0;transition:all .6s ease}@keyframes wave-46{50%{transform:scale(.8)}}.setting-general-box{display:flex;flex-direction:column;justify-content:center;align-items:center;width:550px;height:520px}@media (max-width: 768px){.setting-general-box{width:100%;flex:1;height:auto;height:100%}}@media (max-width: 359px){.setting-general-box{height:auto;overflow:auto}}.setting-general-box .title-box{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;color:var(--blue);padding-bottom:12px;border-bottom:1px solid var(--smooth-light-blue);gap:7px}.setting-general-box .title-box svg{font-size:30px}.setting-general-box .title-box p{font-weight:700;font-size:17px}.setting-general-box .contents-box{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex:1;width:100%}@media (max-width: 768px){.setting-general-box .contents-box{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;height:100%}}@media (max-width: 359px){.setting-general-box .contents-box{display:flex;flex-direction:column;justify-content:center;align-items:center}}.setting-general-box .contents-box .sidebar{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:200px;height:100%;padding:15px 15px 0 0;gap:13px;border-right:1px solid var(--smooth-light-blue)}@media (max-width: 575px){.setting-general-box .contents-box .sidebar{width:70px}}@media (max-width: 359px){.setting-general-box .contents-box .sidebar{padding:0;width:100%;gap:5px;display:flex;flex-direction:row;justify-content:center;align-items:center;height:50px;border:0;margin-top:10px}}.setting-general-box .contents-box .sidebar .menu-list{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:13px}@media (max-width: 359px){.setting-general-box .contents-box .sidebar .menu-list{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:15px}}.setting-general-box .contents-box .sidebar .menu-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:relative;width:100%;padding:7px 15px;gap:10px;border-radius:8px;cursor:pointer;color:var(--text-dark-gray);transition:all .3s ease 0s}@media (max-width: 575px){.setting-general-box .contents-box .sidebar .menu-item{display:flex;flex-direction:row;justify-content:center;align-items:center;width:55px;height:50px}}@media (max-width: 359px){.setting-general-box .contents-box .sidebar .menu-item{width:45px;height:40px;padding:0}}.setting-general-box .contents-box .sidebar .menu-item:hover{background-color:var(--smooth-light-blue)}.setting-general-box .contents-box .sidebar .menu-item:hover p{color:var(--blue)}.setting-general-box .contents-box .sidebar .menu-item.active{background-color:var(--smooth-light-blue);color:var(--blue)}.setting-general-box .contents-box .sidebar .menu-item.active .active-item-line{display:block}.setting-general-box .contents-box .sidebar .menu-item .active-item-line{position:absolute;display:none;width:5px;height:20px;border-radius:30px;background-color:var(--blue);left:-3px}@media (max-width: 359px){.setting-general-box .contents-box .sidebar .menu-item .active-item-line{left:auto;bottom:-2px;width:23px;height:5px}}.setting-general-box .contents-box .sidebar .menu-item svg{color:var(--blue);font-size:27px}.setting-general-box .contents-box .sidebar .menu-item p{font-size:15px;font-weight:700}@media (max-width: 575px){.setting-general-box .contents-box .sidebar .menu-item p{display:none}}.setting-general-box .contents-box .sidebar .logout,.setting-general-box .contents-box .sidebar .logout .icon{color:var(--smooth-red)}.setting-general-box .contents-box .sidebar .logout:hover{background-color:var(--smooth-light-blue)}.setting-general-box .contents-box .sidebar .logout:hover p{color:var(--smooth-red)}.setting-general-box .contents-box .dynamic-content{flex:1;height:100%;padding:15px 0 0 15px;width:20px}@media (max-width: 359px){.setting-general-box .contents-box .dynamic-content{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}}.setting-general-box .contents-box .dynamic-content h3{font-size:17px;font-weight:700;color:var(--text-black);margin-bottom:18px}.setting-general-box .contents-box .dynamic-content .help-box{overflow:auto;height:440px;width:100%;overflow-x:hidden}@media (max-width: 600px){.setting-general-box .contents-box .dynamic-content .help-box{height:0px;min-height:100%;padding-right:10px}}@media (max-width: 360px){.setting-general-box .contents-box .dynamic-content .help-box{height:100%}}.setting-general-box .contents-box .dynamic-content .help-box .version-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;padding-bottom:15px;border-bottom:1px solid var(--smooth-light-blue);margin-bottom:15px}.setting-general-box .contents-box .dynamic-content .help-box .version-info span{color:var(--text-input-gray)}.setting-general-box .contents-box .dynamic-content .help-box .contact-us{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--smooth-light-blue)}.setting-general-box .contents-box .dynamic-content .help-box .contact-us p{color:var(--text-black);font-weight:700}.setting-general-box .contents-box .dynamic-content .help-box .contact-us span{color:var(--text-input-gray);font-size:14px}.setting-general-box .contents-box .dynamic-content .help-box .contact-us .rate-box{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;width:100%;border-bottom:1px solid var(--smooth-light-blue);padding-bottom:10px}.setting-general-box .contents-box .dynamic-content .help-box .contact-us a{display:block;font-size:14px;color:var(--blue)}.setting-general-box .contents-box .dynamic-content .help-box .developer-team-title{margin-top:10px;color:var(--text-black)}.setting-general-box .contents-box .dynamic-content .help-box .developers-box{margin-top:15px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:15px}.setting-general-box .contents-box .dynamic-content .help-box .developers-box .developer-box{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}@media (max-width: 450px){.setting-general-box .contents-box .dynamic-content .help-box .developers-box .developer-box{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:10px}}.setting-general-box .contents-box .dynamic-content .help-box .developers-box .developer-box .developer-image-and-info{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}.setting-general-box .contents-box .dynamic-content .help-box .developers-box .developer-box img{width:45px;height:45px;object-fit:cover;border-radius:50%}.setting-general-box .contents-box .dynamic-content .help-box .developers-box .developer-box .developer-info{width:150px}.setting-general-box .contents-box .dynamic-content .help-box .developers-box .developer-box .developer-info span{font-size:15px;color:var(--text-black);font-weight:700}.setting-general-box .contents-box .dynamic-content .help-box .developers-box .developer-box .developer-info p{font-size:14px;color:var(--text-dark-gray)}.setting-general-box .contents-box .dynamic-content .help-box .developers-box .developer-box .contact-informations-box{margin-left:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;border-radius:7px}@media (max-width: 450px){.setting-general-box .contents-box .dynamic-content .help-box .developers-box .developer-box .contact-informations-box{margin-top:5px;margin-left:3px}}.setting-general-box .contents-box .dynamic-content .help-box .developers-box .developer-box .contact-informations-box a{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:6px;border-radius:6px;background-color:var(--smooth-light-blue);color:var(--blue)}.setting-general-box .contents-box .dynamic-content .help-box .developers-box .developer-box .contact-informations-box a:hover{scale:1.12}.setting-general-box .contents-box .dynamic-content .help-box .copyright-box p,.setting-general-box .contents-box .dynamic-content .help-box .version-info p{color:var(--text-dark-gray)}.setting-general-box .contents-box .dynamic-content .help-box .copyright-box p{font-size:15px;margin:10px 0}.setting-general-box .contents-box .dynamic-content .theme-box{width:100%}@media (max-width: 600px){.setting-general-box .contents-box .dynamic-content .theme-box{padding-right:10px}}.setting-general-box .contents-box .dynamic-content .theme-box .theme-select{margin-bottom:20px}.setting-general-box .contents-box .dynamic-content .theme-box .theme-select label{font-size:16px;font-weight:700;display:block;margin-bottom:10px}.setting-general-box .contents-box .dynamic-content .theme-box .theme-select select{padding:10px 15px;font-size:14px;border-radius:8px;width:100%;max-width:240px;background-color:var(--smooth-light-blue);color:var(--blue);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23585CE1' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 5.646a.5.5 0 0 1 .708 0L8 11.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 13px) center;cursor:pointer;background-size:16px}@media (max-width: 500px){.setting-general-box .contents-box .dynamic-content .theme-box .theme-select select{max-width:100%;width:100%}}.setting-general-box .contents-box .dynamic-content .theme-box .wallpaper label{font-size:16px;font-weight:700;display:block;margin:15px 0 20px;color:var(--text-black)}.setting-general-box .contents-box .dynamic-content .theme-box .wallpaper .grid{display:grid;grid-template-columns:repeat(4,1fr);width:max-content;gap:22px}.setting-general-box .contents-box .dynamic-content .theme-box .wallpaper .grid .gradient-box{width:47px;height:47px;border-radius:10px;cursor:pointer;border:4px solid var(--smooth-light-blue);transition:all .3s ease 0s}.setting-general-box .contents-box .dynamic-content .theme-box .wallpaper .grid .gradient-box.selected{border:4px solid var(--blue)}.setting-general-box .contents-box .dynamic-content .theme-box .selected-info{margin-top:20px;font-size:14px}.setting-general-box .contents-box .dynamic-content .theme-box .selected-info p{margin:5px 0}.setting-general-box .contents-box .dynamic-content .theme-box .selected-info p strong{font-weight:700}.setting-general-box .contents-box .dynamic-content .account-box{overflow:auto;height:440px;width:100%;overflow-x:hidden;padding-right:15px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:18px;color:var(--text-black)}@media (max-width: 768px){.setting-general-box .contents-box .dynamic-content .account-box{height:0px;min-height:100%}}@media (max-width: 360px){.setting-general-box .contents-box .dynamic-content .account-box{height:100%;min-height:100%}}.setting-general-box .contents-box .dynamic-content .account-box h3{margin-bottom:0}.setting-general-box .contents-box .dynamic-content .account-box .edit-btn{background-color:var(--text-white);color:var(--blue);padding:6px;border-radius:50%;font-size:16px;display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:#64646f33 0 7px 29px}.setting-general-box .contents-box .dynamic-content .account-box .image-box{width:100%;position:relative;width:max-content}.setting-general-box .contents-box .dynamic-content .account-box .image-box .profile-image{width:90px;height:90px;border-radius:50%;object-fit:cover}.setting-general-box .contents-box .dynamic-content .account-box .image-box .edit-btn{position:absolute;top:6px;right:-3px}.setting-general-box .contents-box .dynamic-content .account-box .image-box .full-size-profil-image-box{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#1c1c1cc4;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;animation:fadeIn .3s forwards}.setting-general-box .contents-box .dynamic-content .account-box .image-box .full-size-profil-image-box img{max-height:80%;border-radius:13px;max-width:90%;transform:translateY(50px);opacity:0;animation:slideUp .7s ease-out forwards}.setting-general-box .contents-box .dynamic-content .account-box .image-box .full-size-profil-image-box button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:42px;height:42px;font-size:28px;border-radius:50%;background-color:var(--smooth-light-blue);color:var(--blue);position:absolute;top:25px;right:25px}.setting-general-box .contents-box .dynamic-content .account-box .name-box{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--smooth-light-blue)}.setting-general-box .contents-box .dynamic-content .account-box .name-box p{font-size:16px;width:270px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.setting-general-box .contents-box .dynamic-content .account-box .email-and-phone-box{width:100%}.setting-general-box .contents-box .dynamic-content .account-box .email-and-phone-box .email-box p{margin:3px 0;font-size:16px}.setting-general-box .contents-box .dynamic-content .account-box .email-and-phone-box .email-box span,.setting-general-box .contents-box .dynamic-content .account-box .email-and-phone-box .email-box input{color:var(--text-input-gray);font-size:14px}.setting-general-box .contents-box .dynamic-content .account-box .phone-box{margin:15px 0;padding-bottom:15px;border-bottom:1px solid var(--smooth-light-blue)}.setting-general-box .contents-box .dynamic-content .account-box .phone-box p{margin:3px 0;font-size:16px}.setting-general-box .contents-box .dynamic-content .account-box .phone-box .phone-edit-box{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.setting-general-box .contents-box .dynamic-content .account-box .phone-box .phone-edit-box p,.setting-general-box .contents-box .dynamic-content .account-box .phone-box .phone-edit-box input{color:var(--text-input-gray);font-size:14px}.setting-general-box .contents-box .dynamic-content .account-box .biography-box{margin:3px 0}.setting-general-box .contents-box .dynamic-content .account-box .biography-box p{font-size:16px}.setting-general-box .contents-box .dynamic-content .account-box .biography-box .biograpy-edit-box{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:3px}.setting-general-box .contents-box .dynamic-content .account-box .biography-box .biography-span,.setting-general-box .contents-box .dynamic-content .account-box .biography-box textarea{color:var(--text-input-gray);font-size:14px;width:100%;word-break:break-word;line-height:1.5}.setting-general-box .contents-box .dynamic-content .account-box .biography-box textarea{resize:none;min-height:20px;max-height:200px;overflow-y:auto;padding:2px;box-sizing:border-box}.setting-general-box .contents-box .dynamic-content .change-password .change-password-box{width:100%}@media (max-width: 768px){.setting-general-box .contents-box .dynamic-content .change-password .change-password-box{width:80%}}@media (max-width: 600px){.setting-general-box .contents-box .dynamic-content .change-password .change-password-box{width:100%;padding-right:10px}}.setting-general-box .contents-box .dynamic-content .change-password .change-password-box .inputs-box{margin-top:20px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:15px}.setting-general-box .contents-box .dynamic-content .change-password .change-password-box .inputs-box .input-box{width:100%}.setting-general-box .contents-box .dynamic-content .change-password .change-password-box .inputs-box .input-box p{color:var(--text-dark-gray);margin-bottom:7px;font-size:15px}.setting-general-box .contents-box .dynamic-content .change-password .change-password-box .inputs-box .input-box input{background-color:var(--smooth-light-blue);border-radius:7px;width:100%;padding:6px 12px;font-size:15px;color:var(--blue)}.setting-general-box .contents-box .dynamic-content .change-password .change-password-box .option-buttons{margin-top:35px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:17px}.setting-general-box .contents-box .dynamic-content .change-password .change-password-box .option-buttons button{width:120px}.setting-general-box .contents-box .dynamic-content .change-password .different-auth-box{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border:3px solid var(--smooth-blue);border-radius:10px;padding:10px 12px;background-color:var(--smooth-light-blue)}.setting-general-box .contents-box .dynamic-content .change-password .different-auth-box svg{font-size:45px}.setting-general-box .contents-box .dynamic-content .change-password .different-auth-box svg.fb{color:var(--blue)}.setting-general-box .contents-box .dynamic-content .change-password .different-auth-box p{margin-top:5px;color:var(--blue)}.setting-general-box .contents-box .dynamic-content .change-password .different-auth-box span{width:100%;font-size:12px;text-align:center;color:var(--text-dark-gray)}.setting-general-box .contents-box .dynamic-content .option-buttons{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}.setting-general-box .contents-box .dynamic-content .option-buttons button{padding:7px 15px;font-size:14px;border-radius:7px;transition:all .3s ease 0s}.setting-general-box .contents-box .dynamic-content .option-buttons button:first-child{background-color:var(--smooth-light-blue);color:var(--blue)}.setting-general-box .contents-box .dynamic-content .option-buttons button:last-child{background-color:var(--blue);color:#fff}.setting-general-box .contents-box .dynamic-content .option-buttons button:last-child:hover{background-color:var(--hoverBlue)}.setting-general-box .contents-box .dynamic-content .option-buttons .savePassword.disabled{opacity:.7}.error-messages{color:var(--mingle-red);font-size:13.5px;margin:-10px 0}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}Header{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;height:55px;padding:8px 10px;background-color:var(--smooth-blue);gap:10px}@media (max-width: 900px){Header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:30px 14px;background-color:var(--generalBackgroundColor);border-bottom:3px solid var(--smooth-light-blue)}}Header img{width:120px}Header button{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:30px;padding:6px;border-radius:12px;background:transparent;color:var(--blue);transition:all .3s ease;display:none}@media (max-width: 900px){Header button{display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:0}}Header button:active{background:var(--text-white)}.sidebar-container{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width:65px;height:100%;position:absolute;padding:8px 10px;background-color:var(--smooth-blue);transition:width .3s ease;z-index:10}@media (max-width: 900px){.sidebar-container{display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;width:100%;height:72px;padding:0;border-radius:40px 40px 0 0;bottom:0}}.sidebar-container.open{width:170px;padding-right:15px}.sidebar-container .nav-buttons{display:flex;justify-content:flex-start;align-items:center;cursor:pointer;font-size:30px;padding:6px;border-radius:12px;background-color:transparent;color:var(--blue);transition:all .3s ease 0s;width:max-content;min-width:100%}@media (max-width: 900px){.sidebar-container .nav-buttons{margin:0;padding:10px;width:auto;display:flex;flex-direction:row;justify-content:center;align-items:flex-start}}.sidebar-container .nav-buttons:hover{background:var(--text-white)}.sidebar-container .nav-buttons.open{justify-content:flex-start}.sidebar-container .nav-buttons.active{background:var(--text-white)}.sidebar-container .nav-buttons span{margin-left:10px;font-size:16px;margin-right:10px;color:var(--blue);animation:fadeIn .5s ease-in-out}.sidebar-container #menu-btn:hover{background-color:transparent}.sidebar-container .top-box{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:25px}@media (max-width: 900px){.sidebar-container .top-box{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%}}.sidebar-container .top-box .navigation-buttons{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:18px}@media (max-width: 900px){.sidebar-container .top-box .navigation-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:26px;margin:0;padding:0;width:50px}}@media (max-width: 900px){.sidebar-container .bottom-box,.sidebar-container #menu-btn{display:none}}.new-chat-modal{width:500px}@media (max-width: 768px){.new-chat-modal{width:100%;height:auto}}.new-chat-modal .title-and-input-bar .title-box{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;border-bottom:2px solid var(--smooth-blue-hover);gap:10px;padding-bottom:15px}.new-chat-modal .title-and-input-bar .title-box p{color:var(--blue);font-weight:700;font-size:16px}.new-chat-modal .title-and-input-bar .search-user-input-box{margin:15px 0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;color:var(--text-dark-gray)}.new-chat-modal .title-and-input-bar .search-user-input-box .icon{font-size:25px}.new-chat-modal .title-and-input-bar .search-user-input-box input{width:100%;font-size:15px}.new-chat-modal .user-list-box{margin-top:25px;display:flex}@media (max-width: 768px){.new-chat-modal .user-list-box{width:100%;height:100%}}.new-chat-modal .user-list-box.active{display:block}.new-chat-modal .user-list-box .result-number-box{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding-left:3px;gap:10px;color:var(--blue)}.new-chat-modal .user-list-box .result-number-box .icon{font-size:20px}.new-chat-modal .user-list-box .result-number-box p{font-size:13px;font-weight:700}.new-chat-modal .user-list-box .users-box{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:5px;margin-top:15px;height:250px;padding-right:15px;overflow:auto;transition:height .3s ease}@media (max-width: 768px){.new-chat-modal .user-list-box .users-box{width:100%;height:auto}}.new-chat-modal .user-list-box .users-box .user-box{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;width:100%;gap:10px;padding:8px 10px;border-radius:100px;transition:all .3s ease 0s;cursor:pointer}.new-chat-modal .user-list-box .users-box .user-box:hover{background-color:var(--smooth-light-blue)}.new-chat-modal .user-list-box .users-box .user-box img{width:52px;height:52px;object-fit:cover;border-radius:50%;border:2px solid var(--smooth-blue-hover)}.new-chat-modal .user-list-box .users-box .user-box .default-profile-image{width:52px;height:52px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:15px;background-color:var(--smooth-blue)}.new-chat-modal .user-list-box .users-box .user-box .user-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.new-chat-modal .user-list-box .users-box .user-box .user-info p,.new-chat-modal .user-list-box .users-box .user-box .user-info span{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-chat-modal .user-list-box .users-box .user-box .user-info p{color:var(--text-black);font-size:15px;font-weight:700;line-height:24px}.new-chat-modal .user-list-box .users-box .user-box .user-info span{color:var(--text-input-gray);font-size:13px}.new-chat-modal .no-result-box{margin-top:20px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;display:none;gap:8px;color:var(--text-dark-gray)}.new-chat-modal .no-result-box.active{display:flex}.new-chat-modal .no-result-box .icon{font-size:22px}.new-chat-modal .no-result-box p{font-size:13px;font-weight:700}.mobil-menu-title{width:100%;padding:15px 10px;margin-top:-12px;font-size:24px;color:var(--text-dark-gray)}.search-input-box{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:6px;width:100%;height:45px;padding:0 14px;background-color:var(--cardHover);border-radius:10px}@media (max-width: 900px){.search-input-box{margin-bottom:16px}}.search-input-box .icon-box{width:32px;font-size:32px;color:#787878}.search-input-box .search-input{width:100%;color:var(--text-dark-gray);font-size:13px;font-weight:700;height:100%}.create-buttons{width:100%;padding:8px;border-radius:10px;background-color:var(--blue);color:#fff;font-size:13px;font-weight:700;margin:16px 0;transition:all .3s ease 0s}.create-buttons:hover{background-color:var(--hoverBlue)}@media (max-width: 900px){.create-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;width:57px;height:57px;position:absolute;bottom:15px;right:20px;font-size:29px;border-radius:18px;z-index:2}}.user-dashboard-card-box,.group-dashboard-card-box{margin-top:15px;display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:75px;gap:5px;cursor:pointer;transition:all .3s ease 0s;border-radius:17px}@media (max-width: 900px){.user-dashboard-card-box,.group-dashboard-card-box{margin-top:0}}.user-dashboard-card-box .card-info-box,.user-dashboard-card-box .date-and-options-box,.group-dashboard-card-box .card-info-box,.group-dashboard-card-box .date-and-options-box{gap:5px;display:flex;flex-direction:row;justify-content:center;align-items:center}@media (max-width: 350px){.user-dashboard-card-box .date-and-options-box,.group-dashboard-card-box .date-and-options-box{gap:0px;display:flex;flex-direction:column;justify-content:center;align-items:center}.user-dashboard-card-box .date-and-options-box div:first-child,.group-dashboard-card-box .date-and-options-box div:first-child{order:2}.user-dashboard-card-box .date-and-options-box div:nth-child(2),.group-dashboard-card-box .date-and-options-box div:nth-child(2){order:1}}@media (max-width: 900px){.user-dashboard-card-box,.group-dashboard-card-box{padding:0 10px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}}.user-dashboard-card-box:first-child,.group-dashboard-card-box:first-child{margin-top:0}.user-dashboard-card-box:hover,.group-dashboard-card-box:hover,.user-dashboard-card-box.active-chat,.group-dashboard-card-box.active-chat,.user-dashboard-card-box.active-call,.group-dashboard-card-box.active-call{background-color:var(--cardHover)}.user-dashboard-card-box .image-box,.group-dashboard-card-box .image-box{width:max-content;position:relative}.user-dashboard-card-box .image-box img,.group-dashboard-card-box .image-box img{width:60px;height:60px;object-fit:cover;border-radius:50%}.user-dashboard-card-box .image-box .status,.group-dashboard-card-box .image-box .status{width:14px;height:14px;border-radius:50%;border:2px solid var(--smooth-white-color);position:absolute;right:2px;bottom:2px;transition:all .3s ease 0s}.user-dashboard-card-box .image-box .status.online,.group-dashboard-card-box .image-box .status.online{background-color:#26d97a}.user-dashboard-card-box .image-box .status.offline,.group-dashboard-card-box .image-box .status.offline{background-color:#b2b2b2}.user-dashboard-card-box .user-name-and-sub-title,.user-dashboard-card-box .grup-name-and-sub-title,.group-dashboard-card-box .user-name-and-sub-title,.group-dashboard-card-box .grup-name-and-sub-title{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 5px;width:125px;gap:2px}.user-dashboard-card-box .user-name-and-sub-title .last-message-image,.user-dashboard-card-box .grup-name-and-sub-title .last-message-image,.group-dashboard-card-box .user-name-and-sub-title .last-message-image,.group-dashboard-card-box .grup-name-and-sub-title .last-message-image{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:5px;color:var(--blue)}.user-dashboard-card-box .user-name-and-sub-title .last-message-image svg,.user-dashboard-card-box .grup-name-and-sub-title .last-message-image svg,.group-dashboard-card-box .user-name-and-sub-title .last-message-image svg,.group-dashboard-card-box .grup-name-and-sub-title .last-message-image svg{font-size:24px}.user-dashboard-card-box .user-name-and-sub-title .last-message-image span,.user-dashboard-card-box .grup-name-and-sub-title .last-message-image span,.group-dashboard-card-box .user-name-and-sub-title .last-message-image span,.group-dashboard-card-box .grup-name-and-sub-title .last-message-image span{color:var(--blue)}.user-dashboard-card-box .user-name-and-sub-title .last-message-video,.user-dashboard-card-box .grup-name-and-sub-title .last-message-video,.group-dashboard-card-box .user-name-and-sub-title .last-message-video,.group-dashboard-card-box .grup-name-and-sub-title .last-message-video{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:5px;color:#f5a42c}.user-dashboard-card-box .user-name-and-sub-title .last-message-video svg,.user-dashboard-card-box .grup-name-and-sub-title .last-message-video svg,.group-dashboard-card-box .user-name-and-sub-title .last-message-video svg,.group-dashboard-card-box .grup-name-and-sub-title .last-message-video svg{font-size:24px}.user-dashboard-card-box .user-name-and-sub-title .last-message-video span,.user-dashboard-card-box .grup-name-and-sub-title .last-message-video span,.group-dashboard-card-box .user-name-and-sub-title .last-message-video span,.group-dashboard-card-box .grup-name-and-sub-title .last-message-video span{color:#f5a42c}.user-dashboard-card-box .user-name-and-sub-title .last-message-audio,.user-dashboard-card-box .grup-name-and-sub-title .last-message-audio,.group-dashboard-card-box .user-name-and-sub-title .last-message-audio,.group-dashboard-card-box .grup-name-and-sub-title .last-message-audio{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:5px;color:var(--smooth-red)}.user-dashboard-card-box .user-name-and-sub-title .last-message-audio svg,.user-dashboard-card-box .grup-name-and-sub-title .last-message-audio svg,.group-dashboard-card-box .user-name-and-sub-title .last-message-audio svg,.group-dashboard-card-box .grup-name-and-sub-title .last-message-audio svg{font-size:24px}.user-dashboard-card-box .user-name-and-sub-title .last-message-audio span,.user-dashboard-card-box .grup-name-and-sub-title .last-message-audio span,.group-dashboard-card-box .user-name-and-sub-title .last-message-audio span,.group-dashboard-card-box .grup-name-and-sub-title .last-message-audio span{color:var(--smooth-red)}.user-dashboard-card-box .user-name-and-sub-title .last-message-file,.user-dashboard-card-box .grup-name-and-sub-title .last-message-file,.group-dashboard-card-box .user-name-and-sub-title .last-message-file,.group-dashboard-card-box .grup-name-and-sub-title .last-message-file{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:5px;color:#08a283}.user-dashboard-card-box .user-name-and-sub-title .last-message-file svg,.user-dashboard-card-box .grup-name-and-sub-title .last-message-file svg,.group-dashboard-card-box .user-name-and-sub-title .last-message-file svg,.group-dashboard-card-box .grup-name-and-sub-title .last-message-file svg{font-size:24px}.user-dashboard-card-box .user-name-and-sub-title .last-message-file span,.user-dashboard-card-box .grup-name-and-sub-title .last-message-file span,.group-dashboard-card-box .user-name-and-sub-title .last-message-file span,.group-dashboard-card-box .grup-name-and-sub-title .last-message-file span{color:#08a283}.user-dashboard-card-box .user-name-and-sub-title p,.user-dashboard-card-box .grup-name-and-sub-title p,.group-dashboard-card-box .user-name-and-sub-title p,.group-dashboard-card-box .grup-name-and-sub-title p{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;display:block;color:var(--text-black)}.user-dashboard-card-box .user-name-and-sub-title span,.user-dashboard-card-box .grup-name-and-sub-title span,.group-dashboard-card-box .user-name-and-sub-title span,.group-dashboard-card-box .grup-name-and-sub-title span{font-size:12px;font-weight:700;color:var(--user-message-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;display:block}.user-dashboard-card-box .status-informations-box,.group-dashboard-card-box .status-informations-box{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.user-dashboard-card-box .status-informations-box span,.group-dashboard-card-box .status-informations-box span{color:#828a96;font-family:Montserrat;font-size:12px;width:75px;text-align:center}@media (max-width: 360px){.user-dashboard-card-box .status-informations-box span,.group-dashboard-card-box .status-informations-box span{width:auto}}.user-dashboard-card-box .status-informations-box p,.group-dashboard-card-box .status-informations-box p{display:flex;flex-direction:row;justify-content:center;align-items:center;width:20px;height:20px;border-radius:50%;background-color:var(--blue);color:var(--text-white);font-size:11px}.user-dashboard-card-box .call-status-span,.group-dashboard-card-box .call-status-span{margin-top:2px}.user-dashboard-card-box .call-status-span .icon,.group-dashboard-card-box .call-status-span .icon{font-size:16px}.chat-list-box,.call-list-box,.archive-list-box,.group-list-box{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;overflow:hidden;width:100%}.chat-list-box .list-flex,.call-list-box .list-flex,.archive-list-box .list-flex,.group-list-box .list-flex{flex:1;display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.chat-list-box .list-flex .user-list,.call-list-box .list-flex .user-list,.archive-list-box .list-flex .user-list,.group-list-box .list-flex .user-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:5px}@media (max-width: 900px){.chat-list-box .list-flex .user-list,.call-list-box .list-flex .user-list,.archive-list-box .list-flex .user-list,.group-list-box .list-flex .user-list{padding-bottom:55px}}.chat-list-box .list-flex .user-list::-webkit-scrollbar,.call-list-box .list-flex .user-list::-webkit-scrollbar,.archive-list-box .list-flex .user-list::-webkit-scrollbar,.group-list-box .list-flex .user-list::-webkit-scrollbar{width:0px;height:0px}.chat-list-box .list-flex .user-list::-webkit-scrollbar-thumb,.call-list-box .list-flex .user-list::-webkit-scrollbar-thumb,.archive-list-box .list-flex .user-list::-webkit-scrollbar-thumb,.group-list-box .list-flex .user-list::-webkit-scrollbar-thumb{background-color:transparent}.chat-list-box .list-flex .user-list::-webkit-scrollbar-track,.call-list-box .list-flex .user-list::-webkit-scrollbar-track,.archive-list-box .list-flex .user-list::-webkit-scrollbar-track,.group-list-box .list-flex .user-list::-webkit-scrollbar-track{background:transparent}.call-list-box .list-flex,.archive-list-box .list-flex{margin-top:16px}@media (max-width: 900px){.call-list-box .list-flex,.archive-list-box .list-flex{margin-top:0}}@keyframes buttonPress{0%{transform:scale(1)}50%{transform:scale(.93)}to{transform:scale(1)}}.no-active-datas{display:flex;flex-direction:column;justify-content:center;align-items:center;animation:fadeIn .8s ease-in-out}.no-active-datas img{width:250px}.no-active-datas p{font-size:13.7px;color:var(--text-input-gray)}.new-group-modal{width:500px}@media (max-width: 768px){.new-group-modal{width:100%;height:auto}}.new-group-modal .title-box{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:9px;padding-bottom:12px;border-bottom:2px solid var(--smooth-light-blue);margin-bottom:10px}.new-group-modal .title-box p{font-size:16px;color:var(--blue);font-weight:700}.new-group-modal .title-box .setting-icon{color:var(--blue);font-size:26px}.new-group-modal .contents{overflow:auto;height:400px;padding:0 12px}@media (max-width: 768px){.new-group-modal .contents{height:100%;overflow:hidden}}.new-group-modal .contents .choose-group-image{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.new-group-modal .contents .choose-group-image p{color:var(--text-black);font-size:15px;font-weight:700}.new-group-modal .contents .choose-group-image .group-image-box,.new-group-modal .contents .choose-group-image img{width:120px;height:120px;background:var(--smooth-light-blue, #E8EBFD);border-radius:50%;object-fit:cover}.new-group-modal .contents .choose-group-image .group-image-box{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;color:var(--blue);font-size:18px;font-weight:700}.new-group-modal .contents .choose-group-image .group-image-box .edit-image-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;top:10px;right:3px;font-size:25px;cursor:pointer}.new-group-modal .contents .choose-group-image .group-image-box .edit-image-btn .edit-btn{border-radius:50%;background-color:var(--text-white);color:var(--blue);width:35px;box-shadow:#64646f33 0 7px 29px;height:35px}.new-group-modal .contents .choose-group-image .group-image-box .full-size-group-image-box{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#1c1c1cc4;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;animation:fadeIn .3s forwards;z-index:99999999999}.new-group-modal .contents .choose-group-image .group-image-box .full-size-group-image-box img{width:max-content;height:max-content;max-width:85%;border-radius:13px;transform:translateY(50px);opacity:0;animation:slideUp .7s ease-out forwards}.new-group-modal .contents .choose-group-image .group-image-box .full-size-group-image-box button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:42px;height:42px;font-size:28px;border-radius:50%;background-color:var(--smooth-light-blue);color:var(--blue);position:absolute;top:25px;right:25px}.new-group-modal .contents .input-boxs{margin-top:20px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;gap:20px}.new-group-modal .contents .input-boxs .input-box{width:100%}.new-group-modal .contents .input-boxs .input-box p{color:var(--text-black);font-weight:700;font-size:15px;margin-bottom:12px}.new-group-modal .contents .input-boxs .input-box input{width:100%;padding:7px 10px;background-color:var(--smooth-light-blue);color:var(--blue);font-size:15px;border-radius:7px}.new-group-modal .contents .input-boxs .input-box input::placeholder{color:#7e93f2}.new-group-modal .contents .group-members-box{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:15px;width:100%;margin-top:20px}.new-group-modal .contents .group-members-box h2{font-size:15px;color:var(--text-black);font-weight:700}.new-group-modal .contents .group-members-box .user-display-name{color:var(--text-black)}.new-group-modal .contents .group-members-box .group-admin img,.new-group-modal .contents .group-members-box .other-users img{width:60px;height:60px;border-radius:50%;object-fit:cover}.new-group-modal .contents .group-members-box .group-admin,.new-group-modal .contents .group-members-box .other-users .user-box .user-info{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px}.new-group-modal .contents .group-members-box .group-admin .admin-info p,.new-group-modal .contents .group-members-box .other-users .user-box .user-info .username-and-role-box p{font-weight:700;font-size:15px;line-height:20px}.new-group-modal .contents .group-members-box .group-admin .admin-info span,.new-group-modal .contents .group-members-box .other-users .user-box .user-info .username-and-role-box span{color:var(--blue);font-size:14px}.new-group-modal .contents .group-members-box .group-admin .admin-info select,.new-group-modal .contents .group-members-box .other-users .user-box .user-info .username-and-role-box select{color:var(--text-dark-gray);font-size:14px;margin-left:-3px;background-color:var(--generalBackgroundColor)}.new-group-modal .contents .group-members-box .other-users{width:100%}.new-group-modal .contents .group-members-box .other-users .user-box{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-bottom:15px}.new-group-modal .contents .group-members-box .remove-user-box{display:flex;flex-direction:row;justify-content:center;align-items:center;width:142px;gap:7px;color:var(--smooth-red);background-color:transparent;padding:4px;border-radius:7px;background-color:var(--smooth-light-red)}@media (max-width: 768px){.new-group-modal .contents .group-members-box .remove-user-box{width:80px}}.new-group-modal .contents .group-members-box .remove-user-box .icon{font-size:24px}.new-group-modal .contents .group-members-box .remove-user-box span{font-size:12.5px}.new-group-modal .contents .option-buttons{margin-top:20px;display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;gap:24px}.new-group-modal .contents .option-buttons button{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5px;padding:7px 12px;border-radius:7px;background-color:var(--smooth-light-blue);color:var(--blue);font-size:14px;font-weight:700;transition:all .3s ease 0s}.new-group-modal .contents .option-buttons button:first-child .icon{font-size:20px}.new-group-modal .contents .option-buttons button:last-child{background-color:var(--blue);color:#fff}.new-group-modal .contents .option-buttons button.disabled{opacity:.7;pointer-events:none}.add-user-modal{width:500px}.add-user-modal .fullsize-overlay{display:flex;flex-direction:row;justify-content:center;align-items:center;position:fixed;width:100%;height:100%;top:0;left:0;opacity:0;animation:fadeIn .4s forwards;background-color:#2727272c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.add-user-modal .fullsize-overlay .card{width:600px;border:1px solid #ccc;padding:20px;position:relative;border-radius:17px;border:4px solid var(--smooth-blue-hover);background-color:var(--smooth-white-color);max-height:600px}@media (max-width: 768px){.add-user-modal .fullsize-overlay .card{max-height:100%;height:100%;overflow:scroll;overflow-x:hidden;width:100%;border:0;border-radius:0;background-color:var(--generalBackgroundColor)}}.add-user-modal .fullsize-overlay .card .title-and-input-bar .title-box{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;border-bottom:2px solid var(--smooth-blue-hover);gap:10px;padding-bottom:15px}.add-user-modal .fullsize-overlay .card .title-and-input-bar .title-box p{color:var(--blue);font-weight:700;font-size:16px}.add-user-modal .fullsize-overlay .card .title-and-input-bar .search-user-input-box{margin:15px 0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;color:var(--text-dark-gray)}.add-user-modal .fullsize-overlay .card .title-and-input-bar .search-user-input-box .icon{font-size:25px}.add-user-modal .fullsize-overlay .card .title-and-input-bar .search-user-input-box input{width:100%;font-size:15px}.add-user-modal .fullsize-overlay .card .user-list-box{margin-top:25px;display:none}@media (max-width: 768px){.add-user-modal .fullsize-overlay .card .user-list-box{height:auto;overflow-x:hidden}}.add-user-modal .fullsize-overlay .card .user-list-box.active{display:block}.add-user-modal .fullsize-overlay .card .user-list-box .result-number-box{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding-left:3px;gap:10px;color:var(--blue)}.add-user-modal .fullsize-overlay .card .user-list-box .result-number-box .icon{font-size:20px}.add-user-modal .fullsize-overlay .card .user-list-box .result-number-box p{font-size:13px;font-weight:700}.add-user-modal .fullsize-overlay .card .user-list-box .users-box{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:5px;margin-top:15px;height:250px;padding-right:15px;overflow:auto;transition:height .3s ease}@media (max-width: 768px){.add-user-modal .fullsize-overlay .card .user-list-box .users-box{height:100%}}.add-user-modal .fullsize-overlay .card .user-list-box .users-box .user-box{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;width:100%;gap:10px;padding:8px 10px;border-radius:100px;transition:all .3s ease 0s;cursor:pointer}.add-user-modal .fullsize-overlay .card .user-list-box .users-box .user-box .add-user-box,.add-user-modal .fullsize-overlay .card .user-list-box .users-box .user-box .added-user{display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;display:none;gap:5px;right:35px;font-size:15px;color:var(--blue);opacity:0}@media (max-width: 500px){.add-user-modal .fullsize-overlay .card .user-list-box .users-box .user-box .add-user-box,.add-user-modal .fullsize-overlay .card .user-list-box .users-box .user-box .added-user{right:20px}}.add-user-modal .fullsize-overlay .card .user-list-box .users-box .user-box .add-user-box .icon,.add-user-modal .fullsize-overlay .card .user-list-box .users-box .user-box .added-user .icon{font-size:22px}@media (max-width: 500px){.add-user-modal .fullsize-overlay .card .user-list-box .users-box .user-box .add-user-box p,.add-user-modal .fullsize-overlay .card .user-list-box .users-box .user-box .added-user p{display:none}}.add-user-modal .fullsize-overlay .card .user-list-box .users-box .user-box:hover{background-color:var(--smooth-light-blue)}.add-user-modal .fullsize-overlay .card .user-list-box .users-box .user-box:hover .add-user-box,.add-user-modal .fullsize-overlay .card .user-list-box .users-box .user-box:hover .added-user{display:flex;animation:fadeIn .7s forwards}.add-user-modal .fullsize-overlay .card .user-list-box .users-box .user-box img{width:50px;height:50px;object-fit:cover;border-radius:50%;border:2px solid var(--smooth-blue);max-width:none}.add-user-modal .fullsize-overlay .card .user-list-box .users-box .user-box .default-profile-image{width:52px;height:52px;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:15px;background-color:var(--smooth-blue)}.add-user-modal .fullsize-overlay .card .user-list-box .users-box .user-box .user-info{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%}.add-user-modal .fullsize-overlay .card .user-list-box .users-box .user-box .user-info p{color:var(--text-black);font-size:15px;font-weight:700;line-height:24px;width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-user-modal .fullsize-overlay .card .user-list-box .users-box .user-box .user-info span{color:var(--text-input-gray);width:70%;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-user-modal .fullsize-overlay .card .no-result-box{margin-top:20px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;display:none;gap:8px;color:var(--text-dark-gray)}.add-user-modal .fullsize-overlay .card .no-result-box.active{display:flex}.add-user-modal .fullsize-overlay .card .no-result-box .icon{font-size:22px}.add-user-modal .fullsize-overlay .card .no-result-box p{font-size:13px;font-weight:700}.add-user-modal .modal-close{position:absolute;top:10px;right:10px;cursor:pointer;font-size:25px;color:#fff;border:none;background:none;background-color:red;width:33px;height:33px;padding:6px;display:flex;justify-content:center;align-items:center;border-radius:18.5px;background:#585ce1}.dashboard-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:390px;height:100%;padding:16px 14px 0;border-right:2px solid var(--smooth-border-color)}@media (max-width: 900px){.dashboard-container{padding:0;width:100%;border:0}}.dashboard-container .user-info-box{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;width:100%;padding-left:15px;padding-top:5px}@media (max-width: 900px){.dashboard-container .user-info-box{display:none}}.dashboard-container .user-info-box img{width:62px;height:62px;border-radius:50%;object-fit:cover}.dashboard-container .user-info-box p{color:var(--text-black);font-size:16px;font-weight:700}.dashboard-container .dynamic-list-box{position:relative;width:100%;height:100%;overflow:hidden;background-color:var(--smooth-white-color);margin-top:15px;border-radius:28px 28px 0 0;padding:16px 12px 0}@media (max-width: 900px){.dashboard-container .dynamic-list-box{margin-top:0;border-radius:0;margin-bottom:70px;padding-bottom:0;background-color:var(--generalBackgroundColor)}}.dashboard-container .dynamic-list-box:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:50px;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,var(--generalBackgroundColor) 100%);pointer-events:none}.layout-container{background-color:var(--smooth-blue);height:var(--app-height);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.layout-container .main-content{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex:1;width:100%;overflow:hidden;position:relative}@media (max-width: 900px){.layout-container .main-content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;background-color:var(--generalBackgroundColor)}}.layout-container .main-content .outlet-content{margin-left:65px;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;height:100%;width:100%;border-radius:30px 0 0;background-color:var(--generalBackgroundColor)}@media (max-width: 900px){.layout-container .main-content .outlet-content{margin:0}}.layout-container .main-content .outlet-content .outlet-mobile{z-index:99999}.e2e-info-box{margin-bottom:50px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5px;color:#818181;position:absolute;bottom:0;font-size:14px}.welcome-screen{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.welcome-screen img{width:70px}.back-to-menu-btn{display:none;background-color:transparent;color:var(--blue);font-size:30px;padding:5px;border-radius:50%;transition:all .3s ease 0s}@media (max-width: 900px){.back-to-menu-btn{display:flex}}.back-to-menu-btn:active{background-color:var(--smooth-blue-hover)}.message-info-modal{display:flex;flex-direction:column;justify-content:center;align-items:center;width:350px;gap:7px}@media (max-width: 768px){.message-info-modal{width:100%}}.message-info-modal .message-info-section{width:100%;margin-bottom:10px}.message-info-modal .message-info-section .title-box{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:5px;width:100%}.message-info-modal .message-info-section .title-box svg{width:25px;height:25px;color:var(--text-input-gray)}.message-info-modal .message-info-section .title-box p{font-size:16.5px;color:var(--text-input-gray)}.message-info-modal .message-info-section .title-box .read{color:var(--blue)}.message-info-modal .message-info-section .user-list{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:15px;margin-top:10px}.message-info-modal .message-info-section .user-list .user-info{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.message-info-modal .message-info-section .user-list .user-info .image-and-name-box{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}.message-info-modal .message-info-section .user-list .user-info .image-and-name-box img{width:50px;height:50px;border-radius:50%;object-fit:cover}.message-info-modal .message-info-section .user-list .user-info .image-and-name-box span{font-size:15px;color:var(--text-black)}.message-info-modal .message-info-section .user-list .user-info p{width:120px;font-size:13px;color:var(--blue)}.message-info-modal .message-info-section .user-list.first{padding:10px 0;border-bottom:2px solid var(--smooth-light-blue)}.message-info-modal .no-user{padding:15px;color:var(--blue);font-size:15px}.message-bubble-box{margin:15px 0}.message-bubble-box .message-box{display:flex;align-items:center;flex-direction:row;width:100%;gap:10px;height:max-content;opacity:0;transform:translateY(45px);animation:slideUpFadeIn .2s ease forwards}.message-bubble-box .message-box .image-box img{width:42px;height:42px;border-radius:50%;object-fit:cover;box-shadow:#2a2a2a34 0 2px 8px}.message-bubble-box .message-box.sender{justify-content:flex-end;align-items:center}.message-bubble-box .message-box.sender .message-content{display:flex;flex-direction:column;justify-content:center;align-items:center;order:2;background:var(--blue);color:#fff}.message-bubble-box .message-box.sender .message-hour{order:1}.message-bubble-box .message-box .message-content{min-width:50px;max-width:60%;padding:9px 18px;align-items:center;border-radius:14px;background-color:var(--user-message-box-color);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--user-message-text-color);font-size:14px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;box-shadow:#2a2a2a34 0 2px 8px;cursor:pointer}@media (max-width: 1220px){.message-bubble-box .message-box .message-content{max-width:70%}}@media (max-width: 1070px){.message-bubble-box .message-box .message-content{max-width:320px}}@media (max-width: 950px){.message-bubble-box .message-box .message-content{max-width:290px}}@media (max-width: 900px){.message-bubble-box .message-box .message-content{max-width:70%}}@media (max-width: 360px){.message-bubble-box .message-box .message-content{max-width:230px}}@media (max-width: 340px){.message-bubble-box .message-box .message-content{max-width:220px}}.message-bubble-box .message-box .message-content .text-content{word-break:break-word;overflow-wrap:break-word}.message-bubble-box .message-box .message-content.image{padding:3px 7px;background-color:#e3e3e311;max-width:380px}@media (max-width: 1000px){.message-bubble-box .message-box .message-content.image{max-width:280px}}@media (max-width: 540px){.message-bubble-box .message-box .message-content.image{max-width:220px}}@media (max-width: 369px){.message-bubble-box .message-box .message-content.image{max-width:190px}}.message-bubble-box .message-box .message-content.audio,.message-bubble-box .message-box .message-content.video,.message-bubble-box .message-box .message-content.file{padding:0;max-width:500px}.message-bubble-box .message-box .message-content.group{padding:7px;max-width:500px}.message-bubble-box .message-box .message-content.group-sender{padding:0;max-width:500px}.message-bubble-box .message-box .message-content .user-info{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:0 0 2px}.message-bubble-box .message-box .message-content .user-info img{display:none}@media (max-width: 400px){.message-bubble-box .message-box .message-content .user-info img{display:flex;width:40px;height:40px;border-radius:50%;object-fit:cover}}.message-bubble-box .message-box .message-content .user-info .sender-profile-name{font-weight:700;width:100%}.message-bubble-box .message-box .message-content .user-info .sender-profile-name.other{margin-left:10px}.message-bubble-box .message-box .message-content .user-info .sender-profile-name.image{margin-left:10px;margin-bottom:-4px}.message-bubble-box .message-box .message-content img{max-height:350px;border-radius:5px;margin-top:5px;margin-bottom:5px;cursor:pointer}.message-bubble-box .message-box .message-content .file-message-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:var(--text-white);border-radius:10px;width:200px;padding:5px;gap:5px}@media (max-width: 360px){.message-bubble-box .message-box .message-content .file-message-container{width:170px}}.message-bubble-box .message-box .message-content .file-message-container .file-info-box{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:5px}.message-bubble-box .message-box .message-content .file-message-container .file-info-box svg{width:35px;color:#08a283}.message-bubble-box .message-box .message-content .file-message-container .file-info-box .file-info{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;font-size:14px;font-weight:700;color:var(--text-input-gray)}.message-bubble-box .message-box .message-content .file-message-container .file-info-box .file-info span{font-size:15px;color:#08a283;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-bubble-box .message-box .message-content .file-message-container .file-info-box .file-info p{font-size:12px}.message-bubble-box .message-box .message-content .file-message-container .download-file-button{width:30px;height:30px;background-color:#08a283;color:#fff;border-radius:50%;display:flex;flex-direction:row;justify-content:center;align-items:center;margin-right:10px;font-size:18px;cursor:pointer;transition:all .1s ease-in-out}.message-bubble-box .message-box .message-content .file-message-container .download-file-button:active{scale:.8}.message-bubble-box .message-box .message-hour-and-option-box{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5px;margin:0 5px}@media (max-width: 360px){.message-bubble-box .message-box .message-hour-and-option-box{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0px}}.message-bubble-box .message-box .message-hour-and-option-box .message-hour{color:#646464;text-align:center;font-size:12px;font-weight:700}.message-bubble-box .status-box{display:flex;justify-content:flex-end;padding:3px 5px;font-size:17px;color:var(--text-input-gray);opacity:0;transform:translateY(45px);animation:slideUpFadeIn .2s ease forwards}.message-bubble-box .full-size-image-box{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#1c1c1cc4;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;animation:fadeIn .3s forwards;z-index:9999}.message-bubble-box .full-size-image-box img{max-width:80%;max-height:85%;border-radius:13px;transform:translateY(50px);opacity:0;animation:slideUp .7s ease-out forwards}.message-bubble-box .full-size-image-box button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:42px;height:42px;font-size:28px;border-radius:50%;background-color:var(--smooth-light-blue);color:var(--blue);position:absolute;top:25px;right:25px}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.audio-player{background-color:var(--smooth-light-blue);color:#fff;border-radius:12px;width:300px;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:5px 10px}@media (max-width: 540px){.audio-player{width:230px}}.audio-player .audio-controls{display:flex;flex-direction:row;justify-content:center;align-items:center;width:300px}.audio-player .audio-controls .play-pause-btn{width:34px;height:34px;background-color:var(--smooth-light-blue);color:var(--blue);font-size:34px;animation:fadeEffect .3s ease-in-out}.audio-player .audio-controls .progress-container{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:16px}@media (max-width: 540px){.audio-player .audio-controls .progress-container{padding:0}}.audio-player .audio-controls .progress-container .time{font-size:14px;color:var(--blue);width:28px}.custom-slider .MuiSlider-thumb{margin-top:3px;background-color:var(--blue)!important;width:14px;height:14px}.custom-slider .MuiSlider-rail{margin-top:3px;background-color:var(--smooth-blue)!important}.custom-slider .MuiSlider-track{margin-top:3px;background-color:var(--blue)!important}.download-btn{background-color:var(--smooth-light-blue);color:var(--blue);font-size:20px;border-radius:50%;width:42px;height:42px;display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;transition:all .3s ease-out}.image-modal-box{padding:10px}@media (max-width: 900px){.image-modal-box{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-direction:column}}.image-modal-box .title-box{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;color:var(--blue);padding:6px 10px;width:100%;border-bottom:3px solid var(--smooth-light-blue);margin-bottom:15px}.image-modal-box .title-box svg{font-size:22px}.image-modal-box .title-box p{font-size:17px}.image-modal-box img{max-width:500px;max-height:400px;border-radius:10px}@media (max-width: 900px){.image-modal-box img{width:100%;height:100%}}.image-modal-box .send-image-btn{margin-top:15px;width:100%;padding:8px;background-color:var(--smooth-light-blue);color:var(--blue);border-radius:7px}@media (max-width: 900px){.image-modal-box .send-image-btn{position:absolute;bottom:40px;width:300px;padding:15px 8px;border-radius:14px;margin:0 60px}}.rhap_container{box-sizing:border-box;display:flex;flex-direction:column;line-height:1;font-family:inherit;width:100%;padding:10px 15px;background-color:#fff;box-shadow:0 0 3px #0003}.rhap_container:focus:not(:focus-visible){outline:0}.rhap_container svg{vertical-align:initial}.rhap_header{margin-bottom:10px}.rhap_footer{margin-top:5px}.rhap_main{display:flex;flex-direction:column;flex:1 1 auto}.rhap_stacked .rhap_controls-section{margin-top:8px}.rhap_horizontal{flex-direction:row}.rhap_horizontal .rhap_controls-section{margin-left:8px}.rhap_horizontal-reverse{flex-direction:row-reverse}.rhap_horizontal-reverse .rhap_controls-section{margin-right:8px}.rhap_stacked-reverse{flex-direction:column-reverse}.rhap_stacked-reverse .rhap_controls-section{margin-bottom:8px}.rhap_progress-section{display:flex;flex:3 1 auto;align-items:center}.rhap_progress-container{display:flex;align-items:center;height:20px;flex:1 0 auto;align-self:center;margin:0 calc(10px + 1%);cursor:pointer;user-select:none;-webkit-user-select:none}.rhap_progress-container:focus:not(:focus-visible){outline:0}.rhap_time{color:#333;font-size:16px;user-select:none;-webkit-user-select:none}.rhap_progress-bar{box-sizing:border-box;position:relative;z-index:0;width:100%;height:5px;background-color:#ddd;border-radius:2px}.rhap_progress-filled{height:100%;position:absolute;z-index:2;background-color:#868686;border-radius:2px}.rhap_progress-bar-show-download{background-color:#dddddd80}.rhap_download-progress{height:100%;position:absolute;z-index:1;background-color:#ddd;border-radius:2px}.rhap_progress-indicator{box-sizing:border-box;position:absolute;z-index:3;width:20px;height:20px;margin-left:-10px;top:-8px;background:#868686;border-radius:50px;box-shadow:#86868680 0 0 5px}.rhap_additional-controls{display:flex;flex:1 0 auto;align-items:center}.rhap_repeat-button{font-size:26px;width:26px;height:26px;color:#868686;margin-right:6px}.rhap_main-controls{flex:0 1 auto;display:flex;justify-content:center;align-items:center}.rhap_main-controls-button{margin:0 3px;color:#868686;font-size:35px;width:35px;height:35px}.rhap_play-pause-button{font-size:40px;width:40px;height:40px}.rhap_volume-controls{display:flex;flex:1 0 auto;justify-content:flex-end;align-items:center}.rhap_volume-button{flex:0 0 26px;font-size:26px;width:26px;height:26px;color:#868686;margin-right:6px}.rhap_volume-container{display:flex;align-items:center;flex:0 1 100px;user-select:none;-webkit-user-select:none}.rhap_volume-bar-area{display:flex;align-items:center;width:100%;height:14px;cursor:pointer}.rhap_volume-bar-area:focus:not(:focus-visible){outline:0}.rhap_volume-bar{box-sizing:border-box;position:relative;width:100%;height:4px;background:#ddd;border-radius:2px}.rhap_volume-indicator{box-sizing:border-box;position:absolute;width:12px;height:12px;margin-left:-6px;left:0;top:-4px;background:#868686;opacity:.9;border-radius:50px;box-shadow:#86868680 0 0 3px;cursor:pointer}.rhap_volume-indicator:hover{opacity:.9}.rhap_volume-filled{height:100%;position:absolute;z-index:2;background-color:#868686;border-radius:2px}.sound-record-box{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.sound-record-box .sound-record-content{width:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.sound-record-box .sound-record-content .content-box{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%}@media (max-width: 768px){.sound-record-box .sound-record-content{width:100%}}.sound-record-box .sound-record-content .record-finished-box{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.sound-record-box .sound-record-content .title-box{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;color:var(--blue);gap:5px;padding-bottom:10px;border-bottom:2px solid var(--smooth-blue)}.sound-record-box .sound-record-content .title-box svg{font-size:25px}.sound-record-box .sound-record-content .title-box p{font-size:16px;font-weight:700}.sound-record-box .sound-record-content .sound-waves-box{height:90px;margin-top:15px;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:7px}.sound-record-box .sound-record-content .sound-waves-box .wave{border-radius:16px;width:13px;background-color:var(--smooth-blue-hover);height:50px;transition:all .3s ease-in-out}@media (max-width: 768px){.sound-record-box .sound-record-content .sound-waves-box .wave{width:17px;height:60px}}.sound-record-box .sound-record-content .sound-waves-box .wave.animate{animation:waveAnimation 1s ease-in-out infinite;background-color:var(--blue)}.sound-record-box .sound-record-content .sound-waves-box .wave.first{animation:waveFirst 1.2s ease-in-out infinite}.sound-record-box .sound-record-content .sound-waves-box .wave.second{animation:waveSecond 1.8s ease-in-out infinite}.sound-record-box .sound-record-content .sound-waves-box .wave.last{animation:waveLast 1.2s ease-in-out infinite}.sound-record-box .sound-record-content .record-time{margin:10px;color:var(--text-dark-gray)}.sound-record-box .sound-record-content .options-box{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}@media (max-width: 768px){.sound-record-box .sound-record-content .options-box{display:flex;flex-direction:column;justify-content:center;align-items:center}}.sound-record-box .sound-record-content .options-box .record-button{padding:5px 10px;border-radius:7px;background-color:var(--blue);color:#fff;font-size:15px}@media (max-width: 768px){.sound-record-box .sound-record-content .options-box .record-button{padding:10px;height:auto;width:60%;border-radius:10px}}.sound-record-box .sound-record-content .audio-player-wrapper{padding:15px;width:100%;max-width:600px;margin:20px auto;box-shadow:none}.sound-record-box .sound-record-content .send-and-cancel-buttons-box{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:22px}@media (max-width: 768px){.sound-record-box .sound-record-content .send-and-cancel-buttons-box{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}}.sound-record-box .sound-record-content .send-and-cancel-buttons-box button{color:var(--blue);width:90px;border-radius:8px;height:35px;font-size:15px;transition:all .3s ease-in-out}@media (max-width: 768px){.sound-record-box .sound-record-content .send-and-cancel-buttons-box button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px;height:auto;width:60%;border-radius:10px}}.sound-record-box .sound-record-content .send-and-cancel-buttons-box button:first-child{background-color:var(--smooth-red);color:#fff}.sound-record-box .sound-record-content .send-and-cancel-buttons-box button:last-child{background-color:var(--blue);color:#fff}.sound-record-box .sound-record-content .send-and-cancel-buttons-box button:hover{filter:brightness(90%)}.audio-player-wrapper{box-shadow:none}.audio-player-wrapper .rhap_container{box-shadow:none;background-color:var(--smooth-light-blue);border-radius:8px;padding:12px}.rhap_progress-bar{box-sizing:border-box;position:relative;z-index:0;width:100%;height:5px;background-color:var(--smooth-blue);border-radius:2px}.rhap_progress-filled{height:100%;position:absolute;z-index:2;background-color:var(--blue);border-radius:2px}.rhap_play-pause-button{font-size:40px;width:40px;height:40px;color:var(--blue);transition:background-color .3s ease;background-color:transparent}.rhap_main-controls-button{margin:0 3px;color:var(--blue);font-size:35px;width:35px;height:35px}.rhap_rewind-button,.rhap_forward-button{font-size:26px;width:26px;height:26px;color:var(--blue);margin-right:6px}.rhap_controls-section{display:flex;flex:1 1 auto;justify-content:space-between;align-items:center}.rhap_volume-button{flex:0 0 26px;font-size:26px;width:26px;height:26px;color:var(--blue);margin-right:6px}.rhap_volume-bar{box-sizing:border-box;position:relative;width:100%;height:4px;background:var(--smooth-blue);border-radius:2px}.rhap_volume-indicator{box-sizing:border-box;position:absolute;width:12px;height:12px;margin-left:-6px;left:0;top:-4px;background:var(--blue);opacity:.9;border-radius:50px;box-shadow:rgba(var(--blue),.5) 0 0 3px;cursor:pointer}.rhap_volume-indicator:hover{opacity:1}.rhap_button-clear{background-color:transparent;border:none;padding:0;overflow:hidden;cursor:pointer}.rhap_button-clear:hover{opacity:.9;transition-duration:.2s}.rhap_button-clear:active{opacity:.95}.rhap_button-clear:focus:not(:focus-visible){outline:0}.rhap_progress-indicator{box-sizing:border-box;position:absolute;z-index:3;width:20px;height:20px;margin-left:-10px;top:-8px;background:var(--blue);border-radius:50%;cursor:pointer}.rhap_current-time,.rhap_total-time{color:var(--blue)}.rhap_repeat-button svg{color:var(--blue)}@keyframes waveFirst{0%,to{height:25px}50%{height:50px}}@keyframes waveSecond{0%,to{height:25px}50%{height:50px}}@keyframes waveLast{0%,to{height:20px}50%{height:50px}}.ai-modal{background:var(--generalBackgroundColor);border-radius:26px;box-shadow:#5e5e5e14 0 7px 29px;text-align:center;min-width:250px;padding:10px;width:350px;height:450px;font-family:Arial,sans-serif;border:4px solid;border-color:var(--smooth-blue-hover)}@media (max-width: 430px){.ai-modal{position:fixed;width:100%;height:100%;top:0;left:0;border-radius:0;border:0}}.ai-modal .intro-box{height:100%;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.ai-modal .intro-box img{width:50px;animation:scaleRotateAnimation 1.1s ease-in-out infinite}@keyframes scaleRotateAnimation{0%{transform:scale(1.2) rotate(0)}50%{transform:scale(.9) rotate(180deg)}to{transform:scale(1.1) rotate(360deg)}}.ai-modal .content-box{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}@media (max-width: 430px){.ai-modal .content-box{height:100%}}.ai-modal .content-box .navigation-box,.ai-modal .content-box .options-box{height:60px}.ai-modal .content-box .navigation-box,.ai-modal .content-box .options-box,.ai-modal .content-box .result-box{width:100%}.ai-modal .content-box .navigation-box{padding-bottom:10px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:3px solid var(--smooth-light-blue)}.ai-modal .content-box .navigation-box img{width:40px;height:40px}.ai-modal .content-box .navigation-box button{display:flex;flex-direction:row;justify-content:center;align-items:center}.ai-modal .content-box .navigation-box .text-generate-btn,.ai-modal .content-box .navigation-box .image-generate-btn{padding:8px 13px;gap:5px;border-radius:8px;background-color:var(--smooth-light-blue);font-size:15px;color:var(--blue)}.ai-modal .content-box .navigation-box .text-generate-btn svg,.ai-modal .content-box .navigation-box .image-generate-btn svg{width:20px;height:20px}.ai-modal .content-box .navigation-box .text-generate-btn.active,.ai-modal .content-box .navigation-box .image-generate-btn.active{border:3px solid rgba(88,93,225,.3294117647)}.ai-modal .content-box .navigation-box .close-btn{width:35px;height:35px;font-size:22px;border-radius:50%;background-color:var(--smooth-light-blue);color:var(--blue)}.ai-modal .content-box .result-box{height:100%;display:flex;flex-direction:row;justify-content:center;align-items:flex-start}.ai-modal .content-box .result-box .banner{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.ai-modal .content-box .result-box .banner img{width:130px}.ai-modal .content-box .result-box .banner span{font-size:14px;margin-top:20px;color:var(--mingle-red)}.ai-modal .content-box .result-box .text-generator-result,.ai-modal .content-box .result-box .image-generator-result,.ai-modal .content-box .result-box .loading-box{width:100%;height:100%}.ai-modal .content-box .result-box .text-generator-result{margin-top:5px;padding:10px;overflow:auto;max-height:300px;width:100%;overflow-x:hidden;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}@media (max-width: 430px){.ai-modal .content-box .result-box .text-generator-result{max-height:100%;height:100%}}.ai-modal .content-box .result-box .text-generator-result p,.ai-modal .content-box .result-box .text-generator-result h1,.ai-modal .content-box .result-box .text-generator-result h2{text-align:left;font-size:14px;color:var(--ai-text-color);margin-bottom:10px;width:100%}.ai-modal .content-box .result-box .text-generator-result p{text-align:left}.ai-modal .content-box .result-box .text-generator-result strong{font-weight:700;color:var(--blue)}.ai-modal .content-box .result-box .text-generator-result ul,.ai-modal .content-box .result-box .text-generator-result ol{width:100%}.ai-modal .content-box .result-box .text-generator-result ul li,.ai-modal .content-box .result-box .text-generator-result ol li{color:var(--text-dark-gray);text-align:initial;font-size:13.3px;margin-bottom:10px}.ai-modal .content-box .result-box .text-generator-result ul li strong,.ai-modal .content-box .result-box .text-generator-result ol li strong{color:var(--text-dark-gray);font-weight:700}.ai-modal .content-box .result-box .text-generator-result pre{width:100%;text-align:left;padding:10px;color:var(--blue);border-radius:10px;white-space:pre-wrap;margin-bottom:10px;background-color:var(--smooth-light-blue)}.ai-modal .content-box .result-box .text-generator-result code{width:100%;text-align:left;font-size:13px}.ai-modal .content-box .result-box .image-generator-result{height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.ai-modal .content-box .result-box .image-generator-result img{max-width:300px;max-height:280px;border-radius:10px;box-shadow:#64646f33 0 7px 29px}.ai-modal .content-box .options-box{display:flex;flex-direction:row;justify-content:center;align-items:center}.ai-modal .content-box .options-box .input-box{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;background-color:var(--smooth-light-blue);gap:6px;border-radius:30px;padding:0 7px}.ai-modal .content-box .options-box .input-box input{width:100%;padding-left:10px;font-size:14px;color:var(--blue)}.ai-modal .content-box .options-box .input-box input::placeholder{color:var(--blue)}.ai-modal .content-box .options-box .input-box button{background-color:var(--blue);color:var(--text-white);padding:5px;border-radius:50%;font-size:26px;display:flex;flex-direction:row;justify-content:center;align-items:center}.ai-modal .content-box .options-box .result-options-box{border-top:3px solid var(--smooth-light-blue);width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;padding:10px 5px 5px}.ai-modal .content-box .options-box .result-options-box .buttons{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:100%;width:180px;padding:5px 2px;border-radius:10px;gap:5px}.ai-modal .content-box .options-box .result-options-box .buttons button{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px;border-radius:10px;background-color:var(--smooth-light-blue);color:var(--blue);transition:all .3s ease 0s}.ai-modal .content-box .options-box .result-options-box .buttons button:hover{scale:1.2}.ai-modal .content-box .options-box .result-options-box .buttons button:active{scale:.9}.ai-modal .content-box .options-box .result-options-box .buttons button.liked{background-color:var(--blue);color:#fff}.ai-modal .content-box .options-box .result-options-box .send-message-btn{background:var(--blue);color:#fff;width:150px;height:85%;border-radius:30px;font-size:15px}.ai-modal .content-box .options-box .result-options-box .send-message-btn:hover{background:var(--hoverBlue)}.ai-modal .content-box .options-box .result-options-box .send-message-btn:active{scale:1}.ai-modal .content-box .options-box .change-ai-model-btn{border-radius:10px;padding:8px;font-size:24px;margin-right:7px;color:var(--blue);background-color:var(--smooth-light-blue);transition:all .3s ease 0s}.ai-modal .content-box .options-box .change-ai-model-btn:active{scale:.8}.ai-modal .content-box .options-box .model-selection-box{position:relative}.ai-modal .content-box .options-box .model-selection-box .model-selection{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--smooth-light-blue);border-radius:12px;padding:7px 7px 0;width:120px;position:absolute;top:-146px}.ai-modal .content-box .options-box .model-selection-box .model-selection .model-option{margin-bottom:8px;padding:5px;border-radius:6px;cursor:pointer;width:100%;background-color:var(--generalBackgroundColor);color:var(--blue);font-size:14px}.ai-modal .content-box .options-box .model-selection-box .model-selection .model-option.selected-model{background-color:var(--blue);color:#fff}.message-input-bar{width:100%;height:100px;display:flex;flex-direction:row;justify-content:center;align-items:center}@media (max-width: 900px){.message-input-bar{height:100px}}.message-input-bar .input-box{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:50px;border-radius:30px;border:3px solid var(--smooth-border-color);padding:0 4px;width:95%;gap:10px;transition:all .3s ease 0s}.message-input-bar .input-box:hover{background-color:var(--smooth-white-color)}@media (max-width: 900px){.message-input-bar .input-box{height:55px}}.message-input-bar .input-box .add-file-box{height:100%;width:50px;display:flex;flex-direction:row;justify-content:center;align-items:center}@media (max-width: 900px){.message-input-bar .input-box .add-file-box{width:81px}}.message-input-bar .input-box .add-file-box .add-file-button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:31px;height:31px;font-size:20px;background-color:var(--smooth-border-color);border-radius:50%;color:var(--text-dark-gray);transition:all .3s}.message-input-bar .input-box .add-file-box .add-file-button:active{transform:scale(.6)}.message-input-bar .input-box .add-file-box .file-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--user-message-box-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 7px;gap:15px;z-index:999;position:absolute;margin-bottom:276px;border-radius:12px;animation:slide-up .3s ease-out forwards}.message-input-bar .input-box .add-file-box .file-menu button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:36px;height:36px;border-radius:50%;font-size:20px;background:none;transition:background-color .3s,transform 3s;transition:all .3s}.message-input-bar .input-box .add-file-box .file-menu button:hover{scale:1.5}.message-input-bar .input-box .add-file-box .file-menu button:first-child{color:#08a283;border:2px solid rgb(8,162,131)}.message-input-bar .input-box .add-file-box .file-menu button:first-child:hover{background-color:#08a283;color:#fff}.message-input-bar .input-box .add-file-box .file-menu button:first-child:hover svg{animation:shake-scale 2s infinite}.message-input-bar .input-box .add-file-box .file-menu button:nth-child(2){color:var(--blue);border:2px solid var(--blue)}.message-input-bar .input-box .add-file-box .file-menu button:nth-child(2):hover{background-color:var(--blue);color:#fff}.message-input-bar .input-box .add-file-box .file-menu button:nth-child(2):hover svg{animation:shake-scale 2s infinite}.message-input-bar .input-box .add-file-box .file-menu button:nth-child(3){color:var(--smooth-red);border:2px solid var(--smooth-red)}.message-input-bar .input-box .add-file-box .file-menu button:nth-child(3):hover{background-color:var(--smooth-red);color:#fff}.message-input-bar .input-box .add-file-box .file-menu button:nth-child(3):hover svg{animation:shake-scale 2s infinite}.message-input-bar .input-box .add-file-box .file-menu button:last-child{color:#f5a42c;border:2px solid rgb(245,164,44)}.message-input-bar .input-box .add-file-box .file-menu button:last-child:hover{background-color:#f5a42c;color:#fff}.message-input-bar .input-box .add-file-box .file-menu button:last-child:hover svg{animation:shake-scale 2s infinite}.message-input-bar .input-box input{height:100%;width:90%;font-size:14px;color:var(--text-dark-gray)}.message-input-bar .input-box .ai-emoji-send-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;width:150px;height:100%;position:relative}.message-input-bar .input-box .ai-emoji-send-buttons .ai-button{padding-left:12px;width:40px;height:40px;font-size:28px;color:var(--blue);background-color:transparent;transition:all .3s ease 0s}.message-input-bar .input-box .ai-emoji-send-buttons .ai-button:hover{color:var(--hoverBlue)}.message-input-bar .input-box .ai-emoji-send-buttons .emoji-picker{position:absolute;bottom:75px;right:0;z-index:1000;border:4px solid var(--smooth-blue-hover);box-shadow:0 4px 8px #0000001a;border-radius:28px}@media (max-width: 500px){.message-input-bar .input-box .ai-emoji-send-buttons .emoji-picker{display:flex;flex-direction:row;justify-content:center;align-items:center;right:0;left:0;position:fixed;scale:.9;border:0;border-radius:0;box-shadow:"none"}}.message-input-bar .input-box .ai-emoji-send-buttons .add-emoji-button{width:30px;height:30px;font-size:28px;background-color:transparent;color:var(--text-dark-gray)}.message-input-bar .input-box .ai-emoji-send-buttons .send-message-button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:35px;height:35px;background-color:var(--blue);border-radius:50%;transition:all .3s ease 0s;padding-left:2px}@media (max-width: 900px){.message-input-bar .input-box .ai-emoji-send-buttons .send-message-button{margin-right:5px}}.message-input-bar .input-box .ai-emoji-send-buttons .send-message-button:hover{background-color:var(--hoverBlue)}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shake-scale{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-15deg)}50%{transform:scale(1.1) rotate(15deg)}75%{transform:scale(1.1) rotate(-15deg)}to{transform:scale(1) rotate(0)}}.chat-section{position:relative;flex:1;display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%}.chat-general-box,.group-general-box,.archive-general-box{display:flex;flex-direction:column;justify-content:space-between;align-items:center;flex:1;height:100%}.chat-general-box .user-top-bar,.chat-general-box .group-top-bar,.group-general-box .user-top-bar,.group-general-box .group-top-bar,.archive-general-box .user-top-bar,.archive-general-box .group-top-bar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:90px;width:100%;border-bottom:2px solid var(--smooth-border-color);padding:0 15px;transition:transform .5s ease,opacity .5s ease,visibility .5s ease}@media (max-width: 900px){.chat-general-box .user-top-bar,.chat-general-box .group-top-bar,.group-general-box .user-top-bar,.group-general-box .group-top-bar,.archive-general-box .user-top-bar,.archive-general-box .group-top-bar{padding:0 10px 0 0}}.chat-general-box .user-top-bar.close,.chat-general-box .group-top-bar.close,.group-general-box .user-top-bar.close,.group-general-box .group-top-bar.close,.archive-general-box .user-top-bar.close,.archive-general-box .group-top-bar.close{transform:translateY(-100%);opacity:0;visibility:hidden;height:0px}.chat-general-box .user-top-bar .user-info,.chat-general-box .user-top-bar .group-info,.chat-general-box .group-top-bar .user-info,.chat-general-box .group-top-bar .group-info,.group-general-box .user-top-bar .user-info,.group-general-box .user-top-bar .group-info,.group-general-box .group-top-bar .user-info,.group-general-box .group-top-bar .group-info,.archive-general-box .user-top-bar .user-info,.archive-general-box .user-top-bar .group-info,.archive-general-box .group-top-bar .user-info,.archive-general-box .group-top-bar .group-info{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;cursor:pointer}.chat-general-box .user-top-bar .user-info .image-box,.chat-general-box .user-top-bar .group-info .image-box,.chat-general-box .group-top-bar .user-info .image-box,.chat-general-box .group-top-bar .group-info .image-box,.group-general-box .user-top-bar .user-info .image-box,.group-general-box .user-top-bar .group-info .image-box,.group-general-box .group-top-bar .user-info .image-box,.group-general-box .group-top-bar .group-info .image-box,.archive-general-box .user-top-bar .user-info .image-box,.archive-general-box .user-top-bar .group-info .image-box,.archive-general-box .group-top-bar .user-info .image-box,.archive-general-box .group-top-bar .group-info .image-box{position:relative}.chat-general-box .user-top-bar .user-info .image-box img,.chat-general-box .user-top-bar .group-info .image-box img,.chat-general-box .group-top-bar .user-info .image-box img,.chat-general-box .group-top-bar .group-info .image-box img,.group-general-box .user-top-bar .user-info .image-box img,.group-general-box .user-top-bar .group-info .image-box img,.group-general-box .group-top-bar .user-info .image-box img,.group-general-box .group-top-bar .group-info .image-box img,.archive-general-box .user-top-bar .user-info .image-box img,.archive-general-box .user-top-bar .group-info .image-box img,.archive-general-box .group-top-bar .user-info .image-box img,.archive-general-box .group-top-bar .group-info .image-box img{width:55px;height:55px;object-fit:cover;border-radius:50%}.chat-general-box .user-top-bar .user-info .image-box .status,.chat-general-box .user-top-bar .group-info .image-box .status,.chat-general-box .group-top-bar .user-info .image-box .status,.chat-general-box .group-top-bar .group-info .image-box .status,.group-general-box .user-top-bar .user-info .image-box .status,.group-general-box .user-top-bar .group-info .image-box .status,.group-general-box .group-top-bar .user-info .image-box .status,.group-general-box .group-top-bar .group-info .image-box .status,.archive-general-box .user-top-bar .user-info .image-box .status,.archive-general-box .user-top-bar .group-info .image-box .status,.archive-general-box .group-top-bar .user-info .image-box .status,.archive-general-box .group-top-bar .group-info .image-box .status{width:14px;height:14px;border-radius:50%;border:2px solid var(--smooth-white-color);position:absolute;right:2px;bottom:2px}.chat-general-box .user-top-bar .user-info .image-box .status.online,.chat-general-box .user-top-bar .group-info .image-box .status.online,.chat-general-box .group-top-bar .user-info .image-box .status.online,.chat-general-box .group-top-bar .group-info .image-box .status.online,.group-general-box .user-top-bar .user-info .image-box .status.online,.group-general-box .user-top-bar .group-info .image-box .status.online,.group-general-box .group-top-bar .user-info .image-box .status.online,.group-general-box .group-top-bar .group-info .image-box .status.online,.archive-general-box .user-top-bar .user-info .image-box .status.online,.archive-general-box .user-top-bar .group-info .image-box .status.online,.archive-general-box .group-top-bar .user-info .image-box .status.online,.archive-general-box .group-top-bar .group-info .image-box .status.online{background-color:#26d97a}.chat-general-box .user-top-bar .user-info .image-box .status.offline,.chat-general-box .user-top-bar .group-info .image-box .status.offline,.chat-general-box .group-top-bar .user-info .image-box .status.offline,.chat-general-box .group-top-bar .group-info .image-box .status.offline,.group-general-box .user-top-bar .user-info .image-box .status.offline,.group-general-box .user-top-bar .group-info .image-box .status.offline,.group-general-box .group-top-bar .user-info .image-box .status.offline,.group-general-box .group-top-bar .group-info .image-box .status.offline,.archive-general-box .user-top-bar .user-info .image-box .status.offline,.archive-general-box .user-top-bar .group-info .image-box .status.offline,.archive-general-box .group-top-bar .user-info .image-box .status.offline,.archive-general-box .group-top-bar .group-info .image-box .status.offline{background-color:#b2b2b2}.chat-general-box .user-top-bar .user-info .name-and-status-box,.chat-general-box .user-top-bar .group-info .name-and-status-box,.chat-general-box .group-top-bar .user-info .name-and-status-box,.chat-general-box .group-top-bar .group-info .name-and-status-box,.group-general-box .user-top-bar .user-info .name-and-status-box,.group-general-box .user-top-bar .group-info .name-and-status-box,.group-general-box .group-top-bar .user-info .name-and-status-box,.group-general-box .group-top-bar .group-info .name-and-status-box,.archive-general-box .user-top-bar .user-info .name-and-status-box,.archive-general-box .user-top-bar .group-info .name-and-status-box,.archive-general-box .group-top-bar .user-info .name-and-status-box,.archive-general-box .group-top-bar .group-info .name-and-status-box{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1px;height:100%}.chat-general-box .user-top-bar .user-info .name-and-status-box .user-name,.chat-general-box .user-top-bar .user-info .name-and-status-box .group-name,.chat-general-box .user-top-bar .group-info .name-and-status-box .user-name,.chat-general-box .user-top-bar .group-info .name-and-status-box .group-name,.chat-general-box .group-top-bar .user-info .name-and-status-box .user-name,.chat-general-box .group-top-bar .user-info .name-and-status-box .group-name,.chat-general-box .group-top-bar .group-info .name-and-status-box .user-name,.chat-general-box .group-top-bar .group-info .name-and-status-box .group-name,.group-general-box .user-top-bar .user-info .name-and-status-box .user-name,.group-general-box .user-top-bar .user-info .name-and-status-box .group-name,.group-general-box .user-top-bar .group-info .name-and-status-box .user-name,.group-general-box .user-top-bar .group-info .name-and-status-box .group-name,.group-general-box .group-top-bar .user-info .name-and-status-box .user-name,.group-general-box .group-top-bar .user-info .name-and-status-box .group-name,.group-general-box .group-top-bar .group-info .name-and-status-box .user-name,.group-general-box .group-top-bar .group-info .name-and-status-box .group-name,.archive-general-box .user-top-bar .user-info .name-and-status-box .user-name,.archive-general-box .user-top-bar .user-info .name-and-status-box .group-name,.archive-general-box .user-top-bar .group-info .name-and-status-box .user-name,.archive-general-box .user-top-bar .group-info .name-and-status-box .group-name,.archive-general-box .group-top-bar .user-info .name-and-status-box .user-name,.archive-general-box .group-top-bar .user-info .name-and-status-box .group-name,.archive-general-box .group-top-bar .group-info .name-and-status-box .user-name,.archive-general-box .group-top-bar .group-info .name-and-status-box .group-name{color:var(--text-black);font-weight:700;font-size:15px}.chat-general-box .user-top-bar .user-info .name-and-status-box span,.chat-general-box .user-top-bar .group-info .name-and-status-box span,.chat-general-box .group-top-bar .user-info .name-and-status-box span,.chat-general-box .group-top-bar .group-info .name-and-status-box span,.group-general-box .user-top-bar .user-info .name-and-status-box span,.group-general-box .user-top-bar .group-info .name-and-status-box span,.group-general-box .group-top-bar .user-info .name-and-status-box span,.group-general-box .group-top-bar .group-info .name-and-status-box span,.archive-general-box .user-top-bar .user-info .name-and-status-box span,.archive-general-box .user-top-bar .group-info .name-and-status-box span,.archive-general-box .group-top-bar .user-info .name-and-status-box span,.archive-general-box .group-top-bar .group-info .name-and-status-box span{font-size:12px;color:var(--text-dark-gray);animation:fadeInUp .4s ease-in-out}.chat-general-box .user-top-bar .top-bar-buttons,.chat-general-box .group-top-bar .top-bar-buttons,.group-general-box .user-top-bar .top-bar-buttons,.group-general-box .group-top-bar .top-bar-buttons,.archive-general-box .user-top-bar .top-bar-buttons,.archive-general-box .group-top-bar .top-bar-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:15px}.chat-general-box .user-top-bar .top-bar-buttons .call-options,.chat-general-box .group-top-bar .top-bar-buttons .call-options,.group-general-box .user-top-bar .top-bar-buttons .call-options,.group-general-box .group-top-bar .top-bar-buttons .call-options,.archive-general-box .user-top-bar .top-bar-buttons .call-options,.archive-general-box .group-top-bar .top-bar-buttons .call-options{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}.chat-general-box .user-top-bar .top-bar-buttons .call-options button,.chat-general-box .group-top-bar .top-bar-buttons .call-options button,.group-general-box .user-top-bar .top-bar-buttons .call-options button,.group-general-box .group-top-bar .top-bar-buttons .call-options button,.archive-general-box .user-top-bar .top-bar-buttons .call-options button,.archive-general-box .group-top-bar .top-bar-buttons .call-options button{background-color:transparent;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px;color:var(--blue);font-size:26px;transition:all .3s ease 0s;border-radius:15px}.chat-general-box .user-top-bar .top-bar-buttons .call-options button:hover,.chat-general-box .group-top-bar .top-bar-buttons .call-options button:hover,.group-general-box .user-top-bar .top-bar-buttons .call-options button:hover,.group-general-box .group-top-bar .top-bar-buttons .call-options button:hover,.archive-general-box .user-top-bar .top-bar-buttons .call-options button:hover,.archive-general-box .group-top-bar .top-bar-buttons .call-options button:hover{background-color:var(--smooth-blue-hover)}.chat-general-box .user-message-bar,.chat-general-box .group-message-bar,.group-general-box .user-message-bar,.group-general-box .group-message-bar,.archive-general-box .user-message-bar,.archive-general-box .group-message-bar{width:100%;height:100%;overflow:scroll;overflow-x:hidden;position:relative}.chat-general-box .user-message-bar .messages-list,.chat-general-box .group-message-bar .messages-list,.group-general-box .user-message-bar .messages-list,.group-general-box .group-message-bar .messages-list,.archive-general-box .user-message-bar .messages-list,.archive-general-box .group-message-bar .messages-list{display:flex;flex-direction:column;width:100%;flex:1;padding:10px 20px;height:100%;overflow-y:auto}.chat-general-box .user-message-bar .messages-list .first-chat-box,.chat-general-box .group-message-bar .messages-list .first-chat-box,.group-general-box .user-message-bar .messages-list .first-chat-box,.group-general-box .group-message-bar .messages-list .first-chat-box,.archive-general-box .user-message-bar .messages-list .first-chat-box,.archive-general-box .group-message-bar .messages-list .first-chat-box{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-direction:column;height:100%;width:100%}.chat-general-box .user-message-bar .messages-list .first-chat-box img,.chat-general-box .group-message-bar .messages-list .first-chat-box img,.group-general-box .user-message-bar .messages-list .first-chat-box img,.group-general-box .group-message-bar .messages-list .first-chat-box img,.archive-general-box .user-message-bar .messages-list .first-chat-box img,.archive-general-box .group-message-bar .messages-list .first-chat-box img{max-width:75%;max-height:75%;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.chat-general-box .user-message-bar .messages-list .first-chat-box img,.chat-general-box .group-message-bar .messages-list .first-chat-box img,.group-general-box .user-message-bar .messages-list .first-chat-box img,.group-general-box .group-message-bar .messages-list .first-chat-box img,.archive-general-box .user-message-bar .messages-list .first-chat-box img,.archive-general-box .group-message-bar .messages-list .first-chat-box img{max-width:90%;max-height:90%}}.chat-general-box .user-message-bar .messages-list .first-chat-box p,.chat-general-box .group-message-bar .messages-list .first-chat-box p,.group-general-box .user-message-bar .messages-list .first-chat-box p,.group-general-box .group-message-bar .messages-list .first-chat-box p,.archive-general-box .user-message-bar .messages-list .first-chat-box p,.archive-general-box .group-message-bar .messages-list .first-chat-box p{color:var(--text-dark-gray);font-size:14px}.chat-general-box .user-message-bar .date-group,.chat-general-box .group-message-bar .date-group,.group-general-box .user-message-bar .date-group,.group-general-box .group-message-bar .date-group,.archive-general-box .user-message-bar .date-group,.archive-general-box .group-message-bar .date-group{margin-bottom:20px}.chat-general-box .user-message-bar .date-group .date-heading,.chat-general-box .group-message-bar .date-group .date-heading,.group-general-box .user-message-bar .date-group .date-heading,.group-general-box .group-message-bar .date-group .date-heading,.archive-general-box .user-message-bar .date-group .date-heading,.archive-general-box .group-message-bar .date-group .date-heading{font-size:13px;color:var(--text-input-gray);text-align:center;height:60px;display:flex;flex-direction:row;justify-content:center;align-items:center}.chat-general-box .user-message-bar::-webkit-scrollbar-track,.group-general-box .user-message-bar::-webkit-scrollbar-track,.archive-general-box .user-message-bar::-webkit-scrollbar-track{background:transparent;border-radius:6px}.chat-general-box .group-message-bar::-webkit-scrollbar-track,.group-general-box .group-message-bar::-webkit-scrollbar-track,.archive-general-box .group-message-bar::-webkit-scrollbar-track{background:transparent;border-radius:6px}.user-details-sidebar,.group-details-sidebar{height:100%;width:0px;background-color:var(--smooth-white-color);overflow:scroll;overflow-x:hidden;opacity:0;transition:width .4s ease,opacity .4s ease .4s;border-left:2px solid var(--smooth-border-color)}.user-details-sidebar.open,.group-details-sidebar.open{padding:18px 15px 0;width:340px;opacity:1}@media (max-width: 1360px){.user-details-sidebar.open,.group-details-sidebar.open{width:300px}}@media (max-width: 1200px){.user-details-sidebar.open,.group-details-sidebar.open{width:100%;position:absolute}}.user-details-sidebar .sidebar-content-box,.group-details-sidebar .sidebar-content-box{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto}@media (max-width: 1200px){.user-details-sidebar .sidebar-content-box,.group-details-sidebar .sidebar-content-box{width:100%}}.user-details-sidebar .sidebar-content-box .user-info-box,.user-details-sidebar .sidebar-content-box .group-info-box,.user-details-sidebar .sidebar-content-box .biography,.user-details-sidebar .sidebar-content-box .description,.group-details-sidebar .sidebar-content-box .user-info-box,.group-details-sidebar .sidebar-content-box .group-info-box,.group-details-sidebar .sidebar-content-box .biography,.group-details-sidebar .sidebar-content-box .description{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.user-details-sidebar .sidebar-content-box .user-info-box img,.user-details-sidebar .sidebar-content-box .group-info-box img,.group-details-sidebar .sidebar-content-box .user-info-box img,.group-details-sidebar .sidebar-content-box .group-info-box img{width:120px;height:120px;border-radius:50%;object-fit:cover}.user-details-sidebar .sidebar-content-box .user-info-box p,.user-details-sidebar .sidebar-content-box .group-info-box p,.group-details-sidebar .sidebar-content-box .user-info-box p,.group-details-sidebar .sidebar-content-box .group-info-box p{margin:10px 0 2px;color:var(--text-black);font-size:22px;font-weight:700}.user-details-sidebar .sidebar-content-box .user-info-box span,.user-details-sidebar .sidebar-content-box .group-info-box span,.group-details-sidebar .sidebar-content-box .user-info-box span,.group-details-sidebar .sidebar-content-box .group-info-box span{font-size:14px;color:var(--text-input-gray)}.user-details-sidebar .sidebar-content-box .date-box p,.group-details-sidebar .sidebar-content-box .date-box p{color:var(--text-dark-gray);margin:10px 0;font-size:13.8px}.user-details-sidebar .sidebar-content-box .status,.group-details-sidebar .sidebar-content-box .status{width:max-content;background-color:var(--user-message-box-color);padding:5px 10px;border-radius:30px;margin-top:15px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:6px}.user-details-sidebar .sidebar-content-box .status .circle,.group-details-sidebar .sidebar-content-box .status .circle{width:13px;height:13px;background-color:#26d97a;border-radius:50%}.user-details-sidebar .sidebar-content-box .status p,.group-details-sidebar .sidebar-content-box .status p{color:#26d97a;font-size:14px}.user-details-sidebar .sidebar-content-box .status-2,.group-details-sidebar .sidebar-content-box .status-2{margin-top:15px;display:flex;flex-direction:column;justify-content:center;align-items:center}.user-details-sidebar .sidebar-content-box .status-2 p,.group-details-sidebar .sidebar-content-box .status-2 p{font-weight:700;font-size:15px;color:var(--text-black)}.user-details-sidebar .sidebar-content-box .status-2 span,.group-details-sidebar .sidebar-content-box .status-2 span{color:var(--text-input-gray);font-size:14px}.user-details-sidebar .sidebar-content-box .biography,.user-details-sidebar .sidebar-content-box .description,.group-details-sidebar .sidebar-content-box .biography,.group-details-sidebar .sidebar-content-box .description{margin:20px 0;width:100%}@media (max-width: 1200px){.user-details-sidebar .sidebar-content-box .biography,.user-details-sidebar .sidebar-content-box .description,.group-details-sidebar .sidebar-content-box .biography,.group-details-sidebar .sidebar-content-box .description{width:60%}}@media (max-width: 900px){.user-details-sidebar .sidebar-content-box .biography,.user-details-sidebar .sidebar-content-box .description,.group-details-sidebar .sidebar-content-box .biography,.group-details-sidebar .sidebar-content-box .description{width:100%}}.user-details-sidebar .sidebar-content-box .biography strong,.user-details-sidebar .sidebar-content-box .description strong,.group-details-sidebar .sidebar-content-box .biography strong,.group-details-sidebar .sidebar-content-box .description strong{font-size:15px;font-weight:700;color:var(--text-black)}.user-details-sidebar .sidebar-content-box .biography .line,.user-details-sidebar .sidebar-content-box .description .line,.group-details-sidebar .sidebar-content-box .biography .line,.group-details-sidebar .sidebar-content-box .description .line{margin:10px 0;border-radius:30px;height:4px;width:70%;background-color:var(--blue)}.user-details-sidebar .sidebar-content-box .biography p,.user-details-sidebar .sidebar-content-box .description p,.group-details-sidebar .sidebar-content-box .biography p,.group-details-sidebar .sidebar-content-box .description p{padding:0 20px;font-size:13px;text-align:justify;color:var(--text-dark-gray)}.user-details-sidebar .sidebar-content-box .call-buttons,.group-details-sidebar .sidebar-content-box .call-buttons{margin-top:10px;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:40px;padding-left:13px}.user-details-sidebar .sidebar-content-box .call-buttons .button-box,.group-details-sidebar .sidebar-content-box .call-buttons .button-box{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px}.user-details-sidebar .sidebar-content-box .call-buttons .button-box button,.group-details-sidebar .sidebar-content-box .call-buttons .button-box button{display:flex;flex-direction:row;justify-content:center;align-items:center;width:60px;height:60px;background-color:var(--smooth-blue-hover);color:var(--blue);font-size:28px;border-radius:50%}.user-details-sidebar .sidebar-content-box .call-buttons .button-box p,.group-details-sidebar .sidebar-content-box .call-buttons .button-box p{font-size:13px;color:var(--blue);font-weight:700}.user-details-sidebar .sidebar-content-box .group-members-box,.group-details-sidebar .sidebar-content-box .group-members-box{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;gap:5px}.user-details-sidebar .sidebar-content-box .group-members-box h2,.group-details-sidebar .sidebar-content-box .group-members-box h2{font-size:15px;color:var(--text-black);font-weight:700}.user-details-sidebar .sidebar-content-box .group-members-box .members-list,.group-details-sidebar .sidebar-content-box .group-members-box .members-list{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;margin:14px 0}.user-details-sidebar .sidebar-content-box .group-members-box .members-list .member-box,.group-details-sidebar .sidebar-content-box .group-members-box .members-list .member-box{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;gap:10px}.user-details-sidebar .sidebar-content-box .group-members-box .members-list .member-box .image-box,.group-details-sidebar .sidebar-content-box .group-members-box .members-list .member-box .image-box{position:relative}.user-details-sidebar .sidebar-content-box .group-members-box .members-list .member-box .image-box img,.group-details-sidebar .sidebar-content-box .group-members-box .members-list .member-box .image-box img{width:45px;height:45px;object-fit:cover;border-radius:50%}.user-details-sidebar .sidebar-content-box .group-members-box .members-list .member-box .image-box .user-status,.group-details-sidebar .sidebar-content-box .group-members-box .members-list .member-box .image-box .user-status{width:13px;height:13px;border-radius:50%;border:2px solid var(--smooth-white-color);position:absolute;right:0;bottom:0}.user-details-sidebar .sidebar-content-box .group-members-box .members-list .member-box .image-box .user-status.online,.group-details-sidebar .sidebar-content-box .group-members-box .members-list .member-box .image-box .user-status.online{background-color:#26d97a}.user-details-sidebar .sidebar-content-box .group-members-box .members-list .member-box .image-box .user-status.offline,.group-details-sidebar .sidebar-content-box .group-members-box .members-list .member-box .image-box .user-status.offline{background-color:#b2b2b2}.user-details-sidebar .sidebar-content-box .group-members-box .members-list .member-box .user-info p,.group-details-sidebar .sidebar-content-box .group-members-box .members-list .member-box .user-info p{font-size:15px;width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:-5px}.user-details-sidebar .sidebar-content-box .group-members-box .members-list .member-box .user-info span,.group-details-sidebar .sidebar-content-box .group-members-box .members-list .member-box .user-info span{font-size:13px;color:var(--text-input-gray)}.user-details-sidebar .sidebar-content-box .group-members-box .members-list .member-box .user-info span.admin,.group-details-sidebar .sidebar-content-box .group-members-box .members-list .member-box .user-info span.admin{color:var(--blue)}.user-details-sidebar .sidebar-content-box .group-members-box .members-list .member-box .user-info .user-display-name,.group-details-sidebar .sidebar-content-box .group-members-box .members-list .member-box .user-info .user-display-name{color:var(--text-black)}.user-details-sidebar .sidebar-content-box .group-settings-btn,.group-details-sidebar .sidebar-content-box .group-settings-btn{margin:20px 0;padding:7px 20px;background-color:var(--smooth-blue);color:var(--blue);border-radius:9px;font-size:14px}.option-buttons{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.option-buttons .group-setting-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:var(--smooth-blue);color:var(--blue);font-size:24px;width:36px;border-radius:50%;height:36px}.sidebar-toggle-buttons{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:24px;width:32px;height:32px;cursor:pointer;border-radius:50%;color:var(--blue)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.calls-general-box{flex:1;height:100%}.calls-general-box .call-info-bar-box{padding:25px}@media (max-width: 540px){.calls-general-box .call-info-bar-box{padding:15px 5px}}.calls-general-box .call-info-bar-box .title-and-back-box{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}@media (max-width: 540px){.calls-general-box .call-info-bar-box .title-and-back-box{padding-bottom:15px;border-bottom:2px solid var(--smooth-border-color)}}.calls-general-box .call-info-bar-box .title-and-back-box h2{color:var(--text-black);font-size:20px;font-weight:700;line-height:normal;padding:10px}.calls-general-box .call-info-bar-box .details-box{margin-top:15px;background-color:var(--smooth-white-color);border-radius:30px}@media (max-width: 540px){.calls-general-box .call-info-bar-box .details-box{background-color:var(--generalBackgroundColor)}}.calls-general-box .call-info-bar-box .details-box .user-and-call-box{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:15px 27px;border-bottom:2px solid var(--smooth-border-color)}@media (max-width: 540px){.calls-general-box .call-info-bar-box .details-box .user-and-call-box{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:15px 0}}.calls-general-box .call-info-bar-box .details-box .user-and-call-box .user-info{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}@media (max-width: 540px){.calls-general-box .call-info-bar-box .details-box .user-and-call-box .user-info{display:flex;flex-direction:column;justify-content:center;align-items:center}}.calls-general-box .call-info-bar-box .details-box .user-and-call-box .user-info img{width:60px;height:60px;border-radius:50%;object-fit:cover}@media (max-width: 540px){.calls-general-box .call-info-bar-box .details-box .user-and-call-box .user-info img{width:95px;height:95px}}.calls-general-box .call-info-bar-box .details-box .user-and-call-box .user-info p{font-size:14px;font-weight:700;color:var(--text-black)}@media (max-width: 540px){.calls-general-box .call-info-bar-box .details-box .user-and-call-box .user-info p{font-size:20px}}.calls-general-box .call-info-bar-box .details-box .user-and-call-box .call-options{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}.calls-general-box .call-info-bar-box .details-box .user-and-call-box .call-options button{background-color:transparent;display:flex;flex-direction:row;justify-content:center;align-items:center;width:50px;height:50px;color:var(--blue);font-size:28px;transition:all .3s ease 0s;border-radius:15px}.calls-general-box .call-info-bar-box .details-box .user-and-call-box .call-options button:hover{background-color:var(--smooth-blue-hover)}.calls-general-box .call-info-bar-box .details-box .user-and-call-box .call-options button span{font-size:15px}@media (max-width: 540px){.calls-general-box .call-info-bar-box .details-box .user-and-call-box .call-options button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100px;height:70px}}.calls-general-box .call-info-bar-box .details-box .call-details{padding:15px 27px}.calls-general-box .call-info-bar-box .details-box .call-details span{width:100%;font-size:14px;font-weight:700;margin-bottom:10px;color:var(--text-dark-gray)}.calls-general-box .call-info-bar-box .details-box .call-details .status-box{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:12px;color:var(--text-input-gray)}.calls-general-box .call-info-bar-box .details-box .call-details .status-box p{font-size:13px;font-weight:700}.calls-general-box .call-info-bar-box .details-box .call-details .status-box .call-status-box{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:7px}.calls-general-box .call-info-bar-box .details-box .call-details .status-box .call-status-box .icon{font-size:20px}.home-general-box{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;height:100%;gap:10px}.home-general-box .laptop-banner-box{width:100%;height:35%;display:flex;flex-direction:row;justify-content:center;align-items:center}.home-general-box .laptop-banner-box img{height:100%}.home-general-box .informations-box{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;width:100%}.home-general-box .informations-box h2{font-size:30px;color:var(--text-black)}.home-general-box .informations-box p{width:500px;text-align:center;color:var(--text-dark-gray);font-size:15px}.home-general-box .informations-box button{padding:12px 30px;color:#fff;border-radius:10px;font-size:13px;background-color:var(--blue);transition:all .3s ease 0s}.home-general-box .informations-box button:hover{background-color:var(--hoverBlue)}.loading-container{position:fixed;top:0;height:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.loading-container img{width:240px}@media (max-width: 768px){.loading-container img{width:200px}}.loading-container .progress-bar{margin-top:20px;width:230px;height:5px;margin-left:10px;background-color:#e0e0e0;border-radius:50px;overflow:hidden;position:relative}@media (max-width: 768px){.loading-container .progress-bar{width:200px}}.loading-container .progress-bar .progress{width:0;height:100%;background:linear-gradient(90deg,#cfd5f2,#585ce1 50%);animation:progressAnimation 1s cubic-bezier(.4,0,.2,1) forwards;border-radius:50px}@keyframes progressAnimation{0%{width:10%}50%{width:60%}to{width:100%}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif;font-weight:600}html,body{height:100%;width:100%;margin:0;padding:0;font-size:16px;line-height:1.5;color:#333;overflow-x:hidden;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6{-webkit-user-select:none;user-select:none}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}img{pointer-events:none;-webkit-user-select:none;user-select:none}ul,ol{list-style:none;padding:0;margin:0}li{margin:0;padding:0}a{text-decoration:none;color:inherit;cursor:pointer}a:focus{outline:none}input,textarea,select,button{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;margin:0;padding:0;border:none;background:transparent;box-shadow:none;-webkit-tap-highlight-color:transparent;outline:none}bu button:active{outline:none;-webkit-tap-highlight-color:transparent}a:focus,button:focus,input:focus,textarea:focus{outline:none;-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:#dcdcdc;border:none;padding:0}table{border-collapse:collapse;border-spacing:0;width:100%}p{margin:0;padding:0}textarea{resize:vertical;overflow:auto}::-webkit-scrollbar{width:6px;cursor:pointer}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#585ce1,#585ce1);border-radius:6px;cursor:pointer}::-webkit-scrollbar-track{background:#56565613;border-radius:6px}:root{--generalBackgroundColor: #ffffff;--blue: #585CE1;--hoverBlue: #4a4ed8;--smooth-blue: #CFD5F2;--smooth-blue-hover: #c7cdf0;--smooth-light-blue: #E8EBFD;--mingle-red: #f94c4c;--smooth-red: #EB6262;--smooth-light-red: #fbe5e5;--text-black: #303030;--text-dark-gray: #4E4E4E;--text-input-gray: #828A96;--text-white: rgb(252, 252, 252);--ai-text-color: rgb(51, 51, 51);--smooth-white-color: #F9F9F9;--smooth-border-color: #EAEAEA;--user-message-box-color: #fcfcfcc0;--cardHover: #efefef;--user-message-text-color: #595959;--overlay-background: #4545453f}[data-theme=dark]{--generalBackgroundColor: #141414;--overlay-background: #1f1f1f7f;--smooth-blue: #181818;--smooth-blue-hover: #222430;--smooth-light-blue: #262832;--text-black: #f1f1f1;--text-dark-gray: #A5A5A5;--text-input-gray: #B0B0B0;--text-white: rgb(33, 33, 33);--ai-text-color: rgb(231, 231, 231);--smooth-white-color: #161616;--smooth-border-color: #1b1b1b;--user-message-box-color: #1c1c1c;--cardHover: #1c1c1c;--user-message-text-color: #D6D6D6;--smooth-light-red: #1b1b1b}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;animation:fadeIn .4s forwards}@media (max-width: 768px){.modal-overlay{display:flex;align-items:start;height:auto}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{border:1px solid #ccc;padding:20px;position:relative;box-shadow:0 4px 6px #0000001a;max-width:600px;max-height:600px;border-radius:17px;border:4px solid var(--smooth-blue-hover);background-color:var(--generalBackgroundColor);box-shadow:0 4px 4px #0000001b}@media (max-width: 768px){.modal-card{height:var(--app-height);max-height:100%;max-width:100%;width:100%;overflow:auto;overflow-x:hidden;border:0;border-radius:0;padding:15px 8px 30px;background-color:var(--generalBackgroundColor)}}.modal-close{position:absolute;top:10px;right:10px;cursor:pointer;font-size:25px;color:#fff;border:none;background:none;width:33px;height:33px;padding:6px;display:flex;justify-content:center;align-items:center;border-radius:18.5px;background:#4a4ed8}