:root{--mnav-text: #0a0a0a;--mnav-text-muted: #6b6b6b;--mnav-accent: #d9531e;--mnav-bg: #ffffff;--mnav-border: #e0e0e0;--mnav-sub-bg: #fafafa;--mnav-font: "Barlow Condensed", "Helvetica Neue", Arial, sans-serif;--mnav-font-body: "Barlow", "Helvetica Neue", Arial, sans-serif}html[data-theme=dark]{--mnav-text: #fff;--mnav-text-muted: #9a9a9a;--mnav-bg: #0a0a0a;--mnav-border: #333;--mnav-sub-bg: #141414}.drawer.drawer--right{background:var(--mnav-bg)!important;color:var(--mnav-text)!important;width:100%!important;max-width:380px!important;box-shadow:-8px 0 32px #00000026!important}.drawer__fixed-header{background:#fff!important;border-bottom:1px solid var(--mnav-border)!important;padding:20px!important;min-height:144px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;position:relative!important}.drawer__header{display:flex!important;align-items:center!important;justify-content:flex-end!important;width:100%!important;margin:0!important;position:relative!important}#NavDrawer .drawer__header:before{content:""!important;display:block!important;width:320px!important;height:96px!important;background-image:url(/cdn/shop/files/SPOKEXlogoNew-White_56bb3af8-4177-46e6-ad38-ae66f33ccc7e.png?v=1786661763)!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:left center!important;position:absolute!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;z-index:2!important;pointer-events:none!important}.drawer__title{font-family:var(--mnav-font)!important;text-transform:uppercase!important;letter-spacing:.1em!important;font-weight:700!important;font-size:14px!important;margin:0!important}.drawer__close{margin:0 0 0 auto!important}#NavDrawer .drawer__close-button{background:transparent!important;border:1px solid var(--mnav-border)!important;width:40px!important;height:40px!important;border-radius:4px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;padding:0!important;transition:background .15s ease,border-color .15s ease!important;position:relative!important;z-index:3!important}#NavDrawer .drawer__close-button:hover{background:var(--mnav-accent)!important;border-color:var(--mnav-accent)!important}#NavDrawer .drawer__close-button svg.icon-close{width:18px!important;height:18px!important;display:block!important}#NavDrawer .drawer__close-button svg.icon-close path,#NavDrawer .drawer__close-button svg.icon-close line{stroke:#0a0a0a!important;fill:none!important;transition:stroke .15s ease!important}#NavDrawer .drawer__close-button:hover svg.icon-close path,#NavDrawer .drawer__close-button:hover svg.icon-close line{stroke:#fff!important}.mobile-nav{font-family:var(--mnav-font)!important;padding:0!important;margin:0!important}.mobile-nav__item{border-bottom:1px solid var(--mnav-border)!important;margin:0!important;padding:0!important}.mobile-nav__item--secondary{border-top:1px solid var(--mnav-border)!important;padding:16px 20px!important;background:var(--mnav-sub-bg)!important}.mobile-nav__has-sublist{display:flex!important;align-items:stretch!important;width:100%!important}.mobile-nav__link--top-level,.mobile-nav__link--button{font-family:var(--mnav-font)!important;text-transform:uppercase!important;letter-spacing:.1em!important;font-weight:700!important;font-size:17px!important;line-height:1.2!important;color:var(--mnav-text)!important;padding:20px 16px!important;flex:1!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important;background:transparent!important;border:0!important;cursor:pointer!important;text-align:left!important;width:100%!important}.mobile-nav__link--top-level:hover,.mobile-nav__link--button:hover,.mobile-nav__link--top-level[data-active=true],.mobile-nav__faux-link[data-active=true]{color:var(--mnav-accent)!important}.mobile-nav__link--top-level[data-active=true],.mobile-nav__link--button.is-open{background:linear-gradient(to right,var(--mnav-accent) 3px,transparent 3px)!important}.mobile-nav__toggle{display:flex!important;align-items:center!important;justify-content:center!important;width:56px!important;flex-shrink:0!important;border-left:1px solid var(--mnav-border)!important}.mobile-nav__toggle button,.collapsible-trigger{width:40px!important;height:40px!important;border:0!important;background:transparent!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important}.faux-button{width:28px!important;height:28px!important;border:1px solid var(--mnav-border)!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;transition:all .18s ease!important}.collapsible-trigger.is-open .faux-button{background:var(--mnav-accent)!important;border-color:var(--mnav-accent)!important}.faux-button svg{width:12px!important;height:12px!important;display:block!important}.faux-button svg path,.faux-button svg line,.faux-button svg rect,.faux-button svg circle,.faux-button svg polyline{fill:#0a0a0a!important;stroke:#0a0a0a!important;transition:fill .15s ease,stroke .15s ease!important}.collapsible-trigger.is-open .faux-button svg path,.collapsible-trigger.is-open .faux-button svg line,.collapsible-trigger.is-open .faux-button svg rect,.collapsible-trigger.is-open .faux-button svg circle,.collapsible-trigger.is-open .faux-button svg polyline{fill:#fff!important;stroke:#fff!important}.mobile-nav__sublist{background:var(--mnav-sub-bg)!important;padding:0!important;margin:0!important;list-style:none!important;border-top:1px solid var(--mnav-border)!important}.mobile-nav__sublist .mobile-nav__item{border-bottom:1px solid var(--mnav-border)!important}.mobile-nav__child-item{display:flex!important;align-items:stretch!important;width:100%!important}.mobile-nav__sublist .mobile-nav__link{font-family:var(--mnav-font)!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-weight:600!important;font-size:15px!important;line-height:1.2!important;color:var(--mnav-text)!important;padding:16px 16px 16px 28px!important;flex:1!important;text-decoration:none!important;display:inline-flex!important;align-items:center!important}.mobile-nav__sublist .mobile-nav__link:hover,.mobile-nav__sublist .mobile-nav__link[data-active=true]{color:var(--mnav-accent)!important}.mobile-nav__faux-link{font-family:var(--mnav-font)!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-weight:600!important;font-size:15px!important;color:var(--mnav-text)!important}.mobile-nav__grandchildlist{background:var(--mnav-sub-bg)!important;padding:0!important;margin:0!important;list-style:none!important}.mobile-nav__grandchildlist .mobile-nav__item{border-bottom:0!important}.mobile-nav__grandchildlist .mobile-nav__link{font-family:var(--mnav-font-body)!important;text-transform:uppercase!important;letter-spacing:.04em!important;font-weight:400!important;font-size:14px!important;color:var(--mnav-text-muted)!important;padding:12px 16px 12px 44px!important;text-decoration:none!important;display:block!important;position:relative!important}.mobile-nav__grandchildlist .mobile-nav__link:before{content:"\203a"!important;position:absolute!important;left:28px!important;color:var(--mnav-border)!important;font-weight:700!important;transition:color .15s ease!important}.mobile-nav__grandchildlist .mobile-nav__link:hover{color:var(--mnav-accent)!important}.mobile-nav__grandchildlist .mobile-nav__link:hover:before{color:var(--mnav-accent)!important}.mobile-nav__grandchildlist .mobile-nav__link[data-active=true]{color:var(--mnav-accent)!important;font-weight:600!important}.mobile-nav__grandchildlist .mobile-nav__link[data-active=true]:before{color:var(--mnav-accent)!important}.collapsible-content{overflow:hidden!important;transition:height .3s ease!important}.mobile-nav__social{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:12px!important;padding:20px!important;margin:0!important;list-style:none!important;border-top:1px solid var(--mnav-border)!important;background:var(--mnav-sub-bg)!important;justify-content:center!important;align-items:center!important}.mobile-nav__social-item a{width:36px!important;height:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important}.mobile-nav__social-item a:hover{background:var(--mnav-accent)!important}.mobile-nav__social-item svg{display:none!important}.mobile-nav__social-item .icon__fallback-text{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important}.mobile-nav__social-item a{width:36px!important;height:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background-color:transparent!important;background-size:24px 24px!important;background-position:center!important;background-repeat:no-repeat!important;transition:background-color .15s ease!important;position:relative!important}.mobile-nav__social-item:nth-child(1) a{background-image:url(/cdn/shop/files/instagram-logo.svg?v=1786661344)!important}.mobile-nav__social-item:nth-child(2) a{background-image:url(/cdn/shop/files/facebook-fill.svg?v=1786661364)!important}.mobile-nav__social-item:nth-child(3) a{background-image:url(/cdn/shop/files/youtube-fill.svg?v=1786661357)!important}.mobile-nav__social-item:nth-child(4) a{background-image:url(/cdn/shop/files/linkedin-fill.svg?v=1786661350)!important}.mobile-nav__social-item a{position:relative!important;transition:transform .18s ease!important}.mobile-nav__social-item a:before{content:""!important;position:absolute!important;top:50%!important;left:50%!important;width:28px!important;height:28px!important;border-radius:50%!important;background-color:transparent!important;transform:translate(-50%,-50%)!important;transition:background-color .15s ease,transform .18s ease!important;z-index:-1!important}.mobile-nav__social-item a:hover:before{background-color:var(--mnav-accent)!important}.mobile-nav__social-item a:hover{transform:scale(1.08)!important}.mobile-nav__social-item a:active:before{transform:translate(-50%,-50%) scale(.95)!important}
/*# sourceMappingURL=/cdn/shop/t/37/assets/spokex-mobile-nav.css.map */