.control{height:40px;width:40px;display:grid;grid-template-rows:1fr;grid-template-columns:1fr;border:none}@media (min-width: 576px){.control{height:60px;width:60px}}.control .toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:block;position:relative;width:100%;height:100%;outline:none;border-radius:0;border:none;background-color:transparent;padding:0}.control .toggle:focus{outline:3px solid rgba(239,96,77,0.2);outline-offset:0}.control .toggle--navigation>*{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.control .toggle .icon--inline::before{background-size:50px 50px;transform:scale(1);width:25px;height:25px;background-size:cover}@media (min-width: 768px){.control .toggle .icon--inline::before{width:35px;height:35px}}.control .toggle--search>.icon--inline+.icon--inline{display:none}.control--responsive-menu{display:grid}.control--responsive-menu .toggle>.icon--inline+.icon--inline{display:none}@media (min-width: 992px){.control--responsive-menu{display:none}}body.search-is-active{overflow:hidden;height:100vh;width:100vw}body.search-is-active .control--fly-out-search{position:fixed;z-index:498;width:100%;height:100%;left:0;top:0;max-height:inherit;background-color:rgba(255,255,255,0.98);display:block;-webkit-overflow-scrolling:touch}body.search-is-active .control--fly-out-search .toggle{width:100%;height:100%;top:0;left:0;position:absolute;cursor:default}body.search-is-active .control--fly-out-search .toggle>.icon--inline{display:none;width:60px;height:60px;position:absolute;top:calc(1rem * 2);right:calc(1rem * 2);cursor:pointer}body.search-is-active .control--fly-out-search .toggle>.icon--inline::before{transform:none}body.search-is-active .control--fly-out-search .toggle>.icon--inline+.icon--inline{display:inline-flex}body.search-is-active #toolbar-administration ~ * .control--fly-out-search .toggle>.icon--inline{top:calc(1rem * 6)}body.nav-is-active .control--responsive-menu .toggle>.icon--inline{display:none}body.nav-is-active .control--responsive-menu .toggle>.icon--inline+.icon--inline{display:inline-flex}
