{assign var="hostiqueMarkId" value=$hostiqueMarkId|default:"hostique-mark"}
{assign var="hostiqueMarkClass" value=$hostiqueMarkClass|default:""}
{assign var="hostiqueMarkLabel" value=$hostiqueMarkLabel|default:""}
<svg class="hostique-mark {$hostiqueMarkClass}" width="72" height="72" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg"{if $hostiqueMarkLabel} role="img" aria-label="{$hostiqueMarkLabel|escape:'html'}"{else} aria-hidden="true"{/if}>
    <defs>
        <linearGradient id="{$hostiqueMarkId|escape:'html'}-gradient" x1="140" y1="52" x2="288" y2="332" gradientUnits="userSpaceOnUse">
            <stop class="hostique-mark__stop hostique-mark__stop--start" offset="0" />
            <stop class="hostique-mark__stop hostique-mark__stop--end" offset="1" />
        </linearGradient>
    </defs>
    <path class="hostique-mark__surface" fill="url(#{$hostiqueMarkId|escape:'html'}-gradient)" d="M200 32L314 98V302L200 368L106 314V86L200 32Z" />
    <path class="hostique-mark__glyph" d="M186 98L244 64V336L186 304V216H154V304L128 288V112L154 96V184H186V98Z" />
</svg>
