:root{--navbar-safe: 120px}html,body{padding-bottom:calc(var(--navbar-safe) + env(safe-area-inset-bottom,0px))}.navbar-component{position:fixed;bottom:20px;left:0;right:0;display:flex;justify-content:center;align-items:center;z-index:100;pointer-events:none}.navbar-container{position:relative;width:90%;max-width:100%;transform:translateY(80px);opacity:0;transition:transform .5s ease-out,opacity .3s ease-out;pointer-events:auto}.navbar-animated{transform:translateY(0)!important;opacity:1!important}.navbar-links{display:flex;justify-content:center;align-items:center;background-color:#000000e6;color:#fff;border-radius:50px;box-shadow:0 4px 15px #0003;padding:0 2rem;overflow:hidden;transition:height .3s ease-out;flex-wrap:wrap}.navbar-link{color:#fff;text-decoration:none;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease-out;position:relative;padding:.8rem 0;margin:0 1.5rem;font-weight:500;white-space:nowrap}.navbar-links:has(.navbar-link:nth-child(5)),.navbar-links:has(.navbar-link:nth-child(6)){padding:0 1.5rem}.navbar-links:has(.navbar-link:nth-child(5)) .navbar-link{margin:0 1.2rem;font-size:.85rem}.navbar-links:has(.navbar-link:nth-child(6)) .navbar-link{margin:0 1rem;font-size:.8rem}.navbar-link:hover{color:#fff;transform:translateY(-2px);text-shadow:0 0 5px rgba(255,255,255,.5)}.navbar-link:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:2px;background-color:#fff;transition:width .3s ease-out}.navbar-link:hover:after{width:100%}.navbar-link.active{color:#fff;font-weight:700}.navbar-link.active:after{width:100%;background-color:#fff}@media screen and (max-width: 768px){.navbar-component{bottom:10px}.navbar-container{width:95%}.navbar-links{padding:15px 20px;height:auto!important;min-height:50px;flex-wrap:wrap;justify-content:center;display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:center}.navbar-link{font-size:.8rem;margin:0;padding:8px 5px;text-align:center;display:flex;justify-content:center;align-items:center}.navbar-links:has(.navbar-link:nth-child(1):nth-last-child(1)){display:flex;justify-content:center}.navbar-links:has(.navbar-link:nth-child(1):nth-last-child(2)){display:grid;grid-template-columns:1fr 1fr}.navbar-links:has(.navbar-link:nth-child(1):nth-last-child(3)){display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.navbar-links:has(.navbar-link:nth-child(1):nth-last-child(3)) .navbar-link:nth-child(3){grid-column:1 / span 2;justify-self:center}.navbar-links:has(.navbar-link:nth-child(1):nth-last-child(4)){display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.navbar-links:has(.navbar-link:nth-child(1):nth-last-child(5)){display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto}.navbar-links:has(.navbar-link:nth-child(1):nth-last-child(5)) .navbar-link:nth-child(5){grid-column:1 / span 2;justify-self:center}.navbar-links:has(.navbar-link:nth-child(1):nth-last-child(6)){display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto}}@media screen and (max-width: 480px){.navbar-container{width:95%}.navbar-links{padding:12px 15px;border-radius:30px}.navbar-link{font-size:.75rem;padding:6px 4px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/navbar.css.map */