.sh-patterns__filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}.sh-chip{font:inherit;font-size:.9375rem;padding:8px 16px;border-radius:999px;border:1px solid var(--sh-line);background:var(--sh-cream);color:var(--sh-ink);cursor:pointer}.sh-chip:hover{border-color:var(--sh-tan)}.sh-chip.is-active{background:var(--sh-olive);border-color:var(--sh-olive);color:#fff}.sh-chip:focus-visible{outline:3px solid var(--sh-tan-dark);outline-offset:2px}.sh-patterns__grid{list-style:none;margin:0;padding:0;display:grid;gap:20px;grid-template-columns:1fr}@media(min-width:600px){.sh-patterns__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:900px){.sh-patterns__grid{grid-template-columns:repeat(3,1fr);gap:24px}}.sh-pattern{background:var(--sh-cream);border:1px solid var(--sh-line);border-radius:var(--sh-radius);overflow:hidden;display:flex;flex-direction:column}.sh-pattern[hidden]{display:none}.sh-pattern__media{position:relative;aspect-ratio:4 / 3;background:var(--sh-cream-deep);display:grid;place-items:center;overflow:hidden}.sh-pattern__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.sh-pattern__media img.sh-pattern__ph{position:static;width:96px;height:96px;object-fit:contain;opacity:.6}.sh-pattern__body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px;flex:1}.sh-pattern__style{margin:0;font-size:.8125rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--sh-tan-dark)}.sh-pattern__name{font-family:var(--sh-heading);font-size:1.25rem;margin:0;color:var(--sh-ink)}.sh-pattern__desc{margin:0;color:var(--sh-slate);line-height:1.55;font-size:.9688rem}.sh-pattern__cta{margin-top:auto;text-align:center}.sh-patterns__empty{padding:32px;border:1px dashed var(--sh-line);border-radius:var(--sh-radius);text-align:center;color:var(--sh-slate)}.sh-pattern__badge{position:absolute;top:10px;right:10px;z-index:1;padding:4px 10px;border-radius:999px;background:var(--sh-tan-dark);color:#fff;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
/*# sourceMappingURL=/cdn/shop/t/2/assets/sh-patterns.css.map */