Dynamic Panel in Greenshift

<!-- wp:greenshift-blocks/element {"id":"gsbp-3082e69","type":"inner","localId":"gsbp-3082e69"} -->
<div><!-- wp:greenshift-blocks/element {"id":"gsbp-4428292","dynamicGClasses":[{"value":"gs_padding_s","type":"preset","label":"gs_padding_s"}],"interactionLayers":[{"actions":[{"actionname":"panel","selector":"#panel_gsbp-4428292","lightboxlink":"#panel_gsbp-4428292"}],"env":"no-action","triggerData":{"trigger":"click"}}],"textContent":"Click to Show menu","tag":"span","className":"gs_padding_s","localId":"gsbp-4428292","styleAttributes":{"backgroundColor":["#000000"],"color":["#ffffff"]}} -->
<span data-gspbactions="[{&quot;actions&quot;:[{&quot;actionname&quot;:&quot;panel&quot;,&quot;selector&quot;:&quot;#panel_gsbp-4428292&quot;,&quot;lightboxlink&quot;:&quot;#panel_gsbp-4428292&quot;}],&quot;env&quot;:&quot;no-action&quot;,&quot;triggerData&quot;:{&quot;trigger&quot;:&quot;click&quot;}}]" class="gs_padding_s gsbp-4428292">Click to Show menu</span>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-d83a89d","anchor":"panel_gsbp-4428292","dynamicGClasses":[{"value":"control-panelgsbp-4428292","type":"local","label":"control-panelgsbp-4428292","localed":false,"css":"body.gspb-bodyfront .control-panelgsbp-4428292{position:fixed;top:0px;left:0px;bottom:0px;right:0px;}","attributes":{"styleAttributes":{"position":["fixed"],"top":["0px"],"left":["0px"],"bottom":["0px"],"right":["0px"]}},"originalBlock":"greenshift-blocks/element","selectors":[],"localedSpace":"front"},{"value":"gs-motion-init","type":"preset","label":"gs-motion-init"},{"value":"gs-motion-onclass","type":"preset","label":"gs-motion-onclass"},{"value":"gs-move-clip-top","type":"preset","label":"gs-move-clip-top"}],"type":"inner","className":"control-panelgsbp-4428292 gs-motion-init gs-motion-onclass gs-move-clip-top","localId":"gsbp-d83a89d","align":"full","styleAttributes":{"height":["100vh"],"maxWidth":["100%"],"backgroundColor":["#000"],"color":["#fff"]},"metadata":{"name":"Sliding Panel"}} -->
<div class="control-panelgsbp-4428292 gs-motion-init gs-motion-onclass gs-move-clip-top gsbp-d83a89d alignfull" id="panel_gsbp-4428292"><!-- wp:greenshift-blocks/element {"id":"gsbp-f6fc843","dynamicGClasses":[{"value":"gs-motion-init-child","type":"preset","label":"gs-motion-init-child"},{"value":"gs-motion-onclass-child","type":"preset","label":"gs-motion-onclass-child"},{"value":"gs-move-top","type":"preset","label":"gs-move-top"},{"value":"gs-move-opacity","type":"preset","label":"gs-move-opacity"},{"value":"gs-motion-child-delay","type":"preset","label":"gs-motion-child-delay"}],"type":"inner","className":"gs-motion-init-child gs-motion-onclass-child gs-move-top gs-move-opacity gs-motion-child-delay","localId":"gsbp-f6fc843","styleAttributes":{"paddingLeft":["5vw"],"paddingRight":["5vw"],"paddingTop":["5vh"],"paddingBottom":["5vh"],"height":["100%"],"display":["flex"],"flexDirection":["column"],"justifyContent":["center"],"alignItems":["center"],"fontSize":["4rem"],"fontWeight":["700"]},"metadata":{"name":"Panel Content"}} -->
<div class="gs-motion-init-child gs-motion-onclass-child gs-move-top gs-move-opacity gs-motion-child-delay gsbp-f6fc843"><!-- wp:greenshift-blocks/element {"id":"gsbp-7fd7ab1","dynamicGClasses":[{"value":"gs-twin-on-hover","type":"preset","label":"gs-twin-on-hover"}],"textContent":"Home","className":"gs-twin-on-hover","localId":"gsbp-7fd7ab1","styleAttributes":{"cursor":["pointer"]}} -->
<div class="gs-twin-on-hover gsbp-7fd7ab1">Home</div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-d80453c","dynamicGClasses":[{"value":"gs-twin-on-hover","type":"preset","label":"gs-twin-on-hover"}],"textContent":"Services","className":"gs-twin-on-hover","localId":"gsbp-d80453c","styleAttributes":{"cursor":["pointer"]}} -->
<div class="gs-twin-on-hover gsbp-d80453c">Services</div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-5f93e38","dynamicGClasses":[{"value":"gs-twin-on-hover","type":"preset","label":"gs-twin-on-hover"}],"textContent":"Portfolio","className":"gs-twin-on-hover","localId":"gsbp-5f93e38","styleAttributes":{"cursor":["pointer"]}} -->
<div class="gs-twin-on-hover gsbp-5f93e38">Portfolio</div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-f5e83f7","dynamicGClasses":[{"value":"gs-twin-on-hover","type":"preset","label":"gs-twin-on-hover"}],"textContent":"Prices","className":"gs-twin-on-hover","localId":"gsbp-f5e83f7","styleAttributes":{"cursor":["pointer"]}} -->
<div class="gs-twin-on-hover gsbp-f5e83f7">Prices</div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-d166c51","dynamicGClasses":[{"value":"gs-twin-on-hover","type":"preset","label":"gs-twin-on-hover"}],"textContent":"Contacts","className":"gs-twin-on-hover","localId":"gsbp-d166c51","styleAttributes":{"cursor":["pointer"]}} -->
<div class="gs-twin-on-hover gsbp-d166c51">Contacts</div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->