.flyout-chk:checked~.sub-menu{display:block}.flyout-chk:checked~label svg{transform:translateY(-50%) rotate(90deg)}.flyout-menu ul{margin:0;padding:0;list-style:none}.flyout-menu a,.flyout-menu svg,.flyout-menu img{display:block}.flyout-menu input{display:none}.flyout-menu>div{position:fixed;left:0;top:0;height:100vh;width:20em;max-width:100%;z-index:1001;padding-left:0;background-color:rgb(var(--grv-body));display:flex;flex-direction:column;box-shadow:inset -4px 0px 0px 0px #fff}.flyout-menu .header-menu-icon>div,.flyout-menu .header-menu-icon:before,.flyout-menu .header-menu-icon:after{background:rgb(var(--grv-text))}.flyout-menu .menu{margin:1em 2em 4em var(--page-margin)}.flyout-menu .menu li{border-top:1px solid rgb(var(--grv-panel-strong));position:relative}.flyout-menu .menu>li a:first-child{border-style:none}.flyout-menu .menu a{font-size:1.2em;font-weight:600;text-transform:uppercase;text-decoration:none;color:rgb(var(--grv-text));padding:.75em 0}.flyout-menu .sub-menu{font-size:.9em;padding:0 0 0 1em}.flyout-menu label{position:absolute;top:0;right:0;padding:.75em 0 .75em 5em;font-size:1.2em;width:1em}.flyout-menu label svg{position:absolute;top:50%;right:0;width:1em;height:1em;transform:translateY(-50%);transform-origin:center;transition:transform .2s}.flyout-menu:after{content:"";position:fixed;top:0;width:100%;height:100%;bottom:0;display:block;background-color:rgba(0,0,0,.25);z-index:11}.flyout-menu .loading{--grv-body: var(--grv-panel-strong);position:absolute;display:block;top:50%;left:50%;transform:translate(-50%, -50%);opacity:.5;animation:.5s linear 0s infinite alternate flyoutLoading}.flyout-button>div{margin-left:var(--page-margin);height:4em;display:flex;align-items:center;flex-grow:0;flex-shrink:0}.flyout-button:after{content:"";position:relative;display:block;margin-left:var(--page-margin);margin-right:2em;height:4px;background:#20c3df;background:var(--header-gradient)}.flyout-menu-inner{position:relative;flex:1;overflow-y:auto;scrollbar-width:none;scrollbar-width:none}.flyout-menu-inner::-webkit-scrollbar{display:none}.flyout-menu-inner>.menu>li:first-child{border-top-width:0}.flyout-loaded .loading{display:none}#grv-flyout-arrow path{stroke:rgb(var(--grv-text))}.flyout-logo{padding:1em}.flyout-logo.bg{background:rgb(var(--header-logo-bg, 0, 0, 0))}.flyout-logo>*{width:5em;height:5em}.flyout-social{display:flex;flex-direction:column;align-items:center;gap:1em;margin:1em 0 4em 0}.flyout-social ul svg{width:2em;height:2em}.flyout-social ul svg path{fill:rgb(var(--grv-text))}.flyout-social h2{margin:0}.flyout-social ul{display:flex;gap:1em}.header-menu-icon.open>div{opacity:0}.header-menu-icon.open:before,.header-menu-icon.open:after{transform-origin:center}.header-menu-icon.open:before{top:50%;transform:rotate(-45deg) translateY(-1px) translateX(1px)}.header-menu-icon.open:after{transform:rotate(45deg) translateY(1px) translateX(1px);bottom:50%}@keyframes flyoutLoading{from{opacity:.5}to{opacity:.2}}.header-menu-icon.open>div{opacity:0}.header-menu-icon.open:before,.header-menu-icon.open:after{transform-origin:center}.header-menu-icon.open:before{top:50%;transform:rotate(-45deg) translateY(-1px) translateX(1px)}.header-menu-icon.open:after{transform:rotate(45deg) translateY(1px) translateX(1px);bottom:50%}