:root{--pill-width: auto;--pill-min-width: 300px;--pill-max-width: 420px;--pill-height: 64px;--pill-padding-x: 20px;--pill-padding-y: 0px;--pill-radius: 999px;--pill-bottom-offset: 24px;--pill-icon-gap: 6px;--pill-blur: 18px;--pill-bg: rgba(10, 10, 10, .52);--pill-border-color: rgba(255, 255, 255, .1);--pill-border-width: 1px;--pill-shadow: 0 8px 40px rgba(0, 0, 0, .45), 0 2px 8px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .06);--pill-icon-size: 22px;--pill-icon-color: rgba(255, 255, 255, .55);--pill-icon-active: #ffffff;--pill-icon-hover: rgba(255, 255, 255, .85);--pill-dot-size: 4px;--pill-dot-color: #ffffff;--pill-cta-size: 46px;--pill-cta-bg: #ffffff;--pill-cta-color: #0a0a0a;--pill-cta-shadow: 0 4px 20px rgba(255, 255, 255, .2);--pill-cta-hover-bg: #e8e8e8;--pill-translate-hidden: 110px;--pill-transition-show: transform .38s cubic-bezier(.34, 1.12, .64, 1), opacity .28s cubic-bezier(.22, 1, .36, 1);--pill-transition-hide: transform .3s cubic-bezier(.55, 0, 1, .45), opacity .22s ease-in}#floating-pill-nav{position:fixed;bottom:var(--pill-bottom-offset);left:50%;transform:translate(-50%) translateY(0);z-index:9999;pointer-events:none;padding-bottom:env(safe-area-inset-bottom,0px)}#floating-pill-nav.pill--visible{opacity:1;transform:translate(-50%) translateY(0);transition:var(--pill-transition-show)}#floating-pill-nav.pill--hidden{opacity:0;transform:translate(-50%) translateY(var(--pill-translate-hidden));transition:var(--pill-transition-hide)}.floating-pill{display:flex;align-items:center;justify-content:space-around;gap:var(--pill-icon-gap);width:var(--pill-width);min-width:var(--pill-min-width);max-width:var(--pill-max-width);height:var(--pill-height);padding:var(--pill-padding-y) var(--pill-padding-x);border-radius:var(--pill-radius);background:var(--pill-bg);backdrop-filter:blur(var(--pill-blur)) saturate(1.6) brightness(1.1);-webkit-backdrop-filter:blur(var(--pill-blur)) saturate(1.6) brightness(1.1);border:var(--pill-border-width) solid var(--pill-border-color);box-shadow:var(--pill-shadow);pointer-events:all;position:relative;overflow:visible}.floating-pill:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-size:120px;opacity:.35;pointer-events:none;mix-blend-mode:overlay}.floating-pill:after{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2) 40%,rgba(255,255,255,.2) 60%,transparent);border-radius:var(--pill-radius);pointer-events:none}.pill-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;position:relative;flex:1;min-width:44px;height:100%;text-decoration:none;color:var(--pill-icon-color);transition:color .22s ease,transform .22s cubic-bezier(.34,1.56,.64,1);-webkit-tap-highlight-color:transparent;cursor:pointer;border:none;background:none;padding:0}.pill-item svg{width:var(--pill-icon-size);height:var(--pill-icon-size);flex-shrink:0;transition:inherit;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.pill-item__dot{width:var(--pill-dot-size);height:var(--pill-dot-size);border-radius:50%;background:var(--pill-dot-color);opacity:0;transform:scale(0);transition:opacity .22s ease,transform .22s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}.pill-item.is-active{color:var(--pill-icon-active)}.pill-item.is-active .pill-item__dot{opacity:1;transform:scale(1)}@media(hover:hover){.pill-item:hover{color:var(--pill-icon-hover);transform:translateY(-3px)}}.pill-item:active{transform:translateY(1px) scale(.93);transition-duration:.08s}.pill-item--cta{width:var(--pill-cta-size);height:var(--pill-cta-size);min-width:var(--pill-cta-size);flex:none;border-radius:50%;background:var(--pill-cta-bg);color:var(--pill-cta-color);box-shadow:var(--pill-cta-shadow);margin:0 4px;transform:translateY(0);transition:color .22s ease,transform .22s cubic-bezier(.34,1.56,.64,1),background .22s ease,box-shadow .22s ease;position:relative;z-index:1}.pill-item--cta .pill-item__dot{display:none}.pill-item--cta svg{stroke-width:1.8}@media(hover:hover){.pill-item--cta:hover{background:var(--pill-cta-hover-bg);transform:translateY(-4px) scale(1.06);box-shadow:0 8px 32px #ffffff4d}}.pill-item--cta:active{transform:translateY(0) scale(.94)}.pill-separator{width:1px;height:24px;background:var(--pill-border-color);flex-shrink:0}.account-button.header-actions__action{display:none!important}@media screen and (min-width:1025px){#floating-pill-nav{display:none}}@media(prefers-reduced-motion:reduce){#floating-pill-nav.pill--visible,#floating-pill-nav.pill--hidden{transition:opacity .2s ease!important;transform:translate(-50%) translateY(0)!important}#floating-pill-nav.pill--hidden{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/floating-pill.css.map */