.wrap-bar{position:fixed;left:0;top:0;width:100%;height:55px;opacity:1;z-index:50;border-bottom:1pt solid var(--component-bdr);background-color:var(--background);overflow:visible;font-size:16px}.wrap-bar *{padding:0}.nav-bar{position:relative;margin:auto;top:0;height:100%;opacity:1;max-width:650px}@media (max-width:690px){.nav-bar{width:calc(100% - 20px)}}.fr-nav-bar{width:100%}.fr-nav-bar,.wrap-logo{position:relative;float:left;height:100%}.wrap-logo{cursor:pointer}.wrap-logo img,.wrap-logo svg{position:relative;top:50%;transform:translateY(-50%);height:calc(100% - 20px);width:auto}.wrap-home-icon{margin-left:10px}.cls-1,.wrap-home-icon svg{fill:var(--foreground)}.cls-2{fill:cornflowerblue}@media (max-width:500px){.mobile-add-post-hidden{display:none}}.icon-nav-item{padding:0;display:flex;background-color:transparent;color:black;justify-content:center;align-items:center}.icon-nav-item svg{padding:0;margin:auto;width:25px;height:25px}.add-icon-nav-item,.light-bulb-icon-nav-item{position:relative;float:left;top:50%;transform:translateY(-50%);width:auto;font-size:16px;border:none;border-radius:30px;color:white;cursor:pointer}.light-bulb-icon-nav-item{margin-left:10px;fill:var(--colortext)!important}.add-icon-nav-item{margin-right:10px;float:right;color:white!important;padding:4px;background-color:cornflowerblue!important}.add-icon-nav-item svg path{stroke:#fff!important}.add-icon-nav-item p{margin:0 8px 0 5px;font-size:14px;font-weight:700}.wrap-profile{position:relative;float:right;height:100%;width:auto}.ava-profile{position:relative;float:left;right:0;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1pt solid black;overflow:hidden;cursor:pointer}.ava-profile img{height:100%;width:100%;object-fit:cover}.wrap-login-btn{float:right;height:100%;cursor:pointer}.wrap-login-btn,.wrap-login-btn span{display:flex;align-items:center;justify-content:center}.wrap-login-btn span{background-color:var(--login-btn-login-bg);color:var(--background);border-radius:16px;padding:6px 11px 6px 5px;font-size:13px;font-weight:700;box-shadow:0 0 0 1px rgba(0,0,0,.05)}.wrap-login-btn span svg{width:20px;height:20px;margin-right:5px}.wrap-login-btn span svg path{stroke:var(--background)}