body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.my-input{width:90%}.hover-pointing:hover,.hover-pointing:hover>*{cursor:pointer!important}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.login-page{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:100%}.eye-icon{position:absolute;left:74%;top:20%}.eye-icon-pass{position:absolute;left:96%;top:54%}.eye-icon-crfpass{position:absolute;left:62%;top:54%}.pass-err-msg{left:34%}.cnfpass-err-msg,.pass-err-msg{position:absolute;top:61px;color:red}.cnfpass-err-msg{left:68%}.image-name-user{display:flex;align-items:center;height:77px}.image-name-user img{border:1px solid #dededf;padding:3px;border-radius:50px;margin-right:10px}.image-name-user i.add.user.icon.follow-icon{color:#6c0ac7;font-size:22px}@media(max-width:800px){button.ui.button.form-login-btn{background:#fff;color:#000;width:150px;margin-top:13px!important}.cnfpass-err-msg{position:absolute;top:213px;color:red;left:20%}.pass-err-msg{position:absolute;top:139px;color:red}.eye-icon{position:absolute;left:82%;top:26%}.eye-icon-pass{position:absolute;left:92%;top:81%}.eye-icon-crfpass{position:absolute;left:92%;top:48%}.header-login img{margin:0 auto;display:block}.header-login .form-login{margin:0}.header-login form.ui.form{padding-left:40px;padding-right:40px}.header-login form.ui.form button.ui.button.form-login-btn{margin:0 auto}.header-login form.ui.form .field .ui.fluid.input{width:100%!important}.field.remember-me .ui.checkbox{left:50%;-webkit-transform:translateX(-47%);transform:translateX(-47%);margin-top:20px}.forgot-password-parent{display:flex}.forgot-password-parent .forgot-password-link{display:block;margin:0 auto 20px}.login-body h3.ui.header{text-align:center;margin:0}.forgot-pwd-form{width:100%!important}}.header-login{background:#6c0ac7;min-height:120px}.field.remember-me{width:85%!important}.field.remember-me .ui.checkbox{width:53%}.field.remember-me .ui.checkbox label{color:#fff}.forgot-password-parent{width:100%}a.forgot-password-link{color:#fff;border-bottom:1px solid}.form-login{margin-top:20px;margin-right:30px}.form-login .field .ui.fluid.input{width:88%!important}button.ui.button.form-login-btn{background:#fff;color:#000;width:150px}.login-body{margin-left:30px;margin-right:30px;margin-top:10px}.login-body .welcome-to-moodflik{margin-left:170px}.color_primary{color:#6c0ac7}.signup-panel-border{border-left:1px solid}@media(max-width:767px){.signup-panel-border{border-left:none}}.vertical-line{height:35px;width:3px;min-width:2px;flex-shrink:0;display:block;background-color:#6c0ac7;margin-left:8px;margin-right:8px}.div_inline{display:inline-block}p{font-size:17px;color:#3b3b3b}.text_center{text-align:center}button.ui.button.primary-btn-login{width:200px;color:#fff;background:#6c0ac7;border:none;padding:16px;font-weight:300;margin:0 auto;display:block}.sign-up-form{margin-top:30px}.right-sign-up-section{display:block;margin:0 auto;text-align:start;width:100%}button.ui.button.green-btn-login{background:#58be2f}button.ui.button.green-btn-login,button.ui.button.red-btn-login{width:200px;color:#fff;border:none;padding:16px;font-weight:300;margin:0 auto;display:block}button.ui.button.red-btn-login{background:#d44433}.why-parent-div{position:relative;background-color:#58be2f;border-radius:5px;margin-top:10px}.why-parent-div .content{padding:10px}.why-parent-div .left-line{z-index:6;left:0}.why-parent-div .left-line,.why-parent-div .right-line{box-sizing:border-box;display:inline-block;height:1px;top:6px;border:1px solid #fff;border-radius:0;width:46%}.why-parent-div .right-line{z-index:7;left:125px}.why-parent-div .why-word{white-space:pre-wrap;position:relative;display:inline-block;padding-right:10px;padding-left:10px;box-sizing:border-box;z-index:5;top:4px;height:20px;overflow:visible;padding-bottom:0;font-family:Montserrat;font-size:12px;font-weight:700;color:#fff;text-align:center;line-height:1.4;border-radius:0;width:auto}.footer-login{margin-top:200px}.footer-login .ui.inverted.segment{background:#6c0ac7;border-radius:0;position:fixed;bottom:0;display:flex;width:100%;justify-content:center}.footer-login .ui.inverted .secondary.menu{justify-content:center}.footer-login .ui.inverted .secondary.menu a.item{margin-left:30px;color:#fff!important}.footer-login .ui.inverted .secondary.menu a.item:hover{color:#03b4c6!important;background:none}.link-span{font-size:13px;color:#03b4c6;border-bottom:1px solid #03b4c6;margin-left:12px}.parent-comment-hash{position:relative;display:inline-block;margin-left:5px}.parent-comment-hash .comment-hash{position:absolute;left:45%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:5px}.forgot-pwd-form{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:25%}.forgot-pwd-form .field.input-email-forgot input[type=text]{border:none;border-bottom:1px solid rgba(34,36,38,.1490196078)}.forgot-pwd-form button.ui.button.send-contact-us.forgot-pwd-send{border-radius:2px;width:160px;margin-top:30px}.forgot-pwd-main{height:200px;position:relative}.treanding-post-custom{padding-top:10px;padding-bottom:10px;height:300px;overflow-x:hidden}button.ui.button.custom-btn-as-link{border:none;background:#fff;color:#6c0ac7;text-decoration:underline}.public-reaction-icon{color:#6c0ac7;font-size:22px;margin:0;cursor:pointer}.about-us-header{height:auto}.about-us-header img{margin:0 auto}.eye-icon-crfpass2{position:absolute;left:96%;top:52%}.eye-icon-pass2{position:absolute;left:96%;top:86%}@media(max-width:800px){.main-content{margin-left:20px!important;margin-right:20px!important}.main-content .div-inline.img-div{width:60px;height:60px;padding:0}.main-content .div-inline.img-div img.ui.image{width:60px;height:60px;object-fit:cover}.main-content .img-block-user{width:35%!important}.main-content .text-block-user{width:65%!important;font-size:14px}.main-content button.ui.button.send-contact-us{width:auto!important;min-width:120px;padding-left:15px!important;padding-right:15px!important}.main-content .profile-form{width:100%}.main-content .parent-image-cover{left:50%!important;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:auto!important}.main-content .image-upload-profile.image-profile-custom{margin:0 auto!important}.main-content .image-cover-photo+.image-upload-profile{position:absolute;right:10px;top:10px!important;bottom:auto!important;margin:0!important;left:auto!important}.main-content .image-cover-photo+.image-upload-profile label{width:35px;height:35px;line-height:35px;bottom:0}}.main-content{margin-top:20px;margin-left:80px;margin-right:80px}.main-content p{text-align:left;color:#1c1c1c}.main-content p a{color:#03b4c6;font-weight:600;border-bottom:1px solid #03b4c6}.main-content .img-block-user{width:15%}.main-content .text-block-user{width:85%}.main-content button.ui.button.send-contact-us{background:#6c0ac7;color:#fff;border-radius:25px;margin:0 auto;display:block;width:120px;padding:15px}.main-content button.ui.button.send-contact-us:hover{background:#009eb0}.main-content button.ui.button.background-like-color{background:#58be2f}.main-content button.ui.button.background-dislike-color{background:#d44433}.div-inline{display:flex;align-items:center}.img-div{width:100px;height:100px;border:1px solid #dededf;border-radius:50px;margin-right:15px}.field.input-boder-bottom .ui.fluid.selection.dropdown,.field.input-boder-bottom input[type=number],.field.input-boder-bottom input[type=text]{border:none;border-bottom:1px solid rgba(34,36,38,.1490196078)}.profile-bio-input{margin-bottom:10px}.profile-bio-input .ui.input.input-boder-bottom{width:70%!important}.profile-bio-input .ui.input.input-boder-bottom input[type=text]{border:none;border-bottom:1px solid rgba(34,36,38,.1490196078)}.profile-setting-bio{margin-bottom:10px}.profile-setting-bio .ui.input.input-boder-bottom{width:80%!important}.profile-setting-bio .ui.input.input-boder-bottom input[type=email],.profile-setting-bio .ui.input.input-boder-bottom input[type=text]{border:none;border-bottom:1px solid rgba(34,36,38,.1490196078)}.image-profile-custom{width:150px;margin:0 auto 25px!important}.profile-form{width:50%;display:block;margin:0 auto}.profile-form .image-profile{display:block;border:1px solid #dededf;width:100px;height:100px;border-radius:50px;padding:10px;margin:25px auto}.profile-form .image-profile img{object-fit:cover;width:100%;height:100%;border-radius:50%}.side-top-menu{position:absolute;background:#fff;z-index:999;width:307px;top:40px;padding:8px;box-shadow:-1px 4px 5px 0 rgba(199,194,194,.75);-webkit-box-shadow:-1px 4px 5px 0 rgba(199,194,194,.75);-moz-box-shadow:-1px 4px 5px 0 rgba(199,194,194,.75)}.side-top-menu .ui.secondary.vertical.menu{width:100%}.side-top-menu .ui.secondary.vertical.menu a.item{text-align:left}.comment-listed .single-comment{background-color:#6c0ac7;border-radius:10px;padding:10px;margin-top:20px;margin-bottom:10px;width:100%;color:#fff;display:flex;justify-content:space-between;align-items:flex-end}.comment-listed .single-comment p{color:#fff;margin:0;font-size:15px}.comment-listed .user-comment{display:flex;align-items:center}.comment-listed .user-comment img{width:60px;border-radius:50px;margin-right:12px;height:60px;border:1px solid #dededf;object-fit:cover}.comment-input-send{display:flex;margin-top:20px;align-items:center;background:rgba(222,222,223,.3098039216);padding:10px;border-radius:3px;grid-gap:10px;gap:10px;box-shadow:2px 2px 5px -1px rgba(0,0,0,.75);-webkit-box-shadow:2px 2px 5px -1px rgba(0,0,0,.75);-moz-box-shadow:2px 2px 5px -1px rgba(0,0,0,.75)}.comment-input-send .field{flex-grow:1}.hideScrollbar::-webkit-scrollbar{display:none}.hideScrollbar{-ms-overflow-style:none;scrollbar-width:none}.settings-subtext{display:block;font-size:13px;color:#6d6e7e;margin-top:4px}.image-cover-photo{object-fit:cover}@media(max-width:800px){.like-dislike-button{width:100%!important;margin-top:20px}.like-dislike-button .btn-like-dislike{display:flex;margin-top:10px}.like-dislike-button .btn-like-dislike button.ui.button.send-contact-us{width:45%!important}.parent-image-cover{width:100%;display:block!important;text-align:center}.parent-image-cover .image-upload-profile{width:150px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-left:0!important;margin-right:0!important}.parent-image-cover .user-name-detail{margin-left:0!important;margin-top:10px}.margin-top-100{margin-top:10px!important}.ui.grid>.column:not(.row){padding-top:0!important;padding-bottom:0!important}.lable-for-file-input{left:93.5%!important}.btn-create-reaction-followers-following{margin-top:20px}.btn-create-reaction-followers-following .ui.grid>.column:not(.row){margin-bottom:15px}.home-think-like .child-thigs-like{width:100%!important;justify-content:center}.div-flex{display:block!important}.div-head-profile{width:100%!important}.div-head-profile .img-user-profile{margin:0 auto}.div-head-profile .img-user-profile .div-inline.img-div{width:100px!important;height:100px!important;margin:0 auto;display:block}.div-head-profile .img-user-profile .div-inline.img-div img{width:100px!important;height:100px!important;object-fit:cover}.create-post-profile .div-flex.image-cover-head{width:100%!important}.form-detail-user-create-post{margin-left:0!important;margin-top:20px;text-align:center}.header-nav .ui.inverted.segment{padding-top:0}.border-right-colm{border-right:none!important;border-bottom:1px solid;padding-bottom:20px;margin-bottom:20px}.footer-login .ui.inverted .secondary.menu{display:block;width:100%}.footer-login .ui.inverted .secondary.menu a.item{margin-left:7px}.side-top-menu{left:-234px}.ui.menu .item{display:inline-block!important}button.ui.button.post-create-btn{margin-bottom:20px}.about-us-header .image-header-home{width:100%!important}.about-us-header .image-header-home img.ui.image.img-header{margin:0 auto;display:block}.about-us-header .div-inline{display:inline-block}.about-us-header .header-nav{width:100%}.about-us-header .header-nav .ui.inverted .secondary.menu a.item{margin:0}.about-us-header .search-header-home{width:67%;margin-left:8%;margin-bottom:20px}}.div-inline{display:inline-block}.activate-bar{width:100%;padding:8px;display:flex;justify-content:center;background-color:#e8c04a}.header-nav{width:40%}.header-nav .ui.inverted.segment{background:#6c0ac7;border-radius:0}.header-nav .ui.inverted .secondary.menu{justify-content:flex-end}.header-nav .ui.inverted .secondary.menu a.item{margin-left:20px;color:#fff!important;padding:6px}.margin-top-100{margin-top:80px}.search-header-home{width:15%}.image-menu-bar-home{width:20%;text-align:end;position:relative}.about-us-header{background:#6c0ac7;min-height:120px}.about-us-header .image-header-home{width:20%}.about-us-header .image-header-home .img-header{display:initial;margin-left:30px}.border-right-colm{border-right:1px solid}.main-content .div-flex{display:flex;align-items:center}.main-content .div-flex p{margin:0}.main-content .create-post-profile .image-cover-head{width:70%}.main-content .create-post-profile .image-cover-head .parent-image-cover{position:relative;margin-top:-75px;z-index:5;display:flex;align-items:flex-end}.main-content .form-detail-user-create-post{margin-left:20px}.main-content .div-head-profile{width:70%}.main-content .like-dislike-button{width:30%}.main-content .icon-upload{float:right}.main-content .icon-upload img{margin-left:10px}.main-content .image-cover-photo{width:100%;height:250px;border-radius:15px;object-fit:cover}.main-content .create-post-btn button.ui.button.post-create-btn{float:right;width:120px;color:#fff;background:#6c0ac7;border:none}.main-content .create-post-btn button.ui.button.post-create-btn:hover{background:#0a8401}.main-content .create-post-btn button.ui.button.post-create-btn-dislike:hover{background:#bb0101}.main-content .create-post{border-radius:4px;width:100%;height:160px;margin-top:20px;padding:10px;margin-bottom:20px}.main-content .create-post .field.textarea-create-post textarea{width:100%;border-radius:4px;padding:10px;resize:none;height:80px}.main-content .create-post .limit-create-post{position:relative}.main-content .create-post .limit-create-post .limit-text-create-post{color:#fff;position:absolute;right:3px;font-size:15px}.main-content .home-think-like{min-height:66px;width:100%;background-color:#58be2f;border-radius:4px;position:relative}.main-content .home-think-like .child-thigs-like{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:29%;display:flex;align-items:center;margin-left:20px}.main-content .home-think-like .child-thigs-like p{text-align:center;color:#fff;margin:0;font-size:15px}.image-upload-post{position:relative;display:inline-block;width:130px}.image-upload-post .lable-for-file-input{left:97.5%;border-radius:8px;bottom:7px}.image-upload-post label{position:absolute;width:150px}.image-upload-post label .ui.inline.loader{top:-1px}.image-upload-post label{cursor:pointer}.image-upload-post label .icon{margin-right:0}.image-upload-profile{position:relative;border:1px solid #dededf;border-radius:100px;margin-right:20px;background:#fff;margin-left:40px}.image-upload-profile .field{display:none}.image-upload-profile .lable-for-file-input{left:97.5%;border-radius:8px;bottom:7px}.image-upload-profile img{width:150px;height:150px;border-radius:50%;margin:0 auto;object-fit:cover}.image-upload-profile label{height:30px;width:30px;border-radius:50%;display:block;background:#d9d9d9;position:absolute;left:0;right:0;margin:0 auto;bottom:-15px;text-align:center;line-height:30px}.image-upload-profile label .ui.inline.loader{top:-1px}.image-upload-profile label{cursor:pointer}.image-upload-profile label .icon{margin-right:0}.font-italic{font-style:italic}.text-right{text-align:right!important;width:100%;display:flex;justify-content:flex-end}.public-reaction-content{margin-top:20px;margin-bottom:105px!important;padding:27px}.public-reaction-content .image-name-user{display:flex;align-items:center;height:77px}.public-reaction-content .image-name-user img{border:1px solid #dededf;padding:3px;border-radius:50px;margin-right:10px;object-fit:cover;width:50px;height:50px}.public-reaction-content .image-name-user i.add.user.icon.follow-icon{color:#6c0ac7;font-size:22px}.public-reaction-content h5.ui.header{margin:0}.public-reaction-content .public-reaction-icon{color:#6c0ac7;font-size:22px;margin:0;cursor:pointer}.public-reaction-content .count-user-reaction{margin-right:10px}.public-reaction-content .comment-listed .single-comment{background-color:#6c0ac7;border-radius:10px;padding:10px;margin-top:20px;margin-bottom:10px;width:100%;color:#fff;display:flex;justify-content:space-between;align-items:flex-end}.public-reaction-content .comment-listed .single-comment p{color:#fff;margin:0;font-size:15px}.public-reaction-content .comment-listed .user-comment{display:flex;align-items:center}.public-reaction-content .comment-listed .user-comment img{width:60px;border-radius:50px;margin-right:12px;height:60px;border:1px solid #dededf;object-fit:cover}.public-reaction-content .comment-input-send{display:flex;margin-top:20px;align-items:center;background:rgba(222,222,223,.3098039216);padding:10px;border-radius:3px;box-shadow:2px 2px 5px -1px rgba(0,0,0,.75);-webkit-box-shadow:2px 2px 5px -1px rgba(0,0,0,.75);-moz-box-shadow:2px 2px 5px -1px rgba(0,0,0,.75)}.public-reaction-content .comment-input-send .field{width:87%}.public-reaction-content .horigental-line{margin-top:20px;margin-bottom:20px}.loader-custom{position:absolute!important;width:100%;height:100%;border:none!important;box-shadow:none!important}.modal-gif-custom .content-center.content .giphy-carousel{overflow-y:scroll;height:400px;white-space:normal}.parent-post-create{height:160px;overflow-x:auto}.user-name-detail .ui.header{margin:0}.user-name-detail{margin-left:20px}.img-div-follow,.img-div-follow img{width:100px;height:100px}.img-div-follow img{object-fit:cover}i.window.close.outline.large.icon.close-icon-createpost{float:right;margin-top:23px;color:#fff;cursor:pointer}.popup-search-user-content{max-height:400px;overflow-y:auto;overflow-x:hidden}.popup-search-user-content .pop-up-search-user-header{width:415px;border-bottom:1px solid #efeff7;margin-bottom:7px}.popup-search-user-content .pop-up-search-user-header .search-header-all-user{display:flex;align-items:center;margin-bottom:7px}.popup-search-user-content .pop-up-search-user-header .search-header-all-user .image-user-search{border:1px solid #dededf;padding:3px;border-radius:50px;margin-right:10px;object-fit:cover;width:50px;height:50px}.popup-search-user-content .pop-up-search-user-header .search-header-all-user h5.ui.header{width:315px}.notification{position:absolute;right:-.7em;top:-.4em;min-width:1.2em;height:1.2em;border-radius:.8em;border:.05em solid #fff;background-color:red;display:flex;justify-content:center;align-items:center;font-size:.8em;color:#fff}.post-width{width:100%!important}@-webkit-keyframes floatUp{0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1}to{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}}@keyframes floatUp{0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1}to{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}}.floating-text{position:absolute;font-weight:800;pointer-events:none;-webkit-animation:floatUp 3s ease-out forwards;animation:floatUp 3s ease-out forwards;z-index:1000;white-space:nowrap;font-size:14px;top:-20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.floating-text.agree{color:#58be2f}.floating-text.disagree{color:#d44433}.hover-pointing{position:relative}.notification-icon{position:absolute;min-width:1em;height:1em;border-radius:.8em;left:163px;background-color:red}.notification-checkbox input[type=checkbox]{position:absolute;opacity:0;z-index:-1}.notification-checkbox .check-trail{width:6em;height:3em;border-radius:2em;cursor:pointer}.notification-checkbox .check-handler,.notification-checkbox .check-trail{display:flex;align-items:center;background:#b0073c;transition:all .5s ease}.notification-checkbox .check-handler{margin-left:.5em;justify-content:center;width:2.3em;height:2.3em;border-radius:50%;box-shadow:0 0 8px rgba(0,0,0,.3)}.notification-checkbox .check-handler:before{content:"×";color:#fff;font-size:1.5em;font-weight:700}.notification-checkbox input[type=checkbox]:checked+.check-trail{background:#108a07}.notification-checkbox input[type=checkbox]:checked+.check-trail .check-handler{margin-left:50%;background:#108a07}.notification-checkbox input[type=checkbox]:checked+.check-trail .check-handler:before{content:"✔"}@media(max-width:800px){.main-content{margin-left:20px!important;margin-right:20px!important}.main-content .notification-contant .notifiction-para{width:80%!important}.main-content .notification-contant .notification-checkbox .check-trail{width:4em;height:2em}.main-content .notification-contant .notification-checkbox .check-handler{width:1.3em;height:1.3em}.main-content .notification-contant .notification-multiple-hour p{width:50%!important}}.modal{position:absolute;width:55;height:100;background-color:#ecf0f1}.notification-page-wrapper{margin-bottom:100px}.notification-page{margin-bottom:20%}.notification-heading{margin-bottom:24px!important;display:flex!important;align-items:center;grid-gap:8px;gap:8px;color:#3b1464!important}.notification-intro{font-size:16px;line-height:26px;margin-bottom:24px;color:#4f5163}.notification-settings-wrapper{background:#fff;border-radius:16px;padding:24px;box-shadow:0 18px 40px rgba(108,10,199,.05);border:1px solid #efe2ff}.notification-grid-header{display:grid;grid-template-columns:minmax(280px,3fr) repeat(2,minmax(140px,1fr));grid-gap:16px;gap:16px;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:#6c0ac7;font-weight:600;margin-bottom:12px}.notification-grid-header.two-columns{grid-template-columns:minmax(280px,3fr) minmax(140px,1fr)}.notification-section+.notification-section{margin-top:16px}.notification-section__title{font-weight:600;color:#42126b;margin:18px 0 6px;font-size:1rem}.notification-row{display:grid;grid-template-columns:minmax(280px,3fr) repeat(2,minmax(140px,1fr));grid-gap:16px;gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid #f1e9ff}.notification-row:last-child{border-bottom:none}.notification-row.single-column{grid-template-columns:minmax(280px,3fr) minmax(140px,1fr)}.notification-label__text{font-weight:500;color:#2f1c4d}.notification-label__subtext{display:block;margin-top:4px;font-size:.8rem;color:#6f6a85}.notification-toggle{display:flex;align-items:center}.notification-checkbox{position:relative}.notification-checkbox.is-disabled{opacity:.45;pointer-events:none}.notification-actions{margin-top:24px;display:flex;justify-content:flex-end}.notification-save-button{background:#6c0ac7;color:#fff;border:none;border-radius:999px;padding:10px 22px;font-weight:600;cursor:pointer;transition:box-shadow .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease}.notification-save-button:not([disabled]):hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 8px 16px rgba(108,10,199,.25)}.notification-save-button[disabled]{opacity:.6;cursor:not-allowed;box-shadow:none}.notification-specific{margin-top:40px;background:#fdf9ff;border:1px solid #efe2ff;border-radius:16px;padding:20px}.notification-specific__subtitle{font-size:.85rem;color:#5b5671;margin-top:4px}.notification-specific__controls{display:flex;flex-wrap:wrap;grid-gap:10px;gap:10px;margin-top:16px}.notification-specific__controls input,.notification-specific__controls select{padding:10px 12px;border:1px solid #d3c8ee;border-radius:8px;min-width:220px}.notification-specific__controls button{border:none;border-radius:8px;padding:10px 14px;font-weight:600;color:#fff;cursor:pointer;transition:box-shadow .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease}.notification-specific__controls button.enable{background:#21ba45}.notification-specific__controls button.disable{background:#db2828}.notification-specific__controls button:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);box-shadow:0 10px 16px rgba(0,0,0,.12)}.notification-specific__results{margin-top:12px}.notification-specific__user{padding:10px 12px;border:1px solid #e5dafc;border-radius:10px;display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;cursor:pointer;background:#fff}.notification-specific__user.is-selected{border:2px solid #6c0ac7;background:rgba(108,10,199,.05)}.notification-specific__empty{font-size:.85rem;color:#6f6a85}@media(max-width:800px){.notification-settings-wrapper{padding:16px}.notification-grid-header,.notification-row{grid-template-columns:minmax(200px,3fr) minmax(120px,1fr)}.notification-grid-header>div:nth-child(3),.notification-row>div:nth-child(3){display:none}.notification-specific__controls input,.notification-specific__controls select{min-width:160px}}.notification-toggle.placeholder{opacity:0;pointer-events:none}.user-chat-list-box{height:462px;border:2px solid #dededf;border-radius:5px;overflow:scroll}.user-chat-list-box .user-chat-box-content{border-bottom:1px solid rgba(222,222,223,.431372549)}.user-chat-list-box .user-chat-box-content .user-chat{margin:10px;cursor:pointer}.user-chat-list-box .user-chat-box-content .user-name-image{display:flex;align-items:center;cursor:pointer}.user-chat-list-box .user-chat-box-content .user-name-image .image-user{border:1px solid #dededf;border-radius:50px;object-fit:contain;margin-right:20px}.chat-time{color:#fff}.chat-time,.receiver-message-time{font-size:9px}.chat-person-name{height:auto;border:2px solid #dededf;border-bottom:none;padding:10px 20px;border-top-left-radius:5px;border-top-right-radius:5px}.user-chat-detail-box{height:400px;border:2px solid #dededf;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.user-chat-detail-box .user-chat-detail-content{height:338px;overflow:auto;border-radius:5px;padding:10px}.user-chat-detail-box .user-chat-detail-content .user-chat-name-user{border-bottom:1px solid #dededf;padding-bottom:10px;margin-bottom:8px}.user-chat-detail-box .user-chat-detail-content .sender-message{border:1px solid #dededf;border-radius:5px;padding:4px;margin-bottom:5px;background-color:#6c0ac7;align-items:self-end;display:flex}.user-chat-detail-box .user-chat-detail-content .sender-message .p{color:#fff}.user-chat-detail-box .user-chat-detail-content .user-chat-detail{justify-content:flex-end;display:grid}.user-chat-detail-box .user-chat-detail-content .reciver-message{border:1px solid #dededf;border-radius:5px;align-items:self-end;display:flex!important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:4px;clear:both;display:inline-block;margin-bottom:5px;background-color:#fff;color:#6c0ac7}.user-chat-detail-box .bottom-input-send-message{height:60px;border-top:1px solid #dededf;padding:10px}.user-chat-detail-box .bottom-input-send-message .input-box-send{display:flex;align-items:center}.user-chat-detail-box .bottom-input-send-message .input-box-send .emoji-style-custom{position:absolute;width:93%;left:17px;z-index:999;top:27%}.user-chat-detail-box .bottom-input-send-message .input-box-send .emoji-style-custom aside.emoji-picker-react{width:100%;height:235px}.user-chat-detail-box .bottom-input-send-message .input-box-send .smile-in-chat{font-size:25px;margin-right:15px;position:relative}.user-chat-detail-box .bottom-input-send-message .input-box-send .input-box-custom{width:92%}.add-user-friend-list-modal p{margin:0;font-size:15px;font-weight:600}.add-user-friend-list-modal p span{color:#7979aa;font-size:14px}.add-user-friend-list-modal button.ui.button.save-btn{background:#6c0ac7;color:#fff}.add-user-friend-list-modal button.ui.button.save-btn:hover{background:#009eb0}.input-search-friend{width:60%;margin-bottom:20px}.notification-chat{position:absolute;right:.7em;top:-1.4em;min-width:1.4em;height:1.4em;border-radius:.8em;border:.05em solid #fff;background-color:red;display:flex;justify-content:center;align-items:center;font-size:.8em;color:#fff}
/*# sourceMappingURL=main.3ebe8321.chunk.css.map */