.nav-bar{background-color:var(--colour-primary);position:sticky;top:0;height:var(--nav-bar-height);width:100%;z-index:100;flex-shrink:0;display:grid;grid-template-columns:1fr 2fr 1fr}@media(min-width:1280px){.nav-bar{display:flex;justify-content:flex-end;background-color:var(--colour-bg);border-bottom:1px solid var(--colour-primary)}}.nav-bar .left-icons{display:flex}@media(max-width:1279.98px){.nav-bar .left-icons{margin-right:auto}}@media(min-width:1280px){.nav-bar .left-icons{width:100%}}.nav-bar .mobile-logo{display:flex;justify-content:center;align-items:center}.nav-bar .mobile-logo svg{fill:var(--colour-white)}.nav-bar .mobile-logo.behaviour-sticky{height:3rem;opacity:0;transition:opacity var(--transition-duration) var(--transition-timing)}@media(min-width:1280px){.nav-bar .mobile-logo{display:none}}.nav-bar .menu-open{display:none}@media(max-width:1279.98px){.nav-bar .menu-open{text-decoration:none;color:inherit;background:transparent;border:0;-webkit-appearance:none;appearance:none;display:flex;padding:0}.nav-bar .menu-open:focus{outline:none}.nav-bar .menu-open:hover{text-decoration:none;outline:none}.nav-bar .menu-open:disabled{opacity:.5;pointer-events:none}.nav-bar .menu-open svg{display:none;width:1rem;margin:1rem}.nav-bar .menu-open svg.is-visible{display:block}.nav-bar .menu-open .menu-close-icon{fill:var(--colour-white)}}.nav-bar .search,.nav-bar .cart,.nav-bar .menu-open{font-size:.75rem}.nav-bar .search svg,.nav-bar .cart svg,.nav-bar .menu-open svg{height:1rem;width:1rem;max-width:none;fill:none}.nav-bar .search{text-decoration:none;color:var(--colour-text-link);display:flex}@media(min-width:1280px){.nav-bar .search{width:100%}}.nav-bar .search .search-container{display:flex;align-items:center;width:100%;justify-content:flex-end}.nav-bar .search .search-container .search-dropdown{width:100%;height:100%}@media(max-width:1279.98px){.nav-bar .search .search-container .search-dropdown{display:flex;position:absolute;width:100vw;left:0;transform:translateY(100%) translate(-100%);transition:transform var(--transition-duration) var(--transition-timing);background-color:var(--colour-bg);border-bottom:1px solid var(--colour-primary)}.nav-bar .search .search-container .search-dropdown.is-visible{transform:translateY(100%) translate(0)}}.nav-bar .search .search-container input{color:inherit;background:transparent;border:0;border-radius:0;-webkit-appearance:none;appearance:none;padding:0;width:inherit;text-align:right;height:100%}.nav-bar .search .search-container input:focus{outline:none}.nav-bar .search .search-container input:hover{outline:none}.nav-bar .search .search-container input:disabled{opacity:.5;pointer-events:none;cursor:default}.nav-bar .search .search-container input::placeholder{color:var(--colour-black);text-transform:uppercase;font-weight:500;letter-spacing:.12em}.nav-bar .search .search-container .search-submit{text-decoration:none;color:inherit;background:transparent;border:0;-webkit-appearance:none;appearance:none;padding:0;height:100%}.nav-bar .search .search-container .search-submit:focus{outline:none}.nav-bar .search .search-container .search-submit:hover{text-decoration:none;outline:none}.nav-bar .search .search-container .search-submit:disabled{opacity:.5;pointer-events:none}@media(min-width:1280px){.nav-bar .search .search-container .search-submit.arrow{display:none}}.nav-bar .search .search-container .search-submit.arrow svg{fill:var(--colour-black)}.nav-bar .search .search-container svg{align-self:center;margin-left:1rem;margin-right:1.5rem;stroke:var(--colour-black)}@media(max-width:1279.98px){.nav-bar .search .search-container svg{stroke:var(--colour-white);margin-right:1rem}}.nav-bar .cart{background-color:var(--colour-primary);display:flex;align-items:center;color:var(--colour-white);text-decoration:none;text-transform:uppercase;font-weight:500;letter-spacing:.12em;padding-right:1rem}@media(max-width:1279.98px){.nav-bar .cart{margin-left:auto;justify-content:end;width:6rem}}@media(min-width:1280px){.nav-bar .cart{padding-right:1.5rem;padding-left:1.5rem}}@media(max-width:1279.98px){.nav-bar .cart .cart-text{display:none}}.nav-bar .cart .count{margin-left:.5rem;margin-right:1rem}@media(max-width:1279.98px){.nav-bar .cart .count{margin-left:0;margin-right:.5rem}}.nav-bar .cart svg{stroke:var(--colour-white)}
/*# sourceMappingURL=/cdn/shop/t/9/assets/snippet-nav-bar.css.map */