mobile-dock{display:block}.mobile-dock{--dock-item-active-tint: rgba(var(--color-foreground, 18, 18, 18), .06);position:fixed;z-index:20;inset-inline:0;bottom:0;display:flex;justify-content:center;pointer-events:none;opacity:1;visibility:visible;transition:transform var(--dock-anim-speed, .25s) ease,opacity .15s ease,visibility .15s ease}.mobile-dock__bar{pointer-events:auto;position:relative;width:100%;max-width:var(--dock-max-width, none);height:var(--dock-height, 64px);display:flex;align-items:center;justify-content:space-around;gap:var(--dock-item-gap, 4px);padding-inline:var(--dock-padding-x, 8px);padding-block-start:var(--dock-padding-y, 6px);padding-block-end:calc(var(--dock-padding-y, 6px) + var(--dock-safe-area, 0px));background-color:var(--dock-bg, #fff);border-top:var(--dock-border-width, 1px) solid var(--dock-border-color, #eee);box-shadow:0 -4px 20px rgba(0,0,0,calc(.08 * var(--dock-shadow-opacity, 1)));-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.mobile-dock--mode-fixed .mobile-dock__bar{border-radius:var(--dock-radius, 0px) var(--dock-radius, 0px) 0 0}.mobile-dock--mode-floating{bottom:calc(12px + var(--dock-safe-area, 0px));padding-inline:12px}.mobile-dock--mode-floating .mobile-dock__bar{border-radius:var(--dock-radius, 16px);border:var(--dock-border-width, 1px) solid var(--dock-border-color, #eee);padding-block-end:var(--dock-padding-y, 6px);box-shadow:0 8px 30px rgba(0,0,0,calc(.14 * var(--dock-shadow-opacity, 1)))}.mobile-dock.mobile-dock--hidden{transform:translateY(110%)}.menu-drawer--open .mobile-dock,.menu-drawer--opening .mobile-dock,.menu-drawer--closing .mobile-dock,.menu-mobile--open .mobile-dock,.menu-mobile--opening .mobile-dock,.menu-mobile--closing .mobile-dock,.search-modal--open .mobile-dock,.quick-view--open .mobile-dock,.quick-view--opening .mobile-dock,.quick-view--closing .mobile-dock,.details-modal--open .mobile-dock,.pickup-availability--open .mobile-dock,.facet-drawer--open .mobile-dock,.promo-popup--open .mobile-dock,.overflow-hidden .mobile-dock,body:has(animate-sticky.sticky-cart-wrapper[animate]) .mobile-dock{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(calc(100% + 2.4rem));transition:none}.mini-cart--open .mobile-dock,.mini-cart--opening .mobile-dock,.mini-cart--closing .mobile-dock{z-index:20;opacity:1;visibility:visible;pointer-events:none;transform:none}.mini-cart--open .mobile-dock__bar,.mini-cart--opening .mobile-dock__bar,.mini-cart--closing .mobile-dock__bar{pointer-events:auto}@media screen and (min-width:990px){.mobile-dock:not(.mobile-dock--desktop-visible){display:none}}.mobile-dock-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1 1 0;min-width:0;text-decoration:none;color:var(--dock-item-icon, rgb(var(--color-foreground, 18, 18, 18)));background-color:var(--dock-item-bg, transparent);padding:var(--dock-item-padding, 6px);width:var(--dock-item-width, auto);height:var(--dock-item-height, auto);border-radius:var(--dock-item-radius, 12px);-webkit-tap-highlight-color:transparent;transition:color var(--dock-anim-speed, .25s) ease,background-color var(--dock-anim-speed, .25s) ease,transform var(--dock-anim-speed, .25s) ease}.mobile-dock-item:focus-visible{outline:2px solid rgb(var(--color-foreground, 18, 18, 18));outline-offset:2px}.mobile-dock-item__icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;line-height:0}.mobile-dock-item__icon-wrap--shadow{filter:drop-shadow(0 2px 4px rgba(0,0,0,.18))}.mobile-dock-icon{display:inline-flex;width:var(--dock-icon-size, 24px);height:var(--dock-icon-size, 24px);color:inherit}.mobile-dock-icon svg{display:block;width:100%;height:100%}.mobile-dock-icon__image{width:100%;height:100%;object-fit:contain}.mobile-dock-item__label{font-family:var(--font-body-family, inherit);font-size:var(--dock-item-font-size, 11px);font-weight:var(--dock-item-font-weight, 500);letter-spacing:var(--dock-item-letter-spacing, 0);color:var(--dock-item-label, inherit);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--dock-anim-speed, .25s) ease}.mobile-dock-item--active{color:var(--dock-item-icon-active, rgb(var(--color-foreground, 18, 18, 18)))}.mobile-dock-item--active .mobile-dock-item__label{color:var(--dock-item-label-active, var(--dock-item-icon-active, inherit))}mobile-dock[data-active-style=underline] .mobile-dock-item--active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60%;height:2px;background:currentColor;border-radius:2px}mobile-dock[data-active-style=dot] .mobile-dock-item--active:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:currentColor}mobile-dock[data-active-style=pill] .mobile-dock-item--active,.mini-cart--open mobile-dock[data-active-style=pill] [data-dock-action=cart-drawer],.mini-cart--opening mobile-dock[data-active-style=pill] [data-dock-action=cart-drawer],.mini-cart--closing mobile-dock[data-active-style=pill] [data-dock-action=cart-drawer]{background-color:var(--dock-item-active-tint);border-radius:999px;box-shadow:inset 0 0 0 1px #06dd9733}.mini-cart--open mobile-dock[data-active-style=pill] .mobile-dock-item--active:not([data-dock-action=cart-drawer]),.mini-cart--opening mobile-dock[data-active-style=pill] .mobile-dock-item--active:not([data-dock-action=cart-drawer]),.mini-cart--closing mobile-dock[data-active-style=pill] .mobile-dock-item--active:not([data-dock-action=cart-drawer]){background-color:var(--dock-item-bg, transparent);box-shadow:none}mobile-dock[data-active-style=scale] .mobile-dock-item--active .mobile-dock-item__icon-wrap{transform:scale(1.15)}mobile-dock[data-active-style=background] .mobile-dock-item--active{background-color:var(--dock-item-active-tint)}mobile-dock[data-active-style=filled] .mobile-dock-item--active .mobile-dock-icon svg{fill:none;stroke-width:1.7}mobile-dock[data-active-style=outline] .mobile-dock-item--active{box-shadow:inset 0 0 0 1.5px currentColor;border-radius:var(--dock-item-radius, 12px)}@media screen and (max-width:749px){.mobile-dock-item--hide-mobile{display:none}}@media screen and (min-width:750px)and (max-width:989px){.mobile-dock-item--hide-tablet{display:none}}@media screen and (min-width:990px){.mobile-dock-item--hide-desktop{display:none}}.mobile-dock-item__badge,.mobile-dock-center .mobile-dock-badge{position:absolute;top:-4px;inset-inline-end:-8px}.mobile-dock-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding-inline:4px;border-radius:999px;background-color:var(--dock-badge-bg, var(--dock-badge-bg-default, #e53935));color:var(--dock-badge-fg, var(--dock-badge-fg-default, #fff));font-size:10px;font-weight:700;line-height:1}.mobile-dock-badge--dot{min-width:8px;width:8px;height:8px;padding:0}.mobile-dock-badge[hidden]{display:none}.mobile-dock__center-slot{position:static;z-index:auto;min-width:0}.mobile-dock-center{position:absolute;z-index:4;top:0;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:1px solid rgba(0,50,64,.1);border-radius:50%;background:linear-gradient(145deg,#20e6a6,#06dd97 58%,#05c78a);color:var(--dock-center-icon, #fff);box-shadow:inset 0 1px #ffffff61,0 5px 12px #0032401f,0 10px 22px #06dd9729;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .15s ease,box-shadow .15s ease}.mobile-dock-center:active{transform:translate(-50%) scale(.96);box-shadow:inset 0 1px #ffffff4d,0 3px 8px #00324021}.mobile-dock-center:focus-visible{outline:2px solid #06dd97;outline-offset:2px}.mobile-dock-center__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.mobile-dock-center__icon{display:inline-flex}.mobile-dock--preset-minimal .mobile-dock__bar{box-shadow:none;border-top-width:1px}.mobile-dock--preset-minimal .mobile-dock-item--active{background-color:transparent!important}.mobile-dock--preset-minimal .mobile-dock-item__icon-wrap{transition-duration:.12s}.mobile-dock--preset-glass{--dock-item-active-tint: rgba(6, 221, 151, .08);--dock-item-icon: #003240;--dock-item-icon-active: #003240;--dock-item-label: #003240;--dock-item-label-active: #003240}.mobile-dock--preset-glass[data-has-center=true]{isolation:isolate;background:transparent;border:0;box-shadow:none}.mobile-dock--preset-glass[data-has-center=true].mobile-dock--mode-floating{bottom:calc(8px + var(--dock-safe-area, 0px))}.mobile-dock--preset-glass[data-has-center=true] .mobile-dock__bar{position:relative;isolation:isolate;overflow:visible;box-sizing:border-box;height:88px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 76px minmax(0,1fr) minmax(0,1fr);align-items:center;justify-content:stretch;column-gap:0;padding-inline:var(--dock-padding-x, 8px);padding-block-start:22px;padding-block-end:var(--dock-padding-y, 6px);background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.mobile-dock__surface{position:absolute;z-index:0;inset-inline:0;bottom:0;display:block;width:100%;height:72px;overflow:visible;filter:drop-shadow(0 8px 18px rgba(0,50,64,calc(.1 * var(--dock-shadow-opacity, 1))));pointer-events:none}.mobile-dock__surface-path{fill:#fffffffa;stroke:#06dd9729;stroke-width:1;vector-effect:non-scaling-stroke}.mobile-dock--preset-glass[data-has-center=true] .mobile-dock-item{z-index:2;align-self:center;justify-self:center;width:calc(100% - 6px);max-width:72px;min-height:48px;padding-block:5px}.mobile-dock--preset-glass[data-has-center=true] .mobile-dock-item__icon-wrap,.mobile-dock--preset-glass[data-has-center=true] .mobile-dock-icon{width:24px;height:24px}.mobile-dock--preset-glass[data-has-center=true] .mobile-dock-item__icon-wrap{flex:0 0 24px}.mobile-dock--preset-glass .mobile-dock-item__label{display:flex;align-items:center;justify-content:center;min-height:1.08em;line-height:1.08}.mobile-dock--preset-luxury .mobile-dock__bar{border-top-width:1px;box-shadow:0 -2px #0000000a}.mobile-dock--preset-luxury .mobile-dock-item__label{letter-spacing:.06em;text-transform:uppercase;font-size:calc(var(--dock-item-font-size, 11px) * .92)}.mobile-dock--preset-luxury .mobile-dock-item,.mobile-dock--preset-luxury .mobile-dock-item__icon-wrap{transition-duration:.45s;transition-timing-function:cubic-bezier(.22,1,.36,1)}.mobile-dock--preset-luxury .mobile-dock-item--active:after{background:currentColor}.mobile-dock--preset-floating_pill.mobile-dock--mode-floating{bottom:calc(16px + var(--dock-safe-area, 0px))}.mobile-dock--preset-floating_pill .mobile-dock__bar{border-radius:999px;max-width:min(var(--dock-max-width, 420px),420px);box-shadow:0 10px 30px rgba(0,0,0,calc(.22 * var(--dock-shadow-opacity, 1)))}.mobile-dock--preset-floating_pill .mobile-dock-item{transition-timing-function:cubic-bezier(.34,1.56,.64,1)}.mobile-dock--preset-floating_pill .mobile-dock-item--active .mobile-dock-item__icon-wrap{transform:translateY(-2px) scale(1.1)}.mobile-dock--preset-outlined .mobile-dock__bar{background-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border-top-width:1px}.mobile-dock--preset-outlined .mobile-dock-item{border:1px solid transparent}.mobile-dock--preset-outlined .mobile-dock-item--active{border-color:currentColor;background-color:transparent!important}.mobile-dock--preset-outlined .mobile-dock-item,.mobile-dock--preset-outlined .mobile-dock-item__icon-wrap{transition-duration:.12s}@media(prefers-color-scheme:dark){mobile-dock[data-dark-mode=auto]:not([data-has-center=true]) .mobile-dock__bar{background-color:color-mix(in srgb,var(--dock-bg, #fff) 12%,#0b0b0b);border-color:#ffffff1f;color:#f2f2f2}mobile-dock[data-dark-mode=auto] .mobile-dock-item{color:#f2f2f2}mobile-dock[data-dark-mode=auto] .mobile-dock-item-active-tint,mobile-dock[data-dark-mode=auto] .mobile-dock-item--active{--dock-item-active-tint: rgba(255, 255, 255, .12)}.mobile-dock--preset-glass[data-dark-mode=auto]:not([data-has-center=true]) .mobile-dock__bar{background-color:color-mix(in srgb,var(--dock-bg, #fff) 78%,transparent);border-color:color-mix(in srgb,var(--dock-border-color, #eee) 55%,rgba(255,255,255,.75));color:rgb(var(--color-foreground, 18, 18, 18))}.mobile-dock--preset-glass[data-dark-mode=auto] .mobile-dock-item{color:var(--dock-item-icon, rgb(var(--color-foreground, 18, 18, 18)))}}mobile-dock[data-dark-mode=always_dark]:not([data-has-center=true]) .mobile-dock__bar{background-color:color-mix(in srgb,var(--dock-bg, #fff) 12%,#0b0b0b);border-color:#ffffff1f;color:#f2f2f2}mobile-dock[data-dark-mode=always_dark] .mobile-dock-item{color:#f2f2f2}mobile-dock[data-dark-mode=always_dark] .mobile-dock-item--active{--dock-item-active-tint: rgba(255, 255, 255, .12)}@media(prefers-reduced-motion:no-preference){.mobile-dock-item.is-animating-fade .mobile-dock-item__icon-wrap{animation:dock-fade .3s ease}.mobile-dock-item.is-animating-scale .mobile-dock-item__icon-wrap{animation:dock-scale .26s ease}.mobile-dock-item.is-animating-slide .mobile-dock-item__icon-wrap{animation:dock-slide .26s ease}.mobile-dock-item.is-animating-bounce .mobile-dock-item__icon-wrap{animation:dock-bounce .42s cubic-bezier(.34,1.56,.64,1)}.mobile-dock-item.is-animating-spring .mobile-dock-item__icon-wrap{animation:dock-spring .48s cubic-bezier(.22,1,.36,1)}.mobile-dock-item.is-animating-elastic .mobile-dock-item__icon-wrap{animation:dock-elastic .55s cubic-bezier(.68,-.55,.27,1.55)}.mobile-dock-center.is-animating-pulse .mobile-dock-center__icon{animation:dock-scale .32s ease}.mobile-dock-center.is-animating-bounce .mobile-dock-center__icon{animation:dock-bounce .42s cubic-bezier(.34,1.56,.64,1)}.mobile-dock-center.is-animating-spring .mobile-dock-center__icon{animation:dock-spring .48s cubic-bezier(.22,1,.36,1)}}.mobile-dock-item.is-animating-ripple{overflow:hidden}.mobile-dock-item .dock-ripple{position:absolute;border-radius:50%;background:currentColor;opacity:.25;transform:scale(0);animation:dock-ripple .5s ease-out forwards;pointer-events:none}@keyframes dock-fade{0%{opacity:.3}to{opacity:1}}@keyframes dock-scale{0%{transform:scale(.8)}60%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes dock-slide{0%{transform:translateY(6px);opacity:.4}to{transform:translateY(0);opacity:1}}@keyframes dock-bounce{0%{transform:scale(1)}40%{transform:scale(1.25)}60%{transform:scale(.92)}to{transform:scale(1)}}@keyframes dock-spring{0%{transform:scale(.7)}50%{transform:scale(1.12)}75%{transform:scale(.96)}to{transform:scale(1)}}@keyframes dock-elastic{0%{transform:scale(1) rotate(0)}30%{transform:scale(1.2) rotate(-4deg)}60%{transform:scale(.95) rotate(3deg)}to{transform:scale(1) rotate(0)}}@keyframes dock-ripple{to{transform:scale(2.6);opacity:0}}@media(prefers-reduced-motion:reduce){.mobile-dock,.mobile-dock-item,.mobile-dock-item__icon-wrap,.mobile-dock-item__label,.mobile-dock-center{transition:none!important;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/mobile-dock.css.map */