header,.header{width:100%;padding:12px 0 0;display:flex;flex-flow:column nowrap;position:fixed;z-index:11;background:#fff}.section-header{position:sticky;background:var(--colour-white);top:calc(-1 * var(--header-height));transition:all .25s ease-in-out}.header__overlay:empty{position:fixed;width:100%;height:100%;top:0;left:0;background:#0000008c;display:block;z-index:10;pointer-events:none;opacity:0;visibility:hidden;transition:all .25s ease-in-out}.header__overlay.active:empty{opacity:1;visibility:visible}.header__logo--scroll{display:flex;opacity:0;visibility:hidden;transition:all .25s ease-in-out;width:0}.header--scrolled .header__logo--scroll{width:auto;opacity:1;visibility:visible;transition:all .25s ease-in-out;margin-right:24px}.header--scrolled{top:0;padding:0}.header--scrolled .header{padding-top:0}.header--scrolled .header__navigation{border-top:0}.header--scrolled .header__bar{opacity:0;visibility:hidden;height:0}.header__bar{width:100%;margin:0 auto;display:flex;flex-flow:row nowrap;align-items:center;gap:24px;padding:0 24px;height:var(--header-inner-height);opacity:1;visibility:visible;transition:all .25s ease-in-out}.header__search{display:flex;flex-flow:row nowrap;position:relative;width:325px;height:48px}.header__search input[type=search]{border-radius:30px;border:1px solid var(--border-grey, #E8E9EB);width:100%;height:100%;padding:13px 12px 7px 18px}.header__search input[type=search]::placeholder{color:#00000080;text-align:center;font-family:Jost;font-size:18px;font-style:normal;font-weight:400;line-height:normal}.header__search svg{position:absolute;top:50%;right:12px;transform:translateY(-50%)}.header__icons{margin-left:auto;display:flex;flex-flow:row nowrap;gap:24px;align-items:center}.header__icons #cart-icon-bubble{position:relative}.header__icons svg{fill:#000}#header__nav-toggle{display:none;align-items:center;justify-content:center;background:none;border:0;outline:none;width:42px;height:42px;cursor:pointer}#header__nav-toggle span{width:24px;height:2px;background:var(--colour-black);position:relative}#header__nav-toggle span:before{content:"";width:24px;height:2px;background:var(--colour-black);display:block;position:absolute;top:-6px;left:0;transition:all .24s ease-in-out}#header__nav-toggle span:after{content:"";width:24px;height:2px;background:var(--colour-black);display:block;position:absolute;top:6px;left:0;transition:all .24s ease-in-out}#header__nav-toggle.active span{background:#0000}#header__nav-toggle.active span:before{transform:rotate(45deg);top:0}#header__nav-toggle.active span:after{transform:rotate(-45deg);top:0}.breadcrumbs{width:100%;padding:24px 24px 64px;background:var(--hero-background)}.breadcrumbs *{color:var(--hero-font)}.breadcrumbs ul{width:100%;max-width:1440px;margin:0 auto;padding:0;list-style:none;display:flex;flex-flow:row wrap;gap:0}.breadcrumbs ul li{display:flex;flex-flow:row nowrap;align-items:center;position:relative}.breadcrumbs ul li a{color:var(--hero-font, #2A2A2C);font-style:normal;font-weight:300;line-height:22px;text-transform:lowercase;text-decoration:none;font-size:1rem}.breadcrumbs ul li span{color:var(--hero-font, #2A2A2C);font-style:normal;font-weight:300;line-height:22px;text-transform:lowercase;font-size:1rem}.breadcrumbs ul li:after{content:"/";display:block;padding:0 6px;color:var(--hero-font, #2A2A2C);font-style:normal;font-weight:300;line-height:22px;text-transform:lowercase}.breadcrumbs ul li:last-of-type:after{content:"none";display:none}.breadcrumbs:not(.hidden)+.rich-text,.breadcrumbs:not(.hidden)+.hero{padding-top:0}@media only screen and (max-width: 1030px){#header__nav-toggle{display:flex}.header__bar{flex-flow:row wrap;gap:10px;padding:0 8px 8px;height:auto}.header--scrolled{padding:12px 0 0}.header--scrolled .header__bar{opacity:1;visibility:visible;height:auto}.header__logo{width:120px;margin-bottom:8px}.header__logo img{display:block;width:100%}.header__search{order:2;width:100%;position:relative}.header__search:before{content:"";width:calc(100% + 16px);height:1px;position:absolute;top:-10px;left:-8px;background:#e8e9eb}}@media only screen and (max-width: 850px){.breadcrumbs ul{overflow-x:auto;flex-flow:row nowrap;padding:12px}.breadcrumbs ul li{flex:0 0 auto}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-header.css.map */