display Shopify Payments

<style>
.pf-icon {
width: 3.125em;
}
@media (max-width:767px) {
.pf-icon {
width: 2.125em;
}
.pf-icons {
gap: 5px;
}
}
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap;
}
.payment-icons {
list-style: none;
display: flex;
justify-content: center;
margin: 0 !important;
padding: 0 !important;
}
</style>
{%- unless shop.enabled_payment_types == empty -%}
<span class="visuallyhidden">Supported payment methods</span>
<ul class="payment-icons pf-icons">
{%- for type in shop.enabled_payment_types -%}
<li>
{{ type | payment_type_svg_tag: class: 'pf-icon icon--full-color' }}
</li>
{%- endfor -%}
</ul>
{%- endunless -%}