{% sw_extends '@Storefront/storefront/utilities/icon.html.twig' %}
{% block utilities_icon %}
{% set styles = [ size, color, rotation, flip, class ] %}
{% if pack == 'showroom' %}
{% apply spaceless %}
<span class="icon icon-showroom icon-showroom-{{ name }}{% for entry in styles %}{% if entry != "" %} icon-{{ entry }}{% endif %}{% endfor %}">
{% if name == "arrow-head-down" %}<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 25" version="1.1" id="svg10"><g id="Welcome" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="rotate(-90 12.45172 12.43886)"><g id="👋-Hello!" transform="translate(-1072 -1191)" fill="#31383c"><g id="Icon-Kit" transform="translate(1072 473)"><g id="Shape" transform="translate(.12676 710)"><path d="m 11.292893,0.29289322 c 0.390524,-0.39052429 1.02369,-0.39052429 1.414214,0 v 0 l 3,2.99999998 c 0.390524,0.3905243 0.390524,1.0236893 0,1.4142136 -0.390524,0.3905243 -1.02369,0.3905243 -1.414214,0 v 0 L 13,3.414 V 23 c 0,0.512836 -0.38604,0.935507 -0.883379,0.993272 L 12,24 c -0.552285,0 -1,-0.447715 -1,-1 V 23 3.414 L 9.7071068,4.7071068 c -0.360484,0.3604839 -0.927715,0.3882135 -1.3200062,0.083189 l -0.094207,-0.083189 c -0.3905243,-0.3905243 -0.3905243,-1.0236893 0,-1.4142136 v 0 z" transform="rotate(-90 12 12)" id="path4"/></g></g></g></g></svg>{% endif %}
{% if name == "arrow-head-left" %}<?xml version="1.0" encoding="UTF-8"?> <svg width="25px" height="8px" viewBox="0 0 25 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>853ABE48-F92F-4711-B731-DD8B92FDF5AE@1.00x</title> <g id="Welcome" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="👋-Hello!" transform="translate(-1072.000000, -1191.000000)" fill="#31383C"> <g id="Icon-Kit" transform="translate(1072.000000, 473.000000)"> <g id="Shape" transform="translate(0.126761, 710.000000)"> <path d="M11.2928932,0.292893219 C11.6834175,-0.0976310729 12.3165825,-0.0976310729 12.7071068,0.292893219 L12.7071068,0.292893219 L15.7071068,3.29289322 C16.0976311,3.68341751 16.0976311,4.31658249 15.7071068,4.70710678 C15.3165825,5.09763107 14.6834175,5.09763107 14.2928932,4.70710678 L14.2928932,4.70710678 L13,3.414 L13,23 C13,23.5128358 12.6139598,23.9355072 12.1166211,23.9932723 L12,24 C11.4477153,24 11,23.5522847 11,23 L11,23 L11,3.414 L9.70710678,4.70710678 C9.34662282,5.06759074 8.77939176,5.09532028 8.38710056,4.79029539 L8.29289322,4.70710678 C7.90236893,4.31658249 7.90236893,3.68341751 8.29289322,3.29289322 L8.29289322,3.29289322 Z" transform="translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000) "></path> </g> </g> </g> </g> </svg>{% endif %}
{% if name == "arrow-head-right" %}<?xml version="1.0" encoding="UTF-8"?> <svg width="24px" height="8px" viewBox="0 0 24 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>5431D23D-DD90-4F30-A19F-41A623C9A3F5@1.00x</title> <g id="Welcome" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="👋-Hello!" transform="translate(-1120.000000, -1191.000000)" fill="#31383C"> <g id="Icon-Kit" transform="translate(1072.000000, 473.000000)"> <g id="Shape" transform="translate(48.000000, 710.000000)"> <path d="M11.2928932,0.292893219 C11.6834175,-0.0976310729 12.3165825,-0.0976310729 12.7071068,0.292893219 L12.7071068,0.292893219 L15.7071068,3.29289322 C16.0976311,3.68341751 16.0976311,4.31658249 15.7071068,4.70710678 C15.3165825,5.09763107 14.6834175,5.09763107 14.2928932,4.70710678 L14.2928932,4.70710678 L13,3.414 L13,23 C13,23.5128358 12.6139598,23.9355072 12.1166211,23.9932723 L12,24 C11.4477153,24 11,23.5522847 11,23 L11,23 L11,3.414 L9.70710678,4.70710678 C9.34662282,5.06759074 8.77939176,5.09532028 8.38710056,4.79029539 L8.29289322,4.70710678 C7.90236893,4.31658249 7.90236893,3.68341751 8.29289322,3.29289322 L8.29289322,3.29289322 Z" transform="translate(12.000000, 12.000000) rotate(-270.000000) translate(-12.000000, -12.000000) "></path> </g> </g> </g> </g> </svg>{% endif %}
{% if name == "arrow-head-up" %}<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 25" version="1.1" id="svg10"><g id="Welcome" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="rotate(90 3.6879 4.32496)"><g id="👋-Hello!" transform="translate(-1072 -1191)" fill="#31383c"><g id="Icon-Kit" transform="translate(1072 473)"><g id="Shape" transform="translate(.12676 710)"><path d="m 11.292893,0.29289322 c 0.390524,-0.39052429 1.02369,-0.39052429 1.414214,0 v 0 l 3,2.99999998 c 0.390524,0.3905243 0.390524,1.0236893 0,1.4142136 -0.390524,0.3905243 -1.02369,0.3905243 -1.414214,0 v 0 L 13,3.414 V 23 c 0,0.512836 -0.38604,0.935507 -0.883379,0.993272 L 12,24 c -0.552285,0 -1,-0.447715 -1,-1 V 23 3.414 L 9.7071068,4.7071068 c -0.360484,0.3604839 -0.927715,0.3882135 -1.3200062,0.083189 l -0.094207,-0.083189 c -0.3905243,-0.3905243 -0.3905243,-1.0236893 0,-1.4142136 v 0 z" transform="rotate(-90 12 12)" id="path4"/></g></g></g></g></svg>{% endif %}
{% if name == "checkmark-xxs" %}<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g class="nc-icon-wrapper"><path fill="#141719" fill-rule="evenodd" d="M9.707 11.293a1 1 0 1 0-1.414 1.414l2 2a1 1 0 0 0 1.414 0l4-4a1 1 0 1 0-1.414-1.414L11 12.586l-1.293-1.293z"/></g></svg>{% endif %}
{% if name == "globe" %}<?xml version="1.0" encoding="UTF-8"?> <svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>88A0AB48-D030-4EE6-BF58-A5431C037455@1x</title> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="globe" fill="#31383C" transform="translate(1.000000, 1.000000)"> <path d="M11,0.25 C5.06293894,0.25 0.25,5.06293894 0.25,11 C0.25,16.9370611 5.06293894,21.75 11,21.75 C16.9370611,21.75 21.75,16.9370611 21.75,11 C21.75,5.06293894 16.9370611,0.25 11,0.25 Z M11,1.75 C16.1086339,1.75 20.25,5.89136606 20.25,11 C20.25,16.1086339 16.1086339,20.25 11,20.25 C5.89136606,20.25 1.75,16.1086339 1.75,11 C1.75,5.89136606 5.89136606,1.75 11,1.75 Z" id="Oval"></path> <path d="M21,10.25 C21.4142136,10.25 21.75,10.5857864 21.75,11 C21.75,11.3796958 21.4678461,11.693491 21.1017706,11.7431534 L21,11.75 L1,11.75 C0.585786438,11.75 0.25,11.4142136 0.25,11 C0.25,10.6203042 0.532153882,10.306509 0.898229443,10.2568466 L1,10.25 L21,10.25 Z" id="Path"></path> <path d="M10.4462411,0.494182727 C7.82234897,3.36676861 6.33119657,7.09464961 6.2501627,10.9843788 C6.33119657,14.9053504 7.82234897,18.6332314 10.4462411,21.5058173 C10.7436313,21.8313942 11.2563687,21.8313942 11.5537589,21.5058173 C14.177651,18.6332314 15.6688034,14.9053504 15.7498373,11.0156212 C15.6688034,7.09464961 14.177651,3.36676861 11.5537589,0.494182727 C11.2563687,0.168605758 10.7436313,0.168605758 10.4462411,0.494182727 Z M11,2.15 L11.2007533,2.40171199 C13.1095262,4.86274433 14.1848644,7.88121844 14.2501627,11.0156212 L14.2367526,11.4034414 C14.0938059,14.3725723 13.029994,17.2401701 11.2007533,19.5983309 L10.999,19.849 L10.7992467,19.598288 C8.89047385,17.1372557 7.81513562,14.1187816 7.7498373,10.9843788 C7.81513562,7.87774706 8.89047385,4.86235862 10.7992467,2.40166913 L11,2.15 Z" id="Path"></path> </g> </g> </svg>{% endif %}
{% if name == "chevron-down-gray" %}<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g class="nc-icon-wrapper"><path fill="#31383c" fill-rule="evenodd" d="M7.06 8.94L12 13.878l4.94-4.94a1.5 1.5 0 0 1 2.12 2.122l-6 6a1.5 1.5 0 0 1-2.12 0l-6-6a1.5 1.5 0 0 1 2.12-2.122z"/></g></svg>{% endif %}
{% if name == "chevron-down" %}<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g class="nc-icon-wrapper"><path fill="#758CA3" fill-rule="evenodd" d="M7.06 8.94L12 13.878l4.94-4.94a1.5 1.5 0 0 1 2.12 2.122l-6 6a1.5 1.5 0 0 1-2.12 0l-6-6a1.5 1.5 0 0 1 2.12-2.122z"/></g></svg>{% endif %}
{% if name == "chevron-right-xs" %}<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g class="nc-icon-wrapper"><path fill="#141719" fill-rule="evenodd" d="M9.293 15.293a1 1 0 1 0 1.414 1.414l4-4a1 1 0 0 0 0-1.414l-4-4a1 1 0 1 0-1.414 1.414L12.586 12l-3.293 3.293z"/></g></svg>{% endif %}
</span>
{% endapply %}
{% else %}
{{ parent() }}
{% endif %}
{% endblock %}