.icon-outer-container.default,.icon-inner-container.default,.icon.default{width:fit-content;height:fit-content}.icon-outer-container.default.icon,.icon-inner-container.default.icon,.icon.default.icon{padding:5px}.icon{border-radius:5px;-webkit-user-select:none;user-select:none}.icon.clickable{cursor:pointer}.icon.clickable.primary:active{color:var(--blue-1);background-color:#fff}.icon.clickable.secondary:active{background-color:var(--blue-1);color:#fff}.icon.clickable.teritiary:active{color:#ccc}.icon.primary{background-color:var(--blue-1);color:#fff}.icon.secondary{background-color:#fff;color:var(--blue-1);border:2px solid var(--blue-1)}.input-outer-container.default,.input-inner-container.default,.input.default{width:fit-content;height:fit-content}.input{border-radius:5px;padding:10px;display:grid;grid-template-columns:auto 1fr auto;background-color:#fff;border:2px solid rgb(249,249,249);transition:.2s}.input input{background-color:transparent;border:none;outline:none;padding:5px 5px 5px 10px;color:#1f1f1f}.input.inactive{color:gray;background-color:#f9f9f9}.input.active{background-color:#fff;color:var(--blue-1);border:2px solid var(--blue-1)}.login-outer-container{padding:10px}.login{flex-wrap:wrap;align-content:center;gap:10px}.google-btn-container{width:100%;height:50px}.google-btn-container .google-btn{-webkit-user-select:none;user-select:none;background-color:#f9f9f9;border:1px solid var(--blue-1);outline:none;border-radius:5px;cursor:pointer}.google-btn-container .google-btn img{width:24px;height:24px}.google-btn-container .google-btn:active{background-color:#d8d8d8}.signup-outer-container{padding:10px}.landing{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr}.landing-page-logo{padding:10px;font-size:3em}.landing-page-logo h1{color:var(--blue-2)}.landing-page-action{padding:10px;color:#1a3646}.landing-page-action .action-switch-container{width:100%;height:60px;padding:5px;background-color:#fff;box-shadow:1px 1px 3px #0000001a inset;border-radius:20px}.landing-page-action .action-switch-container .action-switch{cursor:pointer;font-size:.9em}.landing-page-action .action-switch-container .action-switch .action.active{background-color:var(--blue-1);color:#fff;border-radius:15px}@media(max-width:768px){.landing{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr}.landing-page-logo{font-size:2em}}.header-outer-container{background-color:var(--blue-2)}.header-inner-container{padding-left:20px;padding-right:20px}.header{color:#fff}.header .header-search{width:clamp(180px,100%,300px);gap:5px;color:inherit;border-radius:5px;padding:5px;background-color:#ffffff26}.header .header-search .material-symbols-outlined{color:#ffffff59}.header .header-search input{width:100%;color:inherit;border:none;outline:none;background-color:transparent}.header .header-search input::placeholder{color:#ffffff59}.header .header-search.active{border:1px solid rgba(255,255,255,.9)}.header .header-search.active .material-symbols-outlined{color:#ffffffe6}.header .header-icons{gap:12px}.header .header-icons .material-symbols-outlined{cursor:pointer;font-size:24px;color:#fffc}.header .header-icons .material-symbols-outlined.active{font-variation-settings:"FILL" 1;color:#fff}.header .header-icons .material-symbols-outlined:active{color:#ffffff80}.header-search-display{position:fixed;background:transparent;top:60px;left:20%;width:60%;border-radius:0 0 10px 10px;box-shadow:2px 3px 10px #0000004d;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:50%}@media(max-width:768px){.header .header-search,.header .header-icons{display:none}}.profile .profile-data .profile-image-container{border-radius:10px;padding:10px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 200 200'%3E%3Cpolygon fill='%23DCEFFA' points='100 0 0 100 100 100 100 200 200 100 200 0'/%3E%3C/svg%3E");display:grid;grid-template-columns:300px 1fr;gap:20px}.profile .profile-data .profile-sub-container .profile-sub.start-conv{cursor:pointer;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset;background-color:#3d7c3d;color:#fff}.profile .profile-data .profile-sub-container .profile-sub.start-conv:active{background-color:#539e53}@media(max-width:768px){.profile .profile-data .profile-image-container{padding:20px;grid-template-columns:100%;grid-template-rows:180px 1fr}.profile .profile-data .profile-image-container .profile-image{height:100%}.profile .profile-data .profile-image-container .profile-image img{height:90%;width:auto;aspect-ratio:1/1}.profile .profile-data .profile-image-container .profile-name{font-size:1.2em;display:flex;justify-content:center;align-items:center}.profile .profile-data .profile-image-container .profile-name .profile-name-edit-c{flex-direction:row;justify-content:center;align-items:center;gap:10px}.profile .profile-data .profile-image-container .profile-name .profile-name-edit-c .profile-name-edit-btn{padding-right:5px}.profile .profile-data .profile-sub-container{flex-wrap:wrap}}.search-inner-container{padding:5px}.search{padding:20px}.search .header-search{display:none;margin-top:10px;width:100%;gap:5px;color:inherit;border-radius:5px;padding:5px;background-color:#6a6a6a26}.search .header-search .material-symbols-outlined{color:#28282859}.search .header-search input{width:100%;color:inherit;border:none;outline:none;background-color:transparent}.search .header-search input::placeholder{color:#27272759}.search .header-search.active{border:1px solid rgba(25,25,25,.9)}.search .header-search.active .material-symbols-outlined{color:#191919e6}.search .search-results{margin-top:10px}.search .search-results .search-result-container{cursor:pointer;gap:20px;padding:10px;border-bottom:1px solid rgba(128,128,128,.318)}.search .search-results .search-result-container img{width:50px;height:50px;object-fit:cover;border-radius:50%}.search .search-results .search-result-container:last-child{border-bottom:none}.search .search-results .search-result-container:active{background-color:#c3c3c34d}.search-profile-display-container{background-color:transparent;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:10px;position:fixed;top:-60px;z-index:20;height:100svh;width:100svw;left:-20svw;background:#fff}.search-profile-display-container .search-profile-display{padding:10px;display:grid;grid-template-rows:40px 1fr;background-color:#fff;border-radius:20px}@media(max-width:768px){.search-profile-display-container{top:0;left:0}.search .header-search{display:flex}}.appscreen-inner-container{display:grid;grid-template-rows:60px 1fr}.appscreen-inner-container .appscreen-navbar{display:none}.appscreen{padding:10px}@media(max-width:768px){.appscreen-inner-container{grid-template-columns:100%;grid-template-rows:60px 1fr 50px}.appscreen-inner-container .appscreen-navbar{display:flex;border-top:1px solid rgb(249,249,249)}.appscreen-inner-container .appscreen-navbar .material-symbols-outlined{cursor:pointer}.appscreen-inner-container .appscreen-navbar .material-symbols-outlined.active{font-variation-settings:"FILL" 1;color:var(--blue-1)}}.panel{row-gap:5px;background-color:#f0f0f0;border-radius:15px;padding:10px;display:grid;grid-template-rows:1fr 50px}.panel .panel-screen{overflow-x:hidden;overflow-y:auto;gap:5px}.panel .panel-screen .message-c.sender{justify-content:end}.panel .panel-screen .message-c.sender .message{background-color:var(--blue-1);color:#fff}.panel .panel-screen .message-c .message{cursor:pointer;padding:10px 15px;background-color:#e1e1e1;border-radius:5px;max-width:60%;word-wrap:break-word}.panel .panel-screen .message-c .message.typing-indicator{height:39px;width:49px;padding:0 5px}.panel .panel-screen .message-c .message:active{transform:scale(1.1)}.panel .panel-screen .message-c .message .file a{font-size:.8em;background-color:#fff;display:flex;flex-direction:row;align-items:center;padding:15px;gap:10px;box-shadow:1px 1px 3px #0006;color:var(--blue-2);border-radius:5px}.panel .file-uploading-container{padding:10px;background-color:#fff;border-radius:10px}.panel .panel-sender{display:grid;grid-template-columns:50px 1fr 50px;column-gap:10px}.panel .panel-sender input[type=file]{display:none}.panel .panel-sender input[type=text]{border-radius:5px;padding-left:20px;border:1px solid var(--blue-2);outline:none}.panel .panel-sender input[type=text]:focus{border:2px solid var(--blue-2)}.panel .panel-sender button{cursor:pointer;border-radius:5px;background-color:var(--blue-2);color:#fff;border:none}.panel .panel-sender button:active{background-color:var(--blue-3);color:#000}.message-editor-container{position:fixed;background:transparent;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);top:0;left:0}.message-editor-container .message-editor{gap:10px}.message-editor-container .message-editor .message{height:fit-content;width:fit-content;word-wrap:break-word;max-width:180px;padding:10px 15px;border-radius:5px;background-color:var(--blue-1);color:#fff}.message-editor-container .message-editor input[type=text]{padding:10px;border-radius:5px;border:2px solid var(--blue-1);height:fit-content}.message-editor-container .message-editor .message-editor-btns{background-color:#fff;padding:10px;border-radius:10px}.message-editor-container .message-editor .message-editor-btns .message-editor-header{padding-bottom:10px;padding-top:10px}.message-editor-container .message-editor .message-editor-btns .message-editor-header .material-symbols-outlined{cursor:pointer}.message-editor-container .message-editor .message-editor-btns button{padding:10px;gap:10px;min-width:150px;cursor:pointer;border:none;outline:none;background-color:#c1c1c14d;border-bottom:1px solid rgba(196,196,196,.4)}.message-editor-container .message-editor .message-editor-btns button:active{background-color:#292929;color:#f9f9f9}.message-editor-container .message-editor .message-editor-btns button:first-of-type{border-radius:5px 5px 0 0}.message-editor-container .message-editor .message-editor-btns button:last-child{border-bottom:none;border-radius:0 0 5px 5px}@media(max-width:768px){.panel-inner-container{padding-left:0}}.on-pc-home{display:grid}.home{display:grid;grid-template-columns:180px 1fr}.home .home-people{padding:10px;border-radius:15px;gap:10px}.home .home-people .people{font-size:.8em;border-radius:5px;padding:5px 5px 5px 30px;cursor:pointer}.home .home-people .people.active{background-color:var(--blue-3)}.home .home-people .people.pop{font-weight:600}.home .home-people .people.pop .material-symbols-outlined{font-size:30px;color:#09f;font-variation-settings:"FILL" 1}.home .home-people .home-people-conversations{gap:5px}.home .home-people .home-people-conversations .badge{cursor:pointer;padding:5px;border-radius:10px;border:1px solid rgba(38,38,38,.1)}.home .home-people .home-people-conversations .badge:hover{background-color:var(--blue-5)}.home .home-people .home-people-conversations .badge .badge-control.active{transform:rotate(90deg)}.home .home-people .home-people-conversations .badge-sublist{gap:5px;max-height:calc(100svh - 350px);overflow:scroll}.home .home-people .home-people-newchat{cursor:pointer;gap:15px;padding:15px;border-radius:10px;background-color:#d7d7d736;border:2px solid var(--blue-1)}.home .home-people .home-people-newchat:active{background-color:var(--blue-1);color:#fff}.home .home-on-mobile-layout{padding-bottom:0;display:grid;grid-template-rows:1fr}.home .home-on-mobile-layout .home-people-conversations{display:grid;grid-template-rows:auto 1fr;row-gap:10px}.home .home-on-mobile-layout .home-people-newchat{padding:10px}.home .home-on-mobile-layout .people{font-size:.95em;padding:15px;border-radius:0;border-bottom:1px solid rgb(230,230,230)}.home .home-on-mobile-layout .people:active{background-color:#f5f5f5}.home .home-on-mobile-layout .people.pop{font-weight:600}.home .home-on-mobile-layout .people.pop .material-symbols-outlined{color:#09f;font-variation-settings:"FILL" 1}.home .home-on-mobile-layout .people:last-child{border:none}.home .home-on-mobile-layout .home-panel-container{display:grid;grid-template-rows:40px 1fr;row-gap:10px}.home .home-on-mobile-layout .home-panel-container .home-panel-header{gap:10px}.home .home-on-mobile-layout .home-panel-container .home-panel-header .material-symbols-outlined{cursor:pointer;font-weight:700;background-color:var(--blue-3);padding:5px;border-radius:50%}.home-new-chat-container{background-color:#000000ab;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:fixed;top:0;left:0;z-index:15;padding:20px}.home-new-chat-container .home-new-chat{padding:20px;background-color:#fff;border-radius:20px;display:grid;grid-template-rows:50px 1fr}.home-new-chat-container .home-new-chat .search-result-container{cursor:pointer;gap:20px;padding:10px;border-bottom:1px solid rgba(128,128,128,.318)}.home-new-chat-container .home-new-chat .search-result-container img{width:50px;height:50px;object-fit:cover;border-radius:50%}.home-new-chat-container .home-new-chat .search-result-container:last-child{border-bottom:none}.home-new-chat-container .home-new-chat .search-result-container:active{background-color:#c3c3c34d}@media(max-width:768px){.on-pc-home{display:none}.home{grid-template-columns:100%;grid-template-rows:auto 1fr;row-gap:5px}.home .home-panel{display:none}}.profile-edit-image-outer-container{position:fixed;top:0;left:0;background-color:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.profile-edit-image-outer-container .profile-edit-image-container{background-color:#fff;border-radius:10px;padding:10px}.profile-edit-image-outer-container .profile-edit-image-container .profile-edit-form{padding:10px}.profile-edit-image-outer-container .profile-edit-image-container .profile-edit-form button{background-color:var(--blue-1);color:#fff;padding:10px;border:none;outline:none;border-radius:5px;cursor:pointer}.profile-edit-image-outer-container .profile-edit-image-container .profile-edit-form button:active{background-color:#1d1d1d}.profile{padding:20px;display:grid;grid-template-rows:auto 1fr}.profile .profile-data{color:gray;padding:10px;display:grid;grid-template-rows:300px auto 1fr}.profile .profile-data .profile-image-container{border-radius:10px;padding:10px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 200 200'%3E%3Cpolygon fill='%23DCEFFA' points='100 0 0 100 100 100 100 200 200 100 200 0'/%3E%3C/svg%3E");display:grid;grid-template-columns:300px 1fr;gap:20px}.profile .profile-data .profile-image-container .profile-image img{width:200px;height:200px;border-radius:10px;box-shadow:1px 1px 3px #0000004d;object-fit:cover}.profile .profile-data .profile-image-container .profile-name{font-size:3em;font-weight:700;gap:10px}.profile .profile-data .profile-image-container .profile-name .profile-name-edit-c{gap:10px}.profile .profile-data .profile-image-container .profile-name .profile-name-edit-btn{cursor:pointer;width:fit-content;padding:5px 10px 5px 5px;gap:5px;font-size:.6rem;border:2px solid var(--blue-1);background-color:#fff;border-radius:5px}.profile .profile-data .profile-image-container .profile-name .profile-name-edit-btn .material-symbols-outlined{font-size:18px}.profile .profile-data .profile-image-container .profile-name .profile-name-edit-btn:active{background-color:var(--blue-1);color:#fff}.profile .profile-data .profile-image-container .profile-name input[type=text]{border-radius:5px;border:none;outline:none;padding:5px 5px 5px 10px}.profile .profile-data .profile-image-container .profile-name input[type=text]:focus{border:2px solid var(--blue-1)}.profile .profile-data .profile-image-container .profile-name button{border:none;outline:none;cursor:pointer;color:#fff;padding:5px;border-radius:5px}.profile .profile-data .profile-image-container .profile-name button.primary{background-color:#369636df}.profile .profile-data .profile-image-container .profile-name button.secondary{background-color:#a42828}.profile .profile-data .profile-sub-container{padding-top:10px;gap:10px}.profile .profile-data .profile-sub-container .profile-sub{font-size:.9em;background-color:#dceffa;padding:15px;flex-basis:100%;border-radius:10px}@media(max-width:768px){.user-bio{text-align:center}.profile .profile-data{grid-template-rows:400px auto 1fr}.profile .profile-data .profile-image-container{padding:20px;grid-template-columns:100%;grid-template-rows:180px 1fr}.profile .profile-data .profile-image-container .profile-image{height:100%}.profile .profile-data .profile-image-container .profile-image img{height:90%;width:auto;aspect-ratio:1/1}.profile .profile-data .profile-image-container .profile-name{font-size:1.2em;display:flex;justify-content:center;align-items:center}.profile .profile-data .profile-image-container .profile-name .profile-name-edit-c{flex-direction:column;justify-content:center;align-items:center;gap:10px}.profile .profile-data .profile-image-container .profile-name .profile-name-edit-c .profile-name-edit-btn{padding-right:5px}.profile .profile-data .profile-sub-container{flex-wrap:wrap}}.notifications{padding:20px}.notifications .notifications-items-container{gap:10px}.notifications .notifications-items-container .notification-item{background-color:#d9d9d966;padding:10px;border-radius:10px}.settings{padding:20px;display:grid;grid-template-rows:1fr 30px;row-gap:10px}.settings .settings-header{display:grid;grid-template-rows:50px 1fr 50px}.settings .settings-header button{border:none;outline:none;background-color:#8e2418;color:#fff;border-radius:10px;cursor:pointer;box-shadow:#0006 0 2px 4px,#0000004d 0 7px 13px -3px,#0003 0 -3px inset}.settings h4{color:gray}.custom-form{padding:10px;background-color:#fff;gap:20px;width:80%}.custom-form h1{color:var(--blue-2)}.custom-form input[type=submit]{width:100%;height:50px;border-radius:5px;padding:10px;border:none;outline:none;cursor:pointer;background-color:var(--blue-1);color:#fff}.custom-form input[type=submit]:active{background-color:var(--blue-3)}.reset-link{-webkit-user-select:none;user-select:none;background-color:transparent;border:none;outline:none;font-size:.7em;text-decoration:underline;cursor:pointer}.reset-link:active{color:var(--blue-3)}@media(max-width:768px){.custom-form{width:100%}}.fira-sans-thin{font-family:Fira Sans,sans-serif;font-weight:100;font-style:normal}.fira-sans-extralight{font-family:Fira Sans,sans-serif;font-weight:200;font-style:normal}.fira-sans-light{font-family:Fira Sans,sans-serif;font-weight:300;font-style:normal}.fira-sans-regular{font-family:Fira Sans,sans-serif;font-weight:400;font-style:normal}.fira-sans-medium{font-family:Fira Sans,sans-serif;font-weight:500;font-style:normal}.fira-sans-semibold{font-family:Fira Sans,sans-serif;font-weight:600;font-style:normal}.fira-sans-bold{font-family:Fira Sans,sans-serif;font-weight:700;font-style:normal}.fira-sans-extrabold{font-family:Fira Sans,sans-serif;font-weight:800;font-style:normal}.fira-sans-black{font-family:Fira Sans,sans-serif;font-weight:900;font-style:normal}.fira-sans-thin-italic{font-family:Fira Sans,sans-serif;font-weight:100;font-style:italic}.fira-sans-extralight-italic{font-family:Fira Sans,sans-serif;font-weight:200;font-style:italic}.fira-sans-light-italic{font-family:Fira Sans,sans-serif;font-weight:300;font-style:italic}.fira-sans-regular-italic{font-family:Fira Sans,sans-serif;font-weight:400;font-style:italic}.fira-sans-medium-italic{font-family:Fira Sans,sans-serif;font-weight:500;font-style:italic}.fira-sans-semibold-italic{font-family:Fira Sans,sans-serif;font-weight:600;font-style:italic}.fira-sans-bold-italic{font-family:Fira Sans,sans-serif;font-weight:700;font-style:italic}.fira-sans-extrabold-italic{font-family:Fira Sans,sans-serif;font-weight:800;font-style:italic}.fira-sans-black-italic{font-family:Fira Sans,sans-serif;font-weight:900;font-style:italic}.abril-fatface-regular{font-family:Abril Fatface,serif;font-style:normal}:root{--custom-font-family-1: "Abril Fatface", serif;--custom-font-family-2: "Fira Sans", sans-serif;--blue-1: #3e6379;--blue-2: #3e6379;--blue-3: #DCEFFA;--blue-4: rgb(48, 195, 208);--blue-5: #eef9ff;--box-shadow-1:rgba(0, 0, 0, .17) 0px -23px 25px 0px inset, rgba(0, 0, 0, .15) 0px -36px 30px 0px inset, rgba(0, 0, 0, .1) 0px -79px 40px 0px inset, rgba(0, 0, 0, .06) 0px 2px 1px, rgba(0, 0, 0, .09) 0px 4px 2px, rgba(0, 0, 0, .09) 2px -11px 4px, rgba(0, 0, 0, .09) 0px -5px 8px, rgba(0, 0, 0, .09) -1px -20px 16px}*,*:before,*:after{box-sizing:border-box;padding:0;margin:0;font-family:Fira Sans,sans-serif;font-style:normal}html,body,#root{width:100dvw;height:100dvh}.on-mobile{display:none}.on-pc{display:block}.ov-scrl{overflow:auto}.lottie-container{position:relative}.lottie-container .lottie-item{position:absolute;width:100%;height:100%}.ocpy{width:100%;height:100%}.ocpy.fullscr{width:100svw;height:100svh;overflow:hidden}.img-c-s{width:clamp(150px,100%,300px);height:auto}.flx{display:flex}.flx.row{flex-direction:row}.flx.col{flex-direction:column}.flx.cntr{justify-content:center;align-items:center}.flx.start{justify-content:start}.flx.end{justify-content:end}.flx.sp-bt{justify-content:space-between}.flx.sp-ev{justify-content:space-evenly}.grd{display:grid}.grd.col{grid-template-columns:50% 50%}.grd.col.sp-3{grid-template-columns:1fr 1fr 1fr}.grd.col.sp-4{grid-template-columns:1fr 1fr 1fr 1fr}.grd.row{grid-template-rows:50% 50%}.rel{position:relative}.abs{position:absolute}.marquee{animation:marquee 15s linear infinite}.marquee:hover{animation-play-state:paused}.loader{border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid var(--blue-1);width:50px;height:50px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}@media(max-width:768px){.on-mobile{display:block}.on-pc{display:none}}