@font-face{font-family:Raleway;src:url(/assets/Raleway-ExtraLight-hIh8EJXp.woff2) format("woff2"),url(/assets/Raleway-ExtraLight-CU4obMad.woff) format("woff");font-weight:200;font-style:normal}@font-face{font-family:Raleway;src:url(/assets/Raleway-Regular-E-tJOzqg.woff2) format("woff2"),url(/assets/Raleway-Regular-B9WujOL1.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Raleway;src:url(/assets/Raleway-SemiBold-C9RTlkAC.woff2) format("woff2"),url(/assets/Raleway-SemiBold-_kLfqe6R.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Raleway;src:url(/assets/Raleway-Bold-C9jH8DXT.woff2) format("woff2"),url(/assets/Raleway-Bold-TRxZ-95o.woff) format("woff");font-weight:700;font-style:normal}*{font-size:18px;box-sizing:border-box;color:#b9b9b9}html{background-color:#232933}body{margin:0;padding:0;font-family:Raleway,sans-serif;position:relative}.loading-screen{position:absolute;width:100vw;height:100vh;height:100dvh;left:0;top:0;background-color:#232933;display:flex;justify-content:center;align-items:center;z-index:1}ul{list-style-type:none;padding:0;margin:0}dialog{border:none}label{font-family:monospace!important}input:focus{outline:none}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s,color 5000s ease-in-out 0s;-webkit-text-fill-color:#b9b9b9!important;box-shadow:0 0 0 1000px transparent inset}button{background-color:transparent;border:none;font-family:monospace!important}a{font-family:system-ui!important}@keyframes pulse{50%{opacity:.5}}.message-info-container-load{display:flex;justify-content:flex-start;align-items:center;margin:.5rem 0;column-gap:.5rem;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.message-info-container-load .sender-photo-load{width:2.3rem;height:2.3rem;min-width:2.3rem;border-radius:1.15rem;object-fit:cover;align-self:flex-start;margin-top:.2rem;background-color:#37485e}.message-info-container-load .message-info-load{display:flex;flex-direction:column;row-gap:4px}.message-info-container-load .message-info-load .message-date-name-load{display:flex;align-items:baseline;justify-content:flex-start;background-color:#37485e;height:14px;width:175px;border-radius:100px}.message-info-container-load .message-info-load .message-content-load{background-color:#37485e;border-radius:10px}@media (max-width: 768px){.message-info-container-load .message-info-load .message-content-load{width:15rem!important}}.message-info-container-load.my-message-info-container-load{justify-content:flex-end}.message-info-container-load.my-message-info-container-load .sender-photo-load{order:2}.message-info-container-load.my-message-info-container-load .message-info-load{order:1}.message-info-container-load.my-message-info-container-load .message-info-load .message-date-name-load{margin-left:auto}.member-list-load{flex:1;overflow-y:scroll;overflow-x:visible;margin:0;margin-top:.5rem;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.member-list-load::-webkit-scrollbar{width:.3rem}.member-list-load::-webkit-scrollbar-thumb{background-color:transparent;border-radius:.2rem;transition:background-color .3s ease-in-out}.member-list-load .member-container-load{height:3rem;width:100%;display:flex;align-items:center;column-gap:.8rem;padding:0 .5rem}.member-list-load .member-container-load .member-photo-load{width:2rem;height:2rem;background-color:#37485e;border-radius:1rem;flex-shrink:0}.member-list-load .member-container-load .member-name-load{height:16px;background-color:#37485e;border-radius:1rem}.login-container{background-color:#1f2834a8}@media (max-width: 480px){.login-container{display:flex;align-items:center;flex-direction:column;height:100vh;height:100dvh;width:100vw;padding-top:8rem}}@media (max-width: 480px) and (max-height: 500px){.login-container{height:500px!important}}@media (max-width: 480px){.login-container .login-header{font-size:1.26rem;font-family:Raleway,sans-serif;font-weight:800;text-align:center;margin:0;margin-bottom:.5rem}.login-container .login-form-container{display:flex;justify-content:center;align-items:center}.login-container .login-form-container .login-form{display:flex;flex-direction:column;align-items:center}.login-container .login-form-container .login-form .input-container{position:relative;margin:1.2rem 0;width:17rem}.login-container .login-form-container .login-form .input-container .input-field{font-size:1rem;width:100%;border:none;border-bottom:1px solid rgba(142,142,142,.5);padding:5px 0;background-color:transparent;outline:none;font-family:Open Sans,sans-serif}.login-container .login-form-container .login-form .input-container .input-field:focus~.input-label,.login-container .login-form-container .login-form .input-container .input-field:not(:placeholder-shown)~.input-label{top:-20px;font-size:16px}.login-container .login-form-container .login-form .input-container .input-field:focus~.input-highlight,.login-container .login-form-container .login-form .input-container .input-field:not(:placeholder-shown)~.input-highlight{transform:scaleX(1)}.login-container .login-form-container .login-form .input-container .input-field.input-field-error{border-bottom-color:#c93a3a}.login-container .login-form-container .login-form .input-container .input-label{position:absolute;top:5px;left:0;transition:all .3s ease;pointer-events:none;will-change:top,font-size}.login-container .login-form-container .login-form .input-container .input-highlight{position:absolute;bottom:0;left:0;height:2px;width:100%;transform-origin:left;background-color:#1f2834;transform:scaleX(0);transition:all .3s ease;will-change:transform}.login-container .login-form-container .login-form .input-container .input-error-message{position:absolute;top:105%;left:0;font-family:Raleway,sans-serif;font-size:.7rem;color:#c93a3a}}@media (max-width: 480px) and (max-width: 480px){.login-container .login-form-container .login-form .input-container .input-error-message{position:absolute;top:105%;left:0;font-family:Raleway,sans-serif;font-size:.6rem;color:#c93a3a}}@media (max-width: 480px){.login-container .login-form-container .login-form .input-container .input-success-message{position:absolute;top:105%;left:0;font-family:Raleway,sans-serif;font-size:.7rem;color:#14d31eca}.login-container .login-form-container .login-form .login-password-input-container .forgot-password-button{position:absolute;top:100%;right:0%;width:fit-content;height:fit-content;background-color:transparent;padding:0;margin-top:.4rem;font-family:Raleway,sans-serif!important;font-size:.6rem;color:#368ec8}.login-container .login-form-container .login-form .login-password-input-container .forgot-password-button:hover{text-decoration:underline}.login-container .login-form-container .login-form .login-password-input-container .forgot-password-button .forgot-password-loading{margin-right:10px;width:15px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}.login-container .login-form-container .login-form button{background-color:#37404d;border-radius:4px;color:#ffffffcd;width:10rem;height:2rem;border-style:none;transition:background-color .15s ease-in-out;margin-top:1rem;cursor:pointer;display:flex;justify-content:center;align-items:center}.login-container .login-form-container .login-form button:active{background-color:#333b45}.login-container .login-form-container .login-form button:hover{background-color:transparent}.login-container .login-form-container .login-form button .login-loading{margin-right:0;width:30px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}.login-container .need-an-account-text{color:#fff;font-size:.6rem;font-family:Raleway,sans-serif;font-weight:200;margin-top:.35rem;display:block;text-align:center}.login-container .need-an-account-text .register-link{text-decoration:none;font-size:.7rem;color:#368ec8}.login-container .need-an-account-text .register-link:hover{text-decoration:underline}}@media (min-width: 481px) and (max-width: 768px){.login-container{display:flex;flex-direction:column;align-items:center;position:absolute;padding:2rem 0;left:50%;top:20%;transform:translate(-50%,-50%);height:fit-content;width:22rem;border-radius:.2rem;box-shadow:0 8px 10px 5px #00000040;opacity:0;transition:top .35s ease,opacity .35s ease}.login-container.visible{top:50%;opacity:1}.login-container .login-header{font-size:1.44rem;font-family:Raleway,sans-serif;font-weight:800;text-align:center;margin:0;margin-bottom:.5rem}.login-container .login-form-container{display:flex;justify-content:center;align-items:center}.login-container .login-form-container .login-form{display:flex;flex-direction:column;align-items:center}.login-container .login-form-container .login-form .input-container{position:relative;margin:1.2rem 0;width:16rem}.login-container .login-form-container .login-form .input-container .input-field{font-size:1rem;width:100%;border:none;border-bottom:1px solid rgba(142,142,142,.5);padding:5px 0;background-color:transparent;outline:none;font-family:Open Sans,sans-serif}.login-container .login-form-container .login-form .input-container .input-field:focus~.input-label,.login-container .login-form-container .login-form .input-container .input-field:not(:placeholder-shown)~.input-label{top:-20px;font-size:16px}.login-container .login-form-container .login-form .input-container .input-field:focus~.input-highlight,.login-container .login-form-container .login-form .input-container .input-field:not(:placeholder-shown)~.input-highlight{transform:scaleX(1)}.login-container .login-form-container .login-form .input-container .input-field.input-field-error{border-bottom-color:#c93a3a}.login-container .login-form-container .login-form .input-container .input-label{position:absolute;top:5px;left:0;transition:all .3s ease;pointer-events:none;will-change:top,font-size}.login-container .login-form-container .login-form .input-container .input-highlight{position:absolute;bottom:0;left:0;height:2px;width:100%;transform-origin:left;background-color:#1f2834;transform:scaleX(0);transition:all .3s ease;will-change:transform}.login-container .login-form-container .login-form .input-container .input-error-message{position:absolute;top:105%;left:0;font-family:Raleway,sans-serif;font-size:.7rem;color:#c93a3a}}@media (min-width: 481px) and (max-width: 768px) and (max-width: 480px){.login-container .login-form-container .login-form .input-container .input-error-message{position:absolute;top:105%;left:0;font-family:Raleway,sans-serif;font-size:.6rem;color:#c93a3a}}@media (min-width: 481px) and (max-width: 768px){.login-container .login-form-container .login-form .input-container .input-success-message{position:absolute;top:105%;left:0;font-family:Raleway,sans-serif;font-size:.7rem;color:#14d31eca}.login-container .login-form-container .login-form .login-password-input-container .forgot-password-button{position:absolute;top:100%;right:0%;width:fit-content;height:fit-content;background-color:transparent;padding:0;margin-top:.4rem;font-family:Raleway,sans-serif!important;font-size:.6rem;color:#368ec8}.login-container .login-form-container .login-form .login-password-input-container .forgot-password-button:hover{text-decoration:underline}.login-container .login-form-container .login-form .login-password-input-container .forgot-password-button .forgot-password-loading{margin-right:10px;width:15px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}.login-container .login-form-container .login-form button{background-color:#37404d;border-radius:4px;color:#ffffffcd;width:10rem;height:2rem;border-style:none;transition:background-color .15s ease-in-out;margin-top:1rem;cursor:pointer;display:flex;justify-content:center;align-items:center}.login-container .login-form-container .login-form button:active{background-color:#333b45}.login-container .login-form-container .login-form button:hover{background-color:transparent}.login-container .login-form-container .login-form button .login-loading{margin-right:0;width:30px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}.login-container .need-an-account-text{color:#fff;font-size:.6rem;font-family:Raleway,sans-serif;font-weight:200;margin-top:.35rem;display:block;text-align:center}.login-container .need-an-account-text .register-link{text-decoration:none;font-size:.7rem;color:#368ec8}.login-container .need-an-account-text .register-link:hover{text-decoration:underline}}@media (min-width: 769px) and (max-width: 1024px){.login-container{display:flex;flex-direction:column;align-items:center;position:absolute;padding:2rem 0;left:50%;top:20%;transform:translate(-50%,-50%);height:fit-content;width:22rem;border-radius:.2rem;box-shadow:0 8px 10px 5px #00000040;opacity:0;transition:top .35s ease,opacity .35s ease}.login-container.visible{top:50%;opacity:1}.login-container .login-header{font-size:1.62rem;font-family:Raleway,sans-serif;font-weight:800;text-align:center;margin:0;margin-bottom:.5rem}.login-container .login-form-container{display:flex;justify-content:center;align-items:center}.login-container .login-form-container .login-form{display:flex;flex-direction:column;align-items:center}.login-container .login-form-container .login-form .input-container{position:relative;margin:1.2rem 0;width:16rem}.login-container .login-form-container .login-form .input-container .input-field{font-size:1rem;width:100%;border:none;border-bottom:1px solid rgba(142,142,142,.5);padding:5px 0;background-color:transparent;outline:none;font-family:Open Sans,sans-serif}.login-container .login-form-container .login-form .input-container .input-field:focus~.input-label,.login-container .login-form-container .login-form .input-container .input-field:not(:placeholder-shown)~.input-label{top:-20px;font-size:16px}.login-container .login-form-container .login-form .input-container .input-field:focus~.input-highlight,.login-container .login-form-container .login-form .input-container .input-field:not(:placeholder-shown)~.input-highlight{transform:scaleX(1)}.login-container .login-form-container .login-form .input-container .input-field.input-field-error{border-bottom-color:#c93a3a}.login-container .login-form-container .login-form .input-container .input-label{position:absolute;top:5px;left:0;transition:all .3s ease;pointer-events:none;will-change:top,font-size}.login-container .login-form-container .login-form .input-container .input-highlight{position:absolute;bottom:0;left:0;height:2px;width:100%;transform-origin:left;background-color:#1f2834;transform:scaleX(0);transition:all .3s ease;will-change:transform}.login-container .login-form-container .login-form .input-container .input-error-message{position:absolute;top:105%;left:0;font-family:Raleway,sans-serif;font-size:.7rem;color:#c93a3a}}@media (min-width: 769px) and (max-width: 1024px) and (max-width: 480px){.login-container .login-form-container .login-form .input-container .input-error-message{position:absolute;top:105%;left:0;font-family:Raleway,sans-serif;font-size:.6rem;color:#c93a3a}}@media (min-width: 769px) and (max-width: 1024px){.login-container .login-form-container .login-form .input-container .input-success-message{position:absolute;top:105%;left:0;font-family:Raleway,sans-serif;font-size:.7rem;color:#14d31eca}.login-container .login-form-container .login-form .login-password-input-container .forgot-password-button{position:absolute;top:100%;right:0%;width:fit-content;height:fit-content;background-color:transparent;padding:0;margin-top:.4rem;font-family:Raleway,sans-serif!important;font-size:.6rem;color:#368ec8}.login-container .login-form-container .login-form .login-password-input-container .forgot-password-button:hover{text-decoration:underline}.login-container .login-form-container .login-form .login-password-input-container .forgot-password-button .forgot-password-loading{margin-right:10px;width:15px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}.login-container .login-form-container .login-form button{background-color:#37404d;border-radius:4px;color:#ffffffcd;width:10rem;height:2rem;border-style:none;transition:background-color .15s ease-in-out;margin-top:1rem;cursor:pointer;display:flex;justify-content:center;align-items:center}.login-container .login-form-container .login-form button:active{background-color:#333b45}.login-container .login-form-container .login-form button:hover{background-color:transparent}.login-container .login-form-container .login-form button .login-loading{margin-right:0;width:30px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}.login-container .need-an-account-text{color:#fff;font-size:.6rem;font-family:Raleway,sans-serif;font-weight:200;margin-top:.35rem;display:block;text-align:center}.login-container .need-an-account-text .register-link{text-decoration:none;font-size:.7rem;color:#368ec8}.login-container .need-an-account-text .register-link:hover{text-decoration:underline}}@media (min-width: 1025px){.login-container{display:flex;flex-direction:column;align-items:center;position:absolute;padding:2rem 0;left:50%;top:20%;transform:translate(-50%,-50%);height:fit-content;width:25rem;border-radius:.2rem;box-shadow:0 8px 10px 5px #00000040;opacity:0;transition:top .35s ease,opacity .35s ease}.login-container.visible{top:50%;opacity:1}.login-container .login-header{font-size:1.8rem;font-family:Raleway,sans-serif;font-weight:800;text-align:center;margin:0;margin-bottom:.5rem}.login-container .login-form-container{display:flex;justify-content:center;align-items:center}.login-container .login-form-container .login-form{display:flex;flex-direction:column;align-items:center}.login-container .login-form-container .login-form .input-container{position:relative;margin:1.2rem 0;width:21rem}.login-container .login-form-container .login-form .input-container .input-field{font-size:1rem;width:100%;border:none;border-bottom:1px solid rgba(142,142,142,.5);padding:5px 0;background-color:transparent;outline:none;font-family:Open Sans,sans-serif}.login-container .login-form-container .login-form .input-container .input-field:focus~.input-label,.login-container .login-form-container .login-form .input-container .input-field:not(:placeholder-shown)~.input-label{top:-20px;font-size:16px}.login-container .login-form-container .login-form .input-container .input-field:focus~.input-highlight,.login-container .login-form-container .login-form .input-container .input-field:not(:placeholder-shown)~.input-highlight{transform:scaleX(1)}.login-container .login-form-container .login-form .input-container .input-field.input-field-error{border-bottom-color:#c93a3a}.login-container .login-form-container .login-form .input-container .input-label{position:absolute;top:5px;left:0;transition:all .3s ease;pointer-events:none;will-change:top,font-size}.login-container .login-form-container .login-form .input-container .input-highlight{position:absolute;bottom:0;left:0;height:2px;width:100%;transform-origin:left;background-color:#1f2834;transform:scaleX(0);transition:all .3s ease;will-change:transform}.login-container .login-form-container .login-form .input-container .input-error-message{position:absolute;top:105%;left:0;font-family:Raleway,sans-serif;font-size:.7rem;color:#c93a3a}}@media (min-width: 1025px) and (max-width: 480px){.login-container .login-form-container .login-form .input-container .input-error-message{position:absolute;top:105%;left:0;font-family:Raleway,sans-serif;font-size:.6rem;color:#c93a3a}}@media (min-width: 1025px){.login-container .login-form-container .login-form .input-container .input-success-message{position:absolute;top:105%;left:0;font-family:Raleway,sans-serif;font-size:.7rem;color:#14d31eca}.login-container .login-form-container .login-form .login-password-input-container .forgot-password-button{position:absolute;top:100%;right:0%;width:fit-content;height:fit-content;background-color:transparent;padding:0;margin-top:.4rem;font-family:Raleway,sans-serif!important;font-size:.6rem;color:#368ec8}.login-container .login-form-container .login-form .login-password-input-container .forgot-password-button:hover{text-decoration:underline}.login-container .login-form-container .login-form .login-password-input-container .forgot-password-button .forgot-password-loading{margin-right:10px;width:15px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}.login-container .login-form-container .login-form button{background-color:#37404d;border-radius:4px;color:#ffffffcd;width:10rem;height:2rem;border-style:none;transition:background-color .15s ease-in-out;margin-top:1rem;cursor:pointer;display:flex;justify-content:center;align-items:center}.login-container .login-form-container .login-form button:active{background-color:#333b45}.login-container .login-form-container .login-form button:hover{background-color:transparent}.login-container .login-form-container .login-form button .login-loading{margin-right:0;width:30px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}.login-container .need-an-account-text{color:#fff;font-size:.6rem;font-family:Raleway,sans-serif;font-weight:200;margin-top:.35rem;display:block;text-align:center}.login-container .need-an-account-text .register-link{text-decoration:none;font-size:.7rem;color:#368ec8}.login-container .need-an-account-text .register-link:hover{text-decoration:underline}}.register-container{background-color:#1f2834a8}@media (max-width: 480px){.register-container{display:flex;align-items:center;flex-direction:column;padding-top:8rem;height:100vh;height:100dvh;width:100vw}}@media (max-width: 480px) and (max-height: 700px){.register-container{height:700px!important}}@media (max-width: 480px){.register-container.visible{top:50%;opacity:1}.register-container .register-header{font-size:1.26rem;font-family:Raleway,sans-serif;font-weight:800;text-align:center;margin:0;margin-bottom:.5rem}.register-container .register-form-container{display:flex;justify-content:center;align-items:center}.register-container .register-form-container .register-form{display:flex;flex-direction:column;align-items:center}.register-container .register-form-container .register-form .input-container{position:relative;margin:1.2rem 0;width:17rem}.register-container .register-form-container .register-form .input-container .input-field{font-size:1rem;width:100%;border:none;border-bottom:1px solid rgba(142,142,142,.5);padding:5px 0;background-color:transparent;outline:none;font-family:Open Sans,sans-serif}.register-container .register-form-container .register-form .input-container .input-field:focus~.input-label,.register-container .register-form-container .register-form .input-container .input-field:not(:placeholder-shown)~.input-label{top:-20px;font-size:16px}.register-container .register-form-container .register-form .input-container .input-field:focus~.input-highlight,.register-container .register-form-container .register-form .input-container .input-field:not(:placeholder-shown)~.input-highlight{transform:scaleX(1)}.register-container .register-form-container .register-form .input-container .input-field.input-field-error{border-bottom-color:#c93a3a}.register-container .register-form-container .register-form .input-container .input-label{position:absolute;top:5px;left:0;transition:all .3s ease;pointer-events:none;will-change:top,font-size}.register-container .register-form-container .register-form .input-container .input-highlight{position:absolute;bottom:0;left:0;height:2px;width:100%;transform-origin:left;background-color:#1f2834;transform:scaleX(0);transition:all .3s ease;will-change:transform}.register-container .register-form-container .register-form .input-container .input-error-message{position:absolute;top:105%;left:0;font-family:Raleway,sans-serif;font-size:.7rem;color:#c93a3a}}@media (max-width: 480px) and (max-width: 480px){.register-container .register-form-container .register-form .input-container .input-error-message{position:absolute;top:105%;left:0;font-family:Raleway,sans-serif;font-size:.6rem;color:#c93a3a}}@media (max-width: 480px){.register-container .register-form-container .register-form .input-container .input-success-message{position:absolute;top:105%;left:0;font-family:Raleway,sans-serif;font-size:.7rem;color:#14d31eca}.register-container .register-form-container .register-form button{border-radius:4px;background-color:#37404d;color:#ffffffcd;width:10rem;height:2rem;border-style:none;transition:background-color .15s ease-in-out;margin-top:1rem;cursor:pointer;display:flex;justify-content:center;align-items:center}.register-container .register-form-container .register-form button:active{background-color:#333b45}.register-container .register-form-container .register-form button:hover{background-color:transparent}.register-container .register-form-container .register-form button .register-loading{margin-right:0;width:30px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}.register-container .already-have-an-account-text{color:#fff;font-size:.6rem;font-family:Raleway,sans-serif;font-weight:200;margin-top:.35rem;display:block;text-align:center}.register-container .log-in-link{text-decoration:none;font-size:.7rem;color:#368ec8}.register-container .log-in-link:hover{text-decoration:underline}}@media (min-width: 481px) and (max-width: 768px){.register-container{display:flex;justify-content:center;align-items:center;flex-direction:column;height:fit-content;width:22rem;padding:2rem 0;border-radius:.2rem;box-shadow:0 8px 10px 5px #00000040;position:absolute;left:50%;top:10%;transform:translate(-50%,-50%);opacity:0;transition:top .35s ease,opacity .35s ease}.register-container.visible{top:50%;opacity:1}.register-container .register-header{font-size:1.44rem;font-family:Raleway,sans-serif;font-weight:800;text-align:center;margin:0;margin-bottom:.5rem}.register-container .register-form-container{display:flex;justify-content:center;align-items:center}.register-container .register-form-container .register-form{display:flex;flex-direction:column;align-items:center}.register-container .register-form-container .register-form .input-container{position:relative;margin:1.2rem 0;width:16rem}.register-container .register-form-container .register-form .input-container .input-field{font-size:1rem;width:100%;border:none;border-bottom:1px solid rgba(142,142,142,.5);padding:5px 0;background-color:transparent;outline:none;font-family:Open Sans,sans-serif}.register-container .register-form-container .register-form .input-container .input-field:focus~.input-label,.register-container .register-form-container .register-form .input-container .input-field:not(:placeholder-shown)~.input-label{top:-20px;font-size:16px}.register-container .register-form-container .register-form .input-container .input-field:focus~.input-highlight,.register-container .register-form-container .register-form .input-container .input-field:not(:placeholder-shown)~.input-highlight{transform:scaleX(1)}.register-container .register-form-container .register-form .input-container .input-field.input-field-error{border-bottom-color:#c93a3a}.register-container .register-form-container .register-form .input-container .input-label{position:absolute;top:5px;left:0;transition:all .3s ease;pointer-events:none;will-change:top,font-size}.register-container .register-form-container .register-form .input-container .input-highlight{position:absolute;bottom:0;left:0;height:2px;width:100%;transform-origin:left;background-color:#1f2834;transform:scaleX(0);transition:all .3s ease;will-change:transform}.register-container .register-form-container .register-form .input-container .input-error-message{position:absolute;top:105%;left:0;font-family:Raleway,sans-serif;font-size:.7rem;color:#c93a3a}}@media (min-width: 481px) and (max-width: 768px) and (max-width: 480px){.register-container .register-form-container .register-form .input-container .input-error-message{position:absolute;top:105%;left:0;font-family:Raleway,sans-serif;font-size:.6rem;color:#c93a3a}}@media (min-width: 481px) and (max-width: 768px){.register-container .register-form-container .register-form .input-container .input-success-message{position:absolute;top:105%;left:0;font-family:Raleway,sans-serif;font-size:.7rem;color:#14d31eca}.register-container .register-form-container .register-form button{border-radius:4px;background-color:#37404d;color:#ffffffcd;width:10rem;height:2rem;border-style:none;transition:background-color .15s ease-in-out;margin-top:1rem;cursor:pointer;display:flex;justify-content:center;align-items:center}.register-container .register-form-container .register-form button:active{background-color:#333b45}.register-container .register-form-container .register-form button:hover{background-color:transparent}.register-container .register-form-container .register-form button .register-loading{margin-right:0;width:30px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}.register-container .already-have-an-account-text{color:#fff;font-size:.6rem;font-family:Raleway,sans-serif;font-weight:200;margin-top:.35rem;display:block;text-align:center}.register-container .log-in-link{text-decoration:none;font-size:.7rem;color:#368ec8}.register-container .log-in-link:hover{text-decoration:underline}}@media (min-width: 769px) and (max-width: 1024px){.register-container{display:flex;justify-content:center;align-items:center;flex-direction:column;height:fit-content;width:22rem;padding:2rem 0;border-radius:.2rem;box-shadow:0 8px 10px 5px #00000040;position:absolute;left:50%;top:10%;transform:translate(-50%,-50%);opacity:0;transition:top .35s ease,opacity .35s ease}.register-container.visible{top:50%;opacity:1}.register-container .register-header{font-size:1.62rem;font-family:Raleway,sans-serif;font-weight:800;text-align:center;margin:0;margin-bottom:.5rem}.register-container .register-form-container{display:flex;justify-content:center;align-items:center}.register-container .register-form-container .register-form{display:flex;flex-direction:column;align-items:center}.register-container .register-form-container .register-form .input-container{position:relative;margin:1.2rem 0;width:16rem}.register-container .register-form-container .register-form .input-container .input-field{font-size:1rem;width:100%;border:none;border-bottom:1px solid rgba(142,142,142,.5);padding:5px 0;background-color:transparent;outline:none;font-family:Open Sans,sans-serif}.register-container .register-form-container .register-form .input-container .input-field:focus~.input-label,.register-container .register-form-container .register-form .input-container .input-field:not(:placeholder-shown)~.input-label{top:-20px;font-size:16px}.register-container .register-form-container .register-form .input-container .input-field:focus~.input-highlight,.register-container .register-form-container .register-form .input-container .input-field:not(:placeholder-shown)~.input-highlight{transform:scaleX(1)}.register-container .register-form-container .register-form .input-container .input-field.input-field-error{border-bottom-color:#c93a3a}.register-container .register-form-container .register-form .input-container .input-label{position:absolute;top:5px;left:0;transition:all .3s ease;pointer-events:none;will-change:top,font-size}.register-container .register-form-container .register-form .input-container .input-highlight{position:absolute;bottom:0;left:0;height:2px;width:100%;transform-origin:left;background-color:#1f2834;transform:scaleX(0);transition:all .3s ease;will-change:transform}.register-container .register-form-container .register-form .input-container .input-error-message{position:absolute;top:105%;left:0;font-family:Raleway,sans-serif;font-size:.7rem;color:#c93a3a}}@media (min-width: 769px) and (max-width: 1024px) and (max-width: 480px){.register-container .register-form-container .register-form .input-container .input-error-message{position:absolute;top:105%;left:0;font-family:Raleway,sans-serif;font-size:.6rem;color:#c93a3a}}@media (min-width: 769px) and (max-width: 1024px){.register-container .register-form-container .register-form .input-container .input-success-message{position:absolute;top:105%;left:0;font-family:Raleway,sans-serif;font-size:.7rem;color:#14d31eca}.register-container .register-form-container .register-form button{border-radius:4px;background-color:#37404d;color:#ffffffcd;width:10rem;height:2rem;border-style:none;transition:background-color .15s ease-in-out;margin-top:1rem;cursor:pointer;display:flex;justify-content:center;align-items:center}.register-container .register-form-container .register-form button:active{background-color:#333b45}.register-container .register-form-container .register-form button:hover{background-color:transparent}.register-container .register-form-container .register-form button .register-loading{margin-right:0;width:30px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}.register-container .already-have-an-account-text{color:#fff;font-size:.6rem;font-family:Raleway,sans-serif;font-weight:200;margin-top:.35rem;display:block;text-align:center}.register-container .log-in-link{text-decoration:none;font-size:.7rem;color:#368ec8}.register-container .log-in-link:hover{text-decoration:underline}}@media (min-width: 1025px){.register-container{display:flex;justify-content:center;align-items:center;flex-direction:column;height:fit-content;width:25rem;padding:2rem 0;border-radius:.2rem;box-shadow:0 8px 10px 5px #00000040;position:absolute;left:50%;top:10%;transform:translate(-50%,-50%);opacity:0;transition:top .35s ease,opacity .35s ease}.register-container.visible{top:50%;opacity:1}.register-container .register-header{font-size:1.8rem;font-family:Raleway,sans-serif;font-weight:800;text-align:center;margin:0;margin-bottom:.5rem}.register-container .register-form-container{display:flex;justify-content:center;align-items:center}.register-container .register-form-container .register-form{display:flex;flex-direction:column;align-items:center}.register-container .register-form-container .register-form .input-container{position:relative;margin:1.2rem 0;width:21rem}.register-container .register-form-container .register-form .input-container .input-field{font-size:1rem;width:100%;border:none;border-bottom:1px solid rgba(142,142,142,.5);padding:5px 0;background-color:transparent;outline:none;font-family:Open Sans,sans-serif}.register-container .register-form-container .register-form .input-container .input-field:focus~.input-label,.register-container .register-form-container .register-form .input-container .input-field:not(:placeholder-shown)~.input-label{top:-20px;font-size:16px}.register-container .register-form-container .register-form .input-container .input-field:focus~.input-highlight,.register-container .register-form-container .register-form .input-container .input-field:not(:placeholder-shown)~.input-highlight{transform:scaleX(1)}.register-container .register-form-container .register-form .input-container .input-field.input-field-error{border-bottom-color:#c93a3a}.register-container .register-form-container .register-form .input-container .input-label{position:absolute;top:5px;left:0;transition:all .3s ease;pointer-events:none;will-change:top,font-size}.register-container .register-form-container .register-form .input-container .input-highlight{position:absolute;bottom:0;left:0;height:2px;width:100%;transform-origin:left;background-color:#1f2834;transform:scaleX(0);transition:all .3s ease;will-change:transform}.register-container .register-form-container .register-form .input-container .input-error-message{position:absolute;top:105%;left:0;font-family:Raleway,sans-serif;font-size:.7rem;color:#c93a3a}}@media (min-width: 1025px) and (max-width: 480px){.register-container .register-form-container .register-form .input-container .input-error-message{position:absolute;top:105%;left:0;font-family:Raleway,sans-serif;font-size:.6rem;color:#c93a3a}}@media (min-width: 1025px){.register-container .register-form-container .register-form .input-container .input-success-message{position:absolute;top:105%;left:0;font-family:Raleway,sans-serif;font-size:.7rem;color:#14d31eca}.register-container .register-form-container .register-form button{border-radius:4px;background-color:#37404d;color:#ffffffcd;width:10rem;height:2rem;border-style:none;transition:background-color .15s ease-in-out;margin-top:1rem;cursor:pointer;display:flex;justify-content:center;align-items:center}.register-container .register-form-container .register-form button:active{background-color:#333b45}.register-container .register-form-container .register-form button:hover{background-color:transparent}.register-container .register-form-container .register-form button .register-loading{margin-right:0;width:30px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}.register-container .already-have-an-account-text{color:#fff;font-size:.6rem;font-family:Raleway,sans-serif;font-weight:200;margin-top:.35rem;display:block;text-align:center}.register-container .log-in-link{text-decoration:none;font-size:.7rem;color:#368ec8}.register-container .log-in-link:hover{text-decoration:underline}}.reset-password-container{background-color:#ffffff07;padding-top:1.5rem}@media (max-width: 480px){.reset-password-container{display:flex;align-items:center;flex-direction:column;background:#040c14;padding-top:8rem;background:linear-gradient(169deg,#040c14,#1f2834 100%,#fff000,#191a1d);height:100vh;height:100dvh;width:100vw}.reset-password-container.visible{top:50%;opacity:1}.reset-password-container .reset-password-form{display:flex;flex-direction:column;align-items:center}.reset-password-container .reset-password-form .input-container{position:relative;margin:1.2rem 0;width:17rem}.reset-password-container .reset-password-form .input-container .input-field{font-size:1rem;width:100%;border:none;border-bottom:1px solid rgba(142,142,142,.5);padding:5px 0;background-color:transparent;outline:none;font-family:Open Sans,sans-serif}.reset-password-container .reset-password-form .input-container .input-field:focus~.input-label,.reset-password-container .reset-password-form .input-container .input-field:not(:placeholder-shown)~.input-label{top:-20px;font-size:16px}.reset-password-container .reset-password-form .input-container .input-field:focus~.input-highlight,.reset-password-container .reset-password-form .input-container .input-field:not(:placeholder-shown)~.input-highlight{transform:scaleX(1)}.reset-password-container .reset-password-form .input-container .input-field.input-field-error{border-bottom-color:#c93a3a}.reset-password-container .reset-password-form .input-container .input-label{position:absolute;top:5px;left:0;transition:all .3s ease;pointer-events:none;will-change:top,font-size}.reset-password-container .reset-password-form .input-container .input-highlight{position:absolute;bottom:0;left:0;height:2px;width:100%;transform-origin:left;background-color:#1f2834;transform:scaleX(0);transition:all .3s ease;will-change:transform}.reset-password-container .reset-password-form .input-container .input-error-message{position:absolute;top:105%;left:0;font-family:Raleway,sans-serif;font-size:.7rem;color:#c93a3a}}@media (max-width: 480px) and (max-width: 480px){.reset-password-container .reset-password-form .input-container .input-error-message{position:absolute;top:105%;left:0;font-family:Raleway,sans-serif;font-size:.6rem;color:#c93a3a}}@media (max-width: 480px){.reset-password-container .reset-password-form .input-container .input-success-message{position:absolute;top:105%;left:0;font-family:Raleway,sans-serif;font-size:.7rem;color:#14d31eca}.reset-password-container .reset-password-form button{border-radius:4px;background-color:#37404d;color:#ffffffcd;width:10rem;height:2rem;border-style:none;transition:background-color .15s ease-in-out;margin-top:1rem;cursor:pointer;display:flex;justify-content:center;align-items:center}.reset-password-container .reset-password-form button:active{background-color:#333b45}.reset-password-container .reset-password-form button:hover{background-color:#1f2834}.reset-password-container .reset-password-form button .reset-password-loading{margin-right:0;width:30px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}}@media (min-width: 481px) and (max-width: 768px){.reset-password-container{position:absolute;left:50%;top:20%;transform:translate(-50%,-50%);height:fit-content;width:22rem;padding:2rem 0;border-radius:.2rem;box-shadow:0 8px 10px 5px #00000040;opacity:0;transition:top .35s ease,opacity .35s ease}.reset-password-container.visible{top:50%;opacity:1}.reset-password-container .reset-password-form{display:flex;flex-direction:column;align-items:center}.reset-password-container .reset-password-form .input-container{position:relative;margin:1.2rem 0;width:16rem}.reset-password-container .reset-password-form .input-container .input-field{font-size:1rem;width:100%;border:none;border-bottom:1px solid rgba(142,142,142,.5);padding:5px 0;background-color:transparent;outline:none;font-family:Open Sans,sans-serif}.reset-password-container .reset-password-form .input-container .input-field:focus~.input-label,.reset-password-container .reset-password-form .input-container .input-field:not(:placeholder-shown)~.input-label{top:-20px;font-size:16px}.reset-password-container .reset-password-form .input-container .input-field:focus~.input-highlight,.reset-password-container .reset-password-form .input-container .input-field:not(:placeholder-shown)~.input-highlight{transform:scaleX(1)}.reset-password-container .reset-password-form .input-container .input-field.input-field-error{border-bottom-color:#c93a3a}.reset-password-container .reset-password-form .input-container .input-label{position:absolute;top:5px;left:0;transition:all .3s ease;pointer-events:none;will-change:top,font-size}.reset-password-container .reset-password-form .input-container .input-highlight{position:absolute;bottom:0;left:0;height:2px;width:100%;transform-origin:left;background-color:#1f2834;transform:scaleX(0);transition:all .3s ease;will-change:transform}.reset-password-container .reset-password-form .input-container .input-error-message{position:absolute;top:105%;left:0;font-family:Raleway,sans-serif;font-size:.7rem;color:#c93a3a}}@media (min-width: 481px) and (max-width: 768px) and (max-width: 480px){.reset-password-container .reset-password-form .input-container .input-error-message{position:absolute;top:105%;left:0;font-family:Raleway,sans-serif;font-size:.6rem;color:#c93a3a}}@media (min-width: 481px) and (max-width: 768px){.reset-password-container .reset-password-form .input-container .input-success-message{position:absolute;top:105%;left:0;font-family:Raleway,sans-serif;font-size:.7rem;color:#14d31eca}.reset-password-container .reset-password-form button{border-radius:4px;background-color:#37404d;color:#ffffffcd;width:10rem;height:2rem;border-style:none;transition:background-color .15s ease-in-out;margin-top:1rem;cursor:pointer;display:flex;justify-content:center;align-items:center}.reset-password-container .reset-password-form button:active{background-color:#333b45}.reset-password-container .reset-password-form button:hover{background-color:#1f2834}.reset-password-container .reset-password-form button .reset-password-loading{margin-right:0;width:30px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}}@media (min-width: 769px) and (max-width: 1024px){.reset-password-container{position:absolute;left:50%;top:20%;transform:translate(-50%,-50%);height:fit-content;width:22rem;padding:2rem 0;border-radius:.2rem;box-shadow:0 8px 10px 5px #00000040;opacity:0;transition:top .35s ease,opacity .35s ease}.reset-password-container.visible{top:50%;opacity:1}.reset-password-container .reset-password-form{display:flex;flex-direction:column;align-items:center}.reset-password-container .reset-password-form .input-container{position:relative;margin:1.2rem 0;width:16rem}.reset-password-container .reset-password-form .input-container .input-field{font-size:1rem;width:100%;border:none;border-bottom:1px solid rgba(142,142,142,.5);padding:5px 0;background-color:transparent;outline:none;font-family:Open Sans,sans-serif}.reset-password-container .reset-password-form .input-container .input-field:focus~.input-label,.reset-password-container .reset-password-form .input-container .input-field:not(:placeholder-shown)~.input-label{top:-20px;font-size:16px}.reset-password-container .reset-password-form .input-container .input-field:focus~.input-highlight,.reset-password-container .reset-password-form .input-container .input-field:not(:placeholder-shown)~.input-highlight{transform:scaleX(1)}.reset-password-container .reset-password-form .input-container .input-field.input-field-error{border-bottom-color:#c93a3a}.reset-password-container .reset-password-form .input-container .input-label{position:absolute;top:5px;left:0;transition:all .3s ease;pointer-events:none;will-change:top,font-size}.reset-password-container .reset-password-form .input-container .input-highlight{position:absolute;bottom:0;left:0;height:2px;width:100%;transform-origin:left;background-color:#1f2834;transform:scaleX(0);transition:all .3s ease;will-change:transform}.reset-password-container .reset-password-form .input-container .input-error-message{position:absolute;top:105%;left:0;font-family:Raleway,sans-serif;font-size:.7rem;color:#c93a3a}}@media (min-width: 769px) and (max-width: 1024px) and (max-width: 480px){.reset-password-container .reset-password-form .input-container .input-error-message{position:absolute;top:105%;left:0;font-family:Raleway,sans-serif;font-size:.6rem;color:#c93a3a}}@media (min-width: 769px) and (max-width: 1024px){.reset-password-container .reset-password-form .input-container .input-success-message{position:absolute;top:105%;left:0;font-family:Raleway,sans-serif;font-size:.7rem;color:#14d31eca}.reset-password-container .reset-password-form button{border-radius:4px;background-color:#37404d;color:#ffffffcd;width:10rem;height:2rem;border-style:none;transition:background-color .15s ease-in-out;margin-top:1rem;cursor:pointer;display:flex;justify-content:center;align-items:center}.reset-password-container .reset-password-form button:active{background-color:#333b45}.reset-password-container .reset-password-form button:hover{background-color:#1f2834}.reset-password-container .reset-password-form button .reset-password-loading{margin-right:0;width:30px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}}@media (min-width: 1025px){.reset-password-container{position:absolute;left:50%;top:20%;transform:translate(-50%,-50%);height:fit-content;width:25rem;padding:2rem 0;border-radius:.2rem;box-shadow:0 8px 10px 5px #00000040;opacity:0;transition:top .35s ease,opacity .35s ease}.reset-password-container.visible{top:50%;opacity:1}.reset-password-container .reset-password-form{display:flex;flex-direction:column;align-items:center}.reset-password-container .reset-password-form .input-container{position:relative;margin:1.2rem 0;width:21rem}.reset-password-container .reset-password-form .input-container .input-field{font-size:1rem;width:100%;border:none;border-bottom:1px solid rgba(142,142,142,.5);padding:5px 0;background-color:transparent;outline:none;font-family:Open Sans,sans-serif}.reset-password-container .reset-password-form .input-container .input-field:focus~.input-label,.reset-password-container .reset-password-form .input-container .input-field:not(:placeholder-shown)~.input-label{top:-20px;font-size:16px}.reset-password-container .reset-password-form .input-container .input-field:focus~.input-highlight,.reset-password-container .reset-password-form .input-container .input-field:not(:placeholder-shown)~.input-highlight{transform:scaleX(1)}.reset-password-container .reset-password-form .input-container .input-field.input-field-error{border-bottom-color:#c93a3a}.reset-password-container .reset-password-form .input-container .input-label{position:absolute;top:5px;left:0;transition:all .3s ease;pointer-events:none;will-change:top,font-size}.reset-password-container .reset-password-form .input-container .input-highlight{position:absolute;bottom:0;left:0;height:2px;width:100%;transform-origin:left;background-color:#1f2834;transform:scaleX(0);transition:all .3s ease;will-change:transform}.reset-password-container .reset-password-form .input-container .input-error-message{position:absolute;top:105%;left:0;font-family:Raleway,sans-serif;font-size:.7rem;color:#c93a3a}}@media (min-width: 1025px) and (max-width: 480px){.reset-password-container .reset-password-form .input-container .input-error-message{position:absolute;top:105%;left:0;font-family:Raleway,sans-serif;font-size:.6rem;color:#c93a3a}}@media (min-width: 1025px){.reset-password-container .reset-password-form .input-container .input-success-message{position:absolute;top:105%;left:0;font-family:Raleway,sans-serif;font-size:.7rem;color:#14d31eca}.reset-password-container .reset-password-form button{border-radius:4px;background-color:#37404d;color:#ffffffcd;width:10rem;height:2rem;border-style:none;transition:background-color .15s ease-in-out;margin-top:1rem;cursor:pointer;display:flex;justify-content:center;align-items:center}.reset-password-container .reset-password-form button:active{background-color:#333b45}.reset-password-container .reset-password-form button:hover{background-color:#1f2834}.reset-password-container .reset-password-form button .reset-password-loading{margin-right:0;width:30px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}}.auth-page-container{position:relative;background-image:url(/img/auth-background.png);background-repeat:no-repeat;background-size:cover;background-position:top}.auth-page-container .auth-copy{font-family:sans-serif;align-content:center;width:100%;display:block;text-align:center;position:absolute;bottom:0;height:35px;font-size:18px;color:#f1f1f1}@media (min-width: 481px){.auth-page-container{width:100vw;height:100vh}}@media (min-width: 481px) and (max-height: 600px){.auth-page-container{height:600px!important}}@media (max-width: 480px){.auth-page-container{height:100vh;height:100dvh;width:100vw}}.homepage{overflow:hidden}@media (max-width: 768px){.homepage{position:relative;width:100vw;height:100vh;height:100dvh}.homepage .modal-window-container{width:100%;height:100vh;height:100dvh;background-color:#0003;display:block;z-index:500}.homepage .modal-window-container .notice-modal-container{font-family:monospace!important;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:90%;height:fit-content;background-color:#1c2028;box-shadow:3px 3px 3px 3px #0e0e0e6b;padding:1rem;transition:all .2s ease-in-out;border-radius:10px}.homepage .modal-window-container .notice-modal-container.visible{top:50%}.homepage .modal-window-container .notice-modal-container .modal-x-button-container{display:flex;justify-content:end;align-items:center}.homepage .modal-window-container .notice-modal-container .modal-x-button-container .modal-x-button{background-color:transparent;border:none;padding:0;cursor:pointer}.homepage .modal-window-container .notice-modal-container .modal-x-button-container .modal-x-button:hover>.x-img{stroke-width:2px}.homepage .modal-window-container .notice-modal-container .modal-x-button-container .modal-x-button .x-img{transition:all .05s ease-in-out}.homepage .modal-window-container .notice-modal-container .modal-header{margin:.5rem 0;font-size:1rem}.homepage .modal-window-container .notice-modal-container .modal-text{font-size:.8rem}.homepage .modal-window-container .notice-modal-container .notice-modal-button-container{display:flex;justify-content:flex-end;align-content:center;margin-top:1.5rem;column-gap:1rem}.homepage .modal-window-container .notice-modal-container .notice-modal-button-container .confirm-button{border:none;border:1px solid rgb(180,50,50);border-radius:8px;height:2rem;width:auto;padding:.3rem .6rem;font-size:.9rem;font-weight:300;background-color:transparent;transition:background-color .1s ease-in;display:flex;justify-content:center;align-items:center}.homepage .modal-window-container .notice-modal-container .notice-modal-button-container .confirm-button .confirm-button-loading{margin-right:0;width:30px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}.homepage .modal-window-container .notice-modal-container .notice-modal-button-container .confirm-button:hover{background-color:#b43232;cursor:pointer}.homepage .modal-window-container .notice-modal-container .notice-modal-button-container .cancel-button{border-radius:8px;border:none;border:1px solid #b9b9b9;background-color:transparent;padding:0 .6rem;font-size:.9rem;transition:background-color .1s ease-in,color .1s ease-in}.homepage .modal-window-container .notice-modal-container .notice-modal-button-container .cancel-button:hover{cursor:pointer;background-color:#b9b9b9;color:#000}.homepage .modal-window-container .notice-modal-container .notice-modal-button-container.s-modal-button-container{position:relative}.homepage .modal-window-container .notice-modal-container .notice-modal-button-container.s-modal-button-container .s-modal-err{position:absolute;color:#c93a3a;font-family:Open Sans,sans-serif;font-size:.7rem;left:0;top:105%}}@media (min-width: 769px){.homepage{display:flex;width:100vw;height:100vh;overflow-x:hidden}.homepage .modal-window-container{width:100%;height:100vh;height:100dvh;background-color:#0003;display:block;z-index:500}.homepage .modal-window-container .notice-modal-container{position:absolute;top:40%;background-color:#232933;padding:1.5rem;border-radius:.25rem;min-height:10rem;min-width:25rem;left:50%;transform:translate(-50%,-50%);font-family:monospace!important;transition:all .15s ease-in}.homepage .modal-window-container .notice-modal-container.visible{top:50%}.homepage .modal-window-container .notice-modal-container .modal-x-button-container{display:flex;justify-content:end;align-items:center}.homepage .modal-window-container .notice-modal-container .modal-x-button-container .modal-x-button{background-color:transparent;border:none;padding:0;cursor:pointer}.homepage .modal-window-container .notice-modal-container .modal-x-button-container .modal-x-button:hover>.x-img{stroke-width:2px}.homepage .modal-window-container .notice-modal-container .modal-x-button-container .modal-x-button .x-img{transition:all .05s ease-in-out}.homepage .modal-window-container .notice-modal-container .modal-header{margin:.5rem 0;font-size:1.2rem}.homepage .modal-window-container .notice-modal-container .notice-modal-button-container{display:flex;justify-content:flex-end;align-content:center;margin-top:1.5rem;column-gap:1rem}.homepage .modal-window-container .notice-modal-container .notice-modal-button-container .confirm-button{border:none;border:1px solid rgb(180,50,50);border-radius:8px;height:2rem;width:auto;padding:.3rem .6rem;font-size:.9rem;font-weight:300;background-color:transparent;transition:background-color .1s ease-in;display:flex;justify-content:center;align-items:center}.homepage .modal-window-container .notice-modal-container .notice-modal-button-container .confirm-button .confirm-button-loading{margin-right:0;width:30px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}.homepage .modal-window-container .notice-modal-container .notice-modal-button-container .confirm-button:hover{background-color:#b43232;cursor:pointer}.homepage .modal-window-container .notice-modal-container .notice-modal-button-container .cancel-button{border-radius:8px;border:none;border:1px solid #b9b9b9;background-color:transparent;padding:0 .6rem;font-size:.9rem;transition:background-color .1s ease-in,color .1s ease-in}.homepage .modal-window-container .notice-modal-container .notice-modal-button-container .cancel-button:hover{cursor:pointer;background-color:#b9b9b9;color:#000}.homepage .modal-window-container .notice-modal-container .notice-modal-button-container.s-modal-button-container{position:relative}.homepage .modal-window-container .notice-modal-container .notice-modal-button-container.s-modal-button-container .s-modal-err{position:absolute;color:#c93a3a;font-family:Open Sans,sans-serif;font-size:.7rem;left:0;top:105%}}@media (max-width: 768px){.left-home-section{width:100vw;height:100vh;height:100dvh;font-family:Open Sans,sans-serif;position:relative;display:flex;flex-direction:column;z-index:1!important;background-color:#232933!important}.left-home-section .modal-window-container{height:100vh;height:100dvh;width:100vw;display:block;z-index:100;background-color:transparent}.left-home-section .modal-window-container .profile-settings-modal-container{height:100vh;height:100dvh;width:100vw;left:0%;transition:top .25s ease-in-out;top:100%;background-color:#1c2028;position:absolute;display:flex;flex-direction:column;padding:1rem}.left-home-section .modal-window-container .profile-settings-modal-container.visible{top:0}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings-x-button-container{display:flex;justify-content:end;align-items:center}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings-x-button-container .x-button{display:flex;justify-content:center;align-items:center}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings-x-button-container .x-button .x-img{width:1.8rem;height:1.8rem}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings-buttons-container{display:flex;justify-content:center;align-items:center;column-gap:1rem;height:3rem;width:100%}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings-buttons-container button{background-color:transparent;border:none;font-size:.8rem;cursor:pointer;padding:.5rem 0}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings-buttons-container .contact-us-button{display:none}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings{position:relative;height:100%;width:100%;overflow:hidden}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-settings-form{padding:1.5rem}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-settings-form .user-setting-input-label{display:block;padding:.3rem 0;font-size:.9rem}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-settings-form input{width:100%;border:none;padding:4px 0 4px 10px;border-radius:.25rem;background-color:#0000003b;font-size:1rem;font-weight:400;margin-bottom:.5rem}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-settings-form button{border-radius:8px}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form{position:absolute;height:100%;width:100%;transition:all .15s ease-in-out;right:0%;display:flex;flex-direction:column}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form.inactive{right:100%}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form .user-photo-input-container{margin-bottom:.5rem;justify-content:center;align-items:center;display:flex;margin-top:1rem}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form .user-photo-input-container .user-setting-photo-input{display:none}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form .user-photo-input-container label{position:relative;cursor:pointer;height:5rem;width:5rem;display:flex;justify-content:center;align-items:center;border-radius:100%}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form .user-photo-input-container label:hover>.photo-input-hover{opacity:1}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form .user-photo-input-container label .photo-input-hover{position:absolute;height:100%;width:100%;border-radius:100%;background-color:#00000090;display:flex;justify-content:center;align-items:center;color:#fff;font-size:.7rem;font-family:Raleway,sans-serif;opacity:0;transition:opacity .15s ease-in-out}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form .user-photo-input-container label img{height:100%;width:100%;object-fit:cover;border-radius:100%}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form .user-sett-error{position:absolute;top:0%;color:#c93a3a;font-size:.7rem;font-family:Open Sans,sans-serif}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form .user-info-button-container{display:flex;justify-content:end;align-items:center;margin-top:4rem}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form .user-info-button-container button{cursor:pointer;height:2rem;padding:0 .5rem;width:6.5rem;font-size:.7rem;border:1px solid #384d69;-webkit-appearance:none;display:flex;align-items:center;justify-content:center}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form .user-info-button-container button .user-setting-loading{margin-right:0;width:1.5rem;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form .user-friend-tag-input{width:6rem}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-password-form{position:absolute;left:100%;transition:all .15s ease-in-out;top:0%;height:100%;width:100%;flex-direction:column}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-password-form.active{left:0%}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-password-form .user-password-button-container{margin-top:4rem;display:flex;justify-content:end;align-items:center}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-password-form .user-password-button-container button{cursor:pointer;height:2rem;width:9rem;font-size:.7rem;border:1px solid #384d69;padding:0 .5rem;display:flex;justify-content:center;align-items:center;-webkit-appearance:none}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-password-form .user-password-button-container button .user-setting-loading{margin-right:0;width:1.5rem;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-password-form .user-sett-error{position:absolute;top:0%;color:#c93a3a;font-size:.7rem;font-family:Open Sans,sans-serif}.left-home-section .modal-window-container .create-group-modal-container{padding:1rem;position:absolute;top:100%;left:0;background-color:#1c2028;height:100vh;height:100dvh;width:100vw;transition:top .25s ease-in-out;display:flex;flex-direction:column}.left-home-section .modal-window-container .create-group-modal-container.visible{top:0}.left-home-section .modal-window-container .create-group-modal-container .create-group-top-container .modal-x-button{display:none}.left-home-section .modal-window-container .create-group-modal-container .create-group-top-container .create-group-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;height:2.5rem;z-index:2}.left-home-section .modal-window-container .create-group-modal-container .create-group-top-container .create-group-top .create-group-mob-header{margin:.5rem 0;font-family:Roboto,sans-serif;font-size:1.2rem;font-weight:700}.left-home-section .modal-window-container .create-group-modal-container .create-group-top-container .create-group-top .modal-x-button-mob{background-color:transparent;border:none;padding:0;cursor:pointer}.left-home-section .modal-window-container .create-group-modal-container .create-group-top-container .create-group-top .modal-x-button-mob:hover>.x-img{stroke-width:2px}.left-home-section .modal-window-container .create-group-modal-container .create-group-top-container .create-group-top .modal-x-button-mob .x-img{width:2rem;height:2rem;transition:all .05s ease-in-out}.left-home-section .modal-window-container .create-group-modal-container .create-group-top-container .create-group-top .create-group-button{background-color:transparent;border:none;width:3.5rem;padding:0;display:flex;align-items:center;justify-content:center}.left-home-section .modal-window-container .create-group-modal-container .create-group-top-container .create-group-top .create-group-button span{color:#6f7bc0;font-family:monospace;font-weight:500}.left-home-section .modal-window-container .create-group-modal-container .create-group-top-container .create-group-top .create-group-button .create-group-loading{margin-right:0;width:20px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}.left-home-section .modal-window-container .create-group-modal-container .modal-header{display:none}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections{height:100%;display:flex;flex-direction:column;padding-bottom:4rem}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-name-container{padding:.35rem;height:5rem;position:relative}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-name-container .create-group-error{bottom:100%;color:#c93a3a;font-size:.7rem;font-family:Open Sans,sans-serif;position:absolute}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-name-container .modal-text{display:none}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-name-container .group-name-container{position:relative}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-name-container .group-name-container .group-name-error{display:none}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-name-container .group-name-container .group-name-label{display:block;margin-top:.5rem;font-size:.8rem}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-name-container .group-name-container .group-name-input{width:100%;border:none;font-size:.9rem;font-family:system-ui;background-color:#64646423;padding:.4rem;margin-top:.5rem;border-radius:.4rem}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-name-container .group-name-container .group-name-input::placeholder{font-family:Raleway,sans-serif;font-size:.9rem}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-name-container .create-group-button-container{display:none}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-search-mob{background-color:#0202025a;margin:1rem 0 .5rem;font-family:Raleway,sans-serif;border-radius:1rem;border:none;padding:.25rem .5rem .25rem 1rem;width:100%;font-size:.8rem}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-search-mob::placeholder{font-size:.8rem;font-family:Open Sans,sans-serif}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container{flex:1;overflow-y:scroll}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container::-webkit-scrollbar{width:.3rem}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container::-webkit-scrollbar-thumb{background-color:#51546e;border-radius:.2rem;transition:background-color .3s ease-in-out}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-search,.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .modal-text{display:none}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form{height:100%}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-err{display:none}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list{position:relative;padding-top:1rem}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list .friend-checkbox-container{display:flex;padding:0rem .7rem .8rem;align-items:center;cursor:default}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list .friend-checkbox-container .friend-checkbox-info{display:flex;align-items:center;margin-right:auto}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list .friend-checkbox-container .friend-checkbox-info img{width:1.8rem;height:1.8rem;object-fit:cover;border-radius:.9rem;margin-right:.5rem}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list .friend-checkbox-container .friend-checkbox-info span{font-size:1.1rem;font-family:Raleway,sans-serif}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list .friend-checkbox-container .checkbox-container{display:block;position:relative;cursor:pointer;font-size:20px;user-select:none;-webkit-tap-highlight-color:transparent}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list .friend-checkbox-container .checkbox-container input{display:none}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list .friend-checkbox-container .checkbox-container input:checked~.checkmark{background-color:#2196f3}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list .friend-checkbox-container .checkbox-container input:checked~.checkmark:after{left:.45em;top:.25em;width:.25em;height:.5em;border-color:rgba(255,255,255,0) white white rgba(255,255,255,0);border-width:0 .15em .15em 0;border-radius:0;transform:rotate(45deg)}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list .friend-checkbox-container .checkbox-container .checkmark{position:relative;top:0;left:0;height:1.3em;width:1.3em;background-color:#2196f300;border-radius:.25em;transition:all .25s}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list .friend-checkbox-container .checkbox-container .checkmark:after{content:"";position:absolute;transform:rotate(0);border:.1rem solid #838383;left:0;top:0;width:1.05em;height:1.05em;border-radius:.25em;transition:all .25s,border-width .1s}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-button-container{display:none}.left-home-section .upper-left-section-container{box-shadow:0 1px 2px 2px #0009;padding:0 .5rem;height:4.5rem;flex-shrink:0}.left-home-section .upper-left-section-container .left-section-button-container-mob{display:flex;justify-content:start;align-items:center;margin-bottom:.1rem}.left-home-section .upper-left-section-container .left-section-button-container-mob .home-button{display:none}.left-home-section .upper-left-section-container .left-section-button-container-mob .open-friend-section-button{background-color:transparent;border:none;display:flex;justify-content:center;align-items:center;position:relative}.left-home-section .upper-left-section-container .left-section-button-container-mob .open-friend-section-button .request-indicator{position:absolute;width:.4rem;height:.4rem;border-radius:.25rem;top:1px;right:8px;background-color:#c93a3a;font-size:.6rem}.left-home-section .upper-left-section-container .left-section-button-container-mob .messages-text{font-weight:600;font-size:.9rem;margin-right:auto;font-family:Roboto,sans-serif}.left-home-section .upper-left-section-container .left-section-button-container-mob .create-group-modal-button-container{width:fit-content}.left-home-section .upper-left-section-container .left-section-button-container-mob .create-group-modal-button-container .create-group-modal-button{cursor:pointer;background-color:transparent;border:none;width:6.5rem;border-radius:1rem;background-color:#00000049;display:flex;align-items:center;justify-content:space-around;padding:.35rem;margin:.25rem 0}.left-home-section .upper-left-section-container .left-section-button-container-mob .create-group-modal-button-container .create-group-modal-button .create-group-image-1{width:1rem;height:1rem;align-self:center}.left-home-section .upper-left-section-container .left-section-button-container-mob .create-group-modal-button-container .create-group-modal-button .create-group-image-2{display:none}.left-home-section .upper-left-section-container .left-section-button-container-mob .create-group-modal-button-container .create-group-modal-button .create-group-tooltip{pointer-events:none}.left-home-section .upper-left-section-container .left-section-button-container-mob .create-group-modal-button-container .create-group-modal-button .create-group-tooltip .create-group-tooltip-text{font-family:Raleway,sans-serif;font-size:.7rem;width:4rem}.left-home-section .upper-left-section-container .search-conversation-container{display:flex;align-content:center;border-style:none;justify-content:center;background-color:#252d37;border-radius:1rem;padding:0 .45rem}.left-home-section .upper-left-section-container .search-conversation-container .search-conversation-input{background-color:transparent;border-radius:.35rem;border-style:none;padding-left:1rem;font-family:Open Sans,sans-serif;font-size:.9rem}.left-home-section .upper-left-section-container .search-conversation-container .search-conversation-input:focus{outline:none}.left-home-section .upper-left-section-container .search-conversation-container .search-conversation-input::placeholder{font-size:.7rem;font-family:Open Sans,sans-serif}.left-home-section .upper-left-section-container .search-conversation-container .search-conversation-image{height:1.2rem;width:1.2rem;align-self:center}.left-home-section .channel-list-container{height:100%;overflow-y:scroll;width:100%}.left-home-section .channel-list-container::-webkit-scrollbar{width:.3rem}.left-home-section .channel-list-container::-webkit-scrollbar-track{background-color:#242f43}.left-home-section .channel-list-container::-webkit-scrollbar-thumb{background-color:#51546e;border-radius:.2rem;transition:background-color .3s ease-in-out}.left-home-section .channel-list-container .channel-links{display:flex;flex-direction:column;overflow:auto;padding:.5rem 0}.left-home-section .channel-list-container .channel-links .channel-link-container{overflow-x:hidden}.left-home-section .channel-list-container .channel-links .channel-link-container .channel-link{position:relative;text-decoration:none;display:flex;align-items:center;justify-content:flex-start;column-gap:.5rem;padding:.5rem;transition:background-color .25s ease-in-out}.left-home-section .channel-list-container .channel-links .channel-link-container .channel-link:hover{background-color:#344c64}.left-home-section .channel-list-container .channel-links .channel-link-container .channel-link .not-seen-indicator{width:.45rem;height:.45rem;border-radius:.26rem;background-color:#207ad5;position:absolute;right:.45rem;top:50%;transform:translateY(-50%)}.left-home-section .channel-list-container .channel-links .channel-link-container .channel-link .channel-photo{width:2.5rem;height:2.5rem;object-fit:cover;border-radius:1.25rem;flex-shrink:0}.left-home-section .channel-list-container .channel-links .channel-link-container .channel-link .channel-link-text-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.left-home-section .channel-list-container .channel-links .channel-link-container .channel-link .channel-link-text-container .channel-link-last-message-text{font-family:monospace;font-size:.7rem;color:#aec4e3;width:100%}.left-home-section .channel-list-container .channel-links .channel-link-container .channel-link .channel-link-text-container .channel-name{font-family:Raleway,sans-serif;color:#fff;font-size:1.1rem;white-space:nowrap;width:100%}.left-home-section .user-info-container{position:relative;border-top:1px solid rgba(142,142,142,.5);display:flex;justify-content:space-between;align-items:center;padding:.25rem .5rem;height:4rem;flex-shrink:0;flex-grow:0}.left-home-section .user-info-container .offline-notice-container{position:absolute;border-radius:.25rem;box-shadow:3px 3px 5px 1px #000000ba;background-color:#212e3e;left:1%;bottom:115%;z-index:5000;display:flex;padding:.85rem;justify-content:center;align-items:center}.left-home-section .user-info-container .offline-notice-container .offline-notice-text{font-family:Raleway,sans-serif;font-size:.9rem;white-space:nowrap;cursor:default}.left-home-section .user-info-container .offline-notice-container button{font-family:Raleway,sans-serif;font-size:.9rem;color:#4884b9;cursor:pointer}.left-home-section .user-info-container .user-info-button{display:flex;align-items:center}.left-home-section .user-info-container .user-info-button .user-info-photo{width:2.5rem;height:2.5rem;object-fit:cover;border-radius:1.25rem;margin-right:.5rem}}@media (max-width: 768px) and (min-width: 481px) and (max-width: 768px){.left-home-section .user-info-container .user-info-button .user-info-text{width:15rem;display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.left-home-section .user-info-container .user-info-button .user-info-text .display-name-info{text-align:start;font-weight:700;color:#fff;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;font-family:Raleway,sans-serif}.left-home-section .user-info-container .user-info-button .user-info-text .friend-tag-info{color:#bfbfbf;font-size:.7rem;text-align:start}}@media (max-width: 768px) and (max-width: 480px){.left-home-section .user-info-container .user-info-button .user-info-text{width:10rem;display:flex;justify-content:center;align-items:flex-start;flex-direction:column}}@media (max-width: 768px) and (max-width: 480px) and (max-width: 320px){.left-home-section .user-info-container .user-info-button .user-info-text{width:7rem}}@media (max-width: 768px) and (max-width: 480px){.left-home-section .user-info-container .user-info-button .user-info-text .display-name-info{text-align:start;font-weight:700;color:#fff;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;font-family:Raleway,sans-serif}.left-home-section .user-info-container .user-info-button .user-info-text .friend-tag-info{color:#bfbfbf;font-size:.7rem;text-align:start}}@media (max-width: 768px){.left-home-section .user-info-container .logout-container{width:fit-content;height:2.5rem}.left-home-section .user-info-container .logout-container .logout-button-laptop{padding:0;height:100%;width:3rem;display:flex;justify-content:center;align-items:center}.left-home-section .user-info-container .logout-container .logout-button-laptop svg{height:1.8rem;width:1.8rem}}@media (min-width: 769px) and (max-width: 1024px){.left-home-section{background-color:#232933;border-right:1px solid rgba(142,142,142,.3);font-family:Open Sans,sans-serif;width:4rem;flex-shrink:0;display:flex;flex-direction:column;max-width:14rem;height:100vh;max-height:100vh}.left-home-section .modal-window-container{overflow:hidden;width:100%;height:100vh;height:100dvh;background-color:#0003;display:block;z-index:500}.left-home-section .modal-window-container .profile-settings-modal-container{position:absolute;top:40%;background-color:#232933;padding:1.5rem;border-radius:.25rem;min-height:10rem;min-width:25rem;left:50%;transform:translate(-50%,-50%);font-family:monospace!important;transition:all .15s ease-in;height:20rem;width:35rem;display:flex;column-gap:1.5rem}.left-home-section .modal-window-container .profile-settings-modal-container.visible{top:50%}.left-home-section .modal-window-container .profile-settings-modal-container .modal-x-button-container{display:flex;justify-content:end;align-items:center}.left-home-section .modal-window-container .profile-settings-modal-container .modal-x-button-container .modal-x-button{background-color:transparent;border:none;padding:0;cursor:pointer}.left-home-section .modal-window-container .profile-settings-modal-container .modal-x-button-container .modal-x-button:hover>.x-img{stroke-width:2px}.left-home-section .modal-window-container .profile-settings-modal-container .modal-x-button-container .modal-x-button .x-img{transition:all .05s ease-in-out}.left-home-section .modal-window-container .profile-settings-modal-container .modal-header{margin:.5rem 0;font-size:1.2rem}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings-x-button-container{display:none}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings-buttons-container{display:flex;flex-direction:column;align-items:center;justify-content:start;border-right:1px solid grey;width:7rem;padding-right:.5rem}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings-buttons-container button{background-color:transparent;border:none;font-size:.8rem;cursor:pointer;padding:.5rem 0}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings-buttons-container .contact-us-button{margin-top:auto;font-size:.6rem}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings{position:relative;height:100%;width:100%;overflow:hidden}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .contact-us-container{margin-top:1rem;display:flex;row-gap:.5rem;flex-direction:column}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .contact-us-container span{font-family:Raleway,sans-serif!important;font-size:.9rem}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-settings-form div .user-setting-input-label{display:block;padding:.3rem 0;font-size:.8rem}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-settings-form div input{border-radius:.25rem;width:100%;border:none;padding:4px 0 4px 16px;background-color:#1c2028;font-size:1rem;font-family:system-ui;font-weight:300;margin-bottom:.5rem;padding-left:.5rem}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form{position:absolute;height:100%;width:100%;padding-right:1.5rem;transition:all .15s ease-in-out;right:0%;display:flex;flex-direction:column}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form.inactive{right:100%}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form .user-photo-input-container{margin-bottom:.5rem}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form .user-photo-input-container .user-setting-photo-input{display:none}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form .user-photo-input-container label{position:relative;cursor:pointer;height:3rem;width:3rem;display:flex;justify-content:center;align-items:center;border-radius:100%}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form .user-photo-input-container label:hover>.photo-input-hover{opacity:1}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form .user-photo-input-container label .photo-input-hover{position:absolute;height:100%;width:100%;border-radius:100%;background-color:#00000090;display:flex;justify-content:center;align-items:center;color:#fff;font-size:.7rem;opacity:0;transition:opacity .15s ease-in-out}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form .user-photo-input-container label img{height:100%;width:100%;object-fit:cover;border-radius:100%}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form .user-sett-error{position:absolute;bottom:0%;color:#c93a3a;font-size:.7rem;font-family:Open Sans,sans-serif}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form .user-info-button-container{display:flex;justify-content:end;align-items:center;margin-top:auto}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form .user-info-button-container button{cursor:pointer;height:2rem;padding:0 .5rem;width:3.5rem;font-size:.7rem;border:1px solid #384d69;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease-in-out}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form .user-info-button-container button:hover{background-color:#384d69}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form .user-info-button-container button .user-setting-loading{margin-right:0;width:1.5rem;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form .user-friend-tag-input{width:6rem}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-password-form{display:flex;flex-direction:column;padding-top:.5rem;position:absolute;left:100%;top:0%;height:100%;width:100%;transition:all .15s ease-in-out;padding-right:1.5rem}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-password-form.active{left:0%}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-password-form .user-sett-error{position:absolute;bottom:0%;color:#c93a3a;font-size:.7rem;font-family:Open Sans,sans-serif}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-password-form .user-password-button-container{margin-top:auto;display:flex;justify-content:end;align-items:center}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-password-form .user-password-button-container button{cursor:pointer;height:2rem;width:7rem;font-size:.7rem;border:1px solid #384d69;border-radius:8px;padding:0 .5rem;display:flex;justify-content:center;align-items:center;transition:background-color .15s ease-in-out}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-password-form .user-password-button-container button:hover{background-color:#384d69}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-password-form .user-password-button-container button .user-setting-loading{margin-right:0;width:1.5rem;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}.left-home-section .modal-window-container .create-group-modal-container{position:absolute;top:40%;background-color:#232933;padding:1.5rem;border-radius:.25rem;min-height:10rem;min-width:25rem;left:50%;transform:translate(-50%,-50%);font-family:monospace!important;transition:all .15s ease-in}.left-home-section .modal-window-container .create-group-modal-container.visible{top:50%}.left-home-section .modal-window-container .create-group-modal-container .modal-x-button-container{display:flex;justify-content:end;align-items:center}.left-home-section .modal-window-container .create-group-modal-container .modal-x-button-container .modal-x-button{background-color:transparent;border:none;padding:0;cursor:pointer}.left-home-section .modal-window-container .create-group-modal-container .modal-x-button-container .modal-x-button:hover>.x-img{stroke-width:2px}.left-home-section .modal-window-container .create-group-modal-container .modal-x-button-container .modal-x-button .x-img{transition:all .05s ease-in-out}.left-home-section .modal-window-container .create-group-modal-container .modal-header{margin:.5rem 0;font-size:1.2rem}.left-home-section .modal-window-container .create-group-modal-container .modal-x-button-container .create-group-top{display:none}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections{position:relative;transition:height .15s ease-in-out;overflow:hidden}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-error,.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-search-mob{display:none}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections.group-name-section{height:10rem}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections.member-select-section{height:35rem}}@media (min-width: 769px) and (max-width: 1024px) and (max-height: 700px){.left-home-section .modal-window-container .create-group-modal-container .create-group-sections.member-select-section{height:25rem}}@media (min-width: 769px) and (max-width: 1024px){.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-name-container{width:100%;position:absolute;right:0%;bottom:0%;transition:all .15s ease-in-out}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-name-container.name-container-after{right:100%}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-name-container .group-name-container{position:relative}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-name-container .group-name-container .group-name-label{display:block;margin-top:1rem;font-weight:700}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-name-container .group-name-container .group-name-input{border-radius:4px;width:15rem;border:none;font-size:1rem;font-family:system-ui;background-color:#1c2028;padding:.2rem 0 .2rem .8rem;margin-top:.5rem}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-name-container .group-name-container .group-name-error{color:#c93a3a;font-size:.7rem;font-family:Open Sans,sans-serif;position:absolute}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-name-container .create-group-button-container{display:flex;align-items:center;justify-content:space-between;margin-top:1rem}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-name-container .create-group-button-container .group-name-confirm{border-radius:4px;margin-left:auto;background-color:#2c3447;border:none;height:2rem;padding:0rem .7rem;cursor:pointer;transition:background-color .15s ease}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-name-container .create-group-button-container .group-name-confirm:hover{background-color:#485267}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container{width:100%;position:absolute;left:100%;bottom:0%;transition:left .15s ease-in-out}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container.invite-container-active{left:0%}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-search{background-color:#1c2028;margin:1rem 0 .5rem;font-size:.9rem;font-family:Open Sans,sans-serif;border-radius:.2rem;border:none;padding-left:.5rem;height:1.5rem;width:100%}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-search:placeholder{font-size:.9rem;font-family:Open Sans,sans-serif}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form{height:fit-content;position:relative;margin-top:.3rem}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-button-container{display:flex;align-items:center;justify-content:space-between;margin-top:1rem}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-button-container .create-group-button{border-radius:4px;background-color:#2c3447;border:none;height:2rem;padding:0rem .7rem;cursor:pointer;transition:background-color .15s ease}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-button-container .create-group-button:hover{background-color:#485267}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-button-container .create-group-button .create-group-loading{margin-right:0;width:30px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-button-container .create-group-back-button{border-radius:4px;background-color:#2c3447;border:none;height:2rem;padding:0rem .7rem;cursor:pointer;transition:background-color .15s ease}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-button-container .create-group-back-button:hover{background-color:#485267}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-err{bottom:100%;position:absolute;color:#c93a3a;font-size:.7rem;font-family:Open Sans,sans-serif}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list{border-top:1px solid rgba(255,255,255,.2235294118);height:27rem;overflow-y:scroll;position:relative}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list::-webkit-scrollbar{width:.3rem}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list::-webkit-scrollbar-thumb{background-color:#51546e;border-radius:.2rem;transition:background-color .3s ease-in-out}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list .friend-checkbox-container{display:flex;padding:.5rem .7rem;align-items:center;cursor:default}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list .friend-checkbox-container:hover{background-color:#293549}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list .friend-checkbox-container .friend-checkbox-info{display:flex;align-items:center;margin-right:auto}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list .friend-checkbox-container .friend-checkbox-info img{width:1.8rem;height:1.8rem;object-fit:cover;border-radius:.9rem;margin-right:.5rem}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list .friend-checkbox-container .friend-checkbox-info span{font-size:1.1rem;font-family:Raleway,sans-serif}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list .friend-checkbox-container .checkbox-container{display:block;position:relative;cursor:pointer;font-size:20px;user-select:none;-webkit-tap-highlight-color:transparent}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list .friend-checkbox-container .checkbox-container input{display:none}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list .friend-checkbox-container .checkbox-container input:checked~.checkmark{background-color:#2196f3}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list .friend-checkbox-container .checkbox-container input:checked~.checkmark:after{left:.45em;top:.25em;width:.25em;height:.5em;border-color:rgba(255,255,255,0) white white rgba(255,255,255,0);border-width:0 .15em .15em 0;border-radius:0;transform:rotate(45deg)}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list .friend-checkbox-container .checkbox-container .checkmark{position:relative;top:0;left:0;height:1.3em;width:1.3em;background-color:#2196f300;border-radius:.25em;transition:all .25s}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list .friend-checkbox-container .checkbox-container .checkmark:after{content:"";position:absolute;transform:rotate(0);border:.1rem solid #838383;left:0;top:0;width:1.05em;height:1.05em;border-radius:.25em;transition:all .25s,border-width .1s}.left-home-section .upper-left-section-container{padding:0 .5rem;flex-shrink:0;display:flex;height:6rem;flex-direction:column;justify-content:center}.left-home-section .upper-left-section-container .left-section-button-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:.1rem}.left-home-section .upper-left-section-container .left-section-button-container .home-button{height:2.5rem;width:2.5rem;border-radius:1.25rem;object-fit:cover}.left-home-section .upper-left-section-container .left-section-button-container .home-button .home-img{height:100%;width:100%}.left-home-section .upper-left-section-container .left-section-button-container .open-friend-section-button,.left-home-section .upper-left-section-container .left-section-button-container .messages-text{display:none}.left-home-section .upper-left-section-container .left-section-button-container .create-group-modal-button-container{width:fit-content;margin-top:.5rem}.left-home-section .upper-left-section-container .left-section-button-container .create-group-modal-button-container .create-group-modal-button{background-color:transparent;cursor:pointer;border:none;width:2.5rem;height:2.5rem;border-radius:1.25rem;background-color:#29476768;position:relative;display:flex;justify-content:center;align-items:center;transition:all .15s ease-in-out}.left-home-section .upper-left-section-container .left-section-button-container .create-group-modal-button-container .create-group-modal-button:hover>.create-group-tooltip{opacity:1;pointer-events:auto}.left-home-section .upper-left-section-container .left-section-button-container .create-group-modal-button-container .create-group-modal-button:hover{background-color:#43648768}.left-home-section .upper-left-section-container .left-section-button-container .create-group-modal-button-container .create-group-modal-button .create-group-image-1{display:none}.left-home-section .upper-left-section-container .left-section-button-container .create-group-modal-button-container .create-group-modal-button .create-group-tooltip{left:105%;position:absolute;padding:.35rem;background-color:#1d222d;opacity:0;display:flex;justify-content:center;align-items:center;transition:opacity .15s ease-in;bottom:50%;height:fit-content;z-index:105;border-radius:.15rem;transform:translateY(50%);pointer-events:none}.left-home-section .upper-left-section-container .left-section-button-container .create-group-modal-button-container .create-group-modal-button .create-group-tooltip .create-group-tooltip-text{font-family:Open Sans,sans-serif;font-size:.6rem;width:4rem}.left-home-section .upper-left-section-container .logo-container{height:2rem}.left-home-section .upper-left-section-container .search-conversation-container{display:none}.left-home-section .upper-left-section-container .search-conversation-container .search-conversation-input{background-color:transparent;border-radius:.35rem;border-style:none;padding-left:1rem;font-family:Open Sans,sans-serif;font-size:.8rem;height:1.5rem;width:12.5rem}.left-home-section .upper-left-section-container .search-conversation-container .search-conversation-input:focus{outline:none}.left-home-section .upper-left-section-container .search-conversation-container .search-conversation-input::placeholder{font-size:.7rem;font-family:Open Sans,sans-serif}.left-home-section .upper-left-section-container .search-conversation-container .search-conversation-image{height:1.2rem;width:1.2rem;align-self:center}.left-home-section .channel-list-container{height:100%;overflow-y:scroll;width:100%}.left-home-section .channel-list-container::-webkit-scrollbar{width:.2rem}.left-home-section .channel-list-container::-webkit-scrollbar-track{background-color:#242f43}.left-home-section .channel-list-container::-webkit-scrollbar-thumb{background-color:#394d6f;border-radius:.2rem;transition:background-color .3s ease-in-out}.left-home-section .channel-list-container .channel-links{display:flex;flex-direction:column;overflow:auto;padding:0rem 0 .5rem}.left-home-section .channel-list-container .channel-links .channel-link-container{overflow-x:hidden}.left-home-section .channel-list-container .channel-links .channel-link-container .channel-link{position:relative;text-decoration:none;display:flex;align-items:center;justify-content:center;column-gap:.5rem;padding:.35rem;transition:background-color .25s ease-in-out}.left-home-section .channel-list-container .channel-links .channel-link-container .channel-link:hover>.channel-photo{border-radius:.5rem}.left-home-section .channel-list-container .channel-links .channel-link-container .channel-link.active{background-color:#344c64}.left-home-section .channel-list-container .channel-links .channel-link-container .channel-link .channel-photo{width:2.5rem;height:2.5rem;object-fit:cover;border-radius:1.25rem;flex-shrink:0;transition:all .15s ease-in-out}.left-home-section .channel-list-container .channel-links .channel-link-container .channel-link .channel-link-text-container{display:none}.left-home-section .channel-list-container .channel-links .channel-link-container .channel-link .not-seen-indicator{width:.6rem;height:.6rem;left:0%;border-radius:.3rem;background-color:#207ad5;position:absolute;right:.45rem;top:50%;transform:translate(-50%,-50%)}.left-home-section .user-info-container{position:relative;border-top:1px solid rgba(142,142,142,.5);display:flex;justify-content:space-between;align-items:center;flex-direction:column;height:6rem;flex-shrink:0;flex-grow:0;padding:.5rem 0}.left-home-section .user-info-container .offline-notice-container{position:absolute;border-radius:.25rem;box-shadow:3px 3px 5px 1px #000000ba;background-color:#212e3e;left:105%;bottom:100%;z-index:5000;display:flex;padding:.85rem;justify-content:center;align-items:center}.left-home-section .user-info-container .offline-notice-container .offline-notice-text{font-family:Raleway,sans-serif;font-size:.9rem;white-space:nowrap;cursor:default}.left-home-section .user-info-container .offline-notice-container button{font-family:Raleway,sans-serif;font-size:.9rem;color:#4884b9;cursor:pointer}.left-home-section .user-info-container .user-info-button{display:flex;justify-content:center;align-items:center;cursor:pointer}.left-home-section .user-info-container .user-info-button .user-info-photo{width:2.5rem;height:2.5rem;object-fit:cover;border-radius:1.25rem}.left-home-section .user-info-container .user-info-button .user-info-text,.left-home-section .user-info-container .logout-container .logout-button{display:none}.left-home-section .user-info-container .logout-container .logout-button-laptop{display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;padding:0;cursor:pointer}.left-home-section .user-info-container .logout-container .logout-button-laptop .logout-img{align-self:center;width:1.7rem;height:1.7rem}}@media (min-width: 1025px){.left-home-section{background-color:#232933;border-right:1px solid rgba(142,142,142,.3);font-family:Open Sans,sans-serif;width:14rem;flex-shrink:0;display:flex;flex-direction:column;max-width:14rem;height:100vh;max-height:100vh}.left-home-section .modal-window-container{overflow:hidden;width:100%;height:100vh;height:100dvh;background-color:#0003;display:block;z-index:500}.left-home-section .modal-window-container .profile-settings-modal-container{position:absolute;top:40%;background-color:#232933;padding:1.5rem;border-radius:.25rem;min-height:10rem;min-width:25rem;left:50%;transform:translate(-50%,-50%);font-family:monospace!important;transition:all .15s ease-in;height:20rem;width:35rem;display:flex;column-gap:1.5rem}.left-home-section .modal-window-container .profile-settings-modal-container.visible{top:50%}.left-home-section .modal-window-container .profile-settings-modal-container .modal-x-button-container{display:flex;justify-content:end;align-items:center}.left-home-section .modal-window-container .profile-settings-modal-container .modal-x-button-container .modal-x-button{background-color:transparent;border:none;padding:0;cursor:pointer}.left-home-section .modal-window-container .profile-settings-modal-container .modal-x-button-container .modal-x-button:hover>.x-img{stroke-width:2px}.left-home-section .modal-window-container .profile-settings-modal-container .modal-x-button-container .modal-x-button .x-img{transition:all .05s ease-in-out}.left-home-section .modal-window-container .profile-settings-modal-container .modal-header{margin:.5rem 0;font-size:1.2rem}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings-x-button-container{display:none}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings-buttons-container{display:flex;flex-direction:column;align-items:center;justify-content:start;border-right:1px solid grey;width:7rem;padding-right:.5rem}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings-buttons-container button{background-color:transparent;border:none;font-size:.8rem;cursor:pointer;padding:.5rem 0}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings-buttons-container .contact-us-button{margin-top:auto;font-size:.6rem}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings{position:relative;height:100%;width:100%;overflow:hidden}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .contact-us-container{margin-top:1rem;display:flex;row-gap:.5rem;flex-direction:column}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .contact-us-container span{font-family:Raleway,sans-serif!important;font-size:.9rem}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-settings-form div .user-setting-input-label{display:block;padding:.3rem 0;font-size:.8rem}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-settings-form div input{border-radius:.25rem;width:100%;border:none;padding:4px 0 4px 16px;background-color:#1c2028;font-size:1rem;font-family:system-ui;font-weight:300;margin-bottom:.5rem;padding-left:.5rem}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form{position:absolute;height:100%;width:100%;padding-right:1.5rem;transition:all .15s ease-in-out;right:0%;display:flex;flex-direction:column}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form.inactive{right:100%}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form .user-photo-input-container{margin-bottom:.5rem}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form .user-photo-input-container .user-setting-photo-input{display:none}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form .user-photo-input-container label{position:relative;cursor:pointer;height:3rem;width:3rem;display:flex;justify-content:center;align-items:center;border-radius:100%}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form .user-photo-input-container label:hover>.photo-input-hover{opacity:1}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form .user-photo-input-container label .photo-input-hover{position:absolute;height:100%;width:100%;border-radius:100%;background-color:#00000090;display:flex;justify-content:center;align-items:center;color:#fff;font-size:.7rem;opacity:0;transition:opacity .15s ease-in-out}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form .user-photo-input-container label img{height:100%;width:100%;object-fit:cover;border-radius:100%}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form .user-sett-error{position:absolute;bottom:0%;color:#c93a3a;font-size:.7rem;font-family:Open Sans,sans-serif}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form .user-info-button-container{display:flex;justify-content:end;align-items:center;margin-top:auto}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form .user-info-button-container button{cursor:pointer;height:2rem;padding:0 .5rem;width:3.5rem;font-size:.7rem;border:1px solid #384d69;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease-in-out}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form .user-info-button-container button:hover{background-color:#384d69}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form .user-info-button-container button .user-setting-loading{margin-right:0;width:1.5rem;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-info-form .user-friend-tag-input{width:6rem}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-password-form{display:flex;flex-direction:column;padding-top:.5rem;position:absolute;left:100%;top:0%;height:100%;width:100%;transition:all .15s ease-in-out;padding-right:1.5rem}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-password-form.active{left:0%}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-password-form .user-sett-error{position:absolute;bottom:0%;color:#c93a3a;font-size:.7rem;font-family:Open Sans,sans-serif}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-password-form .user-password-button-container{margin-top:auto;display:flex;justify-content:end;align-items:center}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-password-form .user-password-button-container button{cursor:pointer;height:2rem;width:7rem;font-size:.7rem;border:1px solid #384d69;border-radius:8px;padding:0 .5rem;display:flex;justify-content:center;align-items:center;transition:background-color .15s ease-in-out}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-password-form .user-password-button-container button:hover{background-color:#384d69}.left-home-section .modal-window-container .profile-settings-modal-container .profile-settings .user-password-form .user-password-button-container button .user-setting-loading{margin-right:0;width:1.5rem;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}.left-home-section .modal-window-container .create-group-modal-container{position:absolute;top:40%;background-color:#232933;padding:1.5rem;border-radius:.25rem;min-height:10rem;min-width:25rem;left:50%;transform:translate(-50%,-50%);font-family:monospace!important;transition:all .15s ease-in}.left-home-section .modal-window-container .create-group-modal-container.visible{top:50%}.left-home-section .modal-window-container .create-group-modal-container .modal-x-button-container{display:flex;justify-content:end;align-items:center}.left-home-section .modal-window-container .create-group-modal-container .modal-x-button-container .modal-x-button{background-color:transparent;border:none;padding:0;cursor:pointer}.left-home-section .modal-window-container .create-group-modal-container .modal-x-button-container .modal-x-button:hover>.x-img{stroke-width:2px}.left-home-section .modal-window-container .create-group-modal-container .modal-x-button-container .modal-x-button .x-img{transition:all .05s ease-in-out}.left-home-section .modal-window-container .create-group-modal-container .modal-header{margin:.5rem 0;font-size:1.2rem}.left-home-section .modal-window-container .create-group-modal-container .modal-x-button-container .create-group-top{display:none}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections{position:relative;transition:height .15s ease-in-out;overflow:hidden}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-error,.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-search-mob{display:none}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections.group-name-section{height:10rem}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections.member-select-section{height:35rem}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-name-container{width:100%;position:absolute;height:fit-content;bottom:0%;right:0%;transition:all .15s ease-in-out}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-name-container.name-container-after{right:100%}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-name-container .group-name-container{position:relative}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-name-container .group-name-container .group-name-label{display:block;margin-top:1rem;font-weight:700}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-name-container .group-name-container .group-name-input{width:15rem;border:none;font-size:1rem;font-family:system-ui;background-color:#1c2028;padding:.2rem .4rem;margin-top:.5rem;border-radius:4px}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-name-container .group-name-container .group-name-error{color:#c93a3a;font-size:.7rem;font-family:Open Sans,sans-serif;position:absolute}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-name-container .create-group-button-container{display:flex;align-items:center;justify-content:space-between;margin-top:.5rem}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-name-container .create-group-button-container .group-name-confirm{border-radius:4px;margin-left:auto;background-color:#2c3447;border:none;height:2rem;padding:0rem .7rem;cursor:pointer;transition:background-color .15s ease}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-name-container .create-group-button-container .group-name-confirm:hover{background-color:#485267}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container{width:100%;position:absolute;left:100%;bottom:0%;transition:left .15s ease-in-out}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container.invite-container-active{left:0%}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-search{background-color:#1c2028;margin:1rem 0 .5rem;font-size:.9rem;font-family:Open Sans,sans-serif;border-radius:.2rem;border:none;padding-left:.5rem;height:1.5rem;width:100%}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-search:placeholder{font-size:.9rem;font-family:Open Sans,sans-serif}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form{height:fit-content;position:relative;margin-top:.3rem}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-button-container{display:flex;align-items:center;justify-content:space-between;margin-top:1rem}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-button-container .create-group-button{border-radius:4px;background-color:#2c3447;border:none;height:2rem;padding:0rem .7rem;cursor:pointer;transition:background-color .15s ease}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-button-container .create-group-button:hover{background-color:#485267}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-button-container .create-group-button .create-group-loading{margin-right:0;width:30px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-button-container .create-group-back-button{border-radius:4px;background-color:#2c3447;border:none;height:2rem;padding:0rem .7rem;cursor:pointer;transition:background-color .15s ease}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-button-container .create-group-back-button:hover{background-color:#485267}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-err{bottom:100%;position:absolute;color:#c93a3a;font-size:.7rem;font-family:Open Sans,sans-serif}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list{border-top:1px solid rgba(255,255,255,.2235294118);height:27rem;overflow-y:scroll;position:relative}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list::-webkit-scrollbar{width:.3rem}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list::-webkit-scrollbar-thumb{background-color:#51546e;border-radius:.2rem;transition:background-color .3s ease-in-out}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list .friend-checkbox-container{display:flex;padding:.5rem .7rem;align-items:center;cursor:default}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list .friend-checkbox-container:hover{background-color:#293549}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list .friend-checkbox-container .friend-checkbox-info{display:flex;align-items:center;margin-right:auto}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list .friend-checkbox-container .friend-checkbox-info img{width:1.8rem;height:1.8rem;object-fit:cover;border-radius:.9rem;margin-right:.5rem}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list .friend-checkbox-container .friend-checkbox-info span{font-size:1.1rem;font-family:Raleway,sans-serif}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list .friend-checkbox-container .checkbox-container{display:block;position:relative;cursor:pointer;font-size:20px;user-select:none;-webkit-tap-highlight-color:transparent}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list .friend-checkbox-container .checkbox-container input{display:none}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list .friend-checkbox-container .checkbox-container input:checked~.checkmark{background-color:#2196f3}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list .friend-checkbox-container .checkbox-container input:checked~.checkmark:after{left:.45em;top:.25em;width:.25em;height:.5em;border-color:rgba(255,255,255,0) white white rgba(255,255,255,0);border-width:0 .15em .15em 0;border-radius:0;transform:rotate(45deg)}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list .friend-checkbox-container .checkbox-container .checkmark{position:relative;top:0;left:0;height:1.3em;width:1.3em;background-color:#2196f300;border-radius:.25em;transition:all .25s}.left-home-section .modal-window-container .create-group-modal-container .create-group-sections .create-group-modal-invite-container .create-group-form .create-group-modal-friend-list .friend-checkbox-container .checkbox-container .checkmark:after{content:"";position:absolute;transform:rotate(0);border:.1rem solid #838383;left:0;top:0;width:1.05em;height:1.05em;border-radius:.25em;transition:all .25s,border-width .1s}.left-home-section .upper-left-section-container{box-shadow:0 1px 3px 3px #0009;padding:0 .5rem;height:6rem;flex-shrink:0}.left-home-section .upper-left-section-container .left-section-button-container{margin-top:.25rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:.1rem}.left-home-section .upper-left-section-container .left-section-button-container .home-button{text-decoration:none;padding-left:10px;font-size:1.3rem;font-weight:700;display:flex;justify-content:start;align-items:center;flex-grow:1}.left-home-section .upper-left-section-container .left-section-button-container .home-button .home-img{width:3rem;height:3rem;object-fit:cover;border-radius:1.75rem}.left-home-section .upper-left-section-container .left-section-button-container .open-friend-section-button,.left-home-section .upper-left-section-container .left-section-button-container .messages-text{display:none}.left-home-section .upper-left-section-container .left-section-button-container .create-group-modal-button-container{width:fit-content;height:3.5rem;display:flex;flex-direction:column;justify-content:end;align-items:center}.left-home-section .upper-left-section-container .left-section-button-container .create-group-modal-button-container .create-group-modal-button{background-color:transparent;cursor:pointer;border:none;width:2rem;height:2rem;border-radius:1rem;position:relative;display:flex;justify-content:center;align-items:center}.left-home-section .upper-left-section-container .left-section-button-container .create-group-modal-button-container .create-group-modal-button .create-group-image-2{display:none}.left-home-section .upper-left-section-container .left-section-button-container .create-group-modal-button-container .create-group-modal-button:hover>.create-group-image-1{fill:#b9b9b9}.left-home-section .upper-left-section-container .left-section-button-container .create-group-modal-button-container .create-group-modal-button:hover>.create-group-tooltip{opacity:1;pointer-events:auto}.left-home-section .upper-left-section-container .left-section-button-container .create-group-modal-button-container .create-group-modal-button .create-group-tooltip{position:absolute;padding:.35rem;background-color:#1d222d;opacity:0;display:flex;justify-content:center;align-items:center;transition:opacity .15s ease-in;bottom:90%;height:fit-content;z-index:105;left:50%;border-radius:.15rem;transform:translate(-50%);pointer-events:none}.left-home-section .upper-left-section-container .left-section-button-container .create-group-modal-button-container .create-group-modal-button .create-group-tooltip .create-group-tooltip-text{font-family:Open Sans,sans-serif;font-size:.6rem;width:4rem}.left-home-section .upper-left-section-container .logo-container{height:2rem}.left-home-section .upper-left-section-container .search-conversation-container{display:flex;align-content:center;border-style:none;justify-content:center;background-color:#252d37;border-radius:1rem;padding:0 .45rem}.left-home-section .upper-left-section-container .search-conversation-container .search-conversation-input{background-color:transparent;border-radius:.35rem;border-style:none;padding-left:1rem;font-family:Open Sans,sans-serif;font-size:.8rem;height:1.5rem;width:12.5rem}.left-home-section .upper-left-section-container .search-conversation-container .search-conversation-input:focus{outline:none}.left-home-section .upper-left-section-container .search-conversation-container .search-conversation-input::placeholder{font-size:.7rem;font-family:Open Sans,sans-serif}.left-home-section .upper-left-section-container .search-conversation-container .search-conversation-image{height:1.2rem;width:1.2rem;align-self:center}.left-home-section .channel-list-container{height:100%;overflow-y:scroll;width:100%}.left-home-section .channel-list-container::-webkit-scrollbar{width:.3rem}.left-home-section .channel-list-container::-webkit-scrollbar-track{background-color:#242f43}.left-home-section .channel-list-container::-webkit-scrollbar-thumb{background-color:#51546e;border-radius:.2rem;transition:background-color .3s ease-in-out}.left-home-section .channel-list-container .channel-links{display:flex;flex-direction:column;overflow:auto;padding:.5rem 0}.left-home-section .channel-list-container .channel-links .channel-link-container{overflow-x:hidden}.left-home-section .channel-list-container .channel-links .channel-link-container .channel-link{position:relative;width:100%;text-decoration:none;display:flex;align-items:center;justify-content:flex-start;column-gap:.5rem;padding:.5rem;transition:background-color .25s ease-in-out}.left-home-section .channel-list-container .channel-links .channel-link-container .channel-link:hover,.left-home-section .channel-list-container .channel-links .channel-link-container .channel-link.active{background-color:#30404f}.left-home-section .channel-list-container .channel-links .channel-link-container .channel-link .not-seen-indicator{width:.45rem;height:.45rem;border-radius:.26rem;background-color:#207ad5;position:absolute;right:.45rem;top:50%;transform:translateY(-50%)}.left-home-section .channel-list-container .channel-links .channel-link-container .channel-link .channel-photo{width:2.5rem;height:2.5rem;object-fit:cover;border-radius:1.25rem;flex-shrink:0}.left-home-section .channel-list-container .channel-links .channel-link-container .channel-link .channel-link-text-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:10rem}.left-home-section .channel-list-container .channel-links .channel-link-container .channel-link .channel-link-text-container .channel-link-last-message-text{font-family:monospace;font-size:.7rem;color:#aec4e3;width:100%}.left-home-section .channel-list-container .channel-links .channel-link-container .channel-link .channel-link-text-container .channel-name{font-family:Raleway,sans-serif;color:#fff;font-size:.9rem;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}.left-home-section .user-info-container{position:relative;border-top:1px solid rgba(142,142,142,.5);display:flex;justify-content:space-between;align-items:center;padding:.5rem .25rem;height:5rem;width:100%;flex-shrink:0;flex-grow:0}.left-home-section .user-info-container .offline-notice-container{position:absolute;border-radius:.25rem;box-shadow:3px 3px 5px 1px #000000ba;background-color:#212e3e;left:105%;bottom:100%;z-index:5000;display:flex;padding:.85rem;justify-content:center;align-items:center}.left-home-section .user-info-container .offline-notice-container .offline-notice-text{font-family:Raleway,sans-serif;font-size:.9rem;white-space:nowrap;cursor:default}.left-home-section .user-info-container .offline-notice-container button{font-family:Raleway,sans-serif;font-size:.9rem;color:#4884b9;cursor:pointer}.left-home-section .user-info-container .user-info-button{background-color:transparent;border:none;cursor:pointer;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:0;width:fit-content;height:100%;border-radius:.3rem;padding-left:.5rem;transition:background-color .15s ease-in-out}.left-home-section .user-info-container .user-info-button:hover{background-color:#2f3b4a}.left-home-section .user-info-container .user-info-button .user-info-photo{width:2.5rem;height:2.5rem;object-fit:cover;border-radius:1.25rem;margin-right:.5rem}.left-home-section .user-info-container .user-info-button .user-info-text{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;width:7.5rem}.left-home-section .user-info-container .user-info-button .user-info-text .display-name-info{color:#fff;width:100%;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1rem;font-family:Raleway,sans-serif}.left-home-section .user-info-container .user-info-button .user-info-text .friend-tag-info{color:#bfbfbf;font-size:.7rem;width:100%;text-align:start}.left-home-section .user-info-container .logout-container{width:2rem}.left-home-section .user-info-container .logout-container .logout-button-laptop{cursor:pointer;height:100%;width:100%;padding:0;display:flex;justify-content:center;align-items:center}.left-home-section .user-info-container .logout-container .logout-button-laptop svg{height:100%;width:1.7rem}}.home-section-container{overflow:hidden;background:#232933;background:linear-gradient(117deg,#232933,#0c1017 100%,#1c2634);z-index:100}@media (max-width: 768px){.home-section-container{position:absolute;left:100%;top:0;height:100vh;height:100dvh;width:100vw;transition:left .25s ease-in-out}.home-section-container.home-section-container-mob{left:0%}.home-section-container .friend-section{width:100%;height:100%;column-gap:2rem;position:relative}}@media (min-width: 769px){.home-section-container{width:100vw;height:100vh;padding:0 1rem;display:flex;flex-direction:column}.home-section-container .friend-section{width:100%;height:100%;display:flex;column-gap:1.5rem}}@keyframes l20-1{0%{clip-path:polygon(50% 50%,0 0,50% 0%,50% 0%,50% 0%,50% 0%,50% 0%)}12.5%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 0%,100% 0%,100% 0%)}25%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,100% 100%,100% 100%)}50%{clip-path:polygon(50% 50%,0 0,50% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}62.5%{clip-path:polygon(50% 50%,100% 0,100% 0%,100% 0%,100% 100%,50% 100%,0% 100%)}75%{clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0% 100%)}to{clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0% 100%)}}@keyframes l20-2{0%{transform:scaleY(1) rotate(0)}49.99%{transform:scaleY(1) rotate(135deg)}50%{transform:scaleY(-1) rotate(0)}to{transform:scaleY(-1) rotate(-135deg)}}.channel-section{width:100%;height:100%}@media (max-width: 768px){.channel-section{position:absolute;top:0;left:85%;z-index:100;overflow:hidden;transition:left .25s ease-in-out}.channel-section.channel-section-load{background-color:transparent!important;left:0%!important}.channel-section.channel-section-load .channel-container{display:none}.channel-section.channel-section-mob{left:0%}.channel-section .channel-container{position:relative}.channel-section .channel-container .channel-nav{padding:0!important}.channel-section .channel-container .channel-nav .channel-nav-info-container{margin-right:0;display:none!important}.channel-section .channel-container .channel-nav .channel-nav-info-container .channel-nav-header{margin:0;font-family:Open Sans,sans-serif;font-weight:300;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 768px) and (min-width: 281){.channel-section .channel-container .channel-nav .channel-nav-info-container .channel-nav-header{width:8rem}}@media (max-width: 768px) and (max-width: 280){.channel-section .channel-container .channel-nav .channel-nav-info-container .channel-nav-header{width:4.5rem}}@media (max-width: 768px){.channel-section .channel-container .channel-nav .channel-nav-info-mob-container,.channel-section .channel-container .channel-nav .channel-nav-info-button{margin-right:0}.channel-section .channel-container .channel-nav .channel-nav-info-mob-container .channel-nav-header,.channel-section .channel-container .channel-nav .channel-nav-info-button .channel-nav-header{margin:0;font-family:Open Sans,sans-serif;font-weight:300;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 768px) and (min-width: 281){.channel-section .channel-container .channel-nav .channel-nav-info-mob-container .channel-nav-header,.channel-section .channel-container .channel-nav .channel-nav-info-button .channel-nav-header{width:8rem}}@media (max-width: 768px) and (max-width: 280){.channel-section .channel-container .channel-nav .channel-nav-info-mob-container .channel-nav-header,.channel-section .channel-container .channel-nav .channel-nav-info-button .channel-nav-header{width:4.5rem}}@media (max-width: 768px){.channel-section .channel-container .channel-nav .channel-back-to-home-button{background-color:transparent;border:none;display:flex;align-items:center;justify-content:center}.channel-section .channel-container .channel-nav .nav-button-container{margin-left:auto;transition:opacity .15s ease-in-out}.channel-section .channel-container .channel-nav .nav-button-container .nav-button .channel-nav-button-tooltip,.channel-section .channel-container .channel-nav .nav-button-container .group-settings-button{display:none!important}.channel-section .channel-container .channel-nav .nav-button-container.nav-button-container-0{opacity:0;pointer-events:none}.channel-section .channel-container .channel-nav .nav-button-container .channel-to-member-button{background-color:transparent;border:none;display:flex;justify-content:center;align-items:center}.channel-section .channel-container .channel-nav .nav-button-container button{padding:0}.channel-section .channel-container .message-section{height:100vh;height:100dvh}.channel-section .channel-container .message-section .message-box{overscroll-behavior:contain;transition:all .3s ease-out;-webkit-overflow-scrolling:touch!important;overflow-anchor:none;padding:0 .5rem .5rem}.channel-section .channel-container .message-section .message-box::-webkit-scrollbar{width:.2rem}.channel-section .channel-container .message-section .message-box::-webkit-scrollbar-thumb{background-color:#44536a;border-radius:.2rem;transition:background-color .3s ease-in-out}.channel-section .channel-container .message-section .message-box .user-message-info-container .message-info .message-content-container{width:15rem}.channel-section .channel-container .message-section .message-box .user-message-info-container .message-info .message-date-displayname .message-date{font-size:.6rem!important}.channel-section .channel-container .message-section .message-box .user-message-info-container .message-info .message-date-displayname .message-sender{font-size:.9rem!important}.channel-section .channel-container .message-section .message-input-container{padding:0 2rem 1rem!important}.channel-section .channel-container .channel-members-section{position:absolute;left:100%;top:0;height:100%;width:100%!important;padding:3rem .15rem .5rem 0;overflow-y:scroll;transition:left .25s ease-in-out;background-color:#232933!important}.channel-section .channel-container .channel-members-section::-webkit-scrollbar{width:.2rem}.channel-section .channel-container .channel-members-section::-webkit-scrollbar-thumb{background-color:#44536a;border-radius:.2rem;transition:background-color .3s ease-in-out}.channel-section .channel-container .channel-members-section.mob-member-visible{left:0%}.channel-section .channel-container .channel-members-section .member-list{box-shadow:3px 3px 3px 5px #00000064!important;flex:1;overflow-x:visible;margin:1rem 2rem .5rem;border-radius:1rem;padding:.5rem 0;background-color:#232933}.channel-section .channel-container .channel-members-section .member-list .member-container .member-popup-button{width:100%;display:flex;align-items:center;background-color:transparent;border:none;column-gap:.8rem;padding:.5rem 1rem}.channel-section .channel-container .channel-members-section .member-list .member-container .member-popup-button .member-profile-status{position:relative;padding:.05rem}.channel-section .channel-container .channel-members-section .member-list .member-container .member-popup-button .member-profile-status .member-profile-photo{height:2rem;width:2rem;border-radius:1rem;object-fit:cover}.channel-section .channel-container .channel-members-section .member-list .member-container .member-popup-button .member-profile-status .member-status{left:1.2rem;top:1.4rem;position:absolute;width:.8rem;height:.8rem;border-radius:.4rem;border:.2rem solid #232933}.channel-section .channel-container .channel-members-section .member-list .member-container .member-popup-button .member-name{font-size:.9rem;font-family:Roboto,sans-serif;pointer-events:none}.channel-section .channel-container .channel-members-section .member-list .member-container .member-popup-button .member-more{margin-left:auto!important}.channel-section .channel-container .channel-members-section .member-list .member-container.member-popup .member-popup-container{box-shadow:inset 1px 1px 10px 3px #0000004c;height:0;display:flex;background-color:#232933;flex-direction:column;transition:all .15s ease-in-out;overflow-y:scroll;margin:auto}.channel-section .channel-container .channel-members-section .member-list .member-container.member-popup .member-popup-container::-webkit-scrollbar{width:.2rem}.channel-section .channel-container .channel-members-section .member-list .member-container.member-popup .member-popup-container::-webkit-scrollbar-thumb{background-color:#44536a;border-radius:.2rem;transition:background-color .3s ease-in-out}.channel-section .channel-container .channel-members-section .member-list .member-container.member-popup .member-popup-container.member-popup-active{height:4.1rem}.channel-section .channel-container .channel-members-section .member-list .member-container.member-popup .member-popup-container .popup-member-info-container{display:none}.channel-section .channel-container .channel-members-section .member-list .member-container.member-popup .member-popup-container div{font-size:.8rem;font-family:Open Sans,sans-serif;padding:.5rem 0;width:100%;text-align:center;padding:auto 0}.channel-section .channel-container .channel-members-section .member-list .member-container.member-popup .member-popup-container button{padding:auto 0;width:100%;background-color:transparent;border:none;font-size:.8rem;padding:.5rem 0}.channel-section .channel-container .channel-members-section .member-list .member-container.member-popup .member-popup-container .member-message-link{display:none}.channel-section .channel-container .channel-members-section .member-list .member-container.member-popup .member-popup-container .member-accept-friend-request{color:#31be1c}.channel-section .channel-container .channel-members-section .member-list .member-container.member-popup .member-popup-container .member-decline-friend-request{color:#c93a3a}.channel-section .modal-window-container{width:100%;height:100vh;height:100dvh;background-color:#0003;display:block;z-index:500}.channel-section .modal-window-container .channel-modal{font-family:monospace!important;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:90%;height:fit-content;background-color:#1c2028;box-shadow:3px 3px 3px 3px #0e0e0e6b;padding:1rem;transition:all .2s ease-in-out;border-radius:10px}.channel-section .modal-window-container .channel-modal.visible{top:50%}.channel-section .modal-window-container .channel-modal .modal-x-button-container{display:flex;justify-content:end;align-items:center}.channel-section .modal-window-container .channel-modal .modal-x-button-container .modal-x-button{background-color:transparent;border:none;padding:0;cursor:pointer}.channel-section .modal-window-container .channel-modal .modal-x-button-container .modal-x-button:hover>.x-img{stroke-width:2px}.channel-section .modal-window-container .channel-modal .modal-x-button-container .modal-x-button .x-img{transition:all .05s ease-in-out}.channel-section .modal-window-container .channel-modal .modal-header{margin:.5rem 0;font-size:1rem}.channel-section .modal-window-container .channel-modal .modal-text{font-size:.8rem}.channel-section .modal-window-container .channel-modal .channel-modal-button-container{display:flex;justify-content:flex-end;align-content:center;margin-top:1.5rem;column-gap:1rem}.channel-section .modal-window-container .channel-modal .channel-modal-button-container .confirm-button{border:none;border:1px solid rgb(180,50,50);border-radius:8px;height:2rem;width:auto;padding:.3rem .6rem;font-size:.9rem;font-weight:300;background-color:transparent;transition:background-color .1s ease-in;display:flex;justify-content:center;align-items:center}.channel-section .modal-window-container .channel-modal .channel-modal-button-container .confirm-button .confirm-button-loading{margin-right:0;width:30px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}.channel-section .modal-window-container .channel-modal .channel-modal-button-container .confirm-button:hover{background-color:#b43232;cursor:pointer}.channel-section .modal-window-container .channel-modal .channel-modal-button-container .cancel-button{border-radius:8px;border:none;border:1px solid #b9b9b9;background-color:transparent;padding:0 .6rem;font-size:.9rem;transition:background-color .1s ease-in,color .1s ease-in}.channel-section .modal-window-container .channel-modal .channel-modal-button-container .cancel-button:hover{cursor:pointer;background-color:#b9b9b9;color:#000}.channel-section .modal-window-container .channel-modal .channel-modal-button-container.s-modal-button-container{position:relative}.channel-section .modal-window-container .channel-modal .channel-modal-button-container.s-modal-button-container .s-modal-err{position:absolute;color:#c93a3a;font-family:Open Sans,sans-serif;font-size:.7rem;left:0;top:105%}.channel-section .modal-window-container .channel-modal .message-limit-modal-button-container{margin-top:1.5rem;display:flex;align-items:center;justify-content:end}.channel-section .modal-window-container .channel-modal .message-limit-modal-button-container button{border:none;border:1px solid rgb(24,65,159);height:2rem;width:5rem;padding:.3rem .6rem;font-size:.9rem;font-weight:300;background-color:transparent;transition:background-color .1s ease-in;display:flex;justify-content:center;align-items:center;border-radius:8px}.channel-section .modal-window-container .channel-modal .message-limit-modal-button-container button:hover{background-color:#18419f;cursor:pointer}.channel-section .modal-window-container .group-settings-modal-container{background-color:#1c2028;height:100vh;height:100dvh;width:100vw;left:0%;top:90%!important;transition:top .15s ease-in-out!important;position:absolute;padding:1rem}.channel-section .modal-window-container .group-settings-modal-container.visible{top:0%!important}.channel-section .modal-window-container .group-settings-modal-container .group-setting-x-button-container{display:flex;justify-content:end;align-items:center;margin-bottom:1rem}.channel-section .modal-window-container .group-settings-modal-container .group-setting-x-button-container button{display:flex;justify-content:center;align-items:center}.channel-section .modal-window-container .group-settings-modal-container .group-setting-x-button-container button svg{width:1.8rem;height:1.8rem}.channel-section .modal-window-container .group-settings-modal-container .group-settings-form{height:100%;position:relative;width:100%}.channel-section .modal-window-container .group-settings-modal-container .group-settings-form .group-sett-error{position:absolute;top:-2%;color:#c93a3a;font-size:.7rem;font-family:Open Sans,sans-serif}.channel-section .modal-window-container .group-settings-modal-container .group-settings-form .group-photo-input-containter{margin-bottom:.5rem;display:flex;justify-content:center;align-items:center}.channel-section .modal-window-container .group-settings-modal-container .group-settings-form .group-photo-input-containter .group-setting-photo-input{display:none}.channel-section .modal-window-container .group-settings-modal-container .group-settings-form .group-photo-input-containter .group-photo-input-label{position:relative;cursor:pointer;height:5rem;width:5rem;display:flex;justify-content:center;align-items:center;border-radius:100%}.channel-section .modal-window-container .group-settings-modal-container .group-settings-form .group-photo-input-containter .group-photo-input-label:hover>.photo-input-hover{opacity:1}.channel-section .modal-window-container .group-settings-modal-container .group-settings-form .group-photo-input-containter .group-photo-input-label .photo-input-hover{position:absolute;height:100%;width:100%;border-radius:100%;background-color:#00000090;display:flex;justify-content:center;align-items:center;color:#fff;font-size:.7rem;font-family:Raleway,sans-serif;opacity:0;transition:opacity .15s ease-in-out}.channel-section .modal-window-container .group-settings-modal-container .group-settings-form .group-photo-input-containter .group-photo-input-label img{height:100%;width:100%;object-fit:cover;border-radius:100%}.channel-section .modal-window-container .group-settings-modal-container .group-settings-form .group-info-input-container .group-setting-input-label{display:block;padding:.3rem 0;font-size:.9rem}.channel-section .modal-window-container .group-settings-modal-container .group-settings-form .group-info-input-container input{padding:4px 0 4px 16px;width:100%;border:none;border-radius:.1rem;background-color:#0000003b;font-size:1rem;font-family:system-ui;font-weight:300;margin-bottom:.5rem}.channel-section .modal-window-container .group-settings-modal-container .group-settings-form .group-setting-button-container{display:flex;justify-content:end;align-items:center;margin-top:2rem}.channel-section .modal-window-container .group-settings-modal-container .group-settings-form .group-setting-button-container .group-setting-button{cursor:pointer;height:2rem;padding:0 .5rem;width:6.5rem;font-size:.9rem;border:1px solid #384d69;border-radius:8px;display:flex;align-items:center;justify-content:center}.channel-section .modal-window-container .group-settings-modal-container .group-settings-form .group-setting-button-container .group-setting-button .user-setting-loading{margin-right:0;width:1.5rem;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}.channel-section .modal-window-container .invite-modal-container{height:100vh;height:100dvh;width:100vw;position:absolute;top:100%;transition:top .25s ease-in-out;left:0;transform:none}.channel-section .modal-window-container .invite-modal-container.visible{top:0%}.channel-section .modal-window-container .invite-modal-container .invite-modal-friend-list{margin-top:1rem;height:80%;box-shadow:0 4px 10px 2px #00000078;position:relative;border-radius:10px}.channel-section .modal-window-container .invite-modal-container .invite-modal-friend-list .invite-user-err{position:absolute;bottom:100%;font-size:.7rem;font-family:Open Sans,sans-serif;color:#c93a3a}.channel-section .modal-window-container .invite-modal-container .invite-modal-friend-list .invite-user-err::-webkit-scrollbar{width:.2rem}.channel-section .modal-window-container .invite-modal-container .invite-modal-friend-list .invite-user-err::-webkit-scrollbar-thumb{background-color:#51546e;border-radius:.2rem;transition:background-color .3s ease-in-out}.channel-section .modal-window-container .invite-modal-container .invite-modal-friend-list .invite-friend-list-containter{padding:.5rem 1rem;display:flex;flex-direction:column;height:100%;overflow-y:scroll}.channel-section .modal-window-container .invite-modal-container .invite-modal-friend-list .invite-friend-list-containter::-webkit-scrollbar{width:.3rem}.channel-section .modal-window-container .invite-modal-container .invite-modal-friend-list .invite-friend-list-containter::-webkit-scrollbar-thumb{background-color:#51546e;border-radius:.2rem;transition:background-color .3s ease-in-out}.channel-section .modal-window-container .invite-modal-container .invite-modal-friend-list .invite-friend-list-containter .invite-friend-info{display:flex;justify-content:start;width:100%;align-items:center;margin:.5rem 0}.channel-section .modal-window-container .invite-modal-container .invite-modal-friend-list .invite-friend-list-containter .invite-friend-info .friend-invite-display-name{font-family:Raleway,sans-serif;font-size:1.1rem}.channel-section .modal-window-container .invite-modal-container .invite-modal-friend-list .invite-friend-list-containter .invite-friend-info img{width:1.8rem;height:1.8rem;object-fit:cover;margin-right:.5rem;border-radius:.9rem}.channel-section .modal-window-container .invite-modal-container .invite-modal-friend-list .invite-friend-list-containter .friend-invite-button-err{margin-left:auto;border:0;background-color:transparent;border:1px solid rgb(180,50,50);font-family:Raleway,sans-serif;font-size:.8rem;font-weight:700;width:3.5rem;padding:.4rem;transition:background-color .15s ease-in;cursor:pointer;display:flex;align-items:center;justify-content:center}.channel-section .modal-window-container .invite-modal-container .invite-modal-friend-list .invite-friend-list-containter .friend-invite-button-err .invite-user-loading{margin-right:0;width:30px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}.channel-section .modal-window-container .invite-modal-container .invite-modal-friend-list .invite-friend-list-containter .friend-invite-button{border-radius:8px;margin-left:auto;border:0;background-color:transparent;border:1px solid rgb(31,128,41);font-size:.8rem;font-weight:700;width:3.5rem;padding:.4rem;transition:background-color .15s ease-in;cursor:pointer;display:flex;align-items:center;justify-content:center}.channel-section .modal-window-container .invite-modal-container .invite-modal-friend-list .invite-friend-list-containter .friend-invite-button .invite-user-loading{margin-right:0;width:30px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}}@media (min-width: 769px){.channel-section .channel-container{display:flex;flex:1}.channel-section .channel-container .channel-nav{justify-content:flex-end}.channel-section .channel-container .channel-nav .channel-back-to-home-button{display:none}.channel-section .channel-container .channel-nav .channel-nav-info-mob-container,.channel-section .channel-container .channel-nav .channel-nav-info-button{display:none!important}.channel-section .channel-container .channel-nav .channel-nav-info-container{margin-right:auto}.channel-section .channel-container .channel-nav .channel-nav-info-container .channel-nav-header{margin:0;font-family:Open Sans,sans-serif;font-weight:300}.channel-section .channel-container .channel-nav .nav-button-container .channel-to-member-button{display:none}.channel-section .channel-container .message-section{padding-right:0rem 2rem}}@media (min-width: 769px) and (min-width: 769px) and (max-width: 1024px){.channel-section .channel-container .message-section .message-box{padding:0 .5rem 0rem}}@media (min-width: 769px) and (min-width: 1025px){.channel-section .channel-container .message-section .message-box{padding:0 2rem 0rem}}@media (min-width: 769px){.channel-section .channel-container .message-section .message-box::-webkit-scrollbar{width:.4rem}.channel-section .channel-container .message-section .message-box::-webkit-scrollbar-thumb{background-color:#51546e;border-radius:.2rem;transition:background-color .3s ease-in-out}.channel-section .channel-container .message-section .message-box::-webkit-scrollbar-track{background-color:#2e3544}.channel-section .channel-container .message-section .message-box .user-message-info-container .message-info .message-content-container{width:22rem}.channel-section .channel-container .channel-members-section{padding:2rem .15rem .5rem 0;flex-shrink:0;height:100vh}}@media (min-width: 769px) and (min-width: 769px) and (max-width: 1024px){.channel-section .channel-container .channel-members-section{width:9rem}}@media (min-width: 769px) and (min-width: 1025px){.channel-section .channel-container .channel-members-section{width:13rem}}@media (min-width: 769px){.channel-section .channel-container .channel-members-section .member-list{flex:1;overflow-y:scroll;overflow-x:visible;margin:0;margin-top:.5rem}.channel-section .channel-container .channel-members-section .member-list::-webkit-scrollbar{width:.3rem}.channel-section .channel-container .channel-members-section .member-list::-webkit-scrollbar-thumb{background-color:transparent;border-radius:.2rem;transition:background-color .3s ease-in-out}.channel-section .channel-container .channel-members-section .member-list:hover::-webkit-scrollbar-thumb{background-color:#44536a}.channel-section .channel-container .channel-members-section .member-list .member-container{height:3rem;width:100%}.channel-section .channel-container .channel-members-section .member-list .member-container .member-popup-button{background-color:transparent;cursor:pointer;border:none;width:100%;height:100%;display:flex;align-items:center;column-gap:.8rem;padding:0 .5rem}.channel-section .channel-container .channel-members-section .member-list .member-container .member-popup-button .member-name{width:100%;text-align:start;font-size:1.1rem;font-family:Roboto,sans-serif;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-section .channel-container .channel-members-section .member-list .member-container .member-popup-button .member-more{display:none}.channel-section .channel-container .channel-members-section .member-list .member-container.member-popup{position:relative}.channel-section .channel-container .channel-members-section .member-list .member-container.member-popup:hover{background-color:#2c3440}.channel-section .channel-container .channel-members-section .member-list .member-container.member-popup .member-popup-container{border-radius:0rem!important;width:100%!important;left:0%!important;z-index:100;height:fit-content;position:absolute;background-color:#1b232e;box-shadow:1px 3px 10px 4px #0000007f;overflow:hidden;display:flex;flex-direction:column;border-radius:.5rem}.channel-section .channel-container .channel-members-section .member-list .member-container.member-popup .member-popup-container .popup-member-info-container{height:3rem;display:flex;align-items:center;padding:.5rem}.channel-section .channel-container .channel-members-section .member-list .member-container.member-popup .member-popup-container .popup-member-info-container img{min-width:2rem;width:2rem;height:2rem;border-radius:1rem;object-fit:cover;margin-right:.5rem}.channel-section .channel-container .channel-members-section .member-list .member-container.member-popup .member-popup-container .popup-member-info-container .popup-member-info{display:flex;flex-direction:column;width:100%}.channel-section .channel-container .channel-members-section .member-list .member-container.member-popup .member-popup-container .popup-member-info-container .popup-member-info .popup-member-name{font-size:.8rem;font-family:Raleway,sans-serif;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-section .channel-container .channel-members-section .member-list .member-container.member-popup .member-popup-container .popup-member-info-container .popup-member-info .popup-member-friend-tag{font-size:.6rem;font-family:Open Sans,sans-serif}.channel-section .channel-container .channel-members-section .member-list .member-container.member-popup .member-popup-container button{font-family:Open Sans,sans-serif!important;font-size:.7rem;background:transparent;border:none;cursor:pointer;padding:.2rem .5rem}.channel-section .channel-container .channel-members-section .member-list .member-container.member-popup .member-popup-container .req-sent-text{text-align:center;padding:.2rem .5rem;font-size:.7rem;font-family:Open Sans,sans-serif;cursor:default}.channel-section .channel-container .channel-members-section .member-list .member-container.member-popup .member-popup-container .member-accept-friend-request{color:#14d31eca}.channel-section .channel-container .channel-members-section .member-list .member-container.member-popup .member-popup-container .member-accept-friend-request:hover{background-color:#14d31eca;color:#fff}.channel-section .channel-container .channel-members-section .member-list .member-container.member-popup .member-popup-container .member-decline-friend-request{color:#c93a3a}.channel-section .channel-container .channel-members-section .member-list .member-container.member-popup .member-popup-container .member-decline-friend-request:hover{background-color:#c93a3a;color:#fff}.channel-section .channel-container .channel-members-section .member-list .member-container.member-popup .member-popup-container .member-add-friend:hover{background-color:#2e3b4db7}.channel-section .channel-container .channel-members-section .member-list .member-container.member-popup .member-popup-container .member-unfriend-button{color:#c93a3a}.channel-section .channel-container .channel-members-section .member-list .member-container.member-popup .member-popup-container .member-unfriend-button:hover{background-color:#c93a3a;color:#fff}.channel-section .channel-container .channel-members-section .member-list .member-container.member-popup .member-popup-container .member-message-link{text-align:center;text-decoration:none;width:100%;font-family:Open Sans,sans-serif;font-size:.7rem;padding:.2rem .5rem;cursor:pointer}.channel-section .channel-container .channel-members-section .member-list .member-container.member-popup .member-popup-container .member-message-link:hover,.channel-section .channel-container .channel-members-section .member-list .member-container.member-popup .member-popup-container .member-set-leader:hover{background-color:#2e3b4db7}.channel-section .channel-container .channel-members-section .member-list .member-container .member-popup-button .member-profile-status{position:relative;padding:.05rem}.channel-section .channel-container .channel-members-section .member-list .member-container .member-popup-button .member-profile-status .member-profile-photo{height:2rem;width:2rem;border-radius:1rem;object-fit:cover}.channel-section .channel-container .channel-members-section .member-list .member-container .member-popup-button .member-profile-status .member-status{left:1.2rem;top:1.4rem;position:absolute;width:.8rem;height:.8rem;border-radius:.4rem;border:.2rem solid #232933}.channel-section .modal-window-container{width:100%;height:100vh;height:100dvh;background-color:#0003;display:block;z-index:500}.channel-section .modal-window-container .group-settings-modal-container{position:absolute;top:40%;background-color:#232933;padding:1.5rem;border-radius:.25rem;min-height:10rem;min-width:25rem;left:50%;transform:translate(-50%,-50%);font-family:monospace!important;transition:all .15s ease-in;padding:1rem 1rem 1.5rem;height:13.5rem;width:30rem}.channel-section .modal-window-container .group-settings-modal-container.visible{top:50%}.channel-section .modal-window-container .group-settings-modal-container .modal-x-button-container{display:flex;justify-content:end;align-items:center}.channel-section .modal-window-container .group-settings-modal-container .modal-x-button-container .modal-x-button{background-color:transparent;border:none;padding:0;cursor:pointer}.channel-section .modal-window-container .group-settings-modal-container .modal-x-button-container .modal-x-button:hover>.x-img{stroke-width:2px}.channel-section .modal-window-container .group-settings-modal-container .modal-x-button-container .modal-x-button .x-img{transition:all .05s ease-in-out}.channel-section .modal-window-container .group-settings-modal-container .modal-header{margin:.5rem 0;font-size:1.2rem}.channel-section .modal-window-container .group-settings-modal-container .group-setting-x-button-container{display:none}.channel-section .modal-window-container .group-settings-modal-container .group-settings-form{height:100%;display:flex;flex-direction:column;justify-content:center;padding-right:2rem;position:relative}.channel-section .modal-window-container .group-settings-modal-container .group-settings-form .group-sett-error{position:absolute;top:100%;color:#c93a3a;font-size:.7rem;font-family:Open Sans,sans-serif}.channel-section .modal-window-container .group-settings-modal-container .group-settings-form .group-photo-input-containter{margin-bottom:.5rem;display:flex;justify-content:center;align-items:center}.channel-section .modal-window-container .group-settings-modal-container .group-settings-form .group-photo-input-containter .group-setting-photo-input{display:none}.channel-section .modal-window-container .group-settings-modal-container .group-settings-form .group-photo-input-containter .group-photo-input-label{position:relative;cursor:pointer;height:4rem;width:4rem;display:flex;justify-content:center;align-items:center;border-radius:100%}.channel-section .modal-window-container .group-settings-modal-container .group-settings-form .group-photo-input-containter .group-photo-input-label:hover>.photo-input-hover{opacity:1}.channel-section .modal-window-container .group-settings-modal-container .group-settings-form .group-photo-input-containter .group-photo-input-label .photo-input-hover{position:absolute;height:100%;width:100%;border-radius:100%;background-color:#00000090;display:flex;justify-content:center;align-items:center;color:#fff;font-size:.7rem;font-family:Raleway,sans-serif;opacity:0;transition:opacity .15s ease-in-out}.channel-section .modal-window-container .group-settings-modal-container .group-settings-form .group-photo-input-containter .group-photo-input-label img{height:100%;width:100%;object-fit:cover;border-radius:100%}.channel-section .modal-window-container .group-settings-modal-container .group-settings-form .group-info-input-container .group-setting-input-label{display:block;padding:.3rem 0;font-size:.8rem}.channel-section .modal-window-container .group-settings-modal-container .group-settings-form .group-info-input-container input{width:100%;border:none;border-radius:.1rem;background-color:#1c2028;font-size:1rem;font-family:system-ui;font-weight:300;margin-bottom:.5rem;padding:4px 0 4px 16px}.channel-section .modal-window-container .group-settings-modal-container .group-settings-form .group-setting-button-container{display:flex;justify-content:center;align-items:center;margin-top:.5rem}.channel-section .modal-window-container .group-settings-modal-container .group-settings-form .group-setting-button-container .group-setting-button{padding:0;cursor:pointer;height:2rem;padding:0 .5rem;width:4rem;font-size:.7rem;border-radius:8px;border:1px solid #384d69;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease-in-out}.channel-section .modal-window-container .group-settings-modal-container .group-settings-form .group-setting-button-container .group-setting-button:hover{background-color:#384d69}.channel-section .modal-window-container .group-settings-modal-container .group-settings-form .group-setting-button-container .group-setting-button .group-setting-loading{margin-right:0;width:1.5rem;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}.channel-section .modal-window-container .channel-modal{position:absolute;top:40%;background-color:#232933;padding:1.5rem;border-radius:.25rem;min-height:10rem;min-width:25rem;left:50%;transform:translate(-50%,-50%);font-family:monospace!important;transition:all .15s ease-in}.channel-section .modal-window-container .channel-modal.visible{top:50%}.channel-section .modal-window-container .channel-modal .modal-x-button-container{display:flex;justify-content:end;align-items:center}.channel-section .modal-window-container .channel-modal .modal-x-button-container .modal-x-button{background-color:transparent;border:none;padding:0;cursor:pointer}.channel-section .modal-window-container .channel-modal .modal-x-button-container .modal-x-button:hover>.x-img{stroke-width:2px}.channel-section .modal-window-container .channel-modal .modal-x-button-container .modal-x-button .x-img{transition:all .05s ease-in-out}.channel-section .modal-window-container .channel-modal .modal-header{margin:.5rem 0;font-size:1.2rem}.channel-section .modal-window-container .channel-modal .channel-modal-button-container{display:flex;justify-content:flex-end;align-content:center;margin-top:1.5rem;column-gap:1rem}.channel-section .modal-window-container .channel-modal .channel-modal-button-container .confirm-button{border:none;border:1px solid rgb(180,50,50);border-radius:8px;height:2rem;width:auto;padding:.3rem .6rem;font-size:.9rem;font-weight:300;background-color:transparent;transition:background-color .1s ease-in;display:flex;justify-content:center;align-items:center}.channel-section .modal-window-container .channel-modal .channel-modal-button-container .confirm-button .confirm-button-loading{margin-right:0;width:30px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}.channel-section .modal-window-container .channel-modal .channel-modal-button-container .confirm-button:hover{background-color:#b43232;cursor:pointer}.channel-section .modal-window-container .channel-modal .channel-modal-button-container .cancel-button{border-radius:8px;border:none;border:1px solid #b9b9b9;background-color:transparent;padding:0 .6rem;font-size:.9rem;transition:background-color .1s ease-in,color .1s ease-in}.channel-section .modal-window-container .channel-modal .channel-modal-button-container .cancel-button:hover{cursor:pointer;background-color:#b9b9b9;color:#000}.channel-section .modal-window-container .channel-modal .channel-modal-button-container.s-modal-button-container{position:relative}.channel-section .modal-window-container .channel-modal .channel-modal-button-container.s-modal-button-container .s-modal-err{position:absolute;color:#c93a3a;font-family:Open Sans,sans-serif;font-size:.7rem;left:0;top:105%}.channel-section .modal-window-container .channel-modal .message-limit-modal-button-container{margin-top:1.5rem;display:flex;align-items:center;justify-content:end}.channel-section .modal-window-container .channel-modal .message-limit-modal-button-container button{border:none;border:1px solid rgb(24,65,159);height:2rem;width:5rem;padding:.3rem .6rem;font-size:.9rem;font-weight:300;background-color:transparent;transition:background-color .1s ease-in;display:flex;justify-content:center;align-items:center;border-radius:8px}.channel-section .modal-window-container .channel-modal .message-limit-modal-button-container button:hover{background-color:#18419f;cursor:pointer}.channel-section .modal-window-container .invite-modal-container{position:absolute;top:40%;background-color:#232933;padding:1.5rem;border-radius:.25rem;min-height:10rem;min-width:25rem;left:50%;transform:translate(-50%,-50%);font-family:monospace!important;transition:all .15s ease-in}.channel-section .modal-window-container .invite-modal-container.visible{top:50%}.channel-section .modal-window-container .invite-modal-container .modal-x-button-container{display:flex;justify-content:end;align-items:center}.channel-section .modal-window-container .invite-modal-container .modal-x-button-container .modal-x-button{background-color:transparent;border:none;padding:0;cursor:pointer}.channel-section .modal-window-container .invite-modal-container .modal-x-button-container .modal-x-button:hover>.x-img{stroke-width:2px}.channel-section .modal-window-container .invite-modal-container .modal-x-button-container .modal-x-button .x-img{transition:all .05s ease-in-out}.channel-section .modal-window-container .invite-modal-container .modal-header{margin:.5rem 0;font-size:1.2rem}}@media (min-width: 769px) and (max-height: 500px){.channel-section .modal-window-container .invite-modal-container{height:350px!important}.channel-section .modal-window-container .invite-modal-container .invite-modal-friend-list{height:10rem!important}}@media (min-width: 769px){.channel-section .modal-window-container .invite-modal-container .invite-modal-friend-list{border-top:1px solid rgba(255,255,255,.2235294118);margin-top:1.5rem;height:20rem;position:relative}.channel-section .modal-window-container .invite-modal-container .invite-modal-friend-list .invite-user-err{position:absolute;bottom:100%;font-size:.7rem;font-family:Open Sans,sans-serif;color:#c93a3a}.channel-section .modal-window-container .invite-modal-container .invite-modal-friend-list .invite-friend-list-containter{padding:.5rem 1rem;display:flex;flex-direction:column;height:100%;overflow:auto}.channel-section .modal-window-container .invite-modal-container .invite-modal-friend-list .invite-friend-list-containter::-webkit-scrollbar{width:.2rem}.channel-section .modal-window-container .invite-modal-container .invite-modal-friend-list .invite-friend-list-containter::-webkit-scrollbar-thumb{background-color:#51546e;border-radius:.2rem;transition:background-color .3s ease-in-out}.channel-section .modal-window-container .invite-modal-container .invite-modal-friend-list .invite-friend-list-containter .invite-friend-info{display:flex;justify-content:start;width:100%;align-items:center;margin:.2rem 0}.channel-section .modal-window-container .invite-modal-container .invite-modal-friend-list .invite-friend-list-containter .invite-friend-info .friend-invite-display-name{font-family:Raleway,sans-serif;font-size:1.1rem}.channel-section .modal-window-container .invite-modal-container .invite-modal-friend-list .invite-friend-list-containter .invite-friend-info img{width:1.8rem;height:1.8rem;object-fit:cover;margin-right:.5rem;border-radius:.9rem}.channel-section .modal-window-container .invite-modal-container .invite-modal-friend-list .invite-friend-list-containter .friend-invite-button-err{margin-left:auto;border:0;background-color:transparent;border:1px solid rgb(180,50,50);font-family:Raleway,sans-serif;font-size:.8rem;font-weight:700;width:3.5rem;padding:.4rem;transition:background-color .15s ease-in;cursor:pointer;display:flex;align-items:center;justify-content:center}.channel-section .modal-window-container .invite-modal-container .invite-modal-friend-list .invite-friend-list-containter .friend-invite-button-err:hover{background-color:#b43232}.channel-section .modal-window-container .invite-modal-container .invite-modal-friend-list .invite-friend-list-containter .friend-invite-button-err .invite-user-loading{margin-right:0;width:30px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}.channel-section .modal-window-container .invite-modal-container .invite-modal-friend-list .invite-friend-list-containter .friend-invite-button{border-radius:8px;margin-left:auto;border:0;background-color:transparent;border:1px solid rgb(31,128,41);font-size:.8rem;font-weight:700;width:3.5rem;padding:.4rem;transition:background-color .15s ease-in;cursor:pointer;display:flex;align-items:center;justify-content:center}.channel-section .modal-window-container .invite-modal-container .invite-modal-friend-list .invite-friend-list-containter .friend-invite-button:hover{background-color:#1f8029}.channel-section .modal-window-container .invite-modal-container .invite-modal-friend-list .invite-friend-list-containter .friend-invite-button .invite-user-loading{margin-right:0;width:30px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}}.channel-section .channel-container{width:100%;background:#232933;background:linear-gradient(117deg,#232933,#0c1017 100%,#1c2634);position:relative}.channel-section .channel-container .channel-nav{min-height:2.5rem;width:100%;background-color:#232933;height:max-content;padding:.25rem .5rem;display:flex;align-items:center;margin-bottom:auto;position:absolute;top:0;box-shadow:1px 1px 1px 1px #0000007b;z-index:101}.channel-section .channel-container .channel-nav .member-error-notice{width:100%;color:#fff;font-family:Raleway,sans-serif;font-size:.8rem;text-align:center;position:absolute;left:0;padding:.5rem 0;top:100%;opacity:1;display:none;pointer-events:none;display:block}.channel-section .channel-container .channel-nav .member-error-notice.visible{background-color:#da3c3ccb;opacity:0;transition:opacity 5s ease-in-out}.channel-section .channel-container .channel-nav .channel-nav-info-container,.channel-section .channel-container .channel-nav .channel-nav-info-mob-container,.channel-section .channel-container .channel-nav .channel-nav-info-button{display:flex;align-items:center;column-gap:.5rem;margin-left:.5rem}.channel-section .channel-container .channel-nav .channel-nav-info-container .channel-nav-photo,.channel-section .channel-container .channel-nav .channel-nav-info-mob-container .channel-nav-photo,.channel-section .channel-container .channel-nav .channel-nav-info-button .channel-nav-photo{width:2rem;height:2rem;border-radius:1rem;object-fit:cover}.channel-section .channel-container .channel-nav .nav-button-container{display:flex;justify-content:center;align-items:center}.channel-section .channel-container .channel-nav .nav-button-container .nav-button{background-color:transparent;width:2rem;height:2rem;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;position:relative;padding:0 .25rem}.channel-section .channel-container .channel-nav .nav-button-container .nav-button.last-nav-button .channel-nav-button-tooltip{right:-15%}.channel-section .channel-container .channel-nav .nav-button-container .nav-button .channel-nav-button-tooltip{position:absolute;padding:.35rem;background-color:#1d222d;opacity:0;display:flex;justify-content:center;align-items:center;transition:opacity .15s ease-in;top:120%;height:fit-content;z-index:1;border-radius:.15rem;pointer-events:none}.channel-section .channel-container .channel-nav .nav-button-container .nav-button .channel-nav-button-tooltip-text{font-family:Open Sans,sans-serif;font-size:.6rem;width:4rem}.channel-section .channel-container .channel-nav .nav-button-container .nav-button svg{align-self:center;width:100%;height:100%}.channel-section .channel-container .channel-nav .nav-button-container .nav-button:hover>svg{fill:#b9b9b9}.channel-section .channel-container .channel-nav .nav-button-container .nav-button:hover>.channel-nav-button-tooltip{opacity:1;pointer-events:auto}.channel-section .channel-container .message-section{width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;justify-content:end}.channel-section .channel-container .message-section .message-box{overflow-y:scroll;width:100%;height:100%;max-height:100%;margin-top:auto;display:flex;flex-direction:column-reverse;margin-top:2.5rem}.channel-section .channel-container .message-section .message-box .top-message-gap{display:flex;justify-content:center;align-items:center;width:100%;top:0%;left:0%;position:relative;padding:1.5rem}.channel-section .channel-container .message-section .message-box .top-message-gap .fetch-message-loading{display:flex;justify-content:center;align-items:center;width:100%;position:absolute;top:0%}.channel-section .channel-container .message-section .message-box .top-message-gap .fetch-message-loading .fetch-message-loading{width:35px;aspect-ratio:1;border-radius:50%;margin:.5rem 0;border:6px solid rgba(59,75,95,.7803921569);animation:l20-1 .8s infinite linear alternate,l20-2 1.6s infinite linear;-webkit-animation:l20-1 .8s infinite linear alternate,l20-2 1.6s infinite linear}.channel-section .channel-container .message-section .message-box .sent-indicator-container{text-align:end;min-width:1.5rem}.channel-section .channel-container .message-section .message-box .sent-indicator-container .sent-indicator{display:none;font-family:Raleway,sans-serif;color:#ffffff81;font-size:.8rem;margin-right:2.5rem}.channel-section .channel-container .message-section .message-box .sent-indicator-container .sent-indicator.sent-visible{display:inline}.channel-section .channel-container .message-section .message-box .user-message-info-container{display:flex;justify-content:flex-start;align-items:center;margin:.5rem 0;column-gap:.5rem}.channel-section .channel-container .message-section .message-box .user-message-info-container .sender-photo{width:2.3rem;height:2.3rem;min-width:2.3rem;border-radius:1.15rem;object-fit:cover;align-self:flex-start;margin-top:.2rem}.channel-section .channel-container .message-section .message-box .user-message-info-container .message-info{display:flex;flex-direction:column;font-family:Open Sans,sans-serif}.channel-section .channel-container .message-section .message-box .user-message-info-container .message-info .message-content-container{display:flex;flex-direction:column}.channel-section .channel-container .message-section .message-box .user-message-info-container .message-info .message-content-container .message-content{font-family:monospace;border-radius:10px;margin:.1rem 0;font-size:1rem;font-weight:300;word-break:break-word;font-weight:400;font-size:16px;width:fit-content;max-width:100%;background-color:#2a3748;padding:.5rem}.channel-section .channel-container .message-section .message-box .user-message-info-container .message-info .message-date-displayname{display:flex;align-items:baseline;justify-content:flex-start}.channel-section .channel-container .message-section .message-box .user-message-info-container .message-info .message-date-displayname .message-sender{font-size:1rem;margin-right:.3rem;font-family:Raleway}.channel-section .channel-container .message-section .message-box .user-message-info-container .message-info .message-date-displayname .message-date{font-size:.6rem;color:#868686}.channel-section .channel-container .message-section .message-box .my-message-info-container{display:flex;justify-content:flex-end;align-items:center;margin:.5rem 0;column-gap:.5rem}.channel-section .channel-container .message-section .message-box .my-message-info-container .sender-photo{order:2;width:2.3rem;height:2.3rem;border-radius:1.15rem;object-fit:cover;align-self:start;margin-top:.2rem}.channel-section .channel-container .message-section .message-box .my-message-info-container .message-info{align-items:flex-end;order:1;display:flex;flex-direction:column}.channel-section .channel-container .message-section .message-box .my-message-info-container .message-info .message-date-displayname .message-sender{order:2;margin:0}.channel-section .channel-container .message-section .message-box .my-message-info-container .message-info .message-date-displayname .message-date{order:1;margin-right:.3rem}.channel-section .channel-container .message-section .message-box .my-message-info-container .message-info .message-content-container{align-items:flex-end}.channel-section .channel-container .message-section .message-box .my-message-info-container .message-info .message-content-container .message-content{background-color:#1d3252}.channel-section .channel-container .message-section .message-input-container{width:100%;display:flex;background-color:#fff0;justify-content:center;align-items:flex-end;padding:.5rem 6rem 1rem}.channel-section .channel-container .message-section .message-input-container .message-inputs{display:flex;align-items:flex-start;width:100%;background-color:#232933;border-radius:.3rem;column-gap:8px;padding-left:.8rem;min-height:33px}@media (max-width: 768px){.channel-section .channel-container .message-section .message-input-container .message-inputs{padding-right:.8rem}}.channel-section .channel-container .message-section .message-input-container .message-inputs .emoji-select-container{position:relative;height:fit-content;width:fit-content;display:flex;justify-content:center;z-index:50}.channel-section .channel-container .message-section .message-input-container .message-inputs .emoji-select-container .emoji-input{position:absolute;right:0;bottom:125%;background-color:#1f2834;border:none;box-shadow:1px 1px 3px 3px #00000027}.channel-section .channel-container .message-section .message-input-container .message-inputs .emoji-select-container .emoji-input .epr_-xm0i1t li:last-child button:hover{background-color:#2b3e5f}.channel-section .channel-container .message-section .message-input-container .message-inputs .emoji-select-container .emoji-input .epr-category-nav button:before{border:none}.channel-section .channel-container .message-section .message-input-container .message-inputs .emoji-select-container .emoji-input div::-webkit-scrollbar{width:.2rem}.channel-section .channel-container .message-section .message-input-container .message-inputs .emoji-select-container .emoji-input div::-webkit-scrollbar-thumb{background-color:#44536a;border-radius:.2rem;transition:background-color .3s ease-in-out}.channel-section .channel-container .message-section .message-input-container .message-inputs .emoji-select-container .emoji-input h2{background-color:#1f28349e;font-size:14px;height:30px;color:#b9b9b9}.channel-section .channel-container .message-section .message-input-container .message-inputs .emoji-select-container .emoji-input .epr-emoji-category-content button:focus{background-color:transparent}.channel-section .channel-container .message-section .message-input-container .message-inputs .emoji-select-container .emoji-input .epr-emoji-category-content button:hover{background-color:#2b3e5f}.channel-section .channel-container .message-section .message-input-container .message-inputs .emoji-select-container .emoji-input .epr-emoji-category-content button span{font-size:24px}.channel-section .channel-container .message-section .message-input-container .message-inputs .emoji-select-container .emoji-button{width:100%;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer;padding-top:5px;padding-bottom:5px;transition:.1s scale ease-in-out}.channel-section .channel-container .message-section .message-input-container .message-inputs .emoji-select-container .emoji-button:hover{scale:1.2}@media (max-width: 768px){.channel-section .channel-container .message-section .message-input-container .message-inputs .emoji-select-container{display:none}}.channel-section .channel-container .message-section .message-input-container .message-inputs .message-input{flex:1 1 auto!important;border:none;padding:.4rem 0;font-size:16px;resize:none;background-color:transparent;line-height:20px}.channel-section .channel-container .message-section .message-input-container .message-inputs .message-input:focus{outline:none}.channel-section .channel-container .message-section .message-input-container .message-inputs .message-input::placeholder{font-size:16px}.channel-section .channel-container .message-section .message-input-container .message-input-load{width:100%;background-color:#232933;border:none;padding:.4rem 1rem;border-radius:.3rem;height:33px}.channel-section .channel-container .channel-members-section{display:flex;flex-direction:column;background-color:#30303018}.channel-section .channel-container .channel-members-section .member-list .member-container.friend-member-container{display:flex;align-items:center;column-gap:.8rem;padding:0 .5rem}.channel-section .channel-container .channel-members-section .member-list .member-container.friend-member-container .member-profile-status{position:relative;padding:.05rem}.channel-section .channel-container .channel-members-section .member-list .member-container.friend-member-container .member-profile-status .member-profile-photo{height:2rem;width:2rem;object-fit:cover;border-radius:1rem}.channel-section .channel-container .channel-members-section .member-list .member-container.friend-member-container .member-profile-status .member-status{left:1.2rem;top:1.4rem;position:absolute;width:.8rem;height:.8rem;border-radius:.4rem;border:.2rem solid #232933}.channel-section .channel-container .channel-members-section .member-list .member-container.friend-member-container .member-name{font-size:1.1rem;font-family:Roboto,sans-serif;width:100%;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.friend-list-container{width:100vw;height:100vh;height:100dvh;display:flex;flex-direction:column;background-color:#232933!important}.friend-list-container .friend-list-top-section{padding:.3rem .8rem}.friend-list-container .friend-list-top-section .friend-list-to-home-button{background-color:transparent;border:none;display:flex;justify-content:center;align-items:center}.friend-list-container .friend-list-top-section .friends-header{display:none}.friend-list-container .friend-list-top-section .friend-list-mob-top-section-container{display:flex;align-items:center;justify-content:space-between}.friend-list-container .friend-list-top-section .friend-list-mob-top-section-container .friend-list-mob-button{background-color:transparent;border:none;justify-content:center;align-items:center;display:flex}.friend-list-container .friend-list-top-section .friend-list-mob-top-section-container .friends-header{font-family:Open Sans,sans-serif;font-weight:700;font-size:1.1rem;flex-shrink:0;height:2rem;margin:.3rem 0;display:flex;align-items:center}.friend-list-container .friend-list .friend-container .friend-more-pop-up-container .friend-pop-up-link{font-family:monospace;display:none}.friend-list-container .friend-list .friend-container .friend-link{display:none!important}.friend-list-container .friend-list .friend-container .friend-info-container-button{background-color:transparent;border:none;display:flex;justify-content:center;align-items:center}.friend-list-container .friend-list .friend-container .friend-info-container-button .friend-information .friend-photo-status-container .friend-photo{width:2rem;height:2rem;border-radius:1rem;object-fit:cover}.friend-list-container .friend-list .friend-container .friend-info-container-button .friend-information .friend-photo-status-container .friend-status{height:.9rem;width:.9rem;border-radius:.5rem;position:absolute;bottom:0;right:1px;border:solid 3px #232933}.friend-list-container .friend-list .friend-container .friend-info-container-button .friend-information .user-displayName-status-container{display:flex;flex-direction:column;align-items:start}.friend-list-container .friend-list .friend-container .friend-info-container-button .friend-information .user-displayName-status-container .friend-displayName{font-family:Raleway,sans-serif;font-size:1rem}.friend-list-container .friend-list .friend-container .friend-info-container-button .friend-information .user-displayName-status-container .friend-status-text{font-size:.6rem;font-family:Open Sans,sans-serif}.friend-list-container .friend-list .friend-container .friend-more-button{display:none}.friend-list-container .friend-list .friend-container .friend-more-pop-up-container{box-shadow:inset 2px 2px 4px 2px #0000006c;display:block;position:static;transform:none!important;height:0;transition:all .15s ease-in-out;overflow:hidden;display:flex;justify-content:center;align-items:center;background-color:#1c2028!important}.friend-list-container .friend-list .friend-container .friend-more-pop-up-container.pop-up-active{height:2.2rem}.friend-list-container .friend-list .friend-container .friend-more-pop-up-container .remove-friend-button{width:100%;background-color:transparent;border:none;color:#c93a3a;font-size:.8rem}.friend-list-container .modal-window-container{width:100%;height:100vh;height:100dvh;background-color:#0003;display:block;z-index:500}.friend-list-container .modal-window-container .unfriend-modal-container{font-family:monospace!important;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:90%;height:fit-content;background-color:#1c2028;box-shadow:3px 3px 3px 3px #0e0e0e6b;padding:1rem;transition:all .2s ease-in-out;border-radius:10px}.friend-list-container .modal-window-container .unfriend-modal-container.visible{top:50%}.friend-list-container .modal-window-container .unfriend-modal-container .modal-x-button-container{display:flex;justify-content:end;align-items:center}.friend-list-container .modal-window-container .unfriend-modal-container .modal-x-button-container .modal-x-button{background-color:transparent;border:none;padding:0;cursor:pointer}.friend-list-container .modal-window-container .unfriend-modal-container .modal-x-button-container .modal-x-button:hover>.x-img{stroke-width:2px}.friend-list-container .modal-window-container .unfriend-modal-container .modal-x-button-container .modal-x-button .x-img{transition:all .05s ease-in-out}.friend-list-container .modal-window-container .unfriend-modal-container .modal-header{margin:.5rem 0;font-size:1rem}.friend-list-container .modal-window-container .unfriend-modal-container .modal-text{font-size:.8rem}.friend-list-container .modal-window-container .unfriend-modal-container .unfriend-buttons-container{display:flex;justify-content:flex-end;align-content:center;margin-top:1.5rem;column-gap:1rem}.friend-list-container .modal-window-container .unfriend-modal-container .unfriend-buttons-container .confirm-button{border:none;border:1px solid rgb(180,50,50);border-radius:8px;height:2rem;width:auto;padding:.3rem .6rem;font-size:.9rem;font-weight:300;background-color:transparent;transition:background-color .1s ease-in;display:flex;justify-content:center;align-items:center}.friend-list-container .modal-window-container .unfriend-modal-container .unfriend-buttons-container .confirm-button .confirm-button-loading{margin-right:0;width:30px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}.friend-list-container .modal-window-container .unfriend-modal-container .unfriend-buttons-container .confirm-button:hover{background-color:#b43232;cursor:pointer}.friend-list-container .modal-window-container .unfriend-modal-container .unfriend-buttons-container .cancel-button{border-radius:8px;border:none;border:1px solid #b9b9b9;background-color:transparent;padding:0 .6rem;font-size:.9rem;transition:background-color .1s ease-in,color .1s ease-in}.friend-list-container .modal-window-container .unfriend-modal-container .unfriend-buttons-container .cancel-button:hover{cursor:pointer;background-color:#b9b9b9;color:#000}.friend-list-container .modal-window-container .unfriend-modal-container .unfriend-buttons-container.s-modal-button-container{position:relative}.friend-list-container .modal-window-container .unfriend-modal-container .unfriend-buttons-container.s-modal-button-container .s-modal-err{position:absolute;color:#c93a3a;font-family:Open Sans,sans-serif;font-size:.7rem;left:0;top:105%}}@media (min-width: 769px){.friend-list-container{width:45rem;display:flex;flex-direction:column;overflow-x:visible}.friend-list-container .friend-list-top-section{padding:.3rem}.friend-list-container .friend-list-top-section .friend-list-mob-top-section-container{display:none}.friend-list-container .friend-list-top-section .friends-header{font-family:Open Sans,sans-serif;font-weight:700;font-size:1.1rem;flex-shrink:0;height:2rem;margin:.3rem 0;display:flex;align-items:center}.friend-list-container .friend-list .friend-link-container .friend-info-container-button{display:none!important}.friend-list-container .friend-list .friend-link-container .friend-link .friend-information .friend-photo-status-container .friend-photo{width:1.8rem;height:1.8rem;object-fit:cover;border-radius:1rem}.friend-list-container .friend-list .friend-link-container .friend-link .friend-information .friend-photo-status-container .friend-status{height:.7rem;width:.7rem;border-radius:.35rem;position:absolute;bottom:0;right:1px;border:solid 2px #232933}.friend-list-container .friend-list .friend-link-container .friend-link .friend-information .user-displayName-status-container .friend-displayName{font-family:Raleway,sans-serif;font-size:1rem}}@media (min-width: 769px) and (max-width: 870.4px){.friend-list-container .friend-list .friend-link-container .friend-link .friend-information .user-displayName-status-container .friend-displayName{width:4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media (min-width: 769px){.friend-list-container .friend-list .friend-link-container .friend-link .friend-information .user-displayName-status-container .friend-status-text{font-size:.6rem;font-family:Open Sans,sans-serif}.friend-list-container .friend-list .friend-link-container .friend-more-pop-up-container{position:absolute;display:flex;border-radius:8px;flex-direction:column;justify-content:center;align-items:flex-start;background-color:#2a2f36;z-index:1;width:6.4rem;overflow:hidden}.friend-list-container .friend-list .friend-link-container .friend-more-pop-up-container .friend-pop-up-link{padding:6px 0;text-align:center;text-decoration:none;width:100%;font-size:.8rem;font-family:monospace!important}.friend-list-container .friend-list .friend-link-container .friend-more-pop-up-container .friend-pop-up-link:hover{background-color:#3a4b62}.friend-list-container .friend-list .friend-link-container .friend-more-pop-up-container .remove-friend-button{padding:6px 0;text-align:center;width:100%;color:#c93a3a;background-color:transparent;border:none;font-size:.8rem;cursor:pointer}.friend-list-container .friend-list .friend-link-container .friend-more-pop-up-container .remove-friend-button:hover{background-color:#b53737}.friend-list-container .modal-window-container{width:100%;height:100vh;height:100dvh;background-color:#0003;display:block;z-index:500}.friend-list-container .modal-window-container .unfriend-modal-container{position:absolute;top:40%;background-color:#232933;padding:1.5rem;border-radius:.25rem;min-height:10rem;min-width:25rem;left:50%;transform:translate(-50%,-50%);font-family:monospace!important;transition:all .15s ease-in}.friend-list-container .modal-window-container .unfriend-modal-container.visible{top:50%}.friend-list-container .modal-window-container .unfriend-modal-container .modal-x-button-container{display:flex;justify-content:end;align-items:center}.friend-list-container .modal-window-container .unfriend-modal-container .modal-x-button-container .modal-x-button{background-color:transparent;border:none;padding:0;cursor:pointer}.friend-list-container .modal-window-container .unfriend-modal-container .modal-x-button-container .modal-x-button:hover>.x-img{stroke-width:2px}.friend-list-container .modal-window-container .unfriend-modal-container .modal-x-button-container .modal-x-button .x-img{transition:all .05s ease-in-out}.friend-list-container .modal-window-container .unfriend-modal-container .modal-header{margin:.5rem 0;font-size:1.2rem}.friend-list-container .modal-window-container .unfriend-modal-container .unfriend-buttons-container{display:flex;justify-content:flex-end;align-content:center;margin-top:1.5rem;column-gap:1rem}.friend-list-container .modal-window-container .unfriend-modal-container .unfriend-buttons-container .confirm-button{border:none;border:1px solid rgb(180,50,50);border-radius:8px;height:2rem;width:auto;padding:.3rem .6rem;font-size:.9rem;font-weight:300;background-color:transparent;transition:background-color .1s ease-in;display:flex;justify-content:center;align-items:center}.friend-list-container .modal-window-container .unfriend-modal-container .unfriend-buttons-container .confirm-button .confirm-button-loading{margin-right:0;width:30px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}.friend-list-container .modal-window-container .unfriend-modal-container .unfriend-buttons-container .confirm-button:hover{background-color:#b43232;cursor:pointer}.friend-list-container .modal-window-container .unfriend-modal-container .unfriend-buttons-container .cancel-button{border-radius:8px;border:none;border:1px solid #b9b9b9;background-color:transparent;padding:0 .6rem;font-size:.9rem;transition:background-color .1s ease-in,color .1s ease-in}.friend-list-container .modal-window-container .unfriend-modal-container .unfriend-buttons-container .cancel-button:hover{cursor:pointer;background-color:#b9b9b9;color:#000}.friend-list-container .modal-window-container .unfriend-modal-container .unfriend-buttons-container.s-modal-button-container{position:relative}.friend-list-container .modal-window-container .unfriend-modal-container .unfriend-buttons-container.s-modal-button-container .s-modal-err{position:absolute;color:#c93a3a;font-family:Open Sans,sans-serif;font-size:.7rem;left:0;top:105%}}.friend-list-container .friend-list-top-section .friend-list-search-input{width:100%;border:none;background-color:#141a22b7;padding:.4rem;font-family:Raleway,sans-serif;font-size:16px;border:1px solid transparent;border-radius:.2rem;margin-bottom:.2rem}.friend-list-container .friend-list-top-section .friend-list-search-input:focus{outline:none}.friend-list-container .friend-list-top-section .friend-list-search-input::placeholder{font-size:.7rem;font-family:Open Sans,sans-serif}.friend-list-container .friend-list{display:flex;flex-direction:column;overflow-y:auto;overflow-x:visible;height:100%;width:100%}.friend-list-container .friend-list::-webkit-scrollbar{width:.3rem}.friend-list-container .friend-list::-webkit-scrollbar-thumb{background-color:#51546e;border-radius:.2rem;transition:background-color .3s ease-in-out}.friend-list-container .friend-list .friend-link-container,.friend-list-container .friend-list .friend-container{width:100%;position:relative}.friend-list-container .friend-list .friend-link-container .friend-link,.friend-list-container .friend-list .friend-link-container .friend-info-container-button,.friend-list-container .friend-list .friend-container .friend-link,.friend-list-container .friend-list .friend-container .friend-info-container-button{padding:.6rem .5rem;width:100%;display:flex;text-decoration:none;border-top:1px solid rgba(96,115,167,.137254902)}.friend-list-container .friend-list .friend-link-container .friend-link:hover,.friend-list-container .friend-list .friend-link-container .friend-info-container-button:hover,.friend-list-container .friend-list .friend-container .friend-link:hover,.friend-list-container .friend-list .friend-container .friend-info-container-button:hover{background-color:#6073a723}.friend-list-container .friend-list .friend-link-container .friend-link .friend-information,.friend-list-container .friend-list .friend-link-container .friend-info-container-button .friend-information,.friend-list-container .friend-list .friend-container .friend-link .friend-information,.friend-list-container .friend-list .friend-container .friend-info-container-button .friend-information{display:flex;align-items:center;justify-content:center;margin-right:auto}.friend-list-container .friend-list .friend-link-container .friend-link .friend-information .friend-photo-status-container,.friend-list-container .friend-list .friend-link-container .friend-info-container-button .friend-information .friend-photo-status-container,.friend-list-container .friend-list .friend-container .friend-link .friend-information .friend-photo-status-container,.friend-list-container .friend-list .friend-container .friend-info-container-button .friend-information .friend-photo-status-container{position:relative;height:fit-content;width:fit-content;margin-right:.4rem;display:flex;align-items:center}.friend-list-container .friend-list .friend-link-container .friend-link .friend-information .user-displayName-status-container,.friend-list-container .friend-list .friend-link-container .friend-info-container-button .friend-information .user-displayName-status-container,.friend-list-container .friend-list .friend-container .friend-link .friend-information .user-displayName-status-container,.friend-list-container .friend-list .friend-container .friend-info-container-button .friend-information .user-displayName-status-container{display:flex;flex-direction:column;justify-content:center}.friend-list-container .friend-list .friend-link-container .friend-more-button,.friend-list-container .friend-list .friend-container .friend-more-button{margin-right:.5rem;border:none;height:1.75rem;width:1.75rem;border-radius:1rem;background-color:gray;position:absolute;right:0%;top:50%;transform:translateY(-50%);background-color:#25303e;transition:all .15s ease;cursor:pointer}.friend-list-container .friend-list .friend-link-container .friend-more-button:hover,.friend-list-container .friend-list .friend-container .friend-more-button:hover{background-color:#28384c}.friend-list-container .friend-list .friend-link-container .friend-more-button .friend-more-img-container,.friend-list-container .friend-list .friend-container .friend-more-button .friend-more-img-container{display:flex;justify-content:center;align-items:center;position:relative}@media (max-width: 768px){.friend-connection-container{position:absolute;height:100vh;height:100dvh;width:100vw;padding:.7rem .8rem;background-color:#232933;left:100%;top:0%;transition:left .25s ease-in-out;display:flex;flex-direction:column;overflow:hidden}.friend-connection-container.friend-connection-container-active{left:0%}.friend-connection-container .connections-to-friendlist-button{height:fit-content;width:fit-content;display:flex;justify-content:center;align-items:center;background-color:transparent;border:none}.friend-connection-container .add-friend-section,.friend-connection-container .pending-request-section{display:none}.friend-connection-container .friend-req-add-container{padding:1rem 1rem 5rem;position:relative;height:100%;width:100%}.friend-connection-container .friend-req-add-container .add-friend-section,.friend-connection-container .friend-req-add-container .pending-request-section{display:block}.friend-connection-container .connections-button-container{width:100%;height:3rem;display:flex;align-items:center;justify-content:center}.friend-connection-container .connections-button-container button{background-color:transparent;border:none;font-size:.8rem;padding:.3rem .5rem}.friend-connection-container .connections-button-container .friend-request-button{position:relative}.friend-connection-container .connections-button-container .friend-request-button .request-indicator{position:absolute;width:.5rem;height:.5rem;border-radius:.25rem;top:-4px;right:1px;background-color:#c93a3a;font-size:.6rem;color:#fff;font-weight:300}}@media (min-width: 769px){.friend-connection-container{flex:1;padding-top:46.8px;display:flex;flex-direction:column;height:100vh;padding-bottom:10rem}.friend-connection-container .friend-req-add-container{height:100%}.friend-connection-container .connections-to-friendlist-button{display:none}.friend-connection-container .connections-button-container{width:100%;border-radius:4px;display:flex;height:2rem;column-gap:1.2rem;margin:.3rem 0 .8rem;align-items:center}.friend-connection-container .connections-button-container button{background-color:transparent;border:none;font-size:.75rem;padding:.3rem .5rem;font-family:system-ui;font-weight:500;cursor:pointer}.friend-connection-container .connections-button-container .friend-request-button{background-color:transparent;border:none;font-size:.75rem;font-weight:500;font-family:system-ui;position:relative;cursor:pointer}.friend-connection-container .connections-button-container .friend-request-button .request-indicator{position:absolute;width:.5rem;height:.5rem;border-radius:.25rem;top:-4px;right:1px;background-color:#c93a3a;font-size:.6rem;color:#fff;font-weight:300}}@media (max-width: 768px){.add-friend-section{border-radius:1rem;box-shadow:1px 1px 8px 1px #00000064;position:absolute;width:100%;left:0%;transition:left .25s ease-in-out}.add-friend-section .request-status{position:absolute;bottom:100%;font-family:Raleway,sans-serif;font-size:.7rem}.add-friend-section .add-friend-form{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.7rem;row-gap:.5rem}.add-friend-section .add-friend-form .add-friend-button-container{display:flex;justify-content:center;align-items:center}.add-friend-section .add-friend-form .add-friend-button-container .add-friend-submit-button{width:12rem;height:2rem;background-color:#4a618014;font-size:.7rem;margin-top:.5rem;border:1px solid transparent;border-radius:1.25rem;transition:all .15s ease;cursor:pointer}.add-friend-section .add-friend-form .add-friend-input-container{padding:.2rem;display:flex;flex-direction:column}.add-friend-section .add-friend-form .add-friend-input-container label{margin-right:.4rem;font-size:.9rem;margin-bottom:.2rem}.add-friend-section .add-friend-form .add-friend-input-container input{background-color:#293345;border:none;font-size:1rem;padding:.2rem .5rem;border-radius:.2rem}.add-friend-section .add-friend-form .add-friend-input-container .displayName-input{margin-right:1rem;width:14rem}.add-friend-section .add-friend-form .add-friend-input-container .friendTag-input{width:8rem}}@media (min-width: 769px){.add-friend-section{background-color:#1b1f275e;margin-top:.3rem;box-shadow:1px 2px 1px 3px #0006;border-radius:15px;position:relative;width:400px;display:none}.add-friend-section.add-friend-section-active{display:block}.add-friend-section .request-status{position:absolute;bottom:100%;font-family:Raleway,sans-serif;font-size:.7rem}.add-friend-section .add-friend-form{padding:.5rem;min-width:400px}.add-friend-section .add-friend-form .add-friend-input-container{padding:.2rem;column-gap:.3rem;display:flex;align-items:center}.add-friend-section .add-friend-form .add-friend-input-container label{margin-right:.2rem;font-size:.7rem;font-weight:semi-bold;margin-bottom:.2rem}.add-friend-section .add-friend-form .add-friend-input-container input{background-color:#293345;border:none;font-size:.9rem;font-family:system-ui;padding:.2rem .5rem;border-radius:.2rem}.add-friend-section .add-friend-form .add-friend-input-container .displayName-input{margin-right:.5rem;width:8rem}.add-friend-section .add-friend-form .add-friend-input-container .friendTag-input{width:6rem}.add-friend-section .add-friend-form .add-friend-button-container{display:flex;justify-content:center;align-items:center}.add-friend-section .add-friend-form .add-friend-button-container .add-friend-submit-button{margin-top:.4rem;background-color:#4a618014;padding:.5rem .8rem;font-size:.7rem;border:1px solid transparent;border-radius:1.25rem;transition:all .15s ease;cursor:pointer}.add-friend-section .add-friend-form .add-friend-button-container .add-friend-submit-button:hover{background-color:#323f52b7}}@keyframes l3{20%{background-position:0% 0%,50% 50%,100% 50%}40%{background-position:0% 100%,50% 0%,100% 50%}60%{background-position:0% 50%,50% 100%,100% 0%}80%{background-position:0% 50%,50% 50%,100% 100%}}.pending-request-section{border-radius:10px}@media (max-width: 768px){.pending-request-section{background-color:#ffffff09;position:absolute;left:110%;top:0%;height:100%;width:100%;border-radius:1rem;padding:1rem .5rem;transition:left .25s ease-in-out;box-shadow:3px 3px 3px 3px #00000064;overflow-y:scroll}.pending-request-section::-webkit-scrollbar{width:.2rem}.pending-request-section::-webkit-scrollbar-thumb{background-color:#44536a;border-radius:.2rem;transition:background-color .3s ease-in-out}.pending-request-section.pending-request-section-active{left:0}.pending-request-section .pending-request{display:flex;flex-direction:column;justify-content:center}.pending-request-section .pending-request .pending-user-container{height:3rem;display:flex;padding:.2rem;align-items:center;justify-content:flex-start}.pending-request-section .pending-request .pending-user-container .pending-user-information{display:flex;align-items:center;justify-content:center;margin-right:auto}.pending-request-section .pending-request .pending-user-container .pending-user-information img{height:2rem;width:2rem;object-fit:cover;border-radius:1rem;margin-right:.3rem}.pending-request-section .pending-request .pending-user-container .pending-user-information span{font-family:Raleway,sans-serif}.pending-request-section .pending-request .pending-user-container .pending-request-button-container{display:flex;justify-content:center;align-items:center;position:relative}.pending-request-section .pending-request .pending-user-container .pending-request-button-container .pending-request-error{position:absolute;color:#c93a3a;top:30%;right:100%;font-family:Raleway,sans-serif;font-size:.7rem;width:6rem}.pending-request-section .pending-request .pending-user-container .pending-request-button-container .friend-req-button-loading{margin-right:30px;width:20px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}.pending-request-section .pending-request .pending-user-container .pending-request-button-container button{width:2.2rem;height:2.2rem;border:none;background-color:transparent;border-radius:1.1rem;display:flex;flex-direction:row;justify-content:center;align-items:center;transition:all .15s ease;cursor:pointer}.pending-request-section .pending-request .pending-user-container .pending-request-button-container button{display:flex;justify-content:center;align-items:center;padding:0}.pending-request-section .pending-request .pending-user-container .pending-request-button-container button svg{height:100%}.pending-request-section .pending-request .pending-user-container .pending-request-button-container .accept-friend-request-button{margin-right:.5rem}.pending-request-section .pending-request .pending-user-container .pending-request-button-container .accept-friend-request-button:hover{background-color:#14d31eca}.pending-request-section .pending-request .pending-user-container .pending-request-button-container .decline-friend-request-button:hover{background-color:#e91919c5}}@media (min-width: 769px){.pending-request-section{box-shadow:1px 1px 8px 3px #0006;background-color:#1b1f275e;margin-top:.3rem;overflow-y:scroll;padding:0 1rem;max-width:26rem;min-width:400px;display:none;height:100%}.pending-request-section::-webkit-scrollbar{width:.4rem}.pending-request-section::-webkit-scrollbar-thumb{background-color:#51546e;border-radius:.2rem}.pending-request-section.pending-request-section-active{display:block}.pending-request-section .pending-request{display:flex;flex-direction:column}.pending-request-section .pending-request .pending-user-container{height:3rem;display:flex;padding:.2rem;align-items:center;justify-content:flex-start;border-top:1px solid rgba(96,115,167,.137254902)}.pending-request-section .pending-request .pending-user-container .pending-user-information{display:flex;align-items:center;justify-content:center;margin-right:auto}.pending-request-section .pending-request .pending-user-container .pending-user-information img{height:2rem;width:2rem;object-fit:cover;border-radius:1rem;margin-right:.3rem}.pending-request-section .pending-request .pending-user-container .pending-user-information span{font-family:Raleway,sans-serif}.pending-request-section .pending-request .pending-user-container .pending-request-button-container{display:flex;justify-content:center;align-items:center;position:relative}.pending-request-section .pending-request .pending-user-container .pending-request-button-container .pending-request-error{position:absolute;color:#c93a3a;top:30%;right:100%;font-family:Raleway,sans-serif;font-size:.7rem;width:6rem}.pending-request-section .pending-request .pending-user-container .pending-request-button-container .friend-req-button-loading{margin-right:30px;width:20px;aspect-ratio:2;--_g: no-repeat radial-gradient(circle closest-side, #d8d8d8d4 90%, #fdfdfd00);background:var(--_g) 0% 50%,var(--_g) 50% 50%,var(--_g) 100% 50%;background-size:33.3333333333% 50%;animation:l3 1s infinite linear}.pending-request-section .pending-request .pending-user-container .pending-request-button-container button{width:2.2rem;height:2.2rem;border:none;background-color:transparent;border-radius:1.1rem;display:flex;flex-direction:row;justify-content:center;align-items:center;transition:all .15s ease;cursor:pointer}.pending-request-section .pending-request .pending-user-container .pending-request-button-container .accept-friend-request-button{margin-right:.5rem}.pending-request-section .pending-request .pending-user-container .pending-request-button-container .accept-friend-request-button:hover{background-color:#14d31eca}.pending-request-section .pending-request .pending-user-container .pending-request-button-container .decline-friend-request-button:hover{background-color:#e91919c5}}.not-found-container{height:100vh;height:100dvh;width:100%;display:flex;justify-content:center;align-items:center;font-family:Open Sans,sans-serif;font-weight:700;font-size:4rem;white-space:nowrap;flex-direction:column}.not-found-container a,.not-found-container span{font-weight:300;font-size:1.2rem}.not-found-container a{color:#368ec8}@media (max-width: 480px){.not-found-container{height:100vh;width:100vw;font-size:2rem}.not-found-container a,.not-found-container span{font-weight:300}.not-found-container a{color:#368ec8}}