.mobile-dock{position:fixed;left:0;bottom:0;width:100%;z-index:25;display:flex;align-items:stretch;visibility:visible;transform:translateY(100%);color:rgb(var(--color-foreground));background:rgb(var(--color-background));padding-block-start:var(--mobile-dock-padding-top, 12px);padding-block-end:max(var(--mobile-dock-padding-bottom, 6px),env(safe-area-inset-bottom));margin:0}.mobile-dock[loaded]{transition:transform var(--duration-default, .2s) ease}.mobile-dock-section.active .mobile-dock,.mobile-dock-section.shopify-active .mobile-dock,.mobile-dock.active,.mobile-dock:has(>.dock__item:focus-visible){transform:translateY(0)}.mobile-dock.section--divider{border-block-start:1px solid rgba(var(--color-foreground),.08)}.mobile-dock.section--rounded{border-start-start-radius:var(--mobile-dock-radius, 1rem);border-start-end-radius:var(--mobile-dock-radius, 1rem);overflow:hidden}.dock__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;flex-grow:1;flex-shrink:0;height:4rem;width:100%;max-width:100%;background:none;border:0;padding:0;cursor:pointer;text-decoration:none;color:rgb(var(--color-foreground));font-family:inherit}.mobile-dock--2-col .dock__item{width:50%}.mobile-dock--3-col .dock__item{width:33.33%}.mobile-dock--4-col .dock__item{width:25%}.mobile-dock--5-col .dock__item{width:20%}.mobile-dock--6-col .dock__item{width:16.66%}.dock__item>span,.dock__item>.dock__icon-wrap{display:flex;align-items:center;justify-content:center}.dock__item .dock__icon-wrap{position:relative}.dock__item .dock__label{font-size:.8125rem;line-height:1;letter-spacing:.02em}.dock__item svg,.dock__item .icon-dock{height:1.875rem;width:auto;stroke-width:1.2}.dock__item .dock__count{position:absolute;inset-block-start:-.5rem;inset-inline-end:-.75rem;min-width:1.25rem;height:1.25rem;padding:0 .3125rem;display:flex;align-items:center;justify-content:center;font-size:.75rem;line-height:1;border-radius:999px;color:rgb(var(--color-background));background:rgb(var(--color-foreground))}.dock__item .dock__count[hidden]{display:none}@media screen and (min-width:750px){.mobile-dock,.mobile-dock-section{display:none!important}}@media screen and (max-width:749px){body.has-mobile-dock{padding-block-end:var(--mobile-dock-height, 0px)}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/mobile-dock.css.map */