@layer z.tokens,z.base,z.components;@layer z.pages{.z-showcase{gap:var(--z-space-6);padding-block:var(--z-space-12) var(--z-space-18);flex-direction:column;display:flex}.z-showcase__head{justify-content:space-between;align-items:flex-end;gap:var(--z-space-4) var(--z-space-8);flex-wrap:wrap;display:flex}.z-showcase__head>div{flex:24rem;min-width:0}.z-showcase__lead{max-width:40rem;margin-top:var(--z-space-2);color:var(--z-sub);font:var(--z-text-body-lg)}.z-showcase__back{align-items:center;gap:var(--z-space-1);min-height:var(--z-control-h-xs);color:var(--z-sub);display:inline-flex}@media (pointer:coarse){.z-showcase__back{min-height:var(--z-tap)}}.z-showcase__back .z-icon{width:14px;height:14px}@media (hover:hover){.z-showcase__back:hover{color:var(--z-ink);text-underline-offset:3px;text-decoration:underline}}.z-showcase .z-notice strong{font-weight:600}.z-showcase__tools{gap:var(--z-space-3);flex-direction:column;display:flex}.z-showcase__search{gap:var(--z-space-2);max-width:36rem;display:flex}.z-showcase__search .z-search{background:var(--z-surface);flex:1;max-width:none}.z-showcase__active{align-items:center;gap:var(--z-space-2);flex-wrap:wrap;display:flex}.z-showcase__active .z-chip{overflow-wrap:anywhere;white-space:normal}.z-showcase__section{gap:var(--z-space-4);margin-top:var(--z-space-4);flex-direction:column;display:flex}.z-showcase__section .z-section-head{margin-bottom:0}.z-showcase__count{justify-content:space-between;align-items:baseline;gap:var(--z-space-1) var(--z-space-4);flex-wrap:wrap;display:flex}.z-showcase__count p{color:var(--z-sub);font:var(--z-text-small)}.z-showcase__grid{gap:var(--z-space-10) var(--z-space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.z-showcase__section .z-pagination{margin-top:var(--z-space-6)}.z-showcase__empty-actions{align-items:center;gap:var(--z-space-3) var(--z-space-5);margin-top:var(--z-space-1);flex-wrap:wrap;display:flex}@media (max-width:59.9375em){.z-showcase{gap:var(--z-space-5);padding-block:var(--z-space-8) var(--z-space-12)}.z-showcase__grid{gap:var(--z-space-8) var(--z-space-4);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:39.9375em){.z-showcase__head{align-items:stretch}.z-showcase__head .z-btn{width:100%}.z-showcase__lead{font:var(--z-text-body)}.z-showcase__search{max-width:none}.z-showcase__grid{gap:var(--z-space-8);grid-template-columns:minmax(0,1fr)}}}@layer z.utilities;