.menu-items{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform-origin:50%;z-index:1000;background:#292e5633;border:1px solid #3e47894d;border-radius:16px;flex-direction:row;gap:20px;padding:5px 10px;display:flex;position:absolute;top:60px;left:50%;transform:translate(-50%);box-shadow:0 4px 30px #0000001a}.menu-items.bottom-fixed{opacity:0;visibility:hidden;transition:transform .3s,opacity .3s,visibility .3s,bottom .3s;position:fixed;top:auto;bottom:30px;transform:translate(-50%)translateY(100px)}.menu-items.bottom-fixed.visible{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.menu-items.bottom-fixed.near-footer{bottom:60px}@media screen and (max-width:868px){.menu-items{justify-content:space-between;gap:10px;width:90%;max-width:600px;padding:4px 8px;top:auto;bottom:20px}.menu-items:not(.bottom-fixed){display:none}.menu-items.bottom-fixed{opacity:1;visibility:visible;width:90%;transform:translate(-50%)translateY(0)}}.menu-item{cursor:pointer;padding:8px 16px;font-size:14px;transition:all .3s;position:relative}.menu-item p{color:#fff;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:500;overflow:hidden}.menu-item.active :after{content:"";background:#ed2e34;width:40px;height:2px;animation:.3s forwards underlineAppear;display:block;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@media screen and (max-width:1200px){.menu-item{min-width:0;padding:6px 5px;font-size:12px}.menu-item p{font-weight:400}.menu-item.active :after{width:30px}}@media screen and (max-width:480px){.menu-item{padding:5px 0;font-size:10px}.menu-item.active :after{width:20px}}.menu-item{cursor:pointer;transition:opacity .3s}@keyframes underlineAppear{0%{opacity:0;width:0}to{opacity:1;width:40px}}@media screen and (max-width:868px){@keyframes underlineAppear{0%{opacity:0;width:0}to{opacity:1;width:30px}}}@media screen and (max-width:480px){@keyframes underlineAppear{0%{opacity:0;width:0}to{opacity:1;width:20px}}}@media screen and (max-width:350px){.menu-items{gap:2px}.menu-item{padding:5px 2px}}
