.wpg-discover{container-type:inline-size}
.wpg-discover .block-inside{width:100%;max-width:1200px;margin-inline:auto}
.wpg-discover .wpg-discover__grid{display:grid;grid-template-columns:var(--discover-base-cols);grid-template-rows:var(--discover-base-rows);gap:4px;height:clamp(360px,65vw,760px);transition:grid-template-columns .4s ease,grid-template-rows .4s ease}
.wpg-discover .wpg-discover__card{position:relative;display:block;min-width:0;min-height:0;overflow:hidden;background:color-mix(in srgb,currentColor 10%,transparent);isolation:isolate;text-decoration:none}
.wpg-discover .wpg-discover__card img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;opacity:0;transition:opacity .4s ease}
.wpg-discover .wpg-discover__label{position:absolute;z-index:2;inset:0;display:grid;place-items:center;text-align:center;padding:clamp(12px,2vw,24px);background:#17131d;color:#fff;font-size:clamp(16px,2.2vw,30px);font-weight:500;line-height:1.25;overflow-wrap:anywhere;clip-path:inset(0 0 0 0);transition:clip-path .4s ease;pointer-events:none}
.wpg-discover .wpg-discover__card.is-discovered.has-image img{opacity:1;transition-delay:.5s}
.wpg-discover .wpg-discover__card.is-discovered .wpg-discover__label{background:transparent;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;clip-path:none}
.wpg-discover .wpg-discover__card .wpg-discover__label[hidden]{display:none}
.wpg-discover .wpg-discover__letter{display:inline-block;white-space:pre}
.wpg-discover .wpg-discover__card{background:#17131d}
.wpg-discover .wpg-discover__card:focus-visible{outline:3px solid var(--wapu-color-primary,#8c63ff);outline-offset:-3px}
.wpg-discover .wpg-discover__missing{display:grid;place-items:center;height:100%;padding:16px;text-align:center;color:inherit}
.wpg-discover .wpg-discover__grid.is-empty{display:block;height:auto}
.wpg-discover .wpg-discover__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;min-height:360px;padding:32px;border:2px dashed currentColor;border-radius:12px;background:color-mix(in srgb,currentColor 7%,transparent);color:inherit;font:inherit;cursor:pointer;text-align:center}
@container (max-width:600px){.wpg-discover .wpg-discover__grid:not(.is-empty){height:auto;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:none!important;grid-auto-rows:210px}.wpg-discover .wpg-discover__card:only-child{grid-column:1/-1}.wpg-discover .wpg-discover__label{font-size:16px;padding:12px}}
@media(prefers-reduced-motion:reduce){.wpg-discover .wpg-discover__grid,.wpg-discover .wpg-discover__label,.wpg-discover .wpg-discover__card img{transition:none}}
