body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}audio,b,body,div,dl,em,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,img,label,li,menu,nav,ol,p,span,table,td,th,tr,u,ul,video{margin:0;padding:0;border:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}img{max-width:100%}ul{list-style-type:none}*{box-sizing:border-box}a:hover{cursor:pointer}.app-body{justify-content:space-between}.app-body,.login{display:flex;background-color:#f0f2f5}.login{flex-direction:column;justify-content:center;align-items:center;height:100vh}.login-logo{width:120px;height:120px}.login .login-button{display:flex;justify-content:center;align-items:center;width:200px;height:40px;color:#fff;font-size:20px;font-weight:500;background-color:#1278f3;border-radius:10px;margin-top:120px;transition:background-color .2s}.login .login-button:hover{background-color:#0e64ce;cursor:pointer}.avatar img{display:block;border:1px solid #ddd;border-radius:50%;max-width:100%}.avatar img:hover{cursor:pointer}.header{display:flex;padding:0 15px;height:60px;align-items:center;border-bottom:1px solid #f0f2f5;box-shadow:0 1px 4px #f0f2f5;background-color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:999}.header-left,.header-right{flex:0 0 22.5%;display:flex;align-items:center}.header-right{justify-content:flex-end}.header-middle{flex:1 1}.header-nav{display:flex;justify-content:center;max-width:600px;margin:0 auto}.header-left .logo img{width:40px;height:40px}.header-left .header-input{display:flex;align-items:center;height:40px;width:210px;padding:0 10px;background-color:#f0f2f5;border-radius:50px;margin-left:10px}.header-left input{border:none;background-color:transparent;font-size:14px;color:#333}.header-left input::-webkit-input-placeholder{font-size:14px}.header-left input:-ms-input-placeholder{font-size:14px}.header-left input::-ms-input-placeholder{font-size:14px}.header-left input::placeholder{font-size:14px}.header-left input:focus{outline:none}.header-left .header-input img{height:15px;width:15px;color:#ddd}.header-page{display:flex;justify-content:center;align-items:center;padding:14px 40px;margin:2px 0 0 5px}ul li:first-child .header-page{margin-left:0}.header-page.active{border-bottom:2px solid #1877f2}.header-page img{width:25px;height:25px}.header-page:hover{cursor:pointer;background-color:#eee;border-radius:7px}.header-profile{display:flex;border-radius:50px;height:34px}.header-profile:hover{background-color:#eee;cursor:pointer}.header-profile .avatar{margin:3px}.header-profile span{padding-right:10px;margin:auto;font-size:14px;font-weight:500}.header-avatar img{width:28px;height:28px}.header-option{width:35px;height:35px;border-radius:50%;background-color:#eee;display:flex;justify-content:center;align-items:center;margin:10px 0 10px 8px;transition:background-color .3s ease}.header-option:hover{cursor:pointer;background-color:#ddd}.header-option img{width:15px;height:15px}.sidebar-row{display:flex;align-items:center;padding:7px 7px 7px 0;font-weight:500;color:#222;border-radius:5px;text-decoration:none;transition:background-color .3s}.sidebar-row:hover{background-color:#e2e2e2;cursor:pointer}.sidebar-avatar,.sidebar-row .avatar{margin:0 8px}.sidebar-avatar.sidebar-arrow{width:28px;height:28px;background-color:rgba(0,0,0,.1);border-radius:50%;display:flex;justify-content:center;align-items:center}.sidebar-avatar img{width:28px;height:28px;border-radius:3px}.sidebar-avatar.sidebar-arrow img{width:10px;height:10px}.sidebar-separator{margin:8px 0;width:100%;border-top:1px solid #ccc}.edit{visibility:hidden}.sidebar-bottom:hover~.edit,.sidebar-header:hover .edit{visibility:visible}.sidebar{flex:0 0 22.5%;height:calc(100vh - 60px);padding:15px 0 0 7px;background-color:#f0f2f5;overflow:hidden;position:-webkit-sticky;position:sticky;top:60px}.sidebar:hover{overflow:auto}.sidebar-footer{display:flex;flex-direction:row;flex-wrap:wrap;font-size:12px;margin-top:10px}.sidebar-footer div{text-decoration:none;color:#555;margin-right:3px;margin-left:5px}.sidebar-footer div:hover{cursor:pointer;text-decoration:underline}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin:5px 0 5px 10px;font-weight:500;color:#666;font-size:18px}.sidebar-header>div:last-child{font-weight:400;color:#00f;padding:5px 10px;transition:background-color .3s}.sidebar-header>div:last-child:hover{background-color:#e2e2e2;border-radius:5px;cursor:pointer}.story{position:relative;padding:0 3px;height:200px}.story-bgr{width:115px;height:200px}.story-bgr.first-story-bgr{height:150px}.story-bgr img{border-radius:10px;object-fit:cover;width:100%;height:100%}.story-bgr.first-story-bgr img{border-bottom-left-radius:0;border-bottom-right-radius:0}.story-avatar{position:absolute;top:15px;left:15px;width:36px;height:36px}.story-avatar.first-story-avatar{top:130px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center}.story-avatar img{width:36px;height:36px;box-shadow:0 0 0 3px #fff;border-radius:50%;object-fit:cover}.story-avatar img.unread{box-shadow:0 0 0 3px #1876f2}.story-avatar.first-story-avatar img{box-shadow:0 0 0 5px #fff;background-color:#5c9df1;width:20px;height:20px}.story-name{position:absolute;bottom:0;padding:7px;color:#fff;font-weight:500}.story-name.first-story-name{position:static;background-color:#fff;color:#000;padding-top:22px;text-align:center;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:0 2px 2px 0 #ccc}.story:hover{cursor:pointer;opacity:.9}.story:hover .story-bgr{transform:scale(1.03);overflow:hidden}.story-reel{display:flex;max-width:600px;flex-wrap:nowrap;position:relative;margin-top:25px;margin-bottom:25px}.story-arrow{position:absolute;right:-25px;top:50%;transform:translateY(-50%);width:45px;height:45px;border:1px solid #ddd;border-radius:50%;background-color:#fff;display:flex;justify-content:center;align-items:center;z-index:1;cursor:pointer}.story-arrow img{width:15px;height:15px}.status-creator{width:480px;padding:0 10px;margin-bottom:25px;border:1px solid #e0dfdf;box-shadow:0 1px 2px 0 #ccc;border-radius:10px;background-color:#fff}.status-header{display:flex;align-items:center;padding:10px 0}.status-header .avatar{padding-right:10px}.status-header form{flex-grow:1}.status-header input{width:100%;height:40px;border:none;border-radius:35px;color:rgba(0,0,0,.6);padding-left:10px;background-color:#f1f2f5}.status-header input::-webkit-input-placeholder{font-family:Arial,Helvetica,sans-serif;font-size:14px;color:rgba(0,0,0,.6)}.status-header input:-ms-input-placeholder{font-family:Arial,Helvetica,sans-serif;font-size:14px;color:rgba(0,0,0,.6)}.status-header input::-ms-input-placeholder{font-family:Arial,Helvetica,sans-serif;font-size:14px;color:rgba(0,0,0,.6)}.status-header input::placeholder{font-family:Arial,Helvetica,sans-serif;font-size:14px;color:rgba(0,0,0,.6)}.status-header input:focus{outline:none}.status-options{display:flex;justify-content:space-between;border-top:1px solid #ddd;padding:7px 0}.post{background-color:#fff;display:flex;flex-direction:column;border-left:1px solid #ddd;border-right:1px solid #ddd;border-radius:15px;box-shadow:0 5px 7px -7px rgba(0,0,0,.75);margin-bottom:15px}.post-header{display:flex;justify-content:flex-start;width:480px;padding:10px 15px 5px}.post-header-info{padding:0 10px}.post-header-username{font-weight:500;color:#222}.post-header-timestamp{font-size:14px;color:#666}.post-content{color:#222;padding:0 15px 15px}.post-image{margin-bottom:20px}.post-image img{width:100%;object-fit:contain}.post-likeCount{display:flex;align-items:center;padding:0 15px 10px}.post-likeCount span{font-size:16px;color:#888;padding-left:7px}.post-actions{width:inherit;margin:0 15px;display:flex;justify-content:space-between;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.post-actions .post-action{flex-grow:1;display:flex;justify-content:center;align-items:center;padding:5px 0;margin:4px 0;border-radius:5px;color:#666;font-weight:500}.post-actions .post-action img{height:18px;width:18px;margin-right:7px}.post-actions .post-action:hover{background-color:#eee;cursor:pointer}.feed{display:flex;flex-direction:column;align-items:center}.widgets{flex:0 0 22.5%;height:calc(100vh - 60px);background-color:#f1f2f5;position:-webkit-sticky;position:sticky;overflow-y:auto;top:80px;margin-top:15px;-ms-overflow-style:none;scrollbar-width:none}.widgets::-webkit-scrollbar{display:none}.widget-ads{display:flex;align-items:center;position:relative;padding:10px;border-radius:10px;transition:all .2s}.widget-ads:hover{background-color:#ddd;cursor:pointer}.widget-ads:hover .avatar{visibility:visible}.widget-ads-img{width:110px;height:110px}.widget-ads-img img{width:100%;height:100%;object-fit:contain;border-radius:5px;border:1px solid #eee}.widget-ads .avatar{position:absolute;top:10px;right:10px;background-color:#fff;border-radius:50%;visibility:hidden;z-index:1}.widget-ads .avatar img{opacity:.7}.widget-ads-info{font-weight:500;color:#000;padding:0 12px}.widget-ads-website{font-size:14px;font-weight:400;color:#666}
/*# sourceMappingURL=main.e08e786d.chunk.css.map */