.navigation-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:999;width:auto;max-width:calc(100vw - 40px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1);pointer-events:auto}.navigation-bar--hidden{opacity:0;transform:translate(-50%) translateY(20px);pointer-events:none}.navigation-bar--fading{opacity:.3}.navigation-bar__container{background:#ffffffbf;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-radius:50px;border:2px solid rgba(255,255,255,.9);box-shadow:0 8px 32px #0000001f,0 2px 8px #00000014,0 0 0 1px #ffffff80 inset;padding:8px 12px}.navigation-bar__nav{display:flex;align-items:center;justify-content:center}.navigation-bar__list{display:flex;align-items:center;justify-content:center;gap:4px;list-style:none;margin:0;padding:0}.navigation-bar__item{display:block;margin:0}.navigation-bar__link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 14px;border-radius:50px;text-decoration:none;color:#000000b3;background:transparent;border:2px solid transparent;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer}.navigation-bar__icon{width:24px;height:24px;color:currentColor;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;stroke-width:2}.navigation-bar__label{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:currentColor;margin:0;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;display:none}.navigation-bar__link:before{content:"";position:absolute;top:50%;left:50%;width:0%;height:0%;background:radial-gradient(circle,rgba(220,38,38,.15) 0%,rgba(220,38,38,.05) 50%,transparent 100%);border-radius:50%;transform:translate(-50%,-50%);transition:width .8s cubic-bezier(.4,0,.2,1),height .8s cubic-bezier(.4,0,.2,1),opacity .8s cubic-bezier(.4,0,.2,1);opacity:0;z-index:0}.navigation-bar__link:hover{color:#dc2626;border-color:#dc26264d;background:#ffffff80;transform:scale(1.05)}.navigation-bar__link:hover:before{width:200%;height:200%;opacity:1}.navigation-bar__link:hover .navigation-bar__icon{transform:translateY(-2px) scale(1.1);filter:drop-shadow(0 4px 8px rgba(220,38,38,.3))}.navigation-bar__link--active{color:#dc2626;background:#ffffffe6;border-color:#dc262666;box-shadow:0 4px 16px #dc262640,0 0 0 1px #dc262633 inset,0 0 20px #dc262633}.navigation-bar__link--active .navigation-bar__icon{filter:drop-shadow(0 0 8px rgba(220,38,38,.5)) drop-shadow(0 0 12px rgba(220,38,38,.3));animation:glow-pulse 2s ease-in-out infinite}@keyframes glow-pulse{0%,to{filter:drop-shadow(0 0 8px rgba(220,38,38,.5)) drop-shadow(0 0 12px rgba(220,38,38,.3))}50%{filter:drop-shadow(0 0 12px rgba(220,38,38,.7)) drop-shadow(0 0 16px rgba(220,38,38,.4))}}.navigation-bar__item--other{display:none;animation:fadeInScale .4s cubic-bezier(.4,0,.2,1) forwards}.navigation-bar__item--other.is-visible{display:block}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media screen and (max-width: 749px){.navigation-bar{bottom:20px;max-width:calc(100vw - 32px)}.navigation-bar__container{padding:5px 8px;border-radius:35px;background:#fffc;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%)}.navigation-bar__link{padding:7px 10px;gap:0;border-radius:35px}.navigation-bar__icon{width:22px;height:22px;stroke-width:2.5}.navigation-bar__label{display:none}.navigation-bar__list{gap:2px}.navigation-bar__link:hover{transform:scale(1.03)}.navigation-bar__link--active{box-shadow:0 2px 8px #dc262633,0 0 0 1px #dc262626 inset}}@media screen and (min-width: 750px) and (max-width: 989px){.navigation-bar{bottom:20px}.navigation-bar__container{padding:8px 10px}.navigation-bar__link{padding:10px 16px}.navigation-bar__icon{width:26px;height:26px}.navigation-bar__label{display:block;font-size:.625rem}}@media screen and (min-width: 990px){.navigation-bar{bottom:28px}.navigation-bar__container{padding:10px 16px}.navigation-bar__link{padding:12px 20px;gap:6px}.navigation-bar__icon{width:28px;height:28px}.navigation-bar__label{display:block;font-size:.75rem}.navigation-bar__list{gap:6px}.navigation-bar__link:hover{transform:scale(1.08)}}.navigation-bar__link:focus-visible{outline:2px solid #dc2626;outline-offset:4px;border-color:#dc262666}@media (prefers-reduced-motion: reduce){.navigation-bar,.navigation-bar__link,.navigation-bar__icon,.navigation-bar__link:before{transition:none;animation:none}}@media print{.navigation-bar{display:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/navigation-bar.css.map */