body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;outline:none}:root{--primary-color:#f1f1f1;--secondary-color:#f5deaf;--text-color:#3a3a3a}html{overflow-y:scroll}body{background-color:#fafafa}textarea{resize:none}input,textarea{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;-webkit-appearance:none;appearance:none;outline:none}a{text-decoration:none}p{letter-spacing:.02em;word-break:break-word}button{cursor:pointer;outline:none}button:disabled{color:#aaa}button:disabled,button:disabled:hover{background:#f1f1f1}.primary-transparent-btn{background-color:transparent;border:none;color:#551a8b;font-size:16px;letter-spacing:.01em;margin:0 2.5%;padding:8px 5px;text-align:left;width:95%}.primary-transparent-btn:last-child{border:none;margin-bottom:5px}.primary-transparent-btn:hover{background-color:#f1f1f1;border-radius:4px}.scroll-disabled{position:fixed;width:100%}.flex-sb{justify-content:space-between}.flex-center,.flex-sb{align-items:center;display:flex}.flex-center{justify-content:center}.main-container{margin:0 auto;max-width:100%;padding:110px 8px 0;width:1050px}.right-container{flex:1 1;margin-left:40px}.trending-container h3{border-bottom:1px solid #eee;color:#673;font-size:16px;font-weight:500;letter-spacing:.03em;margin-bottom:8px;margin-top:0;padding-bottom:3px;padding-left:2px;text-transform:uppercase}.trending-container .search-hashtag{background:#fff;border:2px solid #f4f4f4;border-radius:8px;margin-bottom:15px;padding:2px 5px}.trending-container .search-hashtag .hashtag-input{background:transparent;border:none;height:35px;width:85%}.trending-container .search-hashtag .submit-hashtag{background:#fafafa;border:none;border-radius:5px;color:#fff;height:28px;letter-spacing:.01em;width:11%}.trending-tags{background:#faf9f9;border-radius:6px;display:flex;flex-direction:column;width:100%}.each-hashtag{color:#3a3a3a;color:var(--text-color);letter-spacing:.03em;padding:3px 10px 5px}.each-hashtag:hover{background:#f1f1f1}.each-hashtag .tag-name{font-size:1em;font-weight:500;margin:3px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.each-hashtag .tag-count{font-size:.85em}.feedback-poster{background-attachment:fixed;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='974' height='649.3' viewBox='0 0 900 600'%3E%3Cg fill-opacity='.05'%3E%3Cpath d='M306.9 210.2c-1.2-22.8-13.5-42.7-40.8-41.1-18.3 1.1-35.9 3.6-47.5 20.1-5.2 7.4-10.6 15.6-11.4 24.9-.5 5.8.2 12 1.2 17.7 9 49.6 85.3 46.7 96.4.2 1.8-7.1 2.5-14.6 2.1-21.8zM137.2 481.3c-13.2-9.9-31.2-13.3-48.5-3.2-12.6 7.3-19.1 17.4-21.1 28.2-.7 2.4-1.2 4.7-1.5 7-8.2 35.4 33.7 78.9 72.6 48.6 28.9-22.6 25.7-60.3-1.5-80.6zM547.9 588.3c-7.1-34.2-61.6-52.7-87.5-16.9-11.2 11.3-12.7 26.3-7.6 39.7 1.8 7.5 5.5 13.9 10.4 19.1 19.4 20.3 53.4 26.2 72.8 1.9 9.9-12.4 17.9-27.9 11.9-43.8zM547.9-11.7c-7.1-34.2-61.6-52.7-87.5-16.9-11.2 11.3-12.7 26.3-7.6 39.7 1.8 7.5 5.5 13.9 10.4 19.1 19.4 20.3 53.4 26.2 72.8 1.9 9.9-12.4 17.9-27.9 11.9-43.8zM849.7 498c-22.3 1.3-43.2 7.5-52.7 29.5-3.3 7.7-7.3 15.7-7 24.3 2 55.6 86.1 63.4 98.8 10.1 1.8-7.3-11.5-65.5-39.1-63.9zM762 291.1c-8.2-6.1-19.1-1.9-27.3 2.2-7.4 3.7-14.4 8.2-21.6 12.1-6.6 3.6-13.7 7-19.8 11.5-18.3 13.5-2.5 45.1 10.6 56.4 17 14.6 41.6 15.9 59.6 2.1 30.6-23.6 27.2-63-1.5-84.3zM863.3 170.3c-4.5-15.7-17.9-28.8-33.4-34.4-16.2-5.8-38.4-2.9-51.8 8.1-14.9 12.2-14.5 31.7-11.4 49 9.6 53.9 84.3 47.7 97-1.3 1.9-7.3 1.6-14.6-.4-21.4zM598.4 86.1c-10.2 15.5-9.3 34.2-.9 50.4 2.6 5 6.2 9.5 10.4 13.2 14.2 12.6 35.5 17.1 53.2 9.5 14.3-6.1 23.9-19.8 26.7-34.7 19.6-48.9-58.1-86-89.4-38.4zM509.8 413.3c-17.3 22.6-11.8 59 17.5 75.3 22.6 12.6 52.2 1.7 63.8-20.9 21.4-42-9.2-85-56.5-71-10.8 3.2-19 9.1-24.8 16.6zM607.4 232.3c-.5-.4-1-.8-1.4-1.2-16.5-12.8-30.2-22.1-50.3-8.4-15.5 10.6-29 30.3-31.4 49.1-4.2 33.6 30.6 46.9 58.6 40.6 36.7-8.2 57.7-52.9 24.5-80.1zM410.6 95c-36.5 1.3-74.1 41.8-43.1 74.3 19.8 20.9 54.4 20.7 74.6.5 20.5-20.4 18.4-53.1-6.9-68.6-7.5-4.6-16-6.5-24.6-6.2zM291.3 23l-.2-.2c-14.2-16.9-38.3-25.6-61.4-12.3-13.5 7.8-20.5 18.7-22.7 30.2-5.7 18 1.5 34.2 14.2 44.8 15.4 16.8 40.3 24.1 64.2 5.5 9.6-7.4 15-16.3 17.2-25.4 6-16.8.1-32-11.3-42.6zM419.1 440.6c-16.9-14.5-41.8-21.5-61.7-9.5-18.3 11.1-1 100.1 32.2 93.5 23.8-4.7 45.3-22.4 48.1-44.3 1.9-14.2-6.2-29-18.6-39.7zM127 227c-12-4.3-25.4-2.1-38.7 11.4-17.3 17.5-26.9 47.7-7.9 67.6 21.3 22.3 86.9 27.5 89.6-14.9.5-8.9-2.7-17.9-6.5-25.8-8.4-17-21.4-32.8-36.5-38.3zM281.5 407.6c-.3-.4-.7-.7-1-1-19.3-17.6-59.1-.6-78.1 10.3-23.8 13.7-8.2 41.1 5.4 55.8 16.3 17.6 42.7 25.2 68 5.8 15.5-11.9 19.7-55.8 5.7-70.9zM137.9 110.2c-10.4-25.7-43.3-32.1-67-23.6-10.8 3.8-20.9 11.2-25.8 22-21.2 47.3 44.9 81.1 78.5 51 9.5-8.5 17.3-18.9 17.4-32.4 0-6.4-1.1-12.1-3.1-17zM344.3 284.7c-10 14.9-9.2 34.1-.9 49.5 3.4 6.3 8.6 13.8 16.1 15.8 7.1 1.9 15.1.7 22.1-.6 15.7-3 45.6-10.5 52.3-26.8 19.6-48.2-58.3-84.7-89.6-37.9zM-29.2 431.8c23.4 12.4 54.1 1.7 66.1-20.6 9.6-17.8 10.4-40.4-3.3-56.5-10.5-12.4-44.2-25.8-58.5-11.3-3 3.1-5.1 7.1-6.9 10.9-9.3 18.9-23.2 63.8 2.6 77.5zM870.8 431.8c23.4 12.4 54.1 1.7 66.1-20.6 9.6-17.8 10.4-40.4-3.3-56.5-10.5-12.4-44.2-25.8-58.5-11.3-3 3.1-5.1 7.1-6.9 10.9-9.3 18.9-23.2 63.8 2.6 77.5zM671.4 460.5c-10.7 1.7-20.2 8.3-26.2 22.2-21.5 49.5 45.4 84.9 79.4 53.3 16.3-15.2 24-31 6.5-48.1-5.9-5.8-12.3-11-19.1-15.6-12.5-8.6-27.5-13.9-40.6-11.8z'/%3E%3C/g%3E%3C/svg%3E");background-size:100% 100%;border:1.5px solid #eee;border-radius:5px;font-family:sans-serif;margin-top:15px;padding:5px 8px;width:260px}.feedback-poster p{font-size:12px;line-height:1.5em;margin:3px 0 10px}.feedback-poster button{background:#663;border:none;border-radius:3px;color:#fff;font-size:13px;letter-spacing:.05em;margin-bottom:5px;padding:6px}.feedback-poster button:hover{border-radius:8px}.feedback-form textarea{border:1px solid #ddd;border-radius:3px;font-size:16px;height:100px;padding:5px;width:100%}.seenitall{color:#3a3a3a;color:var(--text-color);text-align:center}.error-txt{color:red!important;margin:0 0 4px;text-align:center}.info-txt{color:#3c3c3cb9;font-size:12px;text-align:center}.notfound-txt{color:#3a3a3a;color:var(--text-color);text-align:center}.notfound-txt h3{font-size:60px;margin:15px}.notfound-txt p{font-size:18px;margin:10px}.navbar{background:#fff;border-bottom:1px solid #f1f1f1;box-shadow:0 1px 8px 0 #ededed;left:0;position:fixed;right:0;top:0;z-index:3}.desktop-top-nav{display:flex}.bottom-mobile-nav{background:#fff;border-top:1px solid #ddd;bottom:0;box-shadow:0 1px 4px 0 #cecece;display:none;height:49px;position:fixed;width:100%;z-index:3}.bottom-mobile-nav a button{align-items:center;background:transparent;border:none;display:flex;flex-direction:column;height:100%;letter-spacing:.03em;margin:0 auto}.bottom-mobile-nav a button span{color:#000;font-family:Arial,Helvetica,sans-serif;font-size:12px}.bottom-mobile-nav .vomit-tab-button{background:#fff;border-radius:50%;border-top:1px solid #cecece;bottom:3px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.vomit-tab-button svg{height:44px}.navbar .inner-nav{height:80px;margin:0 auto;max-width:100%;padding:8px 15px;width:1060px}.navbar .logo{height:58px}.navbar .logo img{height:100%}.nav-btns-div,.nav-btns-div button{align-items:center;display:flex}.nav-btns-div button{border:none;border-radius:4px;letter-spacing:.03em}.about-btn{border-right:1px solid #bbb;color:#673;cursor:pointer;font-weight:600;margin-left:18px;margin-right:12px;padding-right:12px}.nav-btns-div .public-vomits{background:#f2f2f2;border:1px solid #f2f2f2;color:#663;font-size:17px;margin-right:25px;padding:6px}.nav-btns-div .public-vomits span{margin-left:2px}.nav-btns-div .public-vomits:hover{background:transparent;border-radius:8px}.nav-btns-div .public-vomits svg{height:28px;margin-right:4px;width:20px}.nav-btns-div .messenger{height:32px;margin-left:20px;width:32px}.messenger img{height:100%}.nav-btns-div .vomit-btn{background:#663;box-shadow:0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);color:#fff;font-size:20px;margin-right:8px;padding:7px 11px}.nav-btns-div .vomit-btn:hover{border-radius:8px}.nav-btns-div .vomit-btn svg{height:25px;margin-right:8px;width:25px}.nav-btns-div .login-txt{color:#673;cursor:pointer;font-weight:600}.nav-btns-div .login-txt:hover{color:#663}.navbar .nav-image-item{position:relative}.navbar .active-nav-item{z-index:1}.navbar .image-bg-div{align-items:center;background:#eee;border-radius:100%;cursor:pointer;display:flex;height:34px;margin-left:18px;width:34px}.navbar .image-bg-div:hover{background:#ddd}.navbar .image-bg-div svg{bottom:0;display:block;height:60%;margin:0 auto;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.navbar .nav-item-dropdown{background:#fff;border:1px solid #eee;border-radius:3px;box-shadow:0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);position:absolute;right:0;top:40px}.navbar .notifications-dropdown{max-height:70vh;overflow-y:auto;width:300px}.notifications-page{margin-top:15px}.mobile-notification{display:none}.notifications-div{max-height:calc(100vh - 120px);overflow-y:auto;padding:0 15px;position:fixed;right:20px;top:100px;width:310px;z-index:99}.notifications-count{background:#d80808;border-radius:50%;color:#fff;font-size:9px;height:13px;position:absolute;right:0;width:13px}.each-notification{border-bottom:1px solid #ddd;cursor:pointer;padding:5px}.each-notification:hover{background:#f1f1f1}.each-notification p{color:#3a3a3a;color:var(--text-color);font-size:14px;line-height:1.6em;margin:0}.each-notification span{color:#00000080;font-size:11px}.notification-info{color:#aaa;font-size:10px;letter-spacing:.03em;margin:0;padding:3px 0;text-align:center;text-transform:uppercase}.navbar .profile-dropdown div{align-items:center;border-bottom:1px solid #ddd;color:#000;cursor:pointer;display:flex;padding:10px 6px}.navbar .profile-dropdown div:hover{background:#f1f1f1}.navbar .profile-dropdown div svg{height:16px;margin-right:3px;width:16px}.navbar .profile-dropdown div p{font-size:15px;margin:0 0 0 10px;word-break:normal!important}.popup-content{background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);max-height:80vh;max-width:90%;overflow:auto;position:relative}.popup-content .popup-header{border-bottom:1px solid #f1f1f1;margin-bottom:5px;padding:10px}.popup-content .popup-header .popup-title{font-weight:500;margin:0}.popup-content .popup-header .popup-close svg{cursor:pointer;height:16px}.dropdown-bg,.popup-bg{background:hsla(0,0%,87%,.65);bottom:0;left:0;position:fixed;right:0;top:0;z-index:12}.popup-bg{align-items:center;display:flex;justify-content:center}.dropdown-bg{z-index:-1}.confirmation-popup,.follow-popup-container,.form-container,.secret-msg-popup{max-width:100%;padding:10px;width:320px}.confirmation-popup p{margin-top:0}.secret-msg-popup{max-width:100%;padding-top:0;width:320px}.form-container form input,.form-container form select{border:2px solid #ddd;border-radius:3px;display:block;font-size:15px;height:40px;margin-bottom:10px;padding:5px;width:100%}.login-form,.signup-form{border-bottom:1px solid #ddd;padding-bottom:10px}.more-actions{margin:15px 0 5px;padding:0 2px}.back-btn,.more-actions button{border:1px solid #ddd;height:32px;padding:4px 8px}.more-actions .loginorsignup{background:transparent;border-radius:5px;color:#3a3a3a;color:var(--text-color);font-size:15px;letter-spacing:.03em;width:80px}.close-btn:hover,.more-actions .loginorsignup:hover{background:#f1f1f1}.close-btn{background-color:transparent;border-radius:3px;color:#3a3a3a;color:var(--text-color);font-size:15px}.back-btn{background:transparent;border:none;color:#551a8b;font-size:16px;margin:10px 0 0;text-align:center;width:100%}.colored-submit-btn,.confirmation-popup button{background-color:#a17c6b;border:2px solid transparent;border-radius:3px;color:#fff;display:block;font-size:14px;height:40px;letter-spacing:.065em;margin:8px 0 4px;padding:4px 8px;text-transform:uppercase;width:100%}.confirmation-popup button:last-child{background:#f1f1f1;color:#3a3a3a;color:var(--text-color)}.colored-submit-btn:hover{background:#663}.signup-form label{display:block;margin-top:5px}.signup-form label span{display:block;font-size:13px;margin-bottom:4px;margin-left:2px}.signup-form .tandc{font-size:11px;margin:5px 2px}.forgot-username-pass{cursor:pointer;font-size:15px;margin:12px 0 7px;text-align:center}.forgot-username-pass,.signup-form .tandc a{color:#551a8b}.filter-header-div p{color:#3a3a3a;color:var(--text-color);font-size:13px;font-weight:500;letter-spacing:.04em;margin:18px 0 16px;text-align:center;text-transform:capitalize;word-spacing:.04em}.filter-header-div p span,.show-more-replies{color:#8b008b;cursor:pointer;text-decoration:underline;word-spacing:0}.create-vomit-container{margin:0 auto 40px;max-width:100%;width:720px}.create-vomit-container .vomit-input{margin:20px auto 40px;padding:0 10px;position:relative;width:100%}.editable-div,.vomit-input textarea{border:2px solid #e7e7e7;border-radius:8px;font-size:22px;line-height:1.6em;margin-bottom:4px;position:relative;width:100%}.editable-div .public-DraftEditorPlaceholder-root{color:grey;letter-spacing:.02em;padding:8px;position:absolute;z-index:-2}.editable-div .public-DraftEditor-content,.vomit-input textarea{height:225px;letter-spacing:.02em;overflow:auto;padding:8px}.hashtag-highlight-div{background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);color:#000;font-size:16px;position:absolute;z-index:2}.hashtag-highlight-div div{border-bottom:1px solid #eee;cursor:pointer;line-height:1.1em;min-width:200px;padding:5px}.hashtag-highlight-div .hashtag-name{display:block}.hashtag-highlight-div .hashtag-count{color:#3a3a3a;color:var(--text-color);font-size:13px}.hashtag-highlight-div div:last-child{border:none}.hashtag-highlight-div div:hover{background:#eee}.create-vomit-container .vomit-input .characters-left{background:#f1f1f1;color:#3a3a3a;color:var(--text-color);height:30px;margin:0;text-align:right}.create-vomit-container .vomit-input .emojis-div{bottom:2px;position:absolute;right:0}.create-vomit-container .vomit-input .emoji-popup{bottom:40px;right:0}.create-vomit-container .publish-vomit{background:none;border:none;border-radius:6px;color:#d1d1d1;display:flex;font-size:45px;font-weight:700;height:52px;letter-spacing:.04em;margin:45px auto 0;padding:0 20px}.create-vomit-container .publish-vomit span{position:relative}.create-vomit-container .publish-vomit:hover{background:#a17c6b;box-shadow:0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);color:#fff}.create-vomit-container .publish-vomit:disabled{background:#ddd;color:#fff}.select-emotion-txt{color:#3a3a3a;color:var(--text-color);font-size:14px;font-weight:500;letter-spacing:.05em;text-align:center}.emotions,.more-emotions{display:flex;flex-wrap:wrap;justify-content:space-evenly;max-width:100%;text-align:center}.more-emotions{max-height:340px;overflow-y:auto;width:470px}.emotion-div{margin:5px 8px;width:86px}.emotion-div p{color:#3a3a3a;color:var(--text-color);font-size:13px;font-weight:600;margin:0}.emotion-div button{background:transparent;border:none;height:70px;padding:0 10px;transition:padding .75s;width:70px}.emotion-div button svg{height:90%;width:100%}.emotion-div button:hover{padding:0}.active-emotion{padding:0!important}.vomits-container{margin-top:35px}.vomit-box{background:#fff;border:1px solid #e7e7e7;border-radius:8px;box-shadow:0 0 1px rgba(0,0,0,.1);margin:0 auto 45px;max-width:100%;padding:14px 10px 5px;position:relative;width:720px}.vomit-box .vomit{color:#3a3a3a;color:var(--text-color);font-size:17px;line-height:28px;margin:0 0 5px;overflow:hidden;white-space:pre-wrap}.vomit-box .truncated-vomit{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;max-height:9.15em;overflow:hidden;word-break:break-word}.viewmore-filter-div span{cursor:pointer;margin-left:2px;margin-right:15px;text-decoration:underline}.viewmore-filter-div .filter-vomit{color:#3a3a3a;color:var(--text-color);font-size:13px}.viewmore-filter-div .view-more{color:#673;font-size:15px}.vomit-box .emotion{background:#f5deaf;border-radius:3px;box-shadow:0 1px 1px rgb(0 0 0/4%);color:#3a3a3a;color:var(--text-color);font-size:14px;font-weight:500;height:25px;left:8px;line-height:22px;padding:0 8px;position:absolute;top:-14px}.vomit-box .emotion .vomiter-name{color:#6164be;cursor:pointer}.vomit-box .vomit-actions{flex-wrap:wrap;font-size:14px;margin-top:10px}.vomit-actions .left-actions-div{flex:2 1}.vomit-box .copy-icon{background:#f1f1f1;border:none;border-radius:3px;color:#3a3a3a;color:var(--text-color);cursor:pointer;height:27px;letter-spacing:.03em;padding:5px}.vomit-box .delete-icon{margin-left:13px}.vomit-box .edit-icon{margin-right:13px}.vomit-box .copy-icon svg{height:100%}.vomit-box .copy-icon:hover{background:#ddd}.reactions-count,.vomit-box .vomit-actions .vomit-time{color:#3a3a3a;color:var(--text-color);cursor:pointer;letter-spacing:.03em}.vomit-box .vomit-actions .reactions-count{margin-left:20px}.reactions-count:hover{color:#8d8484}.vomit-box .follow-vomiter{color:#3a3a3a;color:var(--text-color);cursor:pointer;font-weight:600;text-transform:capitalize}.reaction-status{font-size:14px;font-weight:500;margin-top:15px}.vomit-box .vomit-actions div .private-convo{background:#f1f1f1;border:none;border-radius:3px;color:#000;cursor:pointer;height:28px;letter-spacing:.03em;line-height:28px;margin-right:13px;outline:none;padding:0 5px;text-decoration:none}.vomit-box .vomit-actions div .private-convo:hover{background:#ddd}.vomit-box .vomit-reply{border-top:1px solid #f1f1f1;margin-top:10px;padding-top:5px}.vomit-box .vomit-reply .reply-area{background:transparent;border:none;font-size:14px;line-height:20px;padding:5px 5px 5px 0;width:85%}.reply-input-box button,.vomit-box .vomit-reply button{border:2px solid #e6e6e6;border-radius:3px;font-size:14px;letter-spacing:.04em;padding:0 10px}.secret-msg-popup .secret-msg-popup-form textarea{border:none;font-size:15px;height:80px;line-height:20px;padding:3px;width:100%}.follow-popup-container input,.secret-msg-popup .secret-msg-popup-form input{border:none;border-bottom:1px solid #cdcdcd;border-radius:3px;font-size:15px;height:35px;margin-bottom:10px;padding-left:5px;width:100%}.secret-reply-heading{font-size:18px;margin-bottom:30px;text-align:center}.chat-box{background:#fff;border-radius:5px;box-shadow:0 0 4px 1px #ddd;height:calc(100vh - 140px);margin:0 auto;max-width:100%;min-height:200px;position:relative;width:720px}.chat-box .chat-box-header{border-bottom:1px solid #f1f1f1;padding:0 10px}.chat-box-header .convo-title{max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-error{background:red;border-radius:5px;color:#fff;font-size:14px;left:50%;letter-spacing:.02em;line-height:1.5em;padding:5px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.chat-box .chat-box-header a{color:#551a8b}.chat-box .chat-area{height:calc(100% - 138px);overflow-y:auto}.chat-area .chat-date{margin:5px 0;text-align:center}.chat-area .chat-date span{background:#8b008b;border-radius:3px;box-shadow:0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);color:#fff;font-size:12px;letter-spacing:.04em;padding:3px 5px}#scrollableDiv{display:flex;flex-direction:column-reverse;height:100%;overflow:auto;padding:0 5px}.chat-box .secret-reply{margin:5px;max-width:75%}.chat-box .secret-reply p{border-radius:5px;display:inline-block;font-size:15px;letter-spacing:.03em;line-height:1.5em;margin:0;padding:4px 6px;white-space:pre-wrap}.secret-reply .myreply{background:#a17c6b;color:#fff}.secret-reply .others-reply{background:#f1f1f1;color:#3a3a3a;color:var(--text-color)}.chat-box .secret-reply span{color:#aaa;display:block;font-size:13px;margin:1px 0 3px 4px}.enter-msg-area{align-items:center;background:#f8f8f8;border-bottom-left-radius:10px;border-bottom-right-radius:10px;bottom:0;box-shadow:0 0 4px 0 #ddd;display:flex;padding:8px;width:100%;z-index:99}.enter-msg-area .textarea-emoji-div{align-items:center;background:#fff;border:1px solid #ddd;border-bottom-left-radius:5px;border-top-left-radius:5px;display:flex;width:100%}.enter-msg-area .textarea-emoji-div .emojis-div{margin:0 8px}.enter-msg-area .textarea-emoji-div .emoji-popup{bottom:52px!important;right:-50px!important}.enter-msg-area .secret-reply-textarea{border:none;border-bottom-left-radius:5px;border-top-left-radius:5px;font-size:16px;height:65px;line-height:20px;padding:3px 8px;width:100%}.enter-msg-area button{background:#8b008b;border:1px solid #8b008b;border-bottom-right-radius:5px;border-top-right-radius:5px;color:#fff;font-size:15px;height:67px;letter-spacing:.03em;min-width:60px;text-transform:uppercase}.enter-msg-area button svg{height:22px}.borderedTab{align-items:center;background:#f1f1f1;border:1px solid #f1f1f1;border-radius:6px;display:flex;margin:0 auto;max-width:100%;width:720px}.tab-content{padding-top:5px}.borderedTab div{border-radius:6px;color:#3a3a3a;color:var(--text-color);cursor:pointer;font-size:16px;letter-spacing:.05em;line-height:40px;text-align:center;text-transform:capitalize;width:50%}.borderedTab .active-tab{background:#fff;border:1px solid #f1f1f1;box-shadow:0 0 2px 2px #ddd;color:#3a3a3a;color:var(--text-color);font-weight:500}.unborderedTab{border-bottom:1px solid #f1f1f1;display:flex;margin:0 auto;max-width:100%;padding-left:2px;width:720px}.unborderedTab div{color:#3a3a3a;color:var(--text-color);cursor:pointer;font-size:15px;letter-spacing:.03em;margin-right:20px;text-align:center;text-transform:capitalize}.unborderedTab .active-tab{border-bottom:2.5px solid #663;color:#663;font-weight:500}.loader{display:block;height:60px;margin:15px auto}.vomitloader{height:80px;width:80px}.reactions-container{margin:0 auto 5px;max-width:100%;position:relative;width:720px}.comment-container,.reactions-container .each-conversation{border-bottom:1px solid #f1f1f1;padding:2px 10px 5px}.comment-container:last-child{border-bottom:none!important}.comment-container .reply-input-box{margin-top:10px}.reply-input-box textarea{background:transparent;border:none;border-radius:3px;height:35px;letter-spacing:.03em;margin-right:6px;padding:8px 4px;width:100%}.reply-input-box .emojis-div{margin-bottom:2px}.reply-input-box .emoji-popup{height:200px;right:-30px;top:30px}.reply-input-box .emojis-div .emoji-child{font-size:16px;margin-right:12px}.each-conversation:last-child{border:none}.reactions-container .comment-container p{margin:2px 0;white-space:pre-wrap}.each-conversation span,.reactions-container .comment-container span{color:#8e8e8e;font-size:13px}.reactions-container .each-conversation a{color:#000}.reactions-container .each-conversation:hover{background:#f1f1f1}.comment-container .comment-options{margin:3px 0 5px}.comment-container .comment-actions span{cursor:pointer;font-weight:500;margin-right:15px;text-transform:capitalize}.comment-container .comment-info span:not(:last-child){margin-right:16px}.comment-container .comment-reply{margin-bottom:10px}.comment-container .comment-reply p{font-size:14px}.reactions-container .each-conversation p{letter-spacing:.01em;margin:3px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:73%}.unread-convo{background:#fafafa;font-weight:700!important}.unread-convo .latest-msg{font-weight:500!important}.each-conversation .latest-msg{color:grey;font-size:14px}.snackbar{background:#a17c6b;box-shadow:0 0 3px 2px #ddd;color:#fff;justify-content:space-between;margin:10px auto;padding:5px;position:relative;width:100%}.snackbar,.snackbar .close-snackbar{border-radius:5px;cursor:pointer;display:flex}.snackbar .close-snackbar{align-items:center;background:#00000017;font-weight:500;margin-left:10px;padding:0 10px}.snackbar .close-snackbar:hover{background:#00000030}.snackbar p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;letter-spacing:.03em;line-height:1.4em;margin:2px;max-height:3.2em;overflow:hidden;word-break:break-word}.emojis-div{position:relative}.emojis-div .emoji-child{background:#eee;border-radius:100%;box-shadow:0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12),0 1px 3px 0 rgba(0,0,0,.2);cursor:pointer;font-size:24px;padding:5px}.vomit-box .vomit-reply .emojis-div .emoji-child{font-size:18px;margin-right:8px}.emoji-popup{background:#fff;border-radius:8px 8px 0 0;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 1px 10px rgba(0,0,0,.35);height:270px;max-height:90vh;min-height:172px;position:absolute;width:270px;z-index:4}.vomit-box .vomit-reply .emoji-popup{bottom:35px;height:220px;right:-55px}.vomit-box:first-child .vomit-reply .emoji-popup{top:35px!important}.emoji-popup .emoji-header{align-items:center;border-bottom:1px solid #eee;display:flex;height:47px;justify-content:space-around}.emoji-popup .emoji-header span{cursor:pointer;font-size:18px;padding:3px}.active-emoji-header{border-bottom:2px solid!important;color:#8b008b!important}.emoji-popup .emoji-body{display:block;max-height:calc(100% - 47px);overflow-x:hidden;overflow-y:auto;padding:0 0 8px;text-align:center}.emoji-popup .emoji-body span{cursor:pointer;display:inline-block;font-size:22px;margin:7px 2px;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:15%}.emoji-popup .emoji-body span:hover{-webkit-transform:rotate(20deg) scale(1.3);transform:rotate(20deg) scale(1.3)}.emoji-popup .emoji-body::-webkit-scrollbar{width:10px}.emoji-popup .emoji-body::-webkit-scrollbar-track{background:#f1f1f1}.emoji-popup .emoji-body::-webkit-scrollbar-thumb{background:#ddd}.terms-container{border:1px solid #ddd;border-radius:5px;margin-bottom:20px;padding:0 10px}.terms-container h1{font-size:28px;margin-top:10px}.terms-container h2{font-size:20px}.terms-container h1,.terms-container h2,.terms-container p{letter-spacing:.03em}.terms-container p{line-height:1.6em}.about-container,.secretkey-container{max-width:100%;padding:0 10px 10px;text-align:center;width:412px}.secretkey-container input{background:#eee;border:2px solid #aaa;border-radius:3px;font-size:15px;height:30px;margin:10px 0;width:80%}.about-container img{height:150px}.about-container h3{color:#3a3a3a;color:var(--text-color);font-size:22px;letter-spacing:.02em;margin:10px 0 5px}.about-container h4,.secretkey-container h4{color:#3a3a3a;color:var(--text-color);font-size:16px;letter-spacing:.02em;margin:15px 0}.about-container p,.secretkey-container p{letter-spacing:.02em;line-height:1.5em;margin:0 0 5px}.about-container a{color:#551a8b;display:block;font-size:12px;margin-bottom:6px}.vomiter-list-popup{max-height:300px;max-width:100%;overflow-y:auto;width:340px}.vomiter-list-popup .vomiter-you-follow{border-bottom:1px solid #f1f1f1;padding:10px 8px}.vomiter-you-follow a{color:#3a3a3a;max-width:70%;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.vomiter-you-follow a:hover{color:#6164be}.profile-header .following-count{display:flex;margin:15px 0 25px;padding-left:3px}.following-count span{display:block;font-size:16px;font-weight:600;letter-spacing:.03em;margin-right:15px;min-width:120px}.following-count span:first-child{cursor:pointer}.edit-vomiter-name{height:80px}.edit-vomiter-name p{font-size:30px;margin:0 8px 0 0;text-transform:capitalize}.edit-vomiter-name .new-vomiter-name-input{border-bottom:1px solid #f1f1f1;max-width:100%;padding-bottom:5px;width:260px}.edit-vomiter-name .new-vomiter-name-input button{border:none;font-size:16px;margin-right:10px;padding:5px 15px}.edit-vomiter-name .new-vomiter-name-input span{cursor:pointer;margin-left:15px}.unfollow-vomiter-btn{background-color:#a17c6b;border:2px solid transparent;border-radius:3px;color:#fff;font-size:14px;letter-spacing:.03em;margin:0 0 0 15px;padding:3px 10px;text-transform:capitalize}.unfollow-vomiter-btn:hover{background:#663}.vomiter-you-follow .unfollow-vomiter-btn{font-size:13px;padding:3px 5px}.edit-vomiter-name .edit-span{color:#6164be;cursor:pointer;text-decoration:underline}.edit-vomiter-name input{background:transparent;border:none;font-size:16px;padding:0 5px;width:100%}.confirmation-action-btns-div{border-top:1px solid #f1f1f1;display:flex}.confirmation-action-btns-div button{margin:10px 5px 0}@media screen and (max-width:750px){.main-container{padding:90px 8px 60px}.navbar .inner-nav{height:60px}.navbar .logo{height:42px}.notifications-div{max-height:calc(100vh - 120px)}.desktop-top-nav{display:none}.bottom-mobile-nav{align-items:center;display:flex;justify-content:space-between;padding:0 25px}.desktop-notification{display:none}.mobile-notification{display:block}.chat-box{height:calc(100vh - 164px)}}@media screen and (max-width:1100px){.right-container{display:none}.inner-nav{width:830px!important}}@media screen and (max-width:615px){.emotions{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto}}@media screen and (max-width:575px){.vomit-box .vomit-actions .right-actions-div{margin-top:10px;width:100%}.vomit-box .vomit-actions .left-actions-div{font-size:13px;padding-left:3px}.chat-box .chat-box-header{font-size:13px}.enter-msg-area button{font-size:13px;min-width:55px}.emojis-div .emoji-child{font-size:20px}.vomitloader{height:13.9vw;width:13.9vw}.create-vomit-container .publish-vomit{font-size:7.8vw;height:9vw;margin-bottom:20px}}