<!-- wp:x-currency/currency-switcher {"type":"sticky","st_vertical":{"desktop":35},"st_list_colors":{"color":{"default":"#333333","hover":"","active":""},"background":{"default":"#E8E8E8","hover":"#f1f2f3","active":"#E8E8E8"}},"st_list_border":{"border":{"width":"0px","style":"none"},"radius":"20px"},"st_list_border_active":{"border":{"color":"#3f87f9","width":"1px"}},"st_code_colors":{"color":{"default":"","hover":"","active":""},"background":{"default":"","hover":"","active":""}}} -->
<div class="wp-block-x-currency-currency-switcher"><style> .x-currency-sticky.switcher-SWITCHER_ID { position: fixed; top: 35%; right: -27px; transition: all .25s ease; z-index: 99999; } .x-currency-sticky.switcher-SWITCHER_ID:hover { right: -24px; } .x-currency-sticky.switcher-SWITCHER_ID ul { display: grid; grid-gap: 7px; font-size: 15px; margin: 0; padding: 0; } .x-currency-sticky.switcher-SWITCHER_ID li { display: flex; align-items: center; user-select: none; background-color: #E8E8E8; color: #333333; cursor: pointer; transition: all linear .2s; position: relative; right: 0; justify-content: left; column-gap: 6px; padding: 5px 35px 5px 5px; border-radius: 20px; border-style: none; border-color: undefined; border-width: 0px; } .x-currency-sticky.switcher-SWITCHER_ID li.active { background-color: #E8E8E8; color: ; border-style: solid; border-color: #3f87f9; border-width: 1px; } .x-currency-sticky.switcher-SWITCHER_ID li:hover { background-color: #f1f2f3; color: ; right: 8px; ; } .x-currency-sticky.switcher-SWITCHER_ID img { display: inline-block; object-fit: cover; width: 27px; height: 27px; margin: 0px 0px 0px 0px; border-radius: 20px; border-style: solid; border-color: undefined; border-width: 0px; } .x-currency-sticky.switcher-SWITCHER_ID .code { text-align: center; width: 35px; height: 30px; line-height: 30px; background-color: ; color: ; ; font-size: 16px; transition: all linear .2s; } .x-currency-sticky.switcher-SWITCHER_ID li.active .code { background-color: ; color: ; ; } .x-currency-sticky.switcher-SWITCHER_ID li:hover .code { background-color: ; color: ; ; } .x-currency-sticky.switcher-SWITCHER_ID li img, .x-currency-sticky.switcher-SWITCHER_ID li span{display:inline-block;}@media(max-width:620px){.x-currency-sticky.switcher-SWITCHER_ID img{width:27px;height:27px;}.x-currency-sticky.switcher-SWITCHER_ID ul{grid-gap:7px;font-size:15px;}.x-currency-sticky.switcher-SWITCHER_ID{top:35%;right:-27px;}.x-currency-sticky.switcher-SWITCHER_ID:hover{right:-24px;}}@media(max-width:360px){.x-currency-sticky.switcher-SWITCHER_ID img{width:27px;height:27px;}.x-currency-sticky.switcher-SWITCHER_ID ul{grid-gap:7px;font-size:15px;}.x-currency-sticky.switcher-SWITCHER_ID{top:35%;right:-27px;}.x-currency-sticky.switcher-SWITCHER_ID:hover{right:-24px;}}</style><div class="x-currency x-currency-sticky switcher-SWITCHER_ID" data-wp-interactive="x-currency/switcher"><ul class="dropdown-ul">CURRENCY_ITEM_START<li class="dropdown-li ACTIVATED_CURRENCY_ITEM_CLASS" data-code="CURRENCY_CODE" data-wp-on--click="actions.clickStickyOption"><img class="dropdown-flag" src="CURRENCY_FLAG_URL" alt="CURRENCY_NAME"/><span class="code">CURRENCY_CODE</span></li>CURRENCY_ITEM_END</ul></div></div>
<!-- /wp:x-currency/currency-switcher -->