#blog-grid{font-family:RingsideWideWeb}.blog__grid *{box-sizing:border-box}.blog__grid-categories{display:none;gap:60px;padding:32px 16px;background:#f5f5f5}@media(min-width:768px){.blog__grid-categories{display:flex}}@media(min-width:1024px){.blog__grid-categories{padding:32px 48px}}.blog__grid-categories a{font-family:GeogrotesqueCondBoldWeb,Arial Black,Impact,sans-serif;font-size:16px;text-transform:uppercase;letter-spacing:.04em;color:#6f6f6f}.blog__grid-categories a.active{color:#000}.blog__grid-utils{display:flex;flex-direction:column;gap:24px;justify-content:center;align-items:center;padding:38px 16px}@media(min-width:768px){.blog__grid-utils{flex-direction:row-reverse;justify-content:space-between}}@media(min-width:1024px){.blog__grid-utils{padding:32px 48px}}.blog__grid-search{display:flex;align-items:center;justify-content:center;width:100%}@media(min-width:768px){.blog__grid-search{width:255px}}.blog__grid-search input{font-size:11px;text-transform:uppercase;letter-spacing:.15em;text-align:center;border-bottom:1px solid #6F6F6F;padding-bottom:12px;width:255px;outline:none}@media(min-width:768px){.blog__grid-search input{text-align:left}}.blog__grid-selectors{display:flex;align-items:flex-start;position:relative;width:100%;height:38px}.blog__grid-selectors:after{content:"";width:1px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%);background:#000}@media(min-width:768px){.blog__grid-selectors:after{display:none}}.blog__grid-filter,.blog__grid-sort{position:absolute;top:0;width:50%;height:38px;overflow:hidden;z-index:1;transition:height .3s ease-in-out}.blog__grid-filter ul,.blog__grid-sort ul{position:absolute;top:38px;left:0;right:0;background:#fff}.blog__grid-filter .icon,.blog__grid-sort .icon{position:absolute;top:0;right:16px;width:12px;transform:translateY(50%);transition:transform .3s ease-in-out;display:none;height:20px}@media(min-width:768px){.blog__grid-filter .icon,.blog__grid-sort .icon{display:block}}.blog__grid-filter.open,.blog__grid-sort.open{height:var(--height)}.blog__grid-filter.open .icon,.blog__grid-sort.open .icon{transform:translateY(50%) rotate(180deg)}.blog__grid-filter button,.blog__grid-filter li,.blog__grid-sort button,.blog__grid-sort li{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;height:38px;padding:0 16px}.blog__grid-filter button,.blog__grid-sort button{position:relative;font-family:GeogrotesqueCondBoldWeb,Arial Black,Impact,sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:.08em}.blog__grid-filter li,.blog__grid-sort li{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#757575}.blog__grid-filter li a,.blog__grid-sort li a{color:inherit}.blog__grid-filter li.active,.blog__grid-sort li.active{font-weight:600;color:#000}.blog__grid-filter{left:0;border-left:1px solid;border-top:1px solid;border-bottom:1px solid;border-radius:3px 0 0 3px}.blog__grid-filter ul{border-right:1px solid}@media(min-width:768px){.blog__grid-filter{display:none}}.blog__grid-sort{right:0;border-right:1px solid;border-top:1px solid;border-bottom:1px solid;border-radius:0 3px 3px 0}.blog__grid-sort ul{border-left:1px solid}.blog__grid-sort--current,.blog__grid-sort--divider{display:none}.blog__grid-sort--current{font-family:RingsideWideWeb,Helvetica,Arial,sans-serif;font-size:11px;text-transform:uppercase;letter-spacing:.15em}@media(min-width:768px){.blog__grid-sort{border:1px solid;border-radius:3px;width:255px}.blog__grid-sort.open{height:calc(var(--height) - 38px)}.blog__grid-sort ul{border:none}.blog__grid-sort button,.blog__grid-sort li{cursor:pointer;text-align:left;justify-content:flex-start}.blog__grid-sort li{padding-left:79px}.blog__grid-sort li.active{display:none}.blog__grid-sort li label{cursor:pointer}.blog__grid-sort--current,.blog__grid-sort--divider{display:inline}}.blog__grid-articles{display:grid;grid-template-columns:repeat(2,1fr);column-gap:24px;row-gap:32px;padding:0 16px 32px}@media(min-width:1024px){.blog__grid-articles{grid-template-columns:repeat(3,1fr);column-gap:48px;row-gap:48px;padding:0 48px 48px}}.blog__grid-articles--noresults{line-height:1.5;grid-column:span 2;text-align:center;letter-spacing:.4px}@media(min-width:1024px){.blog__grid-articles--noresults{grid-column:span 3}}.blog__grid-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.blog__grid-load{font-family:RingsideWideWeb,Helvetica,Arial,sans-serif;font-size:12px;letter-spacing:.15em;line-height:1;text-transform:uppercase;text-align:center;padding-bottom:8px;border-bottom:1px solid;width:-moz-fit-content;width:fit-content;margin:0 auto 32px;cursor:pointer}.blog__grid-load:not(.hidden){display:block}@media(min-width:768px){.blog__grid-load{font-size:18px;margin:12px auto 60px}}.blog__grid .loading.article__card{--loading-grey: #F5F5F5}.blog__grid .loading .article__card-image,.blog__grid .loading .article__card-blog,.blog__grid .loading .article__card-title{background-color:var(--loading-grey);background:linear-gradient(100deg,#fff0 40%,#ffffff80,#fff0 60%) var(--loading-grey);background-size:200% 100%;background-position-x:180%;animation:loading 1s infinite linear}.blog__grid .loading .article__card-blog{width:20%;height:16px}.blog__grid .loading .article__card-title{width:60%;height:33px}@keyframes loading{to{background-position-x:-20%}}.article__card{display:flex;flex-direction:column;gap:10px;color:#000}@media(min-width:768px){.article__card{gap:24px}}.article__card-image{position:relative;height:0;padding-top:125%}.article__card-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.article__card-content{display:flex;flex-direction:column;gap:8px}@media(min-width:768px){.article__card-content{gap:16px}}.article__card-blog{font-size:10px;color:#ff2e92;text-transform:uppercase;letter-spacing:.15em;line-height:16px}@media(min-width:768px){.article__card-blog{font-size:16px}}.article__card-title{font-family:BaseMonoWideWeb,Courier,Courier New,sans-serif;font-size:12px;line-height:1.4;letter-spacing:.03em}@media(min-width:768px){.article__card-title{font-size:24px}}.article__card-button{width:-moz-fit-content;width:fit-content}@media(max-width:767px){.article__card-button{height:20px;display:flex;align-items:center;justify-content:center;font-size:8px;padding:0 16px}}#blog-grid ul{list-style:none}#blog-grid a{text-decoration:none}#blog-grid button{background:unset}
/*# sourceMappingURL=/cdn/shop/t/1084/assets/section-blog-grid.css.map */