.blog-articles{display:flex;flex-direction:column;gap:2rem}.blog-articles-grid{display:grid;grid-gap:1rem;column-gap:var(--grid-mobile-horizontal-spacing);row-gap:var(--grid-mobile-vertical-spacing)}@media screen and (min-width: 750px){.blog-articles{flex-direction:row}.blog-articles-grid{grid-template-columns:repeat(3,1fr);column-gap:var(--grid-desktop-horizontal-spacing);row-gap:var(--grid-desktop-vertical-spacing)}}.blog-filters{width:16rem;flex-shrink:0;display:none}@media screen and (min-width: 750px){.blog-filters{display:block}}.blog-filters-mobile{display:block;width:16rem}@media screen and (min-width: 750px){.blog-filters-mobile{display:none}}.blog-filters-box{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;position:sticky;top:6rem}.blog-filters-heading{font-weight:600;font-size:1.125rem;color:#58098f;margin-bottom:1rem}.blog-filters-list{display:flex;flex-direction:column;gap:.5rem}.blog-filters-button{width:100%;text-align:left;padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#4b5563;background-color:transparent;border:none;cursor:pointer;transition:background-color .2s ease}.blog-filters-button:hover{background-color:#f3f4f6}.blog-filters-button.active{background-color:#f645551a;color:#f64555}.blog-articles-heading{width:100%;display:flex;justify-content:space-between;margin-bottom:1.5rem}.blog-articles-title{font-size:1.5rem;font-weight:600;color:#58098f;display:none}@media screen and (min-width: 750px){.blog-articles-title{display:block}}.blog-articles-number{font-size:.875rem}.blog-articles-number>#article-count{font-weight:600}.blog-filters-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:.5rem .75rem;font-size:1rem;background-image:url("data:image/svg+xml;utf8,<svg fill='gray' height='16' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;position:relative}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-main-blog.css.map */