.blog-link {
    text-decoration: none;
    text-transform: capitalize
}

section.blog-list {
    margin: 0 0 var(--spacing-y-major)
}

section.blog-list h1 {
    font-size: var(--heading-copy);
    line-height: var(--heading-lh);
    text-align: center;
    padding: 0 var(--spacing-x-minor)
}

section.blog-list button.tagFilter,
a.tagFilter {
    background: none;
    border: none;
    border: 1px solid var(--body-grey);
    border-radius: 30px;
    padding: 10px 20px 10px 10px;
    font-size: var(--body-small-copy);
    line-height: var(--body-small-lh);
    transition: background .2s ease, color .2s ease;
    color: var(--body-grey);
    display: flex;
    align-items: center;
    gap: 10px;
    width: fit-content
}

section.blog-list .tagFilter svg.radio .fill {
    fill: #0000;
    transition: fill .5s ease
}

section.blog-list .tagFilter.active svg.radio .fill {
    fill: var(--aligner-blue-bright)
}

section.blog-list div.blog-card {
    margin: 0;
    padding: 0;
    margin: var(--spacing-y-minor) var(--spacing-x-minor);
    border-radius: 20px;
    box-shadow: 0 3px 6px #00000029;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

section.blog-list div.blog-card.hidden {
    display: none
}

section.blog-list div.blog-card h2.blog-title {
    font-size: var(--body-big-copy);
    line-height: var(--body-big-lh);
    margin: 0
}

section.blog-list div.blog-card p.date {
    font-size: var(--body-small-copy);
    line-height: var(--body-small-lh);
    margin: 0;
    padding: 0;
    padding: var(--spacing-y-tiny) 0
}

section.blog-list div.blog-card p.preview {
    font-size: var(--body-small-copy);
    line-height: var(--body-small-lh);
    margin: 0;
    padding: 0;
    padding: var(--spacing-y-tiny) 0
}

section.blog-list div.blog-card div.blog-desc {
    padding: var(--spacing-y-minor) var(--spacing-x-minor)
}

section.blog-list div.blog-card div.blog-desc a {
    font-size: var(--body-small-copy);
    line-height: var(--body-small-lh)
}

section.blog-list div.blog-card img.blog-image {
    max-width: 100%;
    width: 100%;
    height: 55vw;
    object-fit: cover
}

@media screen and (min-width: 850px) {
    div.filters {
        justify-content: center;
        margin: var(--spacing-y-minor) 0
    }

    .articles {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: calc(.5 * var(--spacing-x-tiny));
        grid-row-gap: var(--spacing-y-major);
        margin: 0 var(--spacing-x-tiny)
    }

    section.blog-list div.blog-card div.blog-desc {
        padding: var(--spacing-y-minor) calc(var(--spacing-x-tiny) * .5)
    }

    section.blog-list div.blog-card {
        margin: 0;
        justify-content: space-between
    }

    section.blog-list div.blog-card h2.blog-title {
        font-size: var(--body-mid-copy);
        line-height: var(--body-mid-lh)
    }

    section.blog-list div.blog-card h2.blog-title a {
        font-size: var(--body-mid-copy);
        line-height: var(--body-mid-lh);
        font-weight: 700;
        font-family: Proxima Nova Black !important
    }

    section.blog-list div.blog-card p.date {
        padding: var(--spacing-y-minor) 0 var(--spacing-y-tiny)
    }

    section.blog-list div.blog-card img.blog-image {
        height: 13vw;
        object-fit: cover
    }
}/*# sourceMappingURL=/cdn/shop/t/222/assets/blog-list.css.map?v=173201120881941821421749552606 */