.header__toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;height:var(--size-m);margin:0;padding:0;width:var(--size-m)}.header__toggle-icon{display:block;height:100%;position:relative;pointer-events:none;width:100%}.header__toggle-icon::after,.header__toggle-icon::before{background:var(--colour-text);content:"";display:block;height:1px;left:0;opacity:1;position:absolute;transform:translateY(0);transition:opacity 0ms 500ms,top 500ms 500ms ease-in-out;width:100%}.header__toggle-icon::after{top:15%}.header__toggle-icon::before{top:85%;transform:translateY(-100%)}.header__toggle-icon span{display:block;left:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:100%}.header__toggle-icon span::after,.header__toggle-icon span::before{background:var(--colour-text);content:"";display:block;height:1px;left:0;position:absolute;top:0;transform:rotate(0);transform-origin:50% 50%;transition:opacity 0ms 500ms,transform 500ms 0ms ease-in-out;width:100%}.header__toggle-icon span::after{opacity:1}.header__toggle-icon span::before{opacity:0}.header__toggle--state-active .header__toggle-icon::after,.header__toggle--state-active .header__toggle-icon::before{opacity:0;top:50%;transform:translateY(-50%);transition:opacity 0ms 500ms,top 500ms ease-in-out}.header__toggle--state-active .header__toggle-icon span::after,.header__toggle--state-active .header__toggle-icon span::before{transition:transform 500ms 500ms ease-in-out}.header__toggle--state-active .header__toggle-icon span::after{transform:rotate(-45deg)}.header__toggle--state-active .header__toggle-icon span::before{opacity:1;transform:rotate(45deg)}.header__toggle{position:relative}.header__toggle-icon::after,.header__toggle-icon::before{height:3px;transition:background 250ms ease-in-out,opacity 0ms 250ms,top 250ms 250ms ease-in-out}.header__toggle-icon::after{top:calc(50% - 15px)}.header__toggle-icon::before{top:calc(50% + 15px)}.header__toggle-icon span{height:3px}.header__toggle-icon span::after,.header__toggle-icon span::before{height:3px;transition:background 250ms ease-in-out,opacity 0ms 250ms,transform 250ms 0ms ease-in-out}.header__toggle--state-active .header__toggle-icon::after,.header__toggle--state-active .header__toggle-icon::before{transition:background 250ms ease-in-out,opacity 0ms 250ms,top 250ms ease-in-out}.header__toggle--state-active .header__toggle-icon span::after,.header__toggle--state-active .header__toggle-icon span::before{transition:background 250ms ease-in-out,transform 250ms 250ms ease-in-out}@media(hover: hover){.header__toggle:hover .header__toggle-icon::after,.header__toggle:hover .header__toggle-icon::before,.header__toggle:hover .header__toggle-icon span::after,.header__toggle:hover .header__toggle-icon span::before{background:var(--colour-link-hover)}}/*# sourceMappingURL=component.header.toggle.min.css.map */