.gr-blog__heading{font-size:48px;font-weight:400;margin-bottom:25px;line-height:normal}@media (min-width: 1024px){.gr-blog__heading{font-size:76px;margin-bottom:15px}}.gr-blog__tag-list{display:flex;overflow:auto;width:100%;list-style-type:none}.gr-blog__tag-list__item{padding:15px 18px;margin-right:8px;border:1px solid #E5E5E5;display:block;line-height:1.067;border-radius:9999px;white-space:nowrap;transition:.2s ease;transition-property:background-color,color}.gr-blog__tag-list__item:hover{background-color:#1d1d1dcc;color:#fff}.gr-blog__tag-list__item.is-active{border-color:#171717;background-color:#1d1d1d;color:#fff}.gr-article-list{display:flex;flex-wrap:wrap;padding-left:16px;padding-right:16px}.gr-article-list__cell{width:50%;padding-left:8px;padding-right:8px;margin-bottom:25px;flex-grow:0;flex-shrink:1}.gr-article-list__cell.full{width:auto;margin-bottom:32px;margin-left:-16px;margin-right:-16px;padding-left:0;padding-right:0;flex-basis:100%;flex-grow:1}@media (min-width: 1024px){.gr-article-list__cell{width:33.333333%;margin-bottom:40px;margin-left:0}.gr-article-list__cell.full{width:100%;margin-left:0;margin-right:0;padding-left:8px;padding-right:8px}}.ArticleItem{position:relative;color:#000}.ArticleItem img,.ArticleItem__ImageWrapper{border-radius:10px}.article__title{font-size:16px;font-weight:700;line-height:normal;word-break:break-word}.article-tag{color:#1d1d1d;padding:0 8px;height:24px;line-height:24px;font-weight:700;font-size:12px;border:1px solid #E5E5E5;border-radius:9999px;display:inline-block}.article-tag__wrapper{margin-bottom:5px}.ArticleItem__ImageWrapper{margin-bottom:12px;background-color:#fff}.article__arrow{position:absolute;right:10px;top:10px;display:block;width:48px;height:48px;padding:12px;border-radius:9999px;background-color:#fff;box-shadow:0 3px 8px #00000024;transition:.15s transform ease}.ArticleItem:hover .article__arrow{transform:rotate(45deg)}.article__video-button{background-color:#ffffff4d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:9999px;padding:6px 10px 6px 6px;color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;position:absolute;z-index:10;transition:.2s background-color ease}.featured-article__content .article__video-button{position:static;margin-bottom:1rem}.article__video-button-play{width:36px;height:36px;background-color:#fff;display:flex;align-items:center;justify-content:center;border-radius:9999px;margin-right:8px}.article__video-button:hover{background-color:#ffffff59}@media (min-width: 1024px){.article__arrow{right:24px;top:24px}.article__video-button{left:24px;bottom:24px}.article__video-button-play{width:52px;height:52px}.article__title{font-size:22px}}.featured-article{background-color:#e5e7eb;border-radius:10px;padding-bottom:calc(100% / .767);overflow:hidden}.featured-article__wrapper,.featured-article__image,.featured-article__image img,.article__video{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%}.featured-article img{object-fit:cover}.featured-article__tags{background-color:#fff;padding-top:10px;padding-left:18px;padding-right:18px;border-top-left-radius:10px;border-top-right-radius:10px}.featured-article__title{font-size:28px;font-weight:700;line-height:normal;margin-left:10px;position:relative;word-break:break-word}.featured-article__title:before{position:absolute;content:"";display:block;left:-10px;top:0;height:calc(100% + 2px);background-color:#fff;width:10px;border-bottom-left-radius:10px}.featured-article__title span{padding-left:9px;background-color:#fff;border-radius:0 10px 10px 0;padding-right:10px;padding-bottom:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.featured-article__content{position:absolute;left:16px;bottom:16px;right:16px;display:flex;flex-direction:column;align-items:flex-start}.featured-article img{transform:scale(1);transition:opacity .3s ease,transform 8s cubic-bezier(.25,.46,.45,.94)}@media (min-width: 1024px){.featured-article{padding-bottom:calc(100% / 2.0668)}.featured-article__title{font-size:32px;max-width:480px}.featured-article:hover img{transform:scale(1.2)}}
/*# sourceMappingURL=/cdn/shop/t/82/assets/grafikr-blog.css.map */