.modern-navigation-drawer{position:fixed;left:-100%;width:300px;max-width:40%;top:15px;bottom:15px;background:#fff;z-index:9999;transition:left .3s ease-out;border-radius:16px;box-shadow:0 -5px 25px #0000001a;display:none;flex-direction:column;overflow:hidden}.nav-open .modern-navigation-drawer{transform:translate(0);left:15px}.modern-nav-close{font-size:20px;border:1px solid #0000001f;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;padding:10px;position:absolute;top:24px;right:24px;z-index:80}.modern-nav-close:hover{background-color:#f5f5f5}.modern-nav-close:focus-visible{outline:unset}.modern-nav-content{flex:1;overflow-y:auto;padding:15px 0 0}.modern-nav-menu{list-style:none;margin:0;padding:0}.modern-nav-item{padding:12px 24px}.modern-nav-link{display:inline-block;color:#000;text-decoration:none;font-size:16px;font-weight:500;line-height:1.4;transition:all .2s ease;border:none;background:none;text-align:left}.modern-nav-toggle{width:100%;display:flex;padding:unset;align-items:center;justify-content:space-between;cursor:pointer}.modern-nav-arrow{transition:transform .3s ease;flex-shrink:0}.modern-nav-arrow.rotated{transform:rotate(180deg)}.modern-nav-submenu{list-style:none;margin:0;padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease}.modern-nav-subitem{padding:8px 6px}.modern-nav-sublink{display:flex;align-items:center;justify-content:space-between;color:#666;text-decoration:none;font-size:15px;font-weight:400;line-height:1.4;transition:all .2s ease;width:100%;border:none;background:none;text-align:left;cursor:pointer}.modern-nav-sublink:hover{color:#000}.modern-nav-grandchild{list-style:none;margin:0;padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease}.modern-nav-granditem{padding:6px 24px 6px 56px}.modern-nav-grandlink{display:block;color:#888;text-decoration:none;font-size:14px;font-weight:400;line-height:1.4;transition:all .2s ease}.modern-nav-grandlink:hover{color:#000}.modern-nav-item.has-submenu>.modern-nav-link,.modern-nav-subitem.has-grandchild>.modern-nav-sublink{position:relative}.modern-nav-toggle[aria-expanded=true]{color:#000}.modern-nav-footer{padding:0 24px;margin-top:auto}.modern-nav-social{display:flex;gap:16px;justify-content:flex-start}.modern-nav-social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#000;text-decoration:none;border-radius:8px;transition:all .2s ease}.modern-nav-social-link:hover{background-color:#f0f0f0;color:#000}.modern-nav-social-link svg{width:20px;height:20px}.modern-nav-selectors{gap:12px}.modern-nav-selector{gap:8px}.modern-nav-selector-button{background:none;border:none;color:#000;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;padding:4px 0;text-transform:uppercase;font-weight:500}.modern-nav-selector-button:hover{color:#000}.modern-nav-account-link{color:#000;text-decoration:none;font-size:14px;font-weight:500}.modern-nav-account-link:hover{color:#000}.modern-nav-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#0009;z-index:9998;opacity:0;visibility:hidden;transition:all .2s ease}.nav-open .modern-nav-overlay{opacity:1;visibility:visible}@media screen and (max-width: 1024.98px){.modern-navigation-drawer{z-index:9999}.modern-nav-overlay{z-index:9998}.modern-navigation-drawer{display:flex}}@media screen and (min-width: 1025px){.modern-navigation-drawer,.modern-nav-overlay{display:none!important}}.modern-nav-content{scroll-behavior:smooth}.modern-nav-content::-webkit-scrollbar{width:4px}.modern-nav-content::-webkit-scrollbar-track{background:transparent}.modern-nav-content::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.modern-nav-content::-webkit-scrollbar-thumb:hover{background:#0003}.modern-nav-item.loading .modern-nav-arrow{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-contrast: high){.modern-navigation-drawer{border:2px solid #000}.modern-nav-link,.modern-nav-close{border:1px solid transparent}.modern-nav-link:focus,.modern-nav-close:focus{border-color:#000}}@media screen and (max-width: 520px){.modern-navigation-drawer{bottom:-100%;max-height:80vh;max-width:100%;width:unset;left:15px;right:15px;transition:bottom .3s ease-out;top:unset}.nav-open .modern-navigation-drawer{bottom:15px}}@media (prefers-reduced-motion: reduce){.modern-navigation-drawer,.modern-nav-arrow,.modern-nav-submenu,.modern-nav-overlay{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/modern-navigation.css.map */