.nav *,.nav *:before,.nav *:after{box-sizing:border-box;margin:0;padding:0}.nav{--nav-width: 280px;--nav-border: var(--background-colour);--nav-text: var(--background-colour);--nav-text-muted: #666666;--nav-accent: #8A0000;--nav-hover-bg: #f5f5f5;--nav-active-color: #0066cc;--nav-heading-size: .7rem;--nav-link-size: .95rem;--nav-radius: 4px;--nav-duration: .28s;--nav-ease: cubic-bezier(.4, 0, .2, 1);width:var(--nav-width);background:var(--accent-colour);font-family:var(--heading-font);font-size:4rem;color:var(--background-colour);text-transform:uppercase}.mobile-menu-header{display:flex;align-items:end;gap:10px}.mobile-menu-header .close-button,.mobile-menu-header .hover{font-family:var(--body-font);font-size:1rem;padding-bottom:8px}.mobile-menu-header h2{color:var(--background-colour);margin-right:auto}.nav__panel{width:100%;will-change:transform,opacity}.nav__panel.is-active{display:block;transform:translate(0);opacity:1}.nav__panel.is-entering-forward{display:block;animation:slideInFromRight var(--nav-duration) var(--nav-ease) forwards}.nav__panel.is-leaving-backward{display:block;animation:slideOutToLeft var(--nav-duration) var(--nav-ease) forwards}.nav__panel.is-entering-backward{display:block;animation:slideInFromLeft var(--nav-duration) var(--nav-ease) forwards}.nav__panel.is-leaving-forward{display:block;animation:slideOutToRight var(--nav-duration) var(--nav-ease) forwards}@keyframes slideInFromRight{0%{transform:translate(200%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutToLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slideInFromLeft{0%{transform:translate(-1000%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutToRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.nav__list{list-style:none;padding:6px 0}.nav__link{display:flex;align-items:center;gap:8px;color:var(--nav-text);text-decoration:none;transition:background .15s ease,color .15s ease;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.nav__link:hover,.nav__link:focus-visible{opacity:.8}.nav__link--active{color:var(--nav-active-color);font-weight:600}.nav__link--parent{gap:10px}.nav__item--back{border-bottom:1px solid var(--nav-border);margin-bottom:10px}.nav__item{padding-bottom:5px}.nav__link--back{color:var(--nav-text);font-size:.875rem;padding:10px 0}.nav__link--back:hover{color:var(--nav-text)}.nav-sub-head{padding-left:10px}.nav__item--heading{border-bottom:1px solid var(--nav-border);margin-bottom:4px}.nav__item--heading .nav__link--heading{font-weight:700;font-size:1rem;padding:8px 16px 10px;border-bottom:none;margin-bottom:0}.nav__arrow{display:flex;align-items:center;flex-shrink:0;color:var(--background-colour);transition:transform .15s ease}.nav__arrow svg{width:12px;height:12px}.nav__link:hover .nav__arrow{transform:translate(2px)}.nav__link--back:hover .nav__arrow--back{transform:translate(-2px)}.mobile-menu-logo-div{position:fixed;right:25px;bottom:25px}.mobile-menu-logo{width:70px;height:100%}[data-panel^=panel-]{font-size:1.6rem!important}.search-form{position:absolute;top:0;left:0;width:0;opacity:0;transition:all .3s ease}.search-form.active{width:200px;opacity:1}.mobile-search-input{width:100%;padding:6px}.mobile-search-container{position:relative;color:var(--background-colour)}.mobile-search-toggle{display:flex;align-items:center;background:none;border:none;cursor:pointer;z-index:2}.mobile-search-icon{transition:transform .3s ease,opacity .2s ease}.search-form{position:absolute;top:0;right:0;bottom:0;left:0;width:40px;opacity:0;pointer-events:none;transition:width .35s cubic-bezier(.77,0,.175,1),opacity .2s ease}.mobile-search-input{width:100%;height:100%;padding:0;border:none;outline:none;background:transparent;font-size:1.85rem;color:var(--background-colour)}.mobile-search-container.active .search-form{width:100%;opacity:1;pointer-events:auto}.mobile-search-container.active .search-icon{transform:scale(.6) translate(-10px);opacity:0}.search-underline{position:absolute;bottom:0;left:0;height:1px;width:0%;background:var(--background-colour);transition:width .35s cubic-bezier(.77,0,.175,1)}.mobile-search-container.active .search-underline{width:100%}.mobile-search-container .predictive-results{position:absolute;top:unset;bottom:unset;width:100%;z-index:999999}.mobile-search-container .predictive-item{font-size:1.2rem;padding-bottom:10px;margin:10px 10px 0}.mobile-search-container .predictive-item img{width:100px}.nav.search-active .mobile-menu-logo-div{display:none}.close-search{position:absolute;right:20px;bottom:25%;font-size:9px;opacity:.8}.nav__panel-track{position:relative}.nav__panel{position:absolute;top:0;left:0;width:100%}.nav__panel.is-active{position:relative}
/*# sourceMappingURL=/cdn/shop/t/3/assets/mobile-menu.css.map */