{# @description Gives the words it wraps a solid edge in one of the theme's colours, stepping down and to the right, so they stand off the page. Headings only. #}
{# @prop variant:select['primary', 'secondary', 'accent', 'neutral', 'base-100', 'base-200', 'base-300'] | default:"primary" | description:"The colour of the edge" #}
{# @prop depth:number | default:"1" | description:"How far the words stand off, as a multiple: 2 is twice as deep, and 0 lies flat" #}
{# @prop class:text | description:"Extra classes on the span" #}
{# @slot not the CSS — The words to raise #}
{% comment %}
Six hard shadows a step apart read as one solid edge. They are in ems so the
edge keeps its proportion at any size.
{% endcomment %}
{{ slot }}