.navigation-dropdown-item,.navigation-header{text-decoration:none;color:#333;transition:background-color .3s}.sticky-navigation{padding:10px 15px;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-around;font-family:Arial,sans-serif}.navigation-item{position:relative;text-align:center;display:inline-block;margin:0 10px}.navigation-header{display:flex;flex-direction:column;align-items:center;font-size:12px;padding:10px;border-radius:5px;cursor:pointer}.navigation-header .emoji{font-size:20px;margin-bottom:5px}.navigation-dropdown{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,.1);min-width:150px;z-index:1000;padding:5px 0}.navigation-dropdown-item{text-align:center;padding:8px 12px;display:flex;flex-direction:column;align-items:center;border-radius:5px;font-size:12px}.navigation-dropdown-item:hover,.navigation-header:hover{background-color:#d9eaf7}.navigation-item:focus-within .navigation-dropdown,.navigation-item:hover .navigation-dropdown{display:block}@media (max-width:768px){.sticky-navigation{flex-direction:column;align-items:flex-start}.navigation-item{width:100%;text-align:left;margin:5px 0}.navigation-header{justify-content:center}.navigation-dropdown{position:relative;width:100%;left:0;transform:none}.navigation-dropdown-item,.navigation-header{font-size:10px}}