.mbn{display:none}@media(max-width:989px){.mbn{display:block;position:fixed;bottom:0;left:0;right:0;z-index:9999;padding:0 12px;padding-bottom:env(safe-area-inset-bottom,0);pointer-events:none;animation:mbn-slide-up .4s cubic-bezier(.22,1,.36,1) both;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .3s ease}.mbn--hidden{transform:translateY(100%);opacity:0;pointer-events:none!important}.mbn__inner{display:flex;align-items:center;justify-content:space-around;height:64px;border-radius:20px 20px 0 0;padding:0 4px;background:#ffffffb8;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:0 -4px 24px #0000000f,0 -1px #0000000a;pointer-events:auto}@media(prefers-color-scheme:dark){.mbn__inner{background:#1c1c1ed1;box-shadow:0 -4px 24px #0000003d,0 -1px #ffffff0f}.mbn__item{color:#ffffffa6}.mbn__item.mbn__item--active,.mbn__item:hover{color:#fff}}}.mbn__item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:56px;height:56px;padding:0;border:none;background:none;color:#1f1f1f8c;cursor:pointer;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:color .2s ease;outline:none}a.mbn__item{display:flex}.mbn__item:hover{color:var(--brand-primary, #F6989D)}.mbn__item:focus-visible{outline:2px solid var(--brand-primary, #F6989D);outline-offset:2px;border-radius:8px}.mbn__item--active{color:var(--brand-primary, #F6989D)}.mbn__item--active .mbn__icon svg{stroke-width:2.2}.mbn__indicator{position:absolute;bottom:2px;left:50%;transform:translate(-50%) scaleX(0);width:20px;height:3px;border-radius:2px;background:var(--brand-primary, #F6989D);transition:transform .3s cubic-bezier(.22,1,.36,1);pointer-events:none}.mbn__item--active .mbn__indicator{transform:translate(-50%) scaleX(1)}.mbn__icon{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;transition:transform .2s cubic-bezier(.22,1,.36,1)}.mbn__item:active .mbn__icon{transform:scale(.85)}.mbn__label{font-family:var(--font-body-family, system-ui, sans-serif);font-size:10px;font-weight:500;line-height:1;letter-spacing:.01em;white-space:nowrap}.mbn__badge{position:absolute;top:-2px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--brand-primary, #F6989D);color:#fff;font-family:var(--font-body-family, system-ui, sans-serif);font-size:9px;font-weight:700;line-height:16px;text-align:center;pointer-events:none;transform:scale(0);transition:transform .25s cubic-bezier(.22,1,.36,1)}.mbn__badge--visible{transform:scale(1)}.mbn__ripple{position:absolute;border-radius:50%;background:var(--brand-primary, #F6989D);opacity:.18;transform:scale(0);animation:mbn-ripple .5s ease-out forwards;pointer-events:none}@keyframes mbn-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes mbn-ripple{to{transform:scale(3);opacity:0}}@media(prefers-reduced-motion:reduce){.mbn{animation:none}.mbn--hidden,.mbn__indicator,.mbn__icon{transition:none}.mbn__item:active .mbn__icon{transform:none}.mbn__badge{transition:none}.mbn__ripple{animation:none;display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/mobile-bottom-nav.css.map */