.fluid-nav{position:fixed;left:0;right:0;bottom:calc(14px + env(safe-area-inset-bottom));z-index:65;display:flex;gap:10px;align-items:flex-end;justify-content:center;padding:0 16px;pointer-events:none;font-family:var(--fl-font);will-change:transform}.fluid-nav-side{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.fluid-wa{pointer-events:auto;display:grid;place-items:center;width:52px;height:52px;border-radius:999px;background:#126e60d1;-webkit-backdrop-filter:blur(24px) saturate(1.6);backdrop-filter:blur(24px) saturate(1.6);box-shadow:inset 0 1px #ffffff47,0 16px 36px -14px #126e608c;color:#fff}.fluid-wa svg{width:26px;height:26px}.fluid-nav.searching .fluid-wa{opacity:0;pointer-events:none;transition:opacity .2s ease}.fluid-nav-pill{pointer-events:auto;position:relative;display:flex;align-items:center;height:64px;padding:0 8px;border-radius:999px;overflow:hidden;background:#ffffffc2;-webkit-backdrop-filter:blur(30px) saturate(1.8);backdrop-filter:blur(30px) saturate(1.8);box-shadow:var(--fl-hairtop),var(--fl-edge),0 20px 44px -16px #40300c47;will-change:width}.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;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:66px;height:56px;padding:0 8px;border-radius:999px;color:var(--fl-text);font-size:12px;font-weight:600;line-height:1;letter-spacing:0;text-decoration:none;border:0;background:none;cursor:pointer;appearance:none;-webkit-appearance:none;transition:color .25s ease,opacity .18s ease}.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-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}.fluid-nav-search{pointer-events:auto;display:flex;align-items:center;width:64px;height:64px;border-radius:999px;overflow:hidden;padding:0;background:#ffffffc2;-webkit-backdrop-filter:blur(30px) saturate(1.8);backdrop-filter:blur(30px) saturate(1.8);box-shadow:var(--fl-hairtop),var(--fl-edge),0 20px 44px -16px #40300c47;color:var(--fl-text);will-change:width}.fluid-nav-search .sgo{flex:0 0 64px;width:64px;height:64px;display:grid;place-items:center;border:0;background:none;cursor:pointer;appearance:none;-webkit-appearance:none;color:var(--fl-text)}.fluid-nav-search svg{width:24px;height:24px}.fluid-nav-search .sinput{flex:1;min-width:0;height:100%;border:0;background:none;outline:none;color:var(--fl-text);font-size:16px;font-family:var(--fl-font);font-weight:600;opacity:0;pointer-events:none;padding:0 18px 0 0}.fluid-nav-search .sinput::placeholder{color:var(--fl-text3)}.fluid-nav-search .sinput::-webkit-search-decoration,.fluid-nav-search .sinput::-webkit-search-cancel-button{display:none}.fluid-nav.searching .fluid-nav-search .sinput{opacity:1;pointer-events:auto;transition:opacity .25s ease .1s}@media(prefers-reduced-motion:reduce){.fluid-nav-item,.fluid-nav-pill .pillx{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/39/assets/fluid-nav.css.map */