.grid-article{flex:0 0 100%;display:flex;flex-wrap:wrap;text-align:center;margin-bottom:40px}@media only screen and (min-width: 769px){.grid-article[data-style=medium],.grid-article[data-style=large]{display:block}}.grid-article:last-child{margin-bottom:0}.grid-article__image{position:relative;flex:0 0 100%}.grid-article__image .image-wrap{border-radius:var(--roundness)}.grid-article__tags{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;overflow:visible;text-align:center}.grid-article__tags .article-tag{transform:translateY(-50%)}.grid-article__meta{flex:0 0 100%}.grid-article[data-style=large] .article__title{font-size:calc(var(--type-base-size) + 10px)}@media only screen and (max-width: 768px){.grid-article[data-style=large] .article__title{font-size:calc(var(--type-base-size) + 7px)}}.grid-article[data-style=large] .article__sub-meta>span{margin:0 5px 2px}.grid-article[data-style=medium]{flex:0 0 50%}.grid-article[data-style=medium] .article__title{font-size:calc(var(--type-base-size) + 2px)}@media only screen and (min-width: 769px){.grid-article[data-style=medium] .article__sub-meta>span{margin:0 5px 2px}}.grid-article[data-style=compact]{flex:0 0 100%;flex-wrap:nowrap;text-align:left;margin-bottom:20px;padding:0}.grid-article[data-style=compact] .grid-article__image{flex:0 0 40%;align-self:flex-start}.grid-article[data-style=compact] .grid-article__meta{flex:0 0 60%;padding-left:15px}.grid-article[data-style=compact] .article__title{font-size:calc(var(--type-base-size) + 1px)}.grid-article[data-style=compact] .article-tag{font-size:10px}.grid-article[data-style=compact] .article-tag:not(:first-child){display:none}@media only screen and (max-width: 768px){.grid-article[data-style=medium]{flex:0 0 100%;flex-wrap:nowrap;text-align:left;margin-bottom:20px}.grid-article[data-style=medium] .grid-article__image{flex:0 0 40%;align-self:center}.grid-article[data-style=medium] .grid-article__meta{flex:0 0 60%;padding-left:15px}.grid-article[data-style=medium] .article__title{font-size:calc(var(--type-base-size) + 1px)}.grid-article[data-style=medium] .article-tag{font-size:10px}.grid-article[data-style=medium] .article-tag:not(:first-child){display:none}}.article-tag{display:inline-block;background-color:var(--color-body);color:var(--color-text-body);border:1px solid;border-color:var(--color-text-body);padding:3px 9px;margin:5px;font-size:12px;font-weight:var(--type-header-weight);letter-spacing:.15em;text-transform:uppercase}.tag--inline .article-tag{margin:0}.article-tag:hover,.article-tag:active{background-color:var(--color-body);color:var(--color-text-body)}@media only screen and (max-width: 768px){.article-tag{padding:4px 6px;font-size:10px;margin:3px}}.article__sub-meta{opacity:.65;font-size:calc(var(--type-base-size) - 2px)}.article__sub-meta>span{position:relative;display:inline-block;margin-bottom:2px;margin-right:10px}[dir=rtl] .article__sub-meta>span{margin-right:0;margin-left:10px}.article__sub-meta>span:not(:last-child):after{content:"\b7";display:inline-block;margin-left:10px}[dir=rtl] .article__sub-meta>span:not(:last-child):after{margin-left:0;margin-right:10px}.section-header .article__sub-meta{margin-top:20px}.article__sub-meta-date{text-transform:uppercase}.article__title{font-weight:var(--type-header-weight)}
/*# sourceMappingURL=/cdn/shop/t/58/assets/snippet-grid-article.css.map */