.navigation-guide{--item-gap: 8px;--item-height: 30px;--bg: #fff;height:var(--item-height);position:fixed;bottom:32px;left:50%;transform:translate(-50%);z-index:11;align-items:center;display:inline-flex;justify-content:center}.navigation-guide__header{min-width:200px;padding-right:50px;background:var(--bg);transition:.3s cubic-bezier(.39,.575,.565,1)}.navigation-guide__header:active,.navigation-guide__header:focus,.navigation-guide__header:hover{background:var(--bg);color:#000}@media (hover: hover){.navigation-guide__header:focus{background:var(--bg);color:#000}.navigation-guide__header:active{background:var(--bg);color:#000}.navigation-guide__header:hover{background:#000;color:#fff}}.navigation-guide-static{--item-gap: 8px;--item-height: 30px;display:flex;flex-direction:column;gap:32px;justify-content:center;align-items:center}.navigation-guide-static__text{text-align:center}@media (hover: hover){.navigation-guide a:hover .navigation-guide__arrow,.navigation-guide button:hover .navigation-guide__arrow{fill:#fff}}.navigation-guide__arrow{position:absolute;top:50%;transform:translateY(-50%);right:20px;transition:transform .3s cubic-bezier(.39,.575,.565,1);height:16px;width:16px}.navigation-guide.open .navigation-guide__arrow{transform:rotate(180deg) translateY(50%)}.navigation-guide.closing .navigation-guide__arrow{transform:translateY(-50%)}.navigation-guide-static__items,.navigation-guide__items{list-style:none;padding:0;margin:0}.navigation-guide-static__items{display:flex;flex-wrap:wrap;justify-content:center;gap:32px}@media (max-width: 632px){.navigation-guide-static__items{flex-direction:column;align-items:center;justify-content:center}}.navigation-guide.navigation-guide--hidden-list .navigation-guide__items{display:none}.navigation-guide-static__item{position:relative;height:var(--item-height);display:flex;justify-content:center}.navigation-guide__item{position:absolute;left:0;bottom:0;height:var(--item-height);width:100%;display:flex;justify-content:center}.navigation-guide-static__link,.navigation-guide__link{position:relative;height:100%;display:flex;align-items:center;justify-content:center;text-decoration:none;text-align:center;background:var(--bg);min-width:200px}.navigation-guide__link:focus,.navigation-guide-static__link:focus,.navigation-guide__link:active,.navigation-guide-static__link:active{background:#000;color:#fff}@keyframes bounceIn{0%{transform:translateY(15px);opacity:0}40%{transform:translateY(-4px);opacity:1}60%{transform:translateY(2px)}75%{transform:translateY(-1px)}to{transform:translateY(0);opacity:1}}@keyframes bounceOut{0%{opacity:1}30%{opacity:.8}60%{opacity:.1}to{opacity:0;bottom:20px}}.navigation-guide.open .navigation-guide__item{animation:bounceIn 1s cubic-bezier(.68,-.55,.265,2) both}.navigation-guide.closing .navigation-guide__item{animation:bounceOut .5s cubic-bezier(.68,-.55,.265,1.5) both}.navigation-guide.open .navigation-guide__item:nth-child(1){bottom:calc(100% + var(--item-gap));animation-delay:.1s}.navigation-guide.open .navigation-guide__item:nth-child(2){bottom:calc(100% + (var(--item-height) + 2 * var(--item-gap)));animation-delay:.2s}.navigation-guide.open .navigation-guide__item:nth-child(3){bottom:calc(100% + 2 * var(--item-height) + 3 * var(--item-gap));animation-delay:.3s}.navigation-guide.open .navigation-guide__item:nth-child(4){bottom:calc(100% + 3 * var(--item-height) + 4 * var(--item-gap));animation-delay:.4s}.navigation-guide.open .navigation-guide__item:nth-child(5){bottom:calc(100% + 4 * var(--item-height) + 5 * var(--item-gap));animation-delay:.5s}.navigation-guide.open .navigation-guide__item:nth-child(6){bottom:calc(100% + 5 * var(--item-height) + 6 * var(--item-gap));animation-delay:.6s}.navigation-guide.open .navigation-guide__item:nth-child(7){bottom:calc(100% + 6 * var(--item-height) + 7 * var(--item-gap));animation-delay:.7s}.navigation-guide.open .navigation-guide__item:nth-child(8){bottom:calc(100% + 7 * var(--item-height) + 8 * var(--item-gap));animation-delay:.8s}
/*# sourceMappingURL=/cdn/shop/t/767/assets/navigation-guide-section.css.map */