.tabbar{display:none}@media(max-width:989px){.tabbar{--tabbar-h: 62px;position:fixed;left:0;right:0;bottom:0;z-index:50;display:block;padding-bottom:env(safe-area-inset-bottom);background:#fffffff0;-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);border-top:1px solid var(--color-border);box-shadow:0 -6px 24px #1515150d;transition:transform var(--duration-medium) var(--ease)}.tabbar.is-hidden{transform:translateY(110%)}.tabbar__list{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;height:var(--tabbar-h)}.tabbar__cell{display:flex}.tabbar__item{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--color-charcoal);-webkit-tap-highlight-color:transparent;transition:color var(--duration-short) var(--ease)}.tabbar__item:before{content:"";position:absolute;top:0;left:50%;width:22px;height:2px;background:var(--color-accent);transform:translate(-50%) scaleX(0);transition:transform var(--duration-medium) var(--ease)}.tabbar__item.is-active,.tabbar__item[aria-expanded=true]{color:var(--color-accent)}.tabbar__item.is-active:before,.tabbar__item[aria-expanded=true]:before{transform:translate(-50%) scaleX(1)}.tabbar__icon{position:relative;display:inline-flex;transition:transform .16s var(--ease)}.tabbar__icon .icon{width:22px;height:22px;stroke-width:1.35}.tabbar__item:active .tabbar__icon{transform:scale(.86)}.tabbar__item.is-active .icon-heart,.tabbar__item.is-active .icon-home{fill:rgba(var(--color-accent-rgb),.12)}.tabbar__label{font-size:10px;font-weight:var(--font-body-medium);letter-spacing:.08em;line-height:1}.tabbar--icons-only .tabbar__icon .icon{width:24px;height:24px}.tabbar__badge{position:absolute;top:-6px;right:-9px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--color-accent);color:var(--color-white);font-size:9.5px;font-weight:var(--font-body-bold);line-height:16px;text-align:center;box-shadow:0 0 0 2px var(--color-white)}.tabbar__badge.is-bump{animation:tabbarBump .42s var(--ease)}@keyframes tabbarBump{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}body:has(.tabbar){padding-bottom:calc(62px + env(safe-area-inset-bottom))}body:has(.tabbar) .toast{bottom:calc(78px + env(safe-area-inset-bottom))}body:has(.tabbar) .sticky-atc{bottom:calc(62px + env(safe-area-inset-bottom));padding-bottom:10px;box-shadow:0 -6px 18px #1515150a}body:has(.tabbar--autohide) .sticky-atc{transition:transform var(--duration-medium) var(--ease),bottom var(--duration-medium) var(--ease)}body.tabbar-hidden .sticky-atc{bottom:0;padding-bottom:calc(10px + env(safe-area-inset-bottom))}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/mobile-tab-bar.css.map */