@keyframes slideUpBounce{0%{transform:translateY(100%);opacity:0}60%{transform:translateY(-10%);opacity:1}80%{transform:translateY(10%)}to{transform:translateY(0);opacity:1}}.account-bottom-nav{display:flex;justify-content:center;align-items:center;position:fixed;bottom:0;left:0;width:100%;max-height:5rem;height:auto;z-index:999;padding:var(--spacing-xs) var(--spacing-l);box-shadow:0 -.3125rem 1.25rem rgba(var(--shadow-color-rgb),.1);transform:translateY(100%);transition:none}.account-bottom-nav.animate-in{animation:slideUpBounce .8s ease-out forwards}.bottom-nav-container{display:flex;width:100%;justify-content:space-between;align-items:center;flex-wrap:nowrap;padding:0;gap:var(--spacing-xs)}.account-bottom-nav .bottom-nav-item{flex:1;width:3.125rem;height:3.125rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-xs);text-decoration:none;height:auto;padding:var(--spacing-xs) 0;white-space:nowrap}.bottom-nav-item p{margin:0;text-align:center}.bottom-nav-container .icon-wrapper{position:relative;width:1.625rem;height:1.625rem;flex-shrink:0;margin:0;padding:0}.bottom-nav-container .icon-wrapper img{width:100%;height:100%;object-fit:contain;display:block}.bottom-nav-tail{height:1rem;width:100%;position:absolute;top:100%}.notification-badge{display:none}.notification-badge.is-visible{display:inline-block;position:absolute;top:0;right:0;transform:translate(50%,-45%);width:.875rem;height:.875rem;padding:var(--spacing-xs);border-radius:100%;// background-color: var(--notification-color, red);// color: var(--notification-font-color, white);display:flex;justify-content:center;align-items:center;font-weight:600;font-size:12px;z-index:2}.account-bottom-nav a{text-decoration:none;color:var(--color-foreground-text)}.account-bottom-nav a:hover{border-radius:var(--global-border-radius);text-decoration:none;background-color:var(--hover-bg);scale:1.1}@media(min-width:750px){.account-bottom-nav{max-height:5rem}.bottom-nav-container{width:5rem;height:5rem;max-height:5rem;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:var(--spacing-3xl)}.account-bottom-nav .bottom-nav-item{width:100%}.bottom-nav-container .icon-wrapper{width:2.25rem;height:2.25rem}.bottom-nav-container .icon-wrapper img{transition:transform .3s ease-in-out}.notification-badge.is-visible{transform:translate(50%,-50%)}}
/*# sourceMappingURL=/cdn/shop/t/358/assets/account-navigation.css.map */