.fluid-nav{position:fixed;left:0;right:0;bottom:calc(14px + env(safe-area-inset-bottom));z-index:65;display:flex;align-items:flex-end;justify-content:center;padding:0 16px;pointer-events:none;font-family:var(--fl-font);will-change:transform}.fluid-nav-pill{pointer-events:auto;position:relative;display:flex;align-items:center;width:100%;max-width:440px;height:64px;padding:0 6px;border-radius:999px;overflow:hidden;background:#fcf6ebf5;box-shadow:var(--fl-hairtop),var(--fl-edge),0 20px 44px -16px #40300c4d}.fluid-nav-cap{position:absolute;left:0;top:50%;height:56px;width:80px;border-radius:999px;z-index:0;background:#8e6d2021;box-shadow:inset 0 0 0 1px #8e6d2029;transform:translate3d(-200px,-50%,0);will-change:transform,width;pointer-events:none}.fluid-nav-item{position:relative;z-index:1;flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;height:56px;padding:0 4px;border-radius:999px;color:var(--fl-text);font-size:11.5px;font-weight:600;line-height:1;letter-spacing:0;white-space:nowrap;text-decoration:none;border:0;background:none;cursor:pointer;appearance:none;-webkit-appearance:none;transition:color .25s ease,opacity .18s ease}.fluid-nav-search{display:contents}.fluid-nav-item .ico{position:relative;display:grid;place-items:center;width:28px;height:24px}.fluid-nav-item svg{width:24px;height:24px;flex:0 0 auto}.fluid-nav-item.is-active{color:var(--fl-accent)}.fluid-nav-item .fluid-bagcount{position:absolute;top:-5px;right:-9px;min-width:18px;height:18px;padding:0 5px;font-size:11px}.fluid-bagcount:empty{display:none}.fluid-nav-item.otf-nav-centre{color:var(--fl-accent);font-weight:700}.fluid-nav-item.otf-nav-centre .ico{height:24px}.otf-bloom{pointer-events:auto;position:absolute;left:50%;bottom:34px;z-index:2;width:72px;height:72px;margin-left:-36px;border-radius:999px;display:grid;place-items:center;background:var(--fl-accent);color:#fff;box-shadow:0 0 0 5px var(--fl-ground),0 16px 34px -10px #b2622d99;transition:transform .32s cubic-bezier(.2,1.4,.4,1),background .18s ease;-webkit-tap-highlight-color:transparent}.otf-bloom svg{position:relative;width:62px;height:62px;overflow:visible}.otf-bloom .bp{transform:rotate(var(--c)) scale(var(--s));transform-origin:0 0}.otf-bloom .halo{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:999px;border:2px solid var(--fl-accent);opacity:0;pointer-events:none}.otf-bloom:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#ffffff59;opacity:0;transform:scale(.6);pointer-events:none}.otf-bloom:active,.otf-bloom.down{transform:scale(.9);background:var(--fl-accent-press)}.otf-bloom.go{transform:scale(1.06)}.fluid-nav.searching .otf-bloom{opacity:0;pointer-events:none;transition:opacity .2s ease}@media(prefers-reduced-motion:no-preference){.otf-bloom .bp{animation:otfbreathe 3.6s cubic-bezier(.45,0,.2,1) infinite}.otf-bloom .bp-in{animation:otfbreathe 3.6s cubic-bezier(.45,0,.2,1) infinite,otfinner 3.6s ease-in-out infinite}.otf-bloom .halo{animation:otfhalo 3.6s ease-out infinite}.otf-bloom.go .bp{animation:otfbloomgo .45s cubic-bezier(.2,.9,.3,1) forwards}.otf-bloom.go:after{animation:otfripple .5s ease-out forwards}.otf-bloom.go .halo{animation:otfhalogo .5s ease-out forwards}}@keyframes otfbreathe{0%{transform:rotate(var(--c)) scale(var(--s))}45%{transform:rotate(0) scale(1)}62%{transform:rotate(0) scale(1)}to{transform:rotate(var(--c)) scale(var(--s))}}@keyframes otfinner{0%,to{opacity:.55}50%{opacity:1}}@keyframes otfhalo{0%{opacity:.5;transform:scale(1)}70%{opacity:0;transform:scale(1.55)}to{opacity:0;transform:scale(1.55)}}@keyframes otfbloomgo{to{transform:rotate(0) scale(1.12)}}@keyframes otfripple{0%{opacity:.6;transform:scale(.6)}to{opacity:0;transform:scale(2.3)}}@keyframes otfhalogo{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2)}}.fluid-nav-pill .pillx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;border:0;background:none;cursor:pointer;appearance:none;-webkit-appearance:none;color:var(--fl-text2);opacity:0;pointer-events:none;transition:opacity .25s ease}.fluid-nav-pill .pillx svg{width:22px;height:22px}.fluid-nav.searching .fluid-nav-pill .fluid-nav-item,.fluid-nav.searching .fluid-nav-pill .fluid-nav-cap{opacity:0;pointer-events:none}.fluid-nav.searching .fluid-nav-pill .pillx{opacity:1;pointer-events:auto;transition:opacity .25s ease .12s}@media(prefers-reduced-motion:reduce){.fluid-nav-item,.fluid-nav-pill .pillx,.otf-bloom{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/fluid-nav.css.map */