.navbar-container{padding:0 1rem;border-bottom:1px solid #e3e3e3;display:flex;justify-content:space-between;align-items:center;height:10vh}.navbar-container .left-container img{width:100px}.navbar-container .right-container{display:flex;align-items:center;gap:1rem}.navbar-container .right-container .btn{border:none;padding:10px 1rem;border-radius:30px;background-color:transparent;cursor:pointer;font-size:1.1rem;font-weight:700;text-decoration:none;color:#0d0c22}.navbar-container .right-container .active{background-color:#0d0c22;color:#fff}.navbar-container .right-container .active:hover{background-color:#0d0c224e}.genres-container{display:flex;justify-content:space-evenly;padding:2rem 1rem;align-items:center;color:gray}.genres-container .link{font-size:1.2rem;font-weight:500;background-color:transparent;border:none;color:gray;text-decoration:none;font-size:.8rem;border:.4px solid #e3e3e3;padding:4px 6px;border-radius:20px}.genres-container .active-genre{color:#fff;background-color:#57c4dc}.blogs-list-container{width:min(90vw,600px);margin:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.blogs-list-container .blog{display:flex;flex-direction:column;gap:10px;padding:2rem;border:1px solid #e3e3e3;border-radius:4px}.blogs-list-container .blog .header{display:flex;justify-content:space-between;align-items:center}.blogs-list-container .blog .header .author{font-weight:600}.blogs-list-container .blog .header .genre{font-size:.8rem;border:.2px solid #e3e3e3;padding:4px;border-radius:20px}.blogs-list-container .blog .footer{display:flex;justify-content:flex-end}.blogs-list-container .blog .footer .comment-btn{border:none;background-color:transparent;cursor:pointer;color:#00f}.blogs-list-container .positive{background-color:#e6ffcc}.blogs-list-container .negative{background-color:#ffe5cc}.error-container{width:min(400px,80vw);display:flex;flex-direction:column;align-items:center}.error-container .btn{background-color:red;color:#fff}.post-comments-container{display:flex;flex-direction:column;gap:10px}.post-comments-container .comment-card{border-bottom:.2px solid #e3e3e3}.post-comments-container .comment-card .header{display:flex;align-items:center;gap:1rem}.post-comments-container .comment-card .header .author{font-weight:600}.post-comments-container .comment-card .header .created-timestamp{color:gray;font-size:.8rem}.add-comment-container{display:flex;align-items:center;gap:10px}.add-comment-container .add-icon{cursor:pointer;transition:.4s}.add-comment-container .add-icon:hover{scale:1.2}.add-comment-container input{flex-grow:1;padding:10px;border:none}.add-comment-container input:focus{outline:none}.modal-container{position:fixed;bottom:0;right:0;padding:1rem 1rem 2rem;z-index:100;width:min(80vw,500px);background-color:#fff;box-shadow:2px 2px 20px #e3e3e3}.modal-container .popup-header{padding:10px;display:flex;flex-direction:row-reverse}.modal-container .popup-header .close-btn{cursor:pointer}.api-loading-btn{padding:10px;cursor:pointer;background-color:#0d0c22;color:#fff;border-radius:100px;border:none;display:flex;justify-content:center;align-items:center;gap:1rem}.api-loading-btn .loader{width:10px;height:10px;border-radius:50%;border:2px solid #000;border-left-color:transparent;animation:loader infinite .5s linear}.api-loading-btn:disabled{background-color:#e3e3e3;color:#000}@keyframes loader{0%{rotate:0deg}to{rotate:360deg}}.auth-container{display:flex;justify-content:center;align-items:center;height:90vh}.auth-container .form{display:flex;flex-direction:column;gap:2rem;border:1px solid #e3e3e3;width:min(500px,90vw);padding:2rem;border-radius:10px}.auth-container .form input{padding:10px 1rem}.auth-container .form .error{color:red;font-size:.8rem;text-align:center}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-kAwBdRge.woff2) format("woff2"),url(/assets/material-icons-Dr0goTwe.woff) format("woff")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Outlined;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-outlined-DZhiGvEA.woff2) format("woff2"),url(/assets/material-icons-outlined-BpWbwl2n.woff) format("woff")}.material-icons-outlined{font-family:Material Icons Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Round;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-round-DrirKXBx.woff2) format("woff2"),url(/assets/material-icons-round-BDlwx-sv.woff) format("woff")}.material-icons-round{font-family:Material Icons Round;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Sharp;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-sharp-gidztirS.woff2) format("woff2"),url(/assets/material-icons-sharp-CH1KkVu7.woff) format("woff")}.material-icons-sharp{font-family:Material Icons Sharp;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}@font-face{font-family:Material Icons Two Tone;font-style:normal;font-weight:400;font-display:block;src:url(/assets/material-icons-two-tone-DuNIpaEj.woff2) format("woff2"),url(/assets/material-icons-two-tone-B7wz7mED.woff) format("woff")}.material-icons-two-tone{font-family:Material Icons Two Tone;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.error-text{height:100px;display:flex;justify-content:center;align-items:center;color:red;font-size:1.2rem}