body{--border: #ccc;--background: #f5f5f5;--input-border: #ddd;--bottom-bar: #c1c1c1;--header: #eaeaea;--darker-1: #d6d6d6;--darker-2: #b9b9b9;--lighter-1: #232323;--lighter-2: #363636;--grey: #555;--red-1: #e70909;--red-2: #e70909b0;--blue-1: #0044cc;--blue-2: #3A8DFF;--golden-1: #cc8f00;--golden-2: #e1a100;--white-black: #111;--black-white: #fff;--postPic-arrow-color: rgba(0, 0, 0, .7);--postPic-arrow-color-hover: rgba(255, 255, 255, .9);--postPic-arrow-color-active: rgba(255, 255, 255, 1);--active-color: #0057d9;--like-color: #e63946;--comment-color: #1565c0;--share-color: #f9a825;--vote-color: #38b000;--invert: invert(0);background-color:var(--background);color:var(--white-black);touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-family:Segoe UI,sans-serif;margin:0}body.dark{--border: #444;--background: #1f1f1f;--input-border: #0d0d0d;--bottom-bar: #111;--header: #161616;--darker-1: #232323;--darker-2: #363636;--lighter-1: #d6d6d6;--lighter-2: #b9b9b9;--grey: #ccc;--red-1: #e70909;--red-2: #e70909b0;--blue-1: #3A8DFF;--blue-2: #0056b3;--golden-1: #ffc843;--golden-2: #ffd500;--white-black: #f1f1f1;--black-white: #000;--invert: invert(1);background-color:var(--background);color:var(--white-black)}#root,html,body{overflow-x:hidden;overflow-y:hidden;max-width:100%;width:100%;height:100%}body[dir=rtl]{direction:rtl;text-align:right}body[dir=ltr]{direction:ltr;text-align:left}.main-body{display:flex;flex-direction:column;align-items:center;overflow-x:hidden;max-height:calc(100% - 81.6px);max-width:calc(100% - 51.6px);height:100%;width:100%;margin-top:81.6px;margin-left:51.6px}.main-body:dir(rtl){margin-left:unset;margin-right:51.6px}.container{text-align:center;display:flex;flex-direction:column;margin:20px;padding:40px;margin-top:5vh;border-radius:20px;background-color:var(--header);box-shadow:0 4px 10px #0000004d}.title{font-size:3rem;margin-top:5px;margin-bottom:5px;color:var(--blue-2)}.text{font-size:1.25rem;margin-bottom:2rem;opacity:1;font-weight:700}.subtitle{font-size:20px;margin-top:15px;margin-bottom:15px;opacity:.85}.overScreen{display:none;position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background-color:#00000080}.overScreen-content{text-align:center;display:flex;flex-direction:column;z-index:1000;margin:20px;padding:40px;margin-top:5vh;border-radius:20px;background-color:var(--header);box-shadow:0 4px 10px #0000004d}.error-message{color:var(--red-1);margin:3px}.column{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.row{width:100%;display:flex;flex-direction:row;justify-content:flex-start}.space-between{justify-content:space-between}.start-button{background-color:var(--blue-2);color:#fff;border:none;padding:14px 30px;font-size:1rem;border-radius:10px;cursor:pointer;transition:background-color .2s ease}.start-button:hover{background-color:var(--blue-1)}.main-header{position:fixed;top:0;left:0;width:calc(100% - 30px);display:flex;justify-content:space-between;align-items:center;background-color:var(--header);border-bottom:2px solid var(--border);padding:10px 15px;height:60px;z-index:900;box-shadow:0 2px 10px #0000004d}main{padding-top:60px}.header-left{display:flex;align-items:center}.header-logo{height:40px;margin-right:10px}.header-title{font-size:20px;font-weight:700;color:var(--white-black)}.header-right,.user-info{display:flex;align-items:center}.profile-container{display:flex;justify-content:flex-start;align-items:flex-start}.profile-pic{width:38px;height:38px;border-radius:50%;object-fit:cover;margin:10px;border:2px solid var(--border)}.user-name{font-size:18px;color:var(--white-black)}.login-btn{font-size:16px;color:var(--blue-2);text-decoration:none;padding:10px 16px;border:1px solid var(--blue-2);background-color:transparent;white-space:nowrap;border-radius:8px;transition:.2s,background-color .2s,transform .1s}.login-btn:hover{background-color:var(--blue-2);color:#fff}.login-btn:active{background-color:var(--blue-1);color:#fff;transform:scale(.9)}.secondary-login-btn{font-size:16px;color:var(--blue-2);background:none;border:none;cursor:pointer;padding:12px 14px;white-space:nowrap;transition:color .2s,background-color .2s,transform .1s}.secondary-login-btn:hover{color:var(--blue-1)}.secondary-login-btn:active{color:var(--blue-1);transform:scale(.9)}.login-btn:focus,.secondary-login-btn:focus{outline:none}.icon-btn{background:transparent;border:2px solid transparent;border-radius:10px;cursor:pointer;padding:6px;margin:8px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;transform-origin:center}.icon-btn:hover{box-shadow:0 0 10px #0003;background-color:var(--darker-2);transform:scale(1.1) translateZ(0)}.icon-btn:active{transform:scale(.95);background-color:var(--darker-1);border-color:var(--blue-2)}.icon-btn img{width:24px;height:24px;filter:var(--invert);transition:filter .2s ease}.sidebar{position:fixed;top:81.6px;left:0;width:50px;height:100vh;background-color:var(--header);border-right:2px solid var(--border);transition:width .3s ease;z-index:899;overflow-x:hidden;overflow-y:auto;box-shadow:0 2px 10px #0000004d}.sidebar:dir(rtl){right:0;left:unset;border-right:unset;border-left:2px solid var(--border)}.sidebar:hover,.sidebar.open{width:240px;overflow:visible}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li{display:flex;align-items:center;padding:12px 16px;transition:all .2s ease}.sidebar li:hover{box-shadow:0 0 10px #0003;background-color:var(--darker-2);transform:scale(1.04) translateZ(0)}.sidebar li:active{transform:scale(1);background-color:var(--darker-1)}.sidebar a{display:flex;align-items:center;text-decoration:none;color:var(--white-black);width:100%}.sidebar img{margin-right:12px}.sidebar img:dir(rtl){margin-left:12px;margin-right:unset}.nav-text{font-size:15px;white-space:nowrap}.notification-dot{width:8px;height:8px;background-color:var(--blue-2);border-radius:50%;position:absolute;top:12px;left:26px}hr{border:none;border-top:1px solid var(--border);margin:8px 16px}.sidebar ul,.sidebar li{outline:0;margin:0;padding:0}.sidebar .nav-icon,.mobile-bottom-nav .nav-icon{position:relative;display:table-cell;width:30px;height:30px;padding:10px;text-align:center;vertical-align:middle;filter:var(--invert)}.sidebar .nav-text,.mobile-bottom-nav .nav-text{position:relative;display:table-cell;vertical-align:middle;font-size:15px;width:200px;font-family:Arial,sans-serif}.sidebar li,.mobile-bottom-nav li{position:relative;display:block}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;height:55px;background-color:var(--header);border-top:2px solid var(--border);display:none;justify-content:space-around;align-items:center;z-index:900;box-shadow:0 2px 10px #0000004d}.mobile-bottom-nav li{list-style:none}.mobile-bottom-nav a{background:transparent;border:2px solid transparent;border-radius:10px;cursor:pointer;padding:6px 10px;margin:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .2s ease;transform-origin:center}.mobile-bottom-nav img{width:26px;height:26px;filter:var(--invert);transition:filter .2s ease}.mobile-bottom-nav a:hover{box-shadow:0 0 10px #0003;background-color:var(--darker-2);transform:scale(1.05) translateZ(0)}.mobile-bottom-nav a:active{transform:scale(.95);background-color:var(--darker-1)}#mobilebar_icon_menu.sidebar-opened{box-shadow:0 0 10px #0003;background-color:var(--darker-2);transform:scale(1.05) translateZ(0)}.auth-form{padding:32px}.auth-title{font-size:45px;margin-bottom:24px;color:var(--blue-2)}.auth-input{width:-webkit-fill-available;padding:12px 14px;margin-bottom:16px;border:1px solid var(--input-border);border-radius:8px;font-size:1rem;background-color:var(--background);color:var(--white-black)}.auth-submit{width:100%;margin:5px}.auth-text{margin:0 4px;display:inline-block;color:var(--grey)}.auth-divider{text-align:center;margin:20px 0;font-size:.9rem;color:var(--darker-1);position:relative}.auth-divider:before,.auth-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background-color:var(--border)}.auth-divider:before{left:0}.auth-divider:after{right:0}.google-signin-btn{transition:background-color .3s,box-shadow .3s;padding:12px 12px 12px 44px;border:none;border-radius:3px;box-shadow:0 -1px #0000000a,0 1px 1px #00000040;color:#757575;font-size:16px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);background-color:#fff;background-repeat:no-repeat;background-position:10px 12px;background-size:25px}.google-signin-btn:hover{box-shadow:0 -1px #0000000a,0 2px 4px #00000040}.google-signin-btn:active{background-color:#eee}.google-signin-btn:focus{outline:none;box-shadow:0 -1px #0000000a,0 2px 4px #00000040,0 0 0 3px #c8dafc}.google-signin-btn:disabled{filter:grayscale(100%);background-color:#ebebeb;box-shadow:0 -1px #0000000a,0 1px 1px #00000040;cursor:not-allowed}.auth-link{font-size:15px;color:var(--blue-2)}.auth-link a{color:var(--blue-2);text-decoration:none}.auth-link a:hover{text-decoration:underline}.settings-category{border:1px solid var(--lighter-2);background-color:var(--header);box-shadow:0 4px 10px #0000004d;padding:20px;margin-top:20px;border-radius:10px;overflow:auto;overflow-x:hidden;overflow-y:hidden}.settings-page-container{text-align:center;display:flex;flex-direction:column;margin-top:5vh;padding:0;margin:0 0 10px}.settings-container-danger{border:1px solid var(--red-1);color:var(--red-1)}.settings-container{display:flex;flex-direction:row;align-items:center;justify-self:center}.settings-container-2{display:flex;align-items:center;justify-self:center;flex-direction:column}.settings-column{margin-left:10px;margin-right:10px;align-items:flex-start}.setting-row{justify-content:flex-end;margin:15px;width:98%}.row-danger-zone{justify-content:center}.settings-title-big{font-size:45px;margin:0;color:var(--blue-2)}.settings-title{font-size:30px;margin:0 0 10px;color:var(--blue-2)}.settings-label{text-align:start;font-size:22px;font-weight:700;white-space:nowrap;margin:0 0 5px;color:var(--white-black)}.settings-info{text-align:start;font-size:18px;font-weight:200;margin:0 0 5px;color:var(--white-black)}.settings-input{width:-webkit-fill-available;padding:10px 12px;margin-bottom:16px;border:1px solid var(--input-border);border-radius:8px;font-size:1rem;background-color:var(--background);color:var(--white-black)}.settings-link{font-size:18px;color:var(--blue-2)}.setting-btn{font-size:16px;color:#fff;text-decoration:none;padding:10px 16px;border:1px solid var(--blue-2);background-color:var(--blue-2);white-space:nowrap;border-radius:8px;transition:.2s,background-color .2s,transform .1s}.setting-btn:hover{background-color:var(--blue-1);transform:scale(1.05)}.setting-btn:active{background-color:var(--blue-1);color:#fff;transform:scale(.9)}.secondary-setting-btn{font-size:16px;color:var(--blue-2);background:none;border:none;cursor:pointer;padding:12px 14px;white-space:nowrap;transition:color .2s,background-color .2s,transform .1s}.secondary-setting-btn:hover{color:var(--blue-1)}.secondary-setting-btn:active{color:var(--blue-1);transform:scale(.9)}.setting-btn:focus,.secondary-setting-btn:focus{outline:none}.setting-btn-danger{font-size:16px;color:#fff;text-decoration:none;padding:12px 16px;margin:10px;height:45px;border:1px solid var(--red-1);background-color:var(--red-1);white-space:nowrap;border-radius:8px;transition:.2s,background-color .2s,transform .1s}.setting-btn-danger:hover{background-color:var(--red-2);transform:scale(1.05)}.setting-btn-danger:active{background-color:var(--red-2);color:#fff;transform:scale(.9)}.secondary-setting-btn-danger{font-size:16px;color:var(--red-1);background:none;cursor:pointer;padding:12px 16px;margin:10px;height:45px;white-space:nowrap;border:1px solid var(--red-2);border-radius:8px;transition:color .2s,background-color .2s,transform .1s}.secondary-setting-btn-danger:hover{color:var(--red-2)}.secondary-setting-btn-danger:active{color:var(--red-2);transform:scale(.9)}.setting-btn-danger:focus,.secondary-setting-btn-danger:focus{outline:none}.settings-profile-pic{width:90px;height:90px;border-radius:50%;object-fit:cover;cursor:pointer;border:2px solid var(--border)}.settings-remove-pic{color:var(--red-1);font-size:14px;margin:3px 3px 10px;cursor:pointer;white-space:nowrap;transition:transform .2s ease}.settings-remove-pic:active{transform:scale(.95)}.createProfile-container{display:flex;flex-direction:column;align-items:center;justify-self:center}.createProfile-row{justify-content:center}.createProfile-input{width:200%;padding:10px 12px;margin-bottom:16px;border:1px solid var(--input-border);border-radius:8px;font-size:1rem;background-color:var(--background);color:var(--white-black)}.createProfile-btn{font-size:20px;font-weight:bolder;margin:15px;width:50%;padding:12px 20px}.posts-category{display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--lighter-2);background-color:var(--header);box-shadow:0 4px 10px #0000004d;padding:20px;margin-top:20px;border-radius:10px;overflow:auto;overflow-x:hidden;overflow-y:hidden}.posts-page-container{text-align:center;display:flex;flex-direction:column-reverse;margin-top:5vh;max-width:700px;width:80%;padding:0;margin:0 0 10px}.posts-container{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-self:center;position:relative;overflow:visible}.posts-column{justify-content:center;align-items:flex-start}.noPosts-column{align-items:center}.posts-row{width:auto}.posts-label{text-align:start;font-size:22px;font-weight:700;margin:0;color:var(--white-black)}.posts-info{text-align:start;font-size:15px;font-weight:200;margin:0;color:var(--white-black)}.posts-text{text-align:start;white-space:normal;word-break:break-word;font-size:16px;font-weight:400;margin:0 0 5px;color:var(--white-black)}.post-icon-btn{width:28px;height:28px;filter:var(--invert);align-self:center;cursor:pointer;transition:filter .2s ease,transform .1s ease;-webkit-user-select:none;user-select:none;outline:none}.post-icon-btn:hover{transform:scale(1.05);filter:brightness(1.1) var(--invert)}.post-icon-btn:active{transform:scale(.95);filter:brightness(.9) var(--invert)}.post-icon-btn:focus{outline:none}.post-send-icon-btn{width:35px;height:35px}.posts-btn,.posts-btn:before,.posts-btn:after{box-sizing:border-box}.posts-btn,.secondary-posts-btn{position:relative;font-size:16px;font-weight:700;color:var(--c);background:none;border:none;cursor:pointer;margin:5px;padding:12px 14px;white-space:nowrap;border-radius:8px;border:2px solid var(--c);transition:color .2s,background-color .2s,transform .1s}.posts-btn:hover,.secondary-posts-btn:hover{transform:scale(1.1)}.posts-btn:active,.secondary-posts-btn:active{color:var(--header);background-color:var(--c);transform:scale(.9)}.posts-btn.is-active{color:var(--black-white);background-color:var(--c)}.posts-btn:focus,.secondary-posts-btn:focus{outline:none}.posts-btn.is-active:before,.posts-btn.is-active:after{content:"";position:absolute;top:50%;left:50%;margin-left:-2px;margin-top:-2px;width:6px;height:6px;border-radius:100%;transform:scale(0);border:1px solid transparent;box-shadow:-.8em 0 0 -2px var(--c),.8em 0 0 -2px var(--c),0 -.8em 0 -2px var(--c),0 .8em 0 -2px var(--c),-.6em -.6em 0 -2px var(--c),-.6em .6em 0 -2px var(--c),.6em -.6em 0 -2px var(--c),.6em .6em 0 -2px var(--c)}.posts-profile-pic{width:50px;height:50px;border-radius:50%;object-fit:cover;margin:10px;border:2px solid var(--border)}.posts-pic{width:calc(100% - 2px);max-width:700px;border-radius:5px;object-fit:cover;margin-top:10px;margin-bottom:10px;border:2px solid var(--border)}.image-carousel{width:100%;position:relative;display:inline-block}.carousel-img{display:block;max-width:100%;height:auto}.postPic-arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:80px;font-weight:700;color:var(--postPic-arrow-color);background:transparent;border:none;cursor:pointer;padding:10px;z-index:5;-webkit-user-select:none;user-select:none;transition:color .2s,transform .1s}.postPic-arrow.left{left:0}.postPic-arrow.right{right:0}.postPic-arrow.left:dir(rtl){left:unset;right:0}.postPic-arrow.right:dir(rtl){right:unset;left:0}.postPic-arrow:hover{color:var(--postPic-arrow-color-hover)}.postPic-arrow:active{color:var(--postPic-arrow-color-active)}.comment-overlay{position:absolute;bottom:-21.6px;left:-21.6px;width:calc(100% + 11.2px);height:inherit;max-height:80%;min-height:60%;background-color:var(--background);border:1px solid var(--lighter-2);border-radius:25px 25px 11px 11px;box-shadow:0 -4px 10px #0003;padding:15px;z-index:10;display:flex;overflow-y:hidden;flex-direction:column;justify-content:flex-start;transition:opacity .25s ease,transform .25s ease}.comment-content-container{overflow-y:auto}.comment-content{flex:1;overflow-y:hidden;display:flex;flex-direction:column-reverse}.post-close-icon-container{justify-content:space-between;border-bottom:1px solid var(--lighter-2)}.post-no-comments-container{height:100px;display:flex;justify-content:center}.comment-input{width:calc(100% - 30px);padding:10px;border:1px solid var(--lighter-2);border-radius:6px;font-size:1rem;background-color:var(--header);color:var(--white-black)}.comment-input-container{width:35px;height:35px;padding:5px;margin-left:10px;border:1px solid var(--lighter-2);border-radius:6px;background-color:var(--header)}.comment-container{overflow-x:hidden;overflow-y:hidden;padding-bottom:5px;border-top:.5px solid var(--lighter-2)}.comment-profile-pic{width:45px;height:45px;border-radius:50%;object-fit:cover;margin:5px;border:2px solid var(--border)}.comment-label{text-align:start;font-size:18px;font-weight:700;margin:0;color:var(--white-black)}.comment-info{text-align:start;font-size:14px;font-weight:200;margin:0;color:var(--white-black)}.comment-text{text-align:start;white-space:normal;word-break:break-word;font-size:15px;font-weight:400;margin:0 0 5px;color:var(--white-black)}.highlight-post{outline:2px solid #4da6ff;animation:flash 2s ease}.like-btn{--c: var(--like-color)}.vote-btn{--c: var(--vote-color)}.share-btn{--c: var(--share-color)}.comment-btn{--c: var(--comment-color)}.newPost-container{border:1px solid var(--lighter-2);background-color:var(--header);box-shadow:0 4px 10px #0000004d;width:85%;padding:20px;margin-top:20px;border-radius:10px;overflow:auto;overflow-x:hidden;overflow-y:hidden}.newPost-title{text-align:center;font-size:45px;margin:0;color:var(--blue-2)}.newPost-caption-input{width:90%;max-height:200px;min-height:40px;overflow-y:auto;resize:none;line-height:1.4;padding:10px 12px;margin-bottom:16px;border:1px solid var(--input-border);border-radius:8px;font-size:1rem;background-color:var(--background);color:var(--white-black)}.newPost-file-upload{text-align:center;width:50%;display:inline-block;padding:12px 14px;background-color:var(--background);color:var(--white-black);border:1px solid var(--input-border);border-radius:8px;font-weight:700;font-size:20px;margin:15px;cursor:pointer;transition:all .2s ease}.newPost-file-upload:hover{transform:scale(1.05);background-color:var(--darker-2)}.newPost-file-upload:active{transform:scale(.95)}.newPost-file-upload::-webkit-file-upload-button{visibility:hidden}.newPost-file-upload:before{content:"";display:inline-block;background:transparent;color:var(--white-black);cursor:pointer}.newPost-preview-container{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.newPost-preview-image{width:70px;height:70px;object-fit:cover;border-radius:8px;cursor:pointer;transition:all .2s ease;border:2px solid var(--lighter-2)}.newPost-preview-image:hover{box-shadow:0 4px 10px #0000004d;transform:scale(1.05);border-color:red;opacity:.9}.newPost-preview-image:active{box-shadow:0 4px 10px #0000004d;transform:scale(.95);opacity:1}button.vibrate{animation:vibrate .3s ease infinite}.posts-btn.is-active:before{animation:posts-btn-01-animation .8s cubic-bezier(.175,.885,.32,1.275)}.posts-btn.is-active:after{animation:posts-btn-02-animation .6s cubic-bezier(.175,.885,.32,1.275)}.comment-overlay.fade-in{animation:fadeInUpComment .25s ease forwards}.comment-overlay.fade-out{animation:fadeOutDownComment .25s ease forwards}@keyframes flash{0%{background-color:#4da6ff73}to{background-color:var(--header);outline-color:transparent}}@keyframes vibrate{0%{transform:translate(0)}25%{transform:translate(-3px)}50%{transform:translate(3px)}75%{transform:translate(-3px)}to{transform:translate(3px)}}@keyframes posts-btn-01-animation{0%{transform:rotate(-15deg) scale(0);opacity:1}40%{opacity:1}to{transform:rotate(-30deg) scale(2.5);opacity:0}}@keyframes posts-btn-02-animation{0%{transform:rotate(10deg) scale(0);opacity:1}40%{opacity:1}to{transform:rotate(30deg) scale(2);opacity:0}}@keyframes fadeInUpComment{0%{opacity:0;transform:translateY(20%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutDownComment{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(80%)}}@media (max-width: 768px){.main-body{margin-left:0;margin-right:0;height:100%;max-width:100%;max-height:calc(100% - 138.2px)}.main-body:dir(rtl){margin-left:unset;margin-right:unset}.container{margin-right:25px;margin-left:25px}.sidebar{width:0px;border-right:none}.sidebar:hover{width:0}.mobile-bottom-nav{display:flex}.mobile-bottom-nav a:hover{background:transparent;box-shadow:none;transform:scale(1)}.auth-form{padding:24px}.settings-label{font-size:18px}.settings-info{font-size:15px}.settings-link{font-size:14px}.settings-input{width:30VW;padding:8px 12px;margin-bottom:16px}.gender-input{width:calc(30VW + 25.6px)}.settings-container{flex-direction:column}.settings-category{width:85%}.settings-page-container{width:100%;border-radius:0;align-items:center}.createProfile-input{width:70vw}.posts-label{font-size:18px}.comment-label{font-size:17px}.posts-container{flex-direction:column}.posts-category{width:85%}.posts-page-container{width:100%;border-radius:0;align-items:center}.posts-btn,.secondary-posts-btn{font-size:14px;margin:4px;padding:10px 12px}.newPost-preview-image:hover{box-shadow:none;transform:scale(1);border-color:var(--lighter-2);opacity:1}}.title-danger,.error{color:var(--red-1)}.error::placeholder{color:var(--red-2)}.hidden{display:none}:root{--blue: #0074D9;--green: #2ECC40;--orange: #F39C12;--red: #FF4136;--white: #fff;--black: #111;--grey: #343C3F;--shadow: rgba(0, 0, 0, .4)}.Message{box-sizing:border-box}.Message{display:table;position:relative;margin:40px auto 0;width:500px;background-color:var(--blue);color:var(--white);font-family:Source Sans Pro,sans-serif;transition:all .3s ease}.Message.is-hidden{opacity:0;height:0;font-size:0;padding:0;margin:0 auto;display:block}.Message--orange{background-color:var(--orange)}.Message--red{background-color:var(--red)}.Message--green{background-color:var(--green)}.Message-icon{display:table-cell;vertical-align:middle;width:60px;padding:30px;text-align:center;background-color:#00000040;font-size:20px}.Message-body{display:table-cell;vertical-align:middle;padding:30px 20px 30px 10px}.Message-body p{margin-top:6px;line-height:1.2}.Message-button{margin:15px 5px -10px;background-color:#00000040;box-shadow:0 3px var(--shadow);border:none;padding:10px 15px;font-size:16px;font-family:Source Sans Pro,sans-serif;color:var(--white);cursor:pointer;outline:none}.Message-button:hover{background:#0000004d}.Message-button:active{background:#0000004d;box-shadow:0 0 var(--shadow);top:3px}.Message-close{position:absolute;background-color:#0000004d;color:var(--white);border:none;font-size:20px;right:5px;top:5px;opacity:0;cursor:pointer;outline:none}.Message:hover .Message-close{opacity:1}.Message-close:hover{background-color:#00000080}.u-italic{font-style:italic}.Message.dark{background-color:var(--grey);color:var(--white)}.Message.dark .Message-icon,.Message.dark .Message-button,.Message.dark .Message-close{background-color:#ffffff1a}.Message.dark .Message-button:hover,.Message.dark .Message-close:hover{background-color:#fff3}