.bottom-navigation{display:none;position:fixed;width:100%;bottom:0;left:0;z-index:10}
.bottom-navigation.show{display:block}
.bottom-navigation-human{display:flex;justify-content:center;position:absolute;top:-2rem;transform:translateX(-50%);left:50%;z-index:1}
.bottom-navigation-human-link{display:flex;justify-content:center;align-items:center;flex-direction:column;width:6.3rem;height:6.3rem;color:#fff;background:#d3a852;border:1px solid rgba(67,65,64,.1);border-radius:999px;gap:0}
.bottom-navigation-human-link svg{display:block;vertical-align:middle;width:2.4rem;height:2.4rem;margin-bottom:.4rem}
.bottom-navigation-box{display:flex;align-items:center;padding:.4rem;background-color:#fff;width:100%;height:9.8rem;-webkit-mask-image:var(--bottom-navigation-mask);mask-image:var(--bottom-navigation-mask);-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:cover;mask-size:cover}
.bottom-navigation-container{display:grid;gap:1.6rem;grid-template-columns:repeat(5,minmax(0,1fr));margin-left:auto;margin-right:auto;width:100%}
@media(min-width:640px){
.bottom-navigation-container{max-width:64rem}
}
@media(min-width:768px){
.bottom-navigation-container{max-width:76.8rem}
}
@media(min-width:1024px){
.bottom-navigation-container{max-width:102.4rem}
}
@media(min-width:1280px){
.bottom-navigation-container{max-width:128rem}
}
@media(min-width:1536px){
.bottom-navigation-container{max-width:153.6rem}
}
.bottom-navigation-link{display:flex;align-items:center;flex-direction:column;gap:.25rem;color:#434140;text-decoration:none}
.bottom-navigation-link span{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1.3rem;font-weight:500;text-align:center}
.bottom-navigation-link-icon{display:block;vertical-align:middle;width:2.4rem;height:2.4rem}
.bottom-navigation-link-dot{display:none}
.bottom-navigation-link.active{color:#d3a852}
.bottom-navigation-link.active .bottom-navigation-link-dot{display:block;vertical-align:middle}
@media(min-width:768px){
.bottom-navigation.desktop{display:none!important}
}
.bottom-navigation.desktop .bottom-navigation-box{-webkit-mask-image:none;mask-image:none;filter:drop-shadow(0 -1px 2px rgb(234, 234, 233))}
.bottom-navigation.desktop .bottom-navigation-human{display:none}
.bottom-navigation.desktop .bottom-navigation-container{grid-template-columns:repeat(4,minmax(0,1fr))}
.bottom-navigation.desktop .bottom-navigation-container>span{display:none}
body.header-menu-mobile-open .bottom-navigation{z-index:1}