html.has-overlay-panel-open{overflow-y:hidden}.wp-block-gdt-ng-overlay-panel{--panel-topper-height:82px;& .overlay-panel-button{background:var(--wp--preset--color--primary);border:none;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.15);cursor:pointer;display:flex;margin:0;padding:8px;position:absolute;right:0;top:0;transition:transform .3s ease,background-color .3s ease;&:hover{background:var(--wp--preset--color--secondary);transform:translateY(-2px);& svg{fill:var(--wp--preset--color--base,#fff)}}&:active{transform:translateY(0)}& svg{fill:var(--wp--preset--color--base,#fff);height:22px;transition:all .25s ease;width:22px}}& .body-wrapper{backdrop-filter:blur(5px);background:rgba(0,0,0,.83);bottom:0;display:grid;height:100vh;left:0;margin:0;opacity:0;position:fixed;right:0;top:0;transition:all .45s cubic-bezier(.23,1,.32,1);visibility:hidden;width:100%;z-index:1111}& .overlay-panel{backdrop-filter:blur(10px);background:rgba(17,17,20,.82);color:var(--wp--preset--color--base,#fff);height:100vh;margin:0;max-width:500px;min-width:350px;overflow-y:auto;position:fixed;top:0;visibility:hidden;width:70vw;z-index:1112;-webkit-overflow-scrolling:touch;border-left:1px solid hsla(0,0%,100%,.08);box-shadow:-5px 0 30px rgba(0,0,0,.2);@media (width <= 360px){min-width:100%;width:100vw}& .close-overlay-panel{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:hsla(0,0%,100%,.1);border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;margin:0;padding:8px;position:absolute;right:15px;top:21px;transition:background-color .3s ease,transform .3s ease;z-index:2;&:hover{background:hsla(0,0%,100%,.2);transform:rotate(90deg)}& svg{fill:var(--wp--preset--color--base,#fff);height:20px;transition:all .25s linear;width:20px}}& .panel-topper{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:hsla(0,0%,5%,.644);border-bottom:1px solid hsla(0,0%,100%,.05);display:flex;height:var(--panel-topper-height);justify-content:space-between;padding:0 15px;position:sticky;top:0;z-index:1;& img{max-height:40px;max-width:190px;-o-object-fit:contain;object-fit:contain}& img,& span{margin-right:15px}& span{display:block;font-size:18px;font-weight:500;letter-spacing:.02em}}& .panel-nav{min-height:calc(100% - var(--panel-topper-height));padding:0;position:relative}}}.wp-block-gdt-ng-overlay-panel .overlay-panel[data-menu-style=slide-over]{right:-100%;transition:all .55s cubic-bezier(.27,1.06,.97,1);& .panel-menu{list-style:none;margin:0;padding:0;& li{margin:0;padding:0;&>a{border-bottom:1px solid hsla(0,0%,100%,.08);color:var(--wp--preset--color--base,#fff);display:block;padding:15px;text-decoration:none;transition:color .3s ease,background-color .3s ease;&:hover{background-color:hsla(0,0%,100%,.05);color:var(--wp--preset--color--primary)}}}& span{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.08);cursor:pointer;display:flex;padding:15px 55px 15px 15px;position:relative;transition:background-color .3s ease;&:hover{background-color:hsla(0,0%,100%,.05)}& svg{height:30px;position:absolute;right:5px;transition:transform .3s ease;width:30px}&.is-active svg{transform:rotate(180deg)}}}& .sub-menu{backdrop-filter:blur(10px);background-color:rgba(17,17,25,.83);border-left:1px solid hsla(0,0%,100%,.05);bottom:0;left:0;list-style-type:none;margin:0;overflow-y:auto;padding:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:all .4s cubic-bezier(.23,1,.32,1);visibility:hidden;z-index:10;&.is-active{transform:translateX(0);visibility:visible}& div{background-color:rgba(0,0,0,.2);border-bottom:1px solid hsla(0,0%,100%,.08);cursor:pointer;font-size:var(--wp--preset--font-size--large,18px);margin:0;padding:15px 33px;position:relative;text-align:center;transition:background-color .3s ease;&:hover{background-color:rgba(0,0,0,.3)}& svg{height:30px;left:5px;margin-right:15px;position:absolute;transition:transform .3s ease;width:30px}}& .menu-item-has-children{border-bottom:1px solid hsla(0,0%,100%,.08)}& a{border-bottom:1px solid hsla(0,0%,100%,.08);color:var(--wp--preset--color--base,#fff);display:block;padding:15px 35px 15px 15px;text-decoration:none;transition:background-color .3s ease,color .3s ease;&:hover{background-color:rgba(0,0,0,.2);color:var(--wp--preset--color--primary)}}}}.wp-block-gdt-ng-overlay-panel .overlay-panel[data-menu-style=expander]{right:-100%;transition:all .4s cubic-bezier(.23,1,.32,1);& .panel-menu{list-style:none;margin:0;padding:0;& li{display:flex;flex-direction:column;margin:0;padding:0;position:relative}& a{color:var(--wp--preset--color--base,#fff);display:block;flex:1;font-size:var(--wp--preset--font-size--medium,16px);line-height:1.5;padding:15px;position:relative;text-decoration:none;transition:color .3s ease;&:not(.has-toggle-button){border-bottom:1px solid hsla(0,0%,100%,.08)}&:hover{color:var(--wp--preset--color--primary)}&.has-toggle-button{border-bottom:none;padding-right:50px}}}& .menu-item-wrapper{border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;position:relative;transition:background-color .3s ease;&:hover{background-color:hsla(0,0%,100%,.05)}}& .submenu-toggle{align-items:center;background:hsla(0,0%,100%,.03);border:none;border-left:1px solid hsla(0,0%,100%,.21);bottom:0;color:var(--wp--preset--color--base,#fff);cursor:pointer;display:flex;justify-content:center;margin:0;padding:0;position:absolute;right:0;top:0;transition:color .3s ease,background-color .3s ease;width:50px;z-index:2;&:hover{background:hsla(0,0%,100%,.08);color:var(--wp--preset--color--primary)}& svg{display:block;height:26px;transition:transform .4s cubic-bezier(.23,1,.32,1);width:26px;fill:currentColor;position:relative;top:1px}&[aria-expanded=true] svg{transform:rotate(45deg)}}& .sub-menu{background-color:rgba(30,30,40,.3);border-left:3px solid rgba(69,83,120,.3);height:0;list-style:none;margin:0;opacity:0;overflow:hidden;padding:0;transition:height .5s cubic-bezier(.23,1,.32,1),opacity .5s cubic-bezier(.23,1,.32,1);will-change:height,opacity,transform;& .menu-item-wrapper{background-color:transparent}& .menu-item-wrapper,& a{border-bottom:1px solid hsla(0,0%,100%,.05)}& a{font-size:calc(var(--wp--preset--font-size--medium, 16px)*.95);padding-left:30px}& .sub-menu a{background-color:rgba(0,0,0,.1);border-left:2px solid rgba(69,83,120,.2);font-size:calc(var(--wp--preset--font-size--medium, 16px)*.9);padding-left:45px}}& .menu-item-wrapper:has(.submenu-toggle[aria-expanded=true])+.sub-menu{height:auto;height:calc-size(auto,size);opacity:1}}.wp-block-gdt-ng-overlay-panel .overlay-panel[data-menu-style=basic]{height:100vh;right:-100%;transition:all .4s cubic-bezier(.23,1,.32,1);& .panel-menu{list-style:none;margin:0;padding:0;& li{margin:0;padding:0;&>a{border-bottom:1px solid hsla(0,0%,100%,.08);color:var(--wp--preset--color--base,#fff);display:block;font-weight:500;padding:15px;position:relative;text-decoration:none;transition:background-color .3s ease,color .3s ease;&:after{background-color:var(--wp--preset--color--primary);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}&:hover{background-color:hsla(0,0%,100%,.05);color:var(--wp--preset--color--primary);&:after{width:100%}}}}}& .sub-menu{background-color:rgba(30,30,40,.3);border-left:3px solid rgba(69,83,120,.3);list-style:none;margin:0;padding:0;& a{border-bottom:1px solid hsla(0,0%,100%,.05);color:var(--wp--preset--color--base,#fff);display:block;padding:12px 25px;text-decoration:none;transition:background-color .3s ease,color .3s ease;&:hover{background-color:hsla(0,0%,100%,.05);color:var(--wp--preset--color--primary)}}& .sub-menu{background-color:rgba(0,0,0,.1);border-left:2px solid rgba(69,83,120,.2);& a{padding-left:35px}}}}.has-overlay-panel-open{& .wp-block-gdt-ng-overlay-panel{& .body-wrapper{opacity:1;visibility:visible}& .overlay-panel[data-menu-style=basic],& .overlay-panel[data-menu-style=expander],& .overlay-panel[data-menu-style=slide-over]{right:0;visibility:visible}}}