.blog__hero{background:var(--surface-color);border-bottom:1px solid var(--border-color);text-align:center;padding-top:4.5rem;padding-bottom:4.5rem;position:relative;overflow:hidden}.blog__hero-decor{opacity:.12;pointer-events:none;z-index:0;position:absolute;bottom:-3rem;right:-3rem}@media (max-width:639px){.blog__hero-decor{display:none}}.blog__hero-inner{z-index:1;max-width:42rem;margin:0 auto;position:relative}
.blog__filters-group{gap:.75rem;margin-bottom:2rem;display:grid}.blog__filters{flex-flow:wrap;justify-content:flex-start;align-items:center;gap:.6rem;display:flex}.blog__filters--tags{gap:.4rem}.blog__filters-pill{height:2.25rem;color:var(--color);background:var(--surface-color);border:1px solid var(--border-color);cursor:pointer;border-radius:999px;flex-direction:row;justify-content:center;align-items:center;gap:.4rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;font-weight:500;transition:border-color .2s,color .2s,background-color .2s;display:flex}.blog__filters-pill:hover{border-color:var(--primary-color-active);color:var(--primary-color-active)}.blog__filters-pill--active{background:var(--primary-color);border-color:var(--primary-color);color:var(--light-color)}.blog__filters-pill--active:hover{color:var(--light-color)}.blog__filters-pill-count{opacity:.75;font-size:.75rem}.blog__filters-tag{height:1.9rem;color:var(--neutral-color);border:1px solid var(--border-color);cursor:pointer;background:0 0;border-radius:999px;padding-left:.75rem;padding-right:.75rem;font-size:.75rem;font-weight:500;transition:border-color .2s,color .2s,background-color .2s}.blog__filters-tag:hover{border-color:var(--primary-color-active);color:var(--primary-color-active)}.blog__filters-tag--active{background:var(--fill-color);border-color:var(--fill-color);color:var(--dark-color)}