<!-- wp:greenshift-blocks/element {"id":"gsbp-4b8fa96","type":"inner","localId":"gsbp-4b8fa96","styleAttributes":{"position":["relative"]}} -->
<div class="gsbp-4b8fa96"><!-- wp:greenshift-blocks/element {"id":"gsbp-26e21bb","interactionLayers":[{"actions":[{"actionname":"popover","env":"no-action","selector":"#popover_gsbp-26e21bb"}],"env":"no-action","triggerData":{"trigger":"click"}}],"type":"inner","localId":"gsbp-26e21bb","dynamicAttributes":[{"name":"popover-control","value":"popover_gsbp-26e21bb"}],"styleAttributes":{"width":["50px"],"height":["50px"],"backgroundColor":["#ffffff"],"display":["flex"],"flexDirection":["column"],"justifyContent":["center"],"alignItems":["center"],"paddingLink_Extra":"all","paddingTop":["12px"],"paddingBottom":["12px"],"paddingLeft":["12px"],"paddingRight":["12px"],"borderBottomLeftRadius":["50%"],"borderBottomRightRadius":["50%"],"borderTopLeftRadius":["50%"],"borderTopRightRadius":["50%"],"borderRadiusCustom_Extra":false,"borderRadiusLink_Extra":true,"borderWidth":["1px"],"borderStyle":["solid"],"borderColor":["#e2e2e2"],"anchorName":["\u002d\u002dpopover_gsbp-26e21bb"],"cursor":["pointer"],"position":["relative"]},"isVariation":"divtext","metadata":{"name":"Icon Trigger"}} -->
<div data-gspbactions="[{"actions":[{"actionname":"popover","env":"no-action","selector":"#popover_gsbp-26e21bb"}],"env":"no-action","triggerData":{"trigger":"click"}}]" class="gsbp-26e21bb" popover-control="popover_gsbp-26e21bb"><!-- wp:greenshift-blocks/element {"id":"gsbp-646216e","tag":"svg","icon":{"icon":{"font":"rhicon rhi-user-edit","svg":"","image":""},"type":"font"},"localId":"gsbp-646216e","styleAttributes":{"width":["100%"],"height":["100%"]}} -->
<svg viewBox="0 0 1280 1024" width="1280" height="1024" class="gsbp-646216e"><path d="M717.8 866.6l-13.6 122c-2.2 20.4 15 37.6 35.2 35.2l121.8-13.6 275.8-275.8-143.4-143.4-275.8 275.6zM1266 537.8l-75.8-75.8c-18.6-18.6-49-18.6-67.6 0l-83.6 83.6 143.6 143.4 83.6-83.6c18.4-18.6 18.4-48.8-0.2-67.6zM447.8 576c159.2 0.2 288.4-129 288.2-288.2-0.2-156.6-131.2-287.6-287.8-287.8-159.2-0.2-288.4 129-288.2 288.2 0.2 156.6 131.2 287.6 287.8 287.8zM439 96.2c113-5.2 206 87.8 200.8 200.8-4.6 98.4-84.2 178.2-182.8 182.8-113 5.2-206-87.8-200.8-200.8 4.6-98.6 84.4-178.2 182.8-182.8zM268.8 704c29.2 0 76.6 32 179.2 32 103.4 0 149.8-32 179.2-32 33.4 0 64.4 10 91 26.6l68.8-68.8c-44.8-33.4-99.6-53.8-159.8-53.8-57.4 0-85 32-179.2 32s-121.6-32-179.2-32c-148.4-0-268.8 120.4-268.8 268.8v51.2c0 53 43 96 96 96h516.6c-7.6-29.2-4.4-40.6 1.8-96h-518.4v-51.2c0-95.2 77.6-172.8 172.8-172.8z" /></svg>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-2467d14","anchor":"popover_gsbp-26e21bb","type":"inner","animation":{"duration":500,"easing":"ease","type":"display-in-slide","onselector_active":true,"activeselector":":popover-open"},"localId":"gsbp-2467d14","dynamicAttributes":[{"name":"popover","value":"manual"}],"styleAttributes":{"position":["absolute"],"positionAnchor":["\u002d\u002dpopover_gsbp-26e21bb"],"marginTop":["10px"],"marginRight":["0px"],"marginBottom":["0px"],"marginLeft":["0px"],"borderRadiusLink_Extra":true,"borderTopLeftRadius":["10px"],"borderBottomLeftRadius":["10px"],"borderTopRightRadius":["10px"],"borderBottomRightRadius":["10px"],"maxWidth":["250px"],"borderWidth":["1px"],"borderStyle":["solid"],"borderColor":["#ececec"],"minWidth":["200px"],"backgroundColor":["#ffffff"],"paddingTop":["0px"],"paddingBottom":["0px"],"paddingLeft":["0px"],"paddingRight":["0px"],"anchorSupport_Extra":"","left":["anchor(left)"],"top":["anchor(bottom)"],"position_try_Extra":[{"name":"\u002d\u002dcallback_4701","code":"left:auto;\nright:anchor(right);\n"}],"positionTryFallbacks":["\u002d\u002dcallback_4701"],"paddingLink_Extra":"all"},"enableSpecificity":false,"metadata":{"name":"Dropdown/Tooltip/Popover"}} -->
<div data-aos="display-in-slide" data-aos-easing="ease" data-aos-duration="500" class="gsbp-2467d14" id="popover_gsbp-26e21bb" popover="manual"><!-- wp:greenshift-blocks/element {"id":"gsbp-de2e911","type":"inner","animation":{"duration":600,"easing":"ease","type":"fade-up","onchild":true,"onchild_delay":true,"onclass_active":true,"delay":300},"localId":"gsbp-de2e911","styleAttributes":{"fontSize":["16px"]},"metadata":{"name":"Content Wrapper"}} -->
<div data-aos-delay="300" data-aos-easing="ease" data-aos-duration="600" class="gsbp-de2e911"><!-- wp:greenshift-blocks/element {"id":"gsbp-f54d4d4","type":"inner","localId":"gsbp-f54d4d4","styleAttributes":{"display":["flex"],"flexDirection":["column"],"paddingTop":["15px"],"paddingBottom":["15px"],"paddingLeft":["20px"],"paddingRight":["20px"],"rowGap":["10px"],"flexWrap":["nowrap"],"justifyContent":["flex-start"]},"metadata":{"name":"Links Wrapper"}} -->
<div class="gsbp-f54d4d4"><!-- wp:greenshift-blocks/element {"id":"gsbp-ef564c0","textContent":"First SubItem","tag":"a","localId":"gsbp-ef564c0","href":"#","styleAttributes":{"textDecoration":["none"],"fontSize":["16px"]}} -->
<a class="gsbp-ef564c0" href="#">First SubItem</a>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-1d35bf0","textContent":"Second  SubItem","tag":"a","localId":"gsbp-1d35bf0","href":"#","styleAttributes":{"textDecoration":["none"],"fontSize":["16px"]}} -->
<a class="gsbp-1d35bf0" href="#">Second  SubItem</a>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-4c77e13","textContent":"Third  SubItem","tag":"a","localId":"gsbp-4c77e13","href":"#","styleAttributes":{"textDecoration":["none"],"fontSize":["16px"]}} -->
<a class="gsbp-4c77e13" href="#">Third  SubItem</a>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:greenshift-blocks/element {"id":"gsbp-1470055","type":"inner","localId":"gsbp-1470055","styleAttributes":{"display":["flex"],"flexDirection":["column"],"paddingTop":["15px"],"paddingBottom":["15px"],"paddingLeft":["20px"],"paddingRight":["20px"],"rowGap":["10px"],"borderTopWidth":["1px"],"borderTopStyle":["solid"],"borderTopColor":["#00000012"],"borderCustom_Extra":false,"borderLink_Extra":true},"metadata":{"name":"Bottom Wrapper"}} -->
<div class="gsbp-1470055"><!-- wp:greenshift-blocks/element {"id":"gsbp-ee5a3df","textContent":"Third  SubItem","tag":"a","localId":"gsbp-ee5a3df","href":"#","styleAttributes":{"textDecoration":["none"],"fontSize":["16px"]}} -->
<a class="gsbp-ee5a3df" href="#">Third  SubItem</a>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element --></div>
<!-- /wp:greenshift-blocks/element -->

<!-- wp:spacer {"height":"72px"} -->
<div style="height:72px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:paragraph -->
<p>Click on Icon and Change size of window and you will see effect </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Anchor solution allows to set fallback value. So, if the dropdown doesn't have enough space to show it, fallback value will be used. </p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>If you want to hide dropdown in editor, disable it from editor in Responsive option</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>You can find Anchor options in Position Panel. Polyfill will be added automatically to all browsers that do not have Anchor API support.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>You can read more about anchor API in tutorials</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><a href="https://css-tricks.com/css-anchor-positioning-guide/">Css Anchor</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p><a href="https://developer.chrome.com/blog/anchor-positioning-api">https://developer.chrome.com/blog/anchor-positioning-api</a></p>
<!-- /wp:paragraph -->