.primary-nav__button-toggle{position:relative;overflow:hidden;width:var(--sp2);height:var(--sp2);margin-top:var(--sp0-5);padding:0;cursor:pointer;text-indent:-999px;border:0;background:transparent;-webkit-appearance:none;margin-right:var(--sp)}.primary-nav__button-toggle:focus{outline:auto 2px var(--color-primary);outline-offset:2px}.primary-nav__button-toggle .icon--menu-toggle{position:absolute;top:50%;left:50%;width:16px;height:16px;transition:background-color .2s;transform:translate(-50%,-50%);border-radius:2px}.primary-nav__button-toggle .icon--menu-toggle:before,.primary-nav__button-toggle .icon--menu-toggle:after{position:absolute;top:50%;left:50%;width:var(--sp);height:0;content:"";transform:translate(-50%,-50%);border-top:solid 3px var(--color--white)}.primary-nav__button-toggle .icon--menu-toggle:after{transition:opacity .2s;transform:translate(-50%,-50%) rotate(90deg)}.primary-nav__button-toggle[aria-expanded=true] .icon--menu-toggle:after{opacity:0}.primary-nav__button-toggle[aria-hidden=true]{pointer-events:none}@media (min-width: 1200px){body:not(.is-always-mobile-nav) header .primary-nav__button-toggle{flex-shrink:0;align-self:stretch;width:calc(var(--sp2) + 8px);height:auto;margin-top:0;margin-right:calc(-1 * var(--sp2))}body:not(.is-always-mobile-nav) header .primary-nav__button-toggle:focus{border:0;outline:0}body:not(.is-always-mobile-nav) header .primary-nav__button-toggle:focus .icon--menu-toggle{border:solid 2px var(--color-primary)}body:not(.is-always-mobile-nav) header .primary-nav__button-toggle:active{color:currentColor}body:not(.is-always-mobile-nav) header .primary-nav__button-toggle[aria-expanded=true] .icon--menu-toggle:after{opacity:.8}body:not(.is-always-mobile-nav) header .primary-nav__button-toggle .icon--menu-toggle{left:3px;width:18px;transform:translateY(-50%);border-radius:4px;background-color:inherit}body:not(.is-always-mobile-nav) header .primary-nav__button-toggle .icon--menu-toggle:before{content:none}body:not(.is-always-mobile-nav) header .primary-nav__button-toggle .icon--menu-toggle:after{top:calc(50% - 2px);left:3px;width:8px;height:8px;content:"";transform:translateY(-50%) rotate(45deg);opacity:.8;border-top:none;border-right:solid 2px currentColor;border-bottom:solid 2px currentColor;background:transparent}}