.bottom-navigation{--shadow-offset-y: -.4rem;position:fixed;left:0;right:0;top:calc(100% + var(--window-bottom-gap));margin-bottom:env(safe-area-inset-bottom);display:flex;align-items:center;min-height:var(--bottom-navigation-height-mobile, 0);background-color:rgb(var(--bottom-navigation-bg, var(--color-background)));box-shadow:0 var(--shadow-offset-y) 1rem rgba(var(--shadow-color),var(--shadow-transparency));z-index:9}@media screen and (min-width: 577px){.bottom-navigation{height:var(--bottom-navigation-height-tablet, var(--bottom-navigation-height-mobile))}}.bottom-navigation[data-scroll-controlled]{opacity:0;pointer-events:none;visibility:hidden;transition:transform .3s ease,opacity .3s ease,visibility .3s}.bottom-navigation[data-scroll-controlled].bottom-navigation--visible{transform:translateY(calc(-100% - var(--preview-bar-iframe-height, 0)));opacity:1;pointer-events:auto;visibility:visible}.bottom-navigation__nav{max-width:calc(100% + 2rem);margin:0 -1rem}.bottom-navigation__surface{margin:0 auto;width:100%;height:100%;display:flex;align-items:stretch;background-clip:padding-box;overflow:hidden}.bottom-navigation nav{flex:1}.bottom-navigation__list{list-style:none;height:100%;display:flex;justify-content:center;margin:0;padding:0;width:100%}.bottom-navigation__item-gap{width:var(--bottom-navigation-spacing-mobile)}@media screen and (min-width: 577px){.bottom-navigation__item-gap{width:var(--bottom-navigation-spacing-tablet)}}.bottom-navigation__item{flex-shrink:0}.bottom-navigation__link{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;color:rgb(var(--bottom-navigation-icon-color, var(--color-foreground)));text-decoration:none;text-align:center}.bottom-navigation__link:focus-visible{outline:none;box-shadow:0 0 0 .2rem rgba(var(--color-foreground),.15);border-radius:.8rem}.bottom-navigation__icon{position:relative;display:inline-flex;align-items:center;justify-content:center;height:4rem;width:4rem}.bottom-navigation__text{margin-top:-.5rem;font-size:var(--font-body-small-size);line-height:var(--font-body-small-line-height);color:rgb(var(--bottom-navigation-label-color, var(--color-foreground)))}
/*# sourceMappingURL=/cdn/shop/t/115/assets/section-bottom-navigation.css.map */