.navbar{justify-content:space-between;padding:25px 10%;background-color:white;border-bottom:1px solid #ccc;font-family:sans-serif}.logo,.navbar{display:flex;align-items:center}.logo img{height:35px;margin-right:8px}.text{font-size:22px;color:#333}.text .dolo{color:red}.menu{gap:16px}.menu,.menu-item{align-items:center}.menu-item{display:flex;gap:4px;color:#333}.menu-item .green{color:green;font-weight:700}.publish-button{display:flex;align-items:center;gap:6px;background-color:#72d0d5;color:white;padding:8px 14px;border:none;border-radius:4px;font-weight:600;cursor:pointer}.publish-button .white{color:white}.icon{font-size:16px;vertical-align:middle}.menu{display:flex;gap:15px}.menu,.menu-item{position:relative}.menu-item{cursor:pointer}.dropdown-menu{display:none;position:absolute;top:100%;left:0;background:white;padding:10px;min-width:270px;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:999}.dropdown-menu div:hover{background-color:#f1f1f1}.menu-item.dropdown:hover .dropdown-menu{display:block}.dropdown-menu div{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:14px;color:#333}.dropdown-icon{font-size:16px;color:#888}.az3974-up{display:none}@media only screen and (max-width:986px) and (min-width:800px){.navbar{padding:25px 5%}}@media only screen and (max-width:800px) and (min-width:720px){.navbar{padding:25px 5%}.menu{flex-direction:row-reverse}.az3974,.menu .menu-item:first-child{display:none}.az3974-up{display:block}.az3974-up .icon{font-size:27px}.dropdown-menu{left:-270px}}@media only screen and (max-width:720px) and (min-width:0px){.navbar{padding:15px 3%}.menu{flex-direction:row-reverse}.az3974,.menu .menu-item:first-child{display:none}.az3974-up{display:block}.az3974-up .icon{font-size:27px}.dropdown-menu{left:-270px}.publish-button{font-size:9px;padding:6px 14px!important}.logo img{height:23px}}