{# @description The centered card anonymous-facing pages render into. #}
{# @prop size:select['sm','md','lg','xl','2xl','3xl','4xl','full'] | default:"2xl" | description:"Card width; fills its container below md regardless." #}
{# @prop small:boolean | default:True | deprecated:"Use size instead." | description:"Predecessor of size; forces full-width when falsy." #}
{# @prop full-height:boolean | description:"Stretch the card to near-full viewport height." #}
{# @slot Page content — The card's body content. #}
{% load cotton %}
<c-vars size="2xl" small=True full-height />
{% comment %}
  Passing both `size` and `small` states two widths at once; `small` wins,
  so a page moving to `size` must drop `small` entirely.
{% endcomment %}
<c-mvp.entrance.background>
  <div class="card bg-base-100 shadow-xl container mx-3{% if size != "full" and small %} md:max-w-{{ size }}{% endif %}{% if full_height %} h-90/100{% endif %}">
    <!-- Card content -->
    <div class="card-body py-16 items-fill">{{ slot }}</div>
  </div>
</c-mvp.entrance.background>