.shop-materiaal__intro,.shop-materiaal__tekst{font-family:var(--ui-font-body);font-size:var(--ui-text-body);line-height:var(--ui-leading-body);color:var(--ui-ink);text-wrap:pretty;margin:0}.shop-materiaal__lijst{gap:var(--ui-space-2);margin:var(--ui-space-4) 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.shop-materiaal__pil{align-items:center;gap:var(--ui-space-2);padding:var(--ui-space-2) var(--ui-space-4);border:1.5px solid var(--ui-hair);background:var(--ui-paper);color:var(--ui-ink);font-family:var(--ui-font-body);font-weight:var(--ui-weight-semibold);font-size:var(--ui-text-body-sm);line-height:var(--ui-leading-body-sm);cursor:pointer;border-radius:999px;transition:border-color .14s,background-color .14s;display:inline-flex}.shop-materiaal__pil:hover{border-color:var(--ui-ink)}.shop-materiaal__pil[data-gekozen]{border-color:var(--ui-ink);background:var(--ui-gray-bg-hover);color:var(--ui-ink)}.shop-materiaal__pil:focus-visible{outline:2px solid var(--ui-primary);outline-offset:2px}.shop-materiaal__naam{margin:var(--ui-space-4) 0 var(--ui-space-1);font-family:var(--ui-font-display);font-weight:var(--ui-weight-bold);font-size:var(--ui-text-body);line-height:var(--ui-leading-body);color:var(--ui-ink)}.shop-materiaal__label{font-weight:var(--ui-weight-bold);color:var(--ui-ink)}@media (prefers-reduced-motion:reduce){.shop-materiaal__pil{transition:none}}