html{--mat-sys-background: #161215;--mat-sys-error: #ffb4ab;--mat-sys-error-container: #93000a;--mat-sys-inverse-on-surface: #342f32;--mat-sys-inverse-primary: #a900a9;--mat-sys-inverse-surface: #e9e0e4;--mat-sys-on-background: #e9e0e4;--mat-sys-on-error: #690005;--mat-sys-on-error-container: #ffdad6;--mat-sys-on-primary: #5b005b;--mat-sys-on-primary-container: #ffd7f5;--mat-sys-on-primary-fixed: #380038;--mat-sys-on-primary-fixed-variant: #810081;--mat-sys-on-secondary: #3d2b3a;--mat-sys-on-secondary-container: #f7daef;--mat-sys-on-secondary-fixed: #271624;--mat-sys-on-secondary-fixed-variant: #554151;--mat-sys-on-surface: #e9e0e4;--mat-sys-on-surface-variant: #eedee7;--mat-sys-on-tertiary: #42008a;--mat-sys-on-tertiary-container: #ecdcff;--mat-sys-on-tertiary-fixed: #270057;--mat-sys-on-tertiary-fixed-variant: #5f00c0;--mat-sys-outline: #9a8d95;--mat-sys-outline-variant: #4e444b;--mat-sys-primary: #ffabf3;--mat-sys-primary-container: #810081;--mat-sys-primary-fixed: #ffd7f5;--mat-sys-primary-fixed-dim: #ffabf3;--mat-sys-scrim: #000000;--mat-sys-secondary: #dabfd2;--mat-sys-secondary-container: #554151;--mat-sys-secondary-fixed: #f7daef;--mat-sys-secondary-fixed-dim: #dabfd2;--mat-sys-shadow: #000000;--mat-sys-surface: #161215;--mat-sys-surface-bright: #3d383b;--mat-sys-surface-container: #231e22;--mat-sys-surface-container-high: #2d292c;--mat-sys-surface-container-highest: #383337;--mat-sys-surface-container-low: #1e1a1d;--mat-sys-surface-container-lowest: #110d10;--mat-sys-surface-dim: #161215;--mat-sys-surface-tint: #ffabf3;--mat-sys-surface-variant: #4e444b;--mat-sys-tertiary: #d5baff;--mat-sys-tertiary-container: #5f00c0;--mat-sys-tertiary-fixed: #ecdcff;--mat-sys-tertiary-fixed-dim: #d5baff;--mat-sys-neutral-variant20: #372e34;--mat-sys-neutral10: #1e1a1d}html{--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12)}html{--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12)}html{--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12)}html{--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500}html{--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px}html{--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}.emoji-mart,.emoji-mart *{box-sizing:border-box;line-height:1.15}.emoji-mart{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-size:16px;display:inline-block;color:#222427;border:1px solid #d9d9d9;border-radius:5px;background:#fff}.emoji-mart .emoji-mart-emoji{padding:6px}.emoji-mart-bar{border:0 solid #d9d9d9}.emoji-mart-bar:first-child{border-bottom-width:1px;border-top-left-radius:5px;border-top-right-radius:5px}.emoji-mart-bar:last-child{border-top-width:1px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.emoji-mart-anchors{display:flex;flex-direction:row;justify-content:space-between;padding:0 6px;line-height:0}.emoji-mart-anchor{position:relative;display:block;flex:1 1 auto;color:#858585;text-align:center;padding:12px 4px;overflow:hidden;transition:color .1s ease-out;margin:0;box-shadow:none;background:none;border:none}.emoji-mart-anchor:focus{outline:0}.emoji-mart-anchor:hover,.emoji-mart-anchor:focus,.emoji-mart-anchor-selected{color:#464646}.emoji-mart-anchor-selected .emoji-mart-anchor-bar{bottom:0}.emoji-mart-anchor-bar{position:absolute;bottom:-3px;left:0;width:100%;height:3px;background-color:#464646}.emoji-mart-anchors i{display:inline-block;width:100%;max-width:22px}.emoji-mart-anchors svg,.emoji-mart-anchors img{fill:currentColor;height:18px}.emoji-mart-scroll{overflow-y:scroll;height:270px;padding:0 6px 6px;will-change:transform}.emoji-mart-search{margin-top:6px;padding:0 6px;position:relative}.emoji-mart-search input{font-size:16px;display:block;width:100%;padding:5px 25px 6px 10px;border-radius:5px;border:1px solid #d9d9d9;outline:0}.emoji-mart-search input,.emoji-mart-search input::-webkit-search-decoration,.emoji-mart-search input::-webkit-search-cancel-button,.emoji-mart-search input::-webkit-search-results-button,.emoji-mart-search input::-webkit-search-results-decoration{-webkit-appearance:none}.emoji-mart-search-icon{position:absolute;top:3px;right:11px;z-index:2;padding:2px 5px 1px;border:none;background:none}.emoji-mart-category .emoji-mart-emoji span{z-index:1;position:relative;text-align:center;cursor:default}.emoji-mart-category .emoji-mart-emoji:hover:before{z-index:0;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f4f4f4;border-radius:100%}.emoji-mart-category-label{z-index:2;position:relative;position:-webkit-sticky;position:sticky;top:0}.emoji-mart-category-label span{display:block;width:100%;font-weight:500;padding:5px 6px;background-color:#fff;background-color:#fffffff2}.emoji-mart-category-list{margin:0;padding:0}.emoji-mart-category-list li{list-style:none;margin:0;padding:0;display:inline-block}.emoji-mart-emoji{position:relative;display:inline-block;font-size:0;margin:0;padding:0;border:none;background:none;box-shadow:none}.emoji-mart-emoji-native{font-family:"Segoe UI Emoji",Segoe UI Symbol,Segoe UI,"Apple Color Emoji",Twemoji Mozilla,"Noto Color Emoji","Android Emoji"}.emoji-mart-no-results{font-size:14px;text-align:center;padding-top:70px;color:#858585}.emoji-mart-no-results .emoji-mart-category-label{display:none}.emoji-mart-no-results .emoji-mart-no-results-label{margin-top:.2em}.emoji-mart-no-results .emoji-mart-emoji:hover:before{content:none}.emoji-mart-preview{position:relative;height:70px}.emoji-mart-preview-emoji,.emoji-mart-preview-data,.emoji-mart-preview-skins{position:absolute;top:50%;transform:translateY(-50%)}.emoji-mart-preview-emoji{left:12px}.emoji-mart-preview-data{left:68px;right:12px;word-break:break-all}.emoji-mart-preview-skins{right:30px;text-align:right}.emoji-mart-preview-skins.custom{right:10px;text-align:right}.emoji-mart-preview-name{font-size:14px}.emoji-mart-preview-shortname{font-size:12px;color:#888}.emoji-mart-preview-shortname+.emoji-mart-preview-shortname,.emoji-mart-preview-shortname+.emoji-mart-preview-emoticon,.emoji-mart-preview-emoticon+.emoji-mart-preview-emoticon{margin-left:.5em}.emoji-mart-preview-emoticon{font-size:11px;color:#bbb}.emoji-mart-title span{display:inline-block;vertical-align:middle}.emoji-mart-title .emoji-mart-emoji{padding:0}.emoji-mart-title-label{color:#999a9c;font-size:26px;font-weight:300}.emoji-mart-skin-swatches{font-size:0;padding:2px 0;border:1px solid #d9d9d9;border-radius:12px;background-color:#fff}.emoji-mart-skin-swatches.custom{font-size:0;border:none;background-color:#fff}.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch{width:16px;padding:0 2px}.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected:after{opacity:.75}.emoji-mart-skin-swatch{display:inline-block;width:0;vertical-align:middle;transition-property:width,padding;transition-duration:.125s;transition-timing-function:ease-out}.emoji-mart-skin-swatch:nth-child(1){transition-delay:0s}.emoji-mart-skin-swatch:nth-child(2){transition-delay:.03s}.emoji-mart-skin-swatch:nth-child(3){transition-delay:.06s}.emoji-mart-skin-swatch:nth-child(4){transition-delay:.09s}.emoji-mart-skin-swatch:nth-child(5){transition-delay:.12s}.emoji-mart-skin-swatch:nth-child(6){transition-delay:.15s}.emoji-mart-skin-swatch.selected{position:relative;width:16px;padding:0 2px}.emoji-mart-skin-swatch.selected:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;margin:-2px 0 0 -2px;background-color:#fff;border-radius:100%;pointer-events:none;opacity:0;transition:opacity .2s ease-out}.emoji-mart-skin-swatch.custom{display:inline-block;width:0;height:38px;overflow:hidden;vertical-align:middle;transition-property:width,height;transition-duration:.125s;transition-timing-function:ease-out;cursor:default}.emoji-mart-skin-swatch.custom.selected{position:relative;width:36px;height:38px;padding:0 2px 0 0}.emoji-mart-skin-swatch.custom.selected:after{content:"";width:0;height:0}.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover{background-color:#f4f4f4;border-radius:10%}.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom{width:36px;height:38px;padding:0 2px 0 0}.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected:after{opacity:.75}.emoji-mart-skin-text.opened{display:inline-block;vertical-align:middle;text-align:left;color:#888;font-size:11px;padding:5px 2px;width:95px;height:40px;border-radius:10%;background-color:#fff}.emoji-mart-skin{display:inline-block;width:100%;padding-top:100%;max-width:12px;border-radius:100%}.emoji-mart-skin-tone-1{background-color:#ffc93a}.emoji-mart-skin-tone-2{background-color:#fadcbc}.emoji-mart-skin-tone-3{background-color:#e0bb95}.emoji-mart-skin-tone-4{background-color:#bf8f68}.emoji-mart-skin-tone-5{background-color:#9b643d}.emoji-mart-skin-tone-6{background-color:#594539}.emoji-mart-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.emoji-mart-dark{color:#fff;border-color:#555453;background-color:#222}.emoji-mart-dark .emoji-mart-bar{border-color:#555453}.emoji-mart-dark .emoji-mart-search input{color:#fff;border-color:#555453;background-color:#2f2f2f}.emoji-mart-dark .emoji-mart-search-icon svg{fill:#fff}.emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover:before{background-color:#444}.emoji-mart-dark .emoji-mart-category-label span{background-color:#222;color:#fff}.emoji-mart-dark .emoji-mart-skin-swatches{border-color:#555453;background-color:#222}.emoji-mart-dark .emoji-mart-anchor:hover,.emoji-mart-dark .emoji-mart-anchor:focus,.emoji-mart-dark .emoji-mart-anchor-selected{color:#bfbfbf}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{background:#adb0d9;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#535af1;cursor:pointer}a{text-decoration:none;cursor:pointer}button{cursor:pointer}.cursor-default{cursor:default}.standard-transition{transition:all 125ms ease-in-out}html,body{height:100%}h1,h2,h3,h4,h5,h6,p,span{margin:0}body{margin:0;font-family:Nunito}@font-face{font-family:Nunito;src:url("./media/Nunito-Regular-5M4ZRAIL.ttf")}.close-icon,.edit-icon{cursor:pointer}.channel-dialog-container .mat-mdc-dialog-surface{font-family:Nunito;background-color:#fff;padding:25px;box-shadow:0 6px 10px #0003}.select-user-dialog-container .mat-mdc-dialog-surface{background-color:#fff;padding:40px;box-shadow:0 6px 10px #0003}.close-icon{padding:5px;cursor:pointer;transition:all 125ms ease-in;display:flex;justify-content:center;align-items:center}.close-icon:hover{padding:5px;color:#535af1;background-color:#eceefe;border-radius:50%}.custom-menu{width:872px!important;height:539px!important;background-color:#fff;padding:24px;overflow-y:auto}#background-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;z-index:9999;opacity:0;pointer-events:none;transition:opacity 125ms ease-in-out}#background-overlay.active{opacity:1;pointer-events:all}mat-dialog-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:344px;height:100px;border-radius:16px;filter:drop-shadow(0px 0px 10px rgba(255,255,255,.5));display:flex;align-items:center;justify-content:center;text-align:center;background-color:#444df2;color:#fff;font-size:24px;font-weight:600}mat-dialog-content img{width:32px;height:32px;margin-right:16px}@media (max-width: 500px){mat-dialog-content{width:280px;height:80px;font-size:18px}mat-dialog-content img{width:24px;height:24px}}.messages-container{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}.messages-container:hover{background-color:#eceefe}.messages-container:hover .message-hover-options{display:flex;justify-content:center;align-items:center}.messages-container.menu-open{background-color:#eceefe}.messages-container.menu-open .message-hover-options,.message-hover-options:hover,.message-hover-options.menu-open{display:flex;justify-content:center;align-items:center}.message-hover-options{display:none;flex-direction:row-reverse;border:1px solid #ADB0D9;padding-left:25px;padding-right:15px;border-bottom-left-radius:30px;border-top-right-radius:30px;border-top-left-radius:30px;position:absolute;background-color:#fff}.message-hover-options>div{padding:10px;display:flex;justify-content:center;align-items:center}.message-hover-options>div:hover{background-color:#eceefe;border-radius:100%}.date-divider{display:flex;justify-content:center;align-items:center;width:100%}.date-divider .date-label{position:relative;padding:0 12px;font-size:14px;background-color:#fff;color:#000;border:1px solid #c7c7f5;border-radius:20px;white-space:nowrap;z-index:1}.date-divider:before,.date-divider:after{content:"";flex:1;height:1px;background:#c7c7f5;margin:0 10px}.channel-user-content{display:flex;justify-content:space-between;align-items:center;flex-direction:row;min-height:80px;border-top-left-radius:30px;border-top-right-radius:30px;width:100%;box-shadow:0 2px 10px #00000014}.channel-user-content>div{padding-right:45px}.channel-user-content .button-container{padding-left:45px}.header-channel-content{display:flex;justify-content:space-between;align-items:center;flex-direction:row;border-top-left-radius:30px;border-top-right-radius:30px;width:100%}.header-channel-content .button-container{padding-left:45px}.header-user-content>div{padding-left:35px}.header-user-content>div>div{position:relative;display:flex;justify-content:center;align-items:center;padding:5px;flex-direction:row;gap:15px;border-radius:30px}.header-user-content>div>div>h2{color:#000}.header-user-content>div>div:hover{background-color:#eceefe;border-radius:30px}.header-user-content>div:hover{cursor:pointer}.user-logo{height:40px;width:40px;border-radius:30px}.status-img{position:absolute;top:33px;left:35px}.channel-btn{font-family:nunito;font-size:24px;font-weight:700;height:45px;border:none;background-color:transparent;display:flex;justify-content:center;align-items:center;gap:10px;height:100%}.channel-btn:hover{background-color:#eceefe;color:#535af1;border-radius:100px}.user-avatar-channels{height:40px;display:flex;justify-content:center;align-items:center;flex-direction:row}.user-avatar-channels>mat-icon{margin-left:10px;fill:none!important}.avatar{width:40px;height:100%;border-radius:50%;border:2px solid white;margin-left:-10px;object-fit:cover;box-shadow:0 0 0 1px #fff}.user-avatar-channels .avatar:first-child{margin-left:0}.number-of-users{font-family:Nunito;font-weight:600;font-size:20px;cursor:default;margin-left:10px}.add-user-to-channel{background-image:url("./media/person-add-black-RKY7EFL6.png");background-size:cover;background-position:center;background-repeat:no-repeat;height:24px;width:24px;margin-left:10px;cursor:pointer}.add-user-to-channel:hover{background-image:url("./media/person-add-purple-WXMIOR4O.png");transform:scale(1.05)}.add-user .mat-mdc-dialog-surface{background-color:#fff;border-top-right-radius:0}app-input-message{width:100%;display:flex;justify-content:center;align-items:center}.message-content{background-color:#797ef3;border-bottom-left-radius:30px;border-top-left-radius:30px;border-bottom-right-radius:30px}.message-content>h3{font-family:Nunito;font-size:18px;font-weight:400;padding:15px;color:#000}.cdk-overlay-pane .mat-mdc-autocomplete-panel{background-color:#fff!important;width:335px!important;height:171px!important;border-radius:20px;border-top-left-radius:0!important;border-top-right-radius:20px!important;border:1px solid #ADB0D9!important;overflow-y:auto!important;left:195px!important}.cdk-overlay-pane.mat-mdc-autocomplete-panel-above{position:absolute!important;transform:translate(5%,115%)!important;left:940px!important}mat-option{font-family:Nunito;font-size:18px;font-weight:400;color:#000}.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple){background-color:#eceefe}::ng-deep .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple) .mdc-list-item__primary-text{color:#000!important}.emoji-mart-container{position:absolute;z-index:100}app-main-content{display:flex;justify-content:center;align-items:center;width:100vw;background-color:#eceefe}.add-user-header{display:flex;justify-content:space-between;align-items:center;flex-direction:row;font-size:24px;font-weight:700}.add-user-header>p{cursor:default}.add-user-header mat-icon{cursor:pointer;border-radius:50%}.mat-mdc-radio-button .mat-internal-form-field{color:#000!important}.mat-mdc-radio-button .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background>.mdc-radio__outer-circle{border-color:#adb0d9!important}.mat-mdc-radio-button .mdc-radio__native-control:enabled:checked+.mdc-radio__background>.mdc-radio__outer-circle,.mat-mdc-radio-button .mdc-radio__native-control:enabled:checked+.mdc-radio__background>.mdc-radio__inner-circle{border-color:#444df2!important}.mat-mdc-radio-button{-webkit-tap-highlight-color:whitesmoke!important}.btn-disabled{border:solid 1px #686868;background:#686868}.btn-enabled{border:solid 1px #444DF2;background:#444df2}.user-avatar-name{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:15px;padding:4px 20px}.user-avatar-name:hover{cursor:pointer;background:#eceefe;border-radius:35px}.user-avatar{width:50px;height:50px;border-radius:50%}.selected-user-remove-icon{cursor:pointer}.create-channel-btn-cont{display:flex;justify-content:end;align-items:unset}.create-channel-btn{color:#f5f5f5;font-size:18px;font-weight:700;width:125px;height:49px;padding:12px 25px;border-radius:25px}.search-container{display:flex;justify-content:unset;align-items:center;color:#000}.search-container ::ng-deep input{color:#000!important;font-size:20px}.search-container ::ng-deep ::placeholder{color:#686868!important;font-size:20px}.user-in-channel .mat-mdc-dialog-surface{background-color:#fff;padding:40px;border-top-right-radius:0;box-shadow:0 6px 10px #0003;height:auto}.mdc-label{font-size:18px;font-family:Nunito}.user-status{position:relative}.add-user-to-channel-cont{display:flex;justify-content:unset;align-items:center;flex-direction:row;gap:20px;cursor:pointer;font-size:18px;font-weight:400;box-sizing:border-box;padding:8px 6px}.add-user-to-channel-span{display:flex;background-image:url("./media/add-user-black-IIUICATI.png");background-size:cover;background-position:center;background-repeat:no-repeat;height:32px;width:32px}.add-user-to-channel-cont:hover{background-color:#eceefe;border-radius:100px;color:#535af1}.add-user-to-channel-cont:hover .add-user-to-channel-span{height:32px;width:32px;background-image:url("./media/add-user-purple-HD5W3GI6.png")}.mat-bottom-sheet-container{background-color:#fff!important;border-top-right-radius:30px!important;border-top-left-radius:30px!important;padding:40px 20px!important}.mat-bottom-sheet-container-medium{min-width:unset!important;max-width:unset!important;width:100%!important;background-color:#fff!important}:root{--mat-autocomplete-background-color: #fff;--mat-sys-surface-container: #fff}.mat-mdc-autocomplete-panel{border-radius:0 30px 30px!important}.rect-cont{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:5px}.rect{width:63px;height:6px;border-radius:23px;background-color:#d9d9d9}.exist-text{color:#b90808;padding-left:20px}.nameExist{border:1px solid rgb(185,8,8)!important}@media (max-width: 1100px){.header-user-content>div{padding-left:15px}emoji-mart>section{width:280px!important}}@media (min-width: 1000px){.desktop{display:none}.mat-mdc-autocomplete-panel{left:32%!important;transform:translate(-50%,-11%)!important}.rect-cont{display:none}}@media (max-width: 1000px){.mobile{display:none}.channel-dialog-container .mat-mdc-dialog-surface{padding:25px;border-radius:0}}@media (min-width: 960px){.select-user-bottomsheet{width:100%!important;max-width:100vw;border-top-right-radius:30px!important;border-top-left-radius:30px!important}.mat-bottom-sheet-container-medium{min-width:unset!important;max-width:unset!important;width:100%!important;background-color:#fff!important}}