.thank-you-container{align-items:center;background-color:#f4f4f9;display:flex;justify-content:center;min-height:100vh}.thank-you-card{animation:fadeInUp 1s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:500px;padding:2rem;text-align:center;width:90%}.thank-you-card h2{color:#28a745;font-size:2.5rem;margin-bottom:1rem}.thank-you-card p{color:#555;font-size:1.2rem}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:translateZ(0)}}.fb-navbar{background-color:#fff;box-shadow:0 2px 4px #0000001a;height:56px;justify-content:space-between;left:0;padding:0 16px;position:fixed;right:0;top:0;z-index:1000}.fb-navbar,.fb-navbar-left{align-items:center;display:flex}.fb-navbar-left{flex:1 1;gap:10px}.fb-logo{color:#1877f2;cursor:pointer;transition:opacity .2s}.fb-logo:hover{opacity:.8}.fb-search-container{align-items:center;background-color:#f0f2f5;border-radius:50px;display:flex;max-width:240px;padding:8px 16px;width:100%}.fb-search-icon{color:#65676b;font-size:16px;margin-right:8px}.fb-search-input{background:#0000;border:none;color:#050505;font-size:15px;outline:none;width:100%}.fb-search-input::placeholder{color:#65676b}.fb-navbar-center{align-items:center;display:flex;flex:1 1;gap:8px;justify-content:center;max-width:590px}.fb-nav-tab{align-items:center!important;background:#0000!important;border:none!important;border-bottom:3px solid #0000;border-radius:0!important;color:#65676b;cursor:pointer;display:flex!important;flex:1 1;font-size:24px!important;height:56px;justify-content:center!important;padding:0 12px!important;position:relative;transition:all .2s}.fb-nav-tab:hover{background-color:#f0f2f5!important;border-radius:8px!important;color:#65676b!important}.fb-nav-tab.active,.fb-nav-tab:hover{border-bottom:2px solid #1877f2!important}.fb-nav-tab.active{color:#1877f2!important}.fb-nav-tab.active:hover{background-color:initial!important}.fb-navbar-right{align-items:center;display:flex;flex:1 1;gap:8px;justify-content:flex-end}.fb-icon-button{align-items:center!important;background-color:#e4e6eb!important;border:none!important;border-radius:50%!important;color:#050505!important;cursor:pointer;display:flex!important;font-size:20px!important;height:40px!important;justify-content:center!important;padding:0!important;position:relative;transition:all .2s;width:40px!important}.fb-icon-button:hover{background-color:#d8dadf!important;color:#050505!important}.fb-notification-badge{align-items:center;background-color:#fa3e3e;border:2px solid #fff;border-radius:10px;color:#fff;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-2px;top:-2px}.account-dropdown{position:relative}.profile-button{background:#0000;border:none;border-radius:50%;cursor:pointer;height:40px;padding:0;width:40px}.profile-image{border-radius:50%;height:40px;object-fit:cover;width:40px}@media (max-width:768px){.fb-navbar-center,.fb-search-container{display:none}.fb-navbar-left,.fb-navbar-right{flex:1 1}}@media (max-width:992px){.fb-nav-tab{padding:0 12px}.fb-navbar-center{gap:4px}}.sidebar-left,.sidebar-right{height:calc(100vh - 56px);overflow-y:hidden;padding:10px;position:fixed;transition:overflow-y .3s ease}.sidebar-left:focus,.sidebar-left:hover,.sidebar-right:focus,.sidebar-right:hover{overflow-y:auto}.sidebar-left{left:0}.sidebar-right{right:0;width:320px}.list-group-icon{color:#050505!important;font-weight:520!important;margin-left:20px}.right-sidebar-section{background:#fff;border:1px solid #e4e6eb;border-radius:16px;box-shadow:0 1px 4px #00000014;margin-bottom:16px;overflow:hidden}.right-sidebar-section .section-header{align-items:center;border-bottom:1px solid #f0f2f5;display:flex;justify-content:space-between;padding:14px 16px 8px}.right-sidebar-section .section-header h6{color:#050505;font-size:.95rem;font-weight:700;margin:0}.sidebar-link{color:#385898;font-size:.84rem;font-weight:600;text-decoration:none}.sidebar-body{padding:12px 16px 16px}.sidebar-item{margin-bottom:16px}.sidebar-item:last-child{margin-bottom:0}.sidebar-card-img{border-radius:12px;height:140px;margin-bottom:12px;object-fit:cover;width:100%}.sidebar-item-title{color:#050505;font-size:.95rem;font-weight:700;line-height:1.3;margin:0 0 4px}.sidebar-item-domain{color:#65676b;font-size:.82rem;margin:0}.friend-request-item{align-items:flex-start;display:flex;gap:12px;margin-bottom:14px}.friend-request-item:last-child{margin-bottom:0}.friend-request-avatar{border-radius:50%;flex-shrink:0;height:46px;object-fit:cover;width:46px}.friend-request-content{flex:1 1}.friend-request-name{color:#050505;font-size:.95rem;font-weight:700;margin:0 0 4px}.friend-request-meta{color:#65676b;font-size:.82rem;margin:0 0 10px}.friend-request-actions{display:flex;gap:8px}.friend-request-actions .btn{border-radius:10px;flex:1 1;font-size:.82rem;min-width:0;padding:8px 10px}.friend-request-actions .btn-light{color:#050505}.container-fluid{background-color:#f4f6f9;max-height:auto;overflow-y:auto;padding:20px}.container-fluid::-webkit-scrollbar{background-color:initial;width:8px}.container-fluid::-webkit-scrollbar-track{background-color:initial}.container-fluid::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:4px}.container-fluid{scrollbar-color:#0000004d #0000;scrollbar-width:thin}.navbar{background-color:#fff;box-shadow:0 2px 4px #0000001a;height:60px;padding:10px 20px}.input-group input{border:1px solid #ccc;border-radius:20px}.nav-icon{font-size:24px;transition:all .3s ease}.nav-icon:hover{color:#333}.navbar .dropdown-toggle img{border-radius:50%}.dropdown-menu{border-radius:10px;padding:10px;width:200px}.dropdown-item{cursor:pointer;padding:10px}.dropdown-item:hover{background-color:#f1f1f1}.card{background-color:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a}.card-body p{color:#818181;font-size:16px}.card-body img{border-radius:10px;margin-top:15px;width:100%}.btn-default-style{border-radius:50px;font-size:16px;padding:10px 20px}@media (max-width:768px){.navbar{padding:10px 5px}.nav-icon{font-size:20px}.card-body{padding:15px}.card-body img{border-radius:10px;width:100%}}.dropdown-toggle img,.nav-icon{color:#797878}.dropdown-toggle:hover,.nav-icon:hover{color:#333}.navbar .flex-style{display:flex;justify-content:space-between;margin:0 auto;max-width:400px;width:100%}.nav-icon{color:#797878;cursor:pointer;font-size:28px;transition:color .3s ease}.search-container{padding:5px 15px;width:300px}.search-container,.search-container2{align-items:center;background-color:#f1f1f1;border-radius:25px;display:flex;margin-left:10px;position:relative}.search-container2{padding:8px 15px;width:100%}.search-icon{color:#797878;margin-right:10px}.search-input{font-size:16px;outline:none;padding:0;width:100%}.search-input,.search-input:focus{background-color:initial;border:none}.search-input:focus{box-shadow:none}.card-body .btn{border-radius:20px;height:auto;width:auto}.card-body .btn-light:hover{background-color:#f0f8ff}.card-body .btn-circle{align-items:center;border-radius:50%;display:flex;height:auto;justify-content:center;width:auto}.video{color:#dd2424}.image{color:#2b8530}.feeling{color:#d6b319}.custom-btn{align-items:center;background-color:initial;border:none;display:flex;margin-bottom:5px;padding:px;transition:background-color .3s ease}.custom-btn:hover{background-color:#0000001a;border-radius:5px}.custom-btn .mr-2{font-size:12px;margin-right:10px}.custom-btn span{font-size:16px;font-weight:500}.icon-friends{color:#42b72a}.icon-memories{color:#f7c332}.icon-saved{color:#ff4f5a}.icon-groups{color:#3b5998}.icon-video{color:#e52d27}.icon-marketplace{color:#ffc107}.icon-feeds{color:#1da1f2}.icon-events{color:#db4437}.icon-ads{color:#ff9800}.icon-more{color:#8c8c8c}.col-md-3{border-radius:10px;scrollbar-color:#0000001a #ffffffe6;scrollbar-width:thin}.col-md-3::-webkit-scrollbar{border-radius:10px;width:8px}.col-md-3::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:10px}.col-md-3::-webkit-scrollbar-track{background-color:#ffffffe6;border-radius:10px}.overlay-container{position:relative}.overlay-text{background:#0009;border-radius:4px;color:#fff;font-size:14px;padding:5px}.overlay-graphics,.overlay-text{left:10px;position:absolute;top:10px}.overlay-graphics{border:2px solid #fff;border-radius:8px;max-height:200px;max-width:100%}.card{background:#fff;box-shadow:0 0 10px #0000001a;overflow:hidden;position:relative}.card-body{padding:20px}.d-flex{align-items:center;display:flex}.mb-2{margin-bottom:8px}.modal-overlay{background:#0009;height:100%;width:100%;z-index:1000}.modal-content{animation:fadeIn .3s ease-in-out;box-shadow:0 4px 10px #0000004d;max-width:500px;padding:20px;position:relative;text-align:center;width:90%}.modal-content h3{color:#333;margin-bottom:15px}.modal-content p{color:#666;font-size:16px}.modal-close{background:none;border:none;color:#888;cursor:pointer;font-size:20px;position:absolute;right:15px;top:10px;transition:color .3s ease-in-out}.modal-close:hover{color:#333}.notification-badge{align-items:center;background-color:red;border-radius:50%;box-shadow:0 0 5px #0003;color:#fff;display:flex;font-size:12px;font-weight:700;height:18px;justify-content:center;margin-left:15px;position:absolute;top:5px;width:18px;z-index:20}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.graphical-warning{height:50px;margin-bottom:-60px;margin-left:auto;width:100px}.no-imageurl{color:#fff!important}.custom-modal-overlay{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.custom-modal-content{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:10px;max-width:500px;padding:2rem;position:relative;width:90%}.modal-body{color:#333;font-size:1.1rem}.close-button{background:#0000;border:none;color:#888;cursor:pointer;font-size:1.3rem;position:absolute;right:1rem;top:.7rem}.modal-overlay{background-color:#ffffff9c;bottom:0;left:0;right:0;top:0;z-index:1050}.modal-content{background:#fff;border-radius:10px;display:flex;flex-direction:column;max-height:90vh;max-width:600px}.modal-footer,.modal-header{background-color:#fff;z-index:2}.modal-body{flex-grow:1;overflow-y:auto}.fb-action-button{background:none;border:none;color:#65676b;cursor:pointer;font-size:.8rem;margin-left:5px;margin-right:10px;padding:0;transition:color .2s ease}.fb-action-button:hover{background:none;color:#1b74e4;text-decoration:underline}.reaction-button-wrapper{display:inline-block;position:relative}.emoji-popup{animation:fadeIn .2s ease;background-color:#fff;border:1px solid #ddd;border-radius:24px;bottom:100%;box-shadow:0 4px 12px #00000026;display:flex;left:0;margin-bottom:8px;padding:6px 8px;position:absolute;z-index:20}.emoji-btn{animation:float 1.5s ease-in-out infinite;cursor:pointer;font-size:1.7rem;margin:0 4px;transition:transform .2s}.emoji-btn:hover{animation-play-state:paused;transform:scale(1.3)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fb-post-action-btn{align-items:center;background:none;border:none;border-radius:4px;color:#5a5a5ad0;display:flex;font-size:.95rem;font-weight:500;gap:6px;outline:none;padding:6px 12px;transition:background-color .2s ease}.fb-post-action-btn:hover{background-color:#f2f3f5;color:#5a5a5ad0;cursor:pointer}.modal-body-custom::-webkit-scrollbar{background:#0000;width:0}.warning-overlay{pointer-events:none;position:absolute;right:10px;top:10px;z-index:9999}.warning-overlay img{display:block;max-height:60px;max-width:60px}.warning-image-glow{animation:warningPulse 1s ease-in-out infinite,warningGlow 1.2s ease-in-out infinite;border-radius:12px;box-shadow:0 0 18px #ff5050e6;display:block;height:60px;width:60px}@keyframes warningPulse{0%,to{opacity:1;transform:scale(1)}25%,75%{opacity:.88;transform:scale(1.12)}50%{opacity:.92;transform:scale(1.08)}}@keyframes warningGlow{0%,to{box-shadow:0 0 16px #ff5a5af2;filter:drop-shadow(0 0 8px rgba(255,90,90,.85))}50%{box-shadow:0 0 32px #ffc800;filter:drop-shadow(0 0 18px rgba(255,200,0,.95))}}@keyframes redBorderBlink{0%,to{border-color:#a75f5f;box-shadow:0 0 10px #ff000080}50%{border-color:#f66;box-shadow:0 0 20px #f00c}}.warning-border-blink{animation:redBorderBlink 1.5s ease-in-out infinite;border:3px solid #e28888!important}.stop-warning-text{align-items:center;background-color:red;border:2px solid #fff;clip-path:polygon(50% 0,93.3% 25%,93.3% 75%,50% 100%,6.7% 75%,6.7% 25%);color:#fff;display:flex;font-size:24px;font-weight:900;height:80px;justify-content:center;position:relative;text-align:center;width:80px}.stop-text{animation:stopBlink 1s infinite,stopGlow 1.2s infinite}@keyframes stopBlink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes stopGlow{0%,to{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff}50%{text-shadow:0 0 15px #ff0,0 0 25px #ff0,0 0 35px #ff0}}.post-container{width:100%}.post{background:#fff;border:1px solid #e4e6eb;border-radius:8px;box-shadow:0 1px 2px #0000001a;margin-bottom:12px;overflow:hidden}.post .card-body{padding:0}.post .card-body>div{margin-top:0!important}.post .d-flex.align-items-center.mb-2{padding:12px 12px 0}.post p.text-start{margin-bottom:0;padding:8px 12px!important}.post img.post-image{display:block;height:auto;object-fit:cover;width:100%}.post .px-2{padding-left:12px!important;padding-right:12px!important}.fb-mobile-bottom-nav{align-items:center;background:#fff;border-top:1px solid #e4e6eb;bottom:0;display:none;height:56px;justify-content:space-around;left:0;padding:0 4px;position:fixed;right:0;z-index:1000}.fb-mobile-nav-btn{align-items:center;background:#0000;border:none;border-radius:0;border-top:3px solid #0000;color:#65676b;cursor:pointer;display:flex;flex:1 1;font-size:22px;height:56px;justify-content:center;padding:0;transition:all .2s}.fb-mobile-nav-btn.active,.fb-mobile-nav-btn:hover{background:#0000;border-top:3px solid #1877f2;color:#1877f2}@media (max-width:767px){.fb-mobile-bottom-nav{display:flex}.container-fluid{padding-bottom:70px}.fb-navbar{padding:0 8px}.fb-navbar-left{flex:0 0 auto}.fb-navbar-right{flex:0 0 auto;gap:4px}.fb-icon-button{height:36px!important;width:36px!important}.fb-center-col{padding:0 0 4px!important}.fb-create-post-card .card-body{padding:8px 10px!important}.fb-create-post-actions{display:none}.post{border-left:none;border-radius:0;border-right:none;margin-bottom:8px}.fb-post-action-btn{font-size:.82rem;gap:4px;padding:6px}}@media (min-width:768px){.fb-mobile-bottom-nav{display:none!important}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#fffc;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.modal{border-radius:8px;box-shadow:0 8px 32px #0000001f;display:block!important;max-height:90vh;max-width:700px;overflow:hidden;position:relative;width:100%;z-index:1001}.modal-header{border-bottom:1px solid #e4e6ea!important;padding:16px 20px!important;position:relative!important;text-align:left!important}.modal-title{color:#1c1e21!important;font-size:20px!important;font-weight:700!important}.comment-author,.comment-input,.comment-text,.modal-title,.post-text{text-align:left!important}.close-btn{align-items:center;background:#e4e6ea;border:none;border-radius:50%;color:#606770;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:36px}.close-btn:hover{background:#d8dadf}.modal-content{max-height:calc(90vh - 120px);max-width:700px;overflow-y:auto;width:100%}.post-header{gap:8px;padding:12px 16px}.post-header,.profile-pic{align-items:center;display:flex}.profile-pic{background:#4267b2;border-radius:50%!important;color:#fff;font-size:14px!important;font-weight:700!important;height:40px!important;justify-content:center;width:40px!important}.post-info{flex:1 1!important}.page-name{align-items:center;color:#1c1e21;display:flex;font-size:15px!important;font-weight:600;gap:4px}.verified-badge{background:#1877f2;border-radius:50%;height:16px;position:relative;width:16px}.verified-badge:after{color:#fff;content:"✓";display:grid;font-size:10px;font-weight:700;inset:0;place-items:center;position:absolute}.post-date{color:#65676b;font-size:13px;margin-top:1px}.more-btn{background:none;border:none;border-radius:50%;color:#65676b;cursor:pointer;height:36px;width:36px}.more-btn:hover{background:#f2f3f5}.post-text{color:#1c1e21;font-size:15px;line-height:1.33;padding:0 16px 12px}.post-image{display:block;max-height:400px;object-fit:cover;width:100%}.post-link{background:#f7f8fa;border-top:1px solid #e4e6ea;padding:12px 16px}.link-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.link-domain{color:#65676b;font-size:12px;font-weight:600;text-transform:uppercase}.play-btn{background:#1877f2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:6px 16px}.link-title{color:#1c1e21;font-size:16px;font-weight:600;margin-bottom:2px}.link-subtitle{color:#65676b;font-size:14px}.engagement-stats{color:#65676b;font-size:15px;justify-content:space-between;padding:8px 16px}.engagement-stats,.likes{align-items:center;display:flex}.likes{gap:6px}.reaction-icons{display:flex;gap:-2px}.reaction-icon{align-items:center;border:1px solid #fff;border-radius:50%;display:flex;font-size:12px;height:18px;justify-content:center;margin-left:-2px;width:18px}.like-icon{background:#1877f2;color:#fff}.love-icon{background:#e41e3f;color:#fff}.action-buttons{border-bottom:1px solid #e4e6ea;border-top:1px solid #e4e6ea;display:flex;padding:4px 16px}.action-btn{align-items:center;background:none;border:none;border-radius:6px;color:#65676b;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:8px}.action-btn:hover{background:#f2f3f5}.action-btn.liked{color:#1877f2}.icon{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;height:20px;width:20px}.comments-section{padding:12px 16px}.comments-header{margin-bottom:12px}.comments-header,.sort-dropdown{align-items:center;color:#65676b;display:flex;font-size:15px}.sort-dropdown{background:none;border:none;cursor:pointer;gap:4px}.comment{animation:fadeInComment .5s ease-in-out forwards;margin-bottom:12px;opacity:0}@keyframes fadeInComment{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.comment-header{align-items:flex-start;display:flex;gap:8px}.comment-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:32px;justify-content:center;min-height:32px;min-width:32px;overflow:hidden;width:32px}.comment-content{flex:1 1;min-width:0}.comment-bubble{background:#f2f3f5;border-radius:16px;margin-bottom:4px;max-width:100%;padding:8px 12px;width:fit-content}.comment-author{color:#1c1e21;font-size:13px;font-weight:600;margin-bottom:2px}.comment-text{word-wrap:break-word;color:#1c1e21;font-size:15px;line-height:1.33}.comment-actions{align-items:center;color:#65676b;display:flex;font-size:13px;gap:12px;padding-left:12px}.comment-action{background:none;border:none;color:#65676b;cursor:pointer;font-size:13px;font-weight:600;padding:0}.comment-action:hover{text-decoration:underline}.like-count{margin-left:4px}.comment-time{color:#65676b}.nested-comment{margin-left:40px;margin-top:8px;position:relative}.nested-comment:before{border-bottom:2px solid #e4e6ea;border-bottom-left-radius:8px;border-left:2px solid #e4e6ea;content:"";height:calc(100% + 8px);left:-20px;position:absolute;top:-8px;width:12px}.nested-comment:last-child:before{height:24px}.nested-comment .comment-avatar{font-size:11px;height:28px;min-height:28px;min-width:28px;width:28px}.inline-reply-input{animation:slideIn .2s ease-out;background:#f7f8fa;border-radius:12px;margin-left:40px;margin-top:8px;padding:10px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.inline-reply-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.inline-reply-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:24px;justify-content:center;min-height:24px;min-width:24px;overflow:hidden;width:24px}.replying-to-text{color:#65676b;font-size:12px}.replying-to-text strong{color:#1c1e21;font-weight:600}.inline-input-row{align-items:center;background:#fff;border:1px solid #e4e6ea;border-radius:20px;display:flex;gap:6px;padding:4px 4px 4px 12px}.inline-comment-input{background:#0000;border:none;color:#1c1e21;flex:1 1;font-family:inherit;font-size:14px;outline:none;padding:6px 0}.inline-comment-input::placeholder{color:#8a8d91}.inline-input-actions{align-items:center;display:flex;gap:2px}.inline-input-action{align-items:center;background:#0000;border:none;border-radius:50%;color:#65676b;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;min-height:28px;min-width:28px;transition:background .2s;width:28px}.inline-input-action:hover{background:#f2f3f5}.inline-input-action svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;height:16px;width:16px}.inline-send-btn{align-items:center;background:#0084ff;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;min-height:32px;min-width:32px;overflow:hidden;transition:background .2s;width:32px}.inline-send-btn:hover{background:#0073e6}.inline-send-btn svg{height:16px;width:16px}.comment-input-section{background:#fff;border-top:1px solid #e4e6ea;bottom:0;padding:16px;position:sticky;z-index:10}.comment-input-wrapper{align-items:center;display:flex;gap:8px}.input-avatar{align-items:center;background:#1877f2;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:32px;justify-content:center;min-height:32px;min-width:32px;overflow:hidden;width:32px}.comment-input{background:#f2f3f5;border:none;border-radius:20px;flex:1 1;font-family:inherit;font-size:15px;outline:none;padding:10px 16px}.comment-input::placeholder{color:#65676b}.comment-input:focus{background:#e4e6ea}.input-actions{gap:4px}.input-action,.input-actions{align-items:center;display:flex}.input-action{background:#d5d5ec;border:none;border-radius:50%;color:#6c768a;cursor:pointer;flex-shrink:0;font-size:16px;height:32px;justify-content:center;min-height:32px;min-width:32px;transition:background .2s;width:32px}.input-action:hover{background:#f2f3f5}.input-action svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;height:20px;width:20px}.typing-indicator{align-items:center;color:#65676b;display:flex;font-size:13px;font-style:italic;gap:8px;padding:8px 0}.typing-dots{display:flex;gap:2px}.typing-dot{animation:typing 1.4s infinite;background:#65676b;border-radius:50%;height:4px;width:4px}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-10px)}}.stories-container{align-items:center;border-radius:10px;display:flex;overflow:hidden;padding:10px 0;position:relative;width:100%}.stories-wrapper{-ms-overflow-style:none;display:flex;gap:5px;overflow-x:auto;padding:10px;scroll-behavior:smooth;scrollbar-width:none;width:100%}.stories-wrapper::-webkit-scrollbar{display:none}.story{background:#fff;border-radius:10px;cursor:pointer;height:200px;overflow:hidden;position:relative;transition:transform .3s ease;width:150px}.story:hover{transform:scale(1.05)}.story-image{height:100%;object-fit:cover;width:100%}.plus-icon{color:#1877f2;font-size:24px}.profile-pic{border:3px solid #1877f2;border-radius:50%;height:40px;left:10px;overflow:hidden;position:absolute;top:10px;width:40px}.profile-pic img{height:100%;object-fit:cover;width:100%}.story-text{bottom:10px;font-size:14px;font-weight:700;left:10px;text-shadow:0 0 5px #000c}.scroll-button,.story-text{color:#fff;position:absolute}.scroll-button{background:#00000080;border:none;border-radius:50%;cursor:pointer;font-size:18px;padding:10px;z-index:10}.scroll-button.left{left:5px}.scroll-button.right{right:5px}.create-story .story-image{align-items:center;background:#e4e6eb;display:flex;justify-content:center}.create-story .user-icon{color:#65676b;font-size:60px}.plus-icon-container{background:#fff;border:2px solid #fff;border-radius:50%;bottom:-10px;left:50%;padding:5px;position:absolute;transform:translateX(-50%)}body{background-color:#f8f9fa;font-family:Arial,sans-serif}.sidebar{background-color:#343a40;color:#fff;height:100vh;left:0;padding-top:20px;position:fixed;top:-10;width:250px}.sidebar h3{margin-bottom:20px;text-align:center}.sidebar ul{list-style:none;padding:0}.sidebar ul li{border-bottom:1px solid #4e555b;padding:15px}.sidebar ul li a{align-items:center;color:#fff;display:flex;text-decoration:none}.sidebar ul li a:hover{background-color:#495057}.sidebar ul li i{margin-right:10px}.navbar-custom{align-items:center;background-color:#007bff;color:#fff;display:flex;justify-content:space-between;margin-left:250px;padding:15px 20px}.navbar-custom button{background-color:#dc3545;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 15px}.navbar-custom button:hover{background-color:#c82333}.main-content{margin-left:250px;padding:20px}.card{border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px}
/*# sourceMappingURL=main.5434f3e8.css.map*/