bottom-navigation-bar{--bnav-safe-area: env(safe-area-inset-bottom, 0px);position:fixed;inset-inline:0;bottom:0;z-index:var(--bnav-z, 20);display:none;padding-inline:var(--bnav-side-offset, 0px);padding-bottom:calc(var(--bnav-bottom-offset, 0px) + var(--bnav-safe-area));transition:transform var(--bnav-transition, .25s) cubic-bezier(.4,0,.2,1),opacity var(--bnav-transition, .25s) cubic-bezier(.4,0,.2,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:auto}@media screen and (max-width:699px){bottom-navigation-bar[data-visible-on=mobile],bottom-navigation-bar[data-visible-on=mobile-tablet],bottom-navigation-bar[data-visible-on=all]{display:block}}@media screen and (min-width:700px)and (max-width:999px){bottom-navigation-bar[data-visible-on=mobile-tablet],bottom-navigation-bar[data-visible-on=all]{display:block}}@media screen and (min-width:1000px){bottom-navigation-bar[data-visible-on=all]{display:block}}bottom-navigation-bar.is-hidden{transform:translateY(calc(100% + var(--bnav-shadow-spread, 24px)));opacity:0;pointer-events:none}.bottom-nav__inner{display:flex;align-items:stretch;justify-content:space-between;gap:var(--bnav-gap, 0px);min-height:var(--bnav-height, 60px);padding-inline:var(--bnav-inner-padding, 0px);background:var(--bnav-background, #fff);color:var(--bnav-color, #1c1c1c);border-radius:var(--bnav-radius, 0px);box-shadow:var(--bnav-shadow, none)}bottom-navigation-bar[data-bar-style=full] .bottom-nav__inner{border-top:var(--bnav-border-width, 0px) solid var(--bnav-border-color, rgba(0, 0, 0, .08))}bottom-navigation-bar[data-bar-style=floating] .bottom-nav__inner{border:var(--bnav-border-width, 0px) solid var(--bnav-border-color, rgba(0, 0, 0, .08))}bottom-navigation-bar[data-blur=true] .bottom-nav__inner{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}bottom-navigation-bar[data-item-width=equal] .bottom-nav__item{flex:1 1 0;min-width:0}bottom-navigation-bar[data-item-width=even] .bottom-nav__inner{justify-content:space-evenly}bottom-navigation-bar[data-item-width=center] .bottom-nav__inner{justify-content:center}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--bnav-icon-label-gap, 3px);padding:6px 4px;position:relative;color:inherit;text-decoration:none;background:none;border:none;font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .15s ease}.bottom-nav__item:focus-visible{outline:2px solid currentColor;outline-offset:-3px}.bottom-nav__icon{position:relative;display:flex;align-items:center;justify-content:center;width:var(--bnav-icon-size, 22px);height:var(--bnav-icon-size, 22px);flex:none;transition:transform .2s cubic-bezier(.4,0,.2,1)}.bottom-nav__svg{width:100%;height:100%;display:block;stroke-width:var(--bnav-icon-stroke, 1.6)}.bottom-nav__img{width:100%;height:100%;object-fit:contain;display:block}.bottom-nav__img--active{display:none}.bottom-nav__label{font-size:var(--bnav-label-size, 11px);font-weight:var(--bnav-label-weight, 400);line-height:1.2;letter-spacing:var(--bnav-label-spacing, 0);text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}bottom-navigation-bar[data-uppercase-labels=true] .bottom-nav__label{text-transform:uppercase}bottom-navigation-bar[data-show-labels=false] .bottom-nav__label{display:none}.bottom-nav__item:active .bottom-nav__icon{transform:scale(.88)}.bottom-nav__item.is-active{color:var(--bnav-active-color, var(--bnav-color, #1c1c1c))}.bottom-nav__item.is-active .bottom-nav__svg{stroke-width:var(--bnav-icon-stroke-active, 2)}.bottom-nav__item.is-active .bottom-nav__img--active{display:block}.bottom-nav__item--has-active-icon.is-active .bottom-nav__img--default{display:none}bottom-navigation-bar[data-indicator=dot] .bottom-nav__item.is-active:after{content:"";position:absolute;bottom:3px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:currentColor}bottom-navigation-bar[data-indicator=line] .bottom-nav__item.is-active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:var(--bnav-indicator-width, calc(var(--bnav-icon-size, 22px) + 8px));height:3px;border-radius:0 0 3px 3px;background:currentColor}bottom-navigation-bar[data-indicator=pill] .bottom-nav__item.is-active .bottom-nav__icon{width:auto;min-width:calc(var(--bnav-icon-size, 22px) + 22px);padding-inline:11px;border-radius:999px;background:color-mix(in srgb,var(--bnav-active-color, #1c1c1c) 12%,transparent)}bottom-navigation-bar[data-indicator=pill] .bottom-nav__item.is-active .bottom-nav__icon>*{width:var(--bnav-icon-size, 22px);height:var(--bnav-icon-size, 22px)}.bottom-nav__badge{position:absolute;top:-6px;inset-inline-start:calc(100% - 8px);min-width:16px;height:16px;padding-inline:4px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--bnav-badge-background, #d62828);color:var(--bnav-badge-color, #fff);font-size:10px;font-weight:600;line-height:1;white-space:nowrap;pointer-events:none}.bottom-nav__badge cart-count{color:inherit;font:inherit}.bottom-nav__badge--empty{opacity:0}.bottom-nav__badge--text{inset-inline-start:calc(100% - 12px);text-transform:uppercase;letter-spacing:.04em}.bottom-nav__item--highlight{justify-content:flex-end;padding-bottom:8px}.bottom-nav__item--highlight .bottom-nav__icon{width:var(--bnav-highlight-size, 46px);height:var(--bnav-highlight-size, 46px);margin-top:calc(var(--bnav-highlight-size, 46px) / -2.6);padding:11px;border-radius:50%;background:var(--bnav-highlight-background, #1c1c1c);color:var(--bnav-highlight-color, #fff);box-shadow:0 4px 12px #0000002e}.bottom-nav__item--highlight .bottom-nav__icon>*{width:100%;height:100%}.bottom-nav-sheet{--drawer-body-padding: var(--spacing-5) var(--spacing-5) var(--spacing-6)}.bottom-nav-sheet__grid{display:grid;grid-template-columns:repeat(var(--bnav-sheet-columns, 3),minmax(0,1fr));gap:18px 10px}.bottom-nav-sheet__link{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;text-decoration:none;color:inherit;font-size:12px;line-height:1.25}.bottom-nav-sheet__media{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;border-radius:var(--bnav-sheet-media-radius, 12px);background:var(--bnav-sheet-media-background, rgb(var(--text-primary, 0 0 0) / 6%));overflow:hidden}.bottom-nav-sheet__media img{width:100%;height:100%;object-fit:cover;display:block}.bottom-nav-sheet__media .bottom-nav__svg{width:40%;height:40%}.bottom-nav-sheet__link--plain .bottom-nav-sheet__media{display:none}.bottom-nav-sheet--list .bottom-nav-sheet__grid{grid-template-columns:minmax(0,1fr);gap:0}.bottom-nav-sheet--list .bottom-nav-sheet__link{flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;text-align:start;font-size:14px;padding:13px 0;border-bottom:1px solid rgb(var(--border-color, 0 0 0 / 12%))}.bottom-nav-sheet--list .bottom-nav-sheet__media{width:38px;height:38px;flex:none;aspect-ratio:auto;border-radius:8px}@media(prefers-reduced-motion:reduce){bottom-navigation-bar,.bottom-nav__icon{transition:none}}body .ab-bottom-sticky-atc{bottom:var(--bottom-navbar-offset, 0px);transition:bottom var(--bnav-transition, .25s) cubic-bezier(.4,0,.2,1)}
/*# sourceMappingURL=/cdn/shop/t/221/assets/bottom-navigation-bar.css.map */