.main-blog{width:100%;padding:2rem 0 3rem;position:relative}.main-blog__cards{display:flex;flex-direction:column;gap:3rem}.main-blog__filter{visibility:hidden;opacity:0;position:fixed;left:0;top:calc(15rem + 72px);width:100%;height:100%;background:#fff;z-index:3;overflow:scroll;padding:1.5rem}.main-blog__filter.show{visibility:visible;animation:slideUp .25s ease-out forwards}.main-blog__filter--header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 0 2rem}.tag.cloud__tag{background:transparent;padding:.5rem 1rem;border:1px solid var(--slate-200);color:var(--charcoal-500);font-size:1rem;cursor:pointer;transition:background .25s ease;text-decoration:none}.tag.cloud__tag:hover{background:var(--pine-200);border:1px solid var(--pine-200)}.tag.cloud__tag.active{background:var(--pine-200);color:var(--blue-900);border:1px solid var(--pine-200)}.main-blog__paginate .pagination{margin-top:0}.main-blog__paginate .pagination button{display:none}.main-blog__filter--modal-trigger{display:block;font-weight:600;width:fit-content;text-align:right;margin:0 0 2rem auto;background:none;border:none}.main-blog__modal--exit{display:block;background:none;border:0;display:flex;justify-content:center;align-items:center;width:fit-content}.main-blog__modal--overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:2}.main-blog__modal--overlay.show{display:block}@media (min-width: 1024px){.main-blog{padding:4.7rem 0 12rem}.main-blog--inner{display:flex;gap:1rem}.main-blog__sidebar{min-width:19.9rem;max-width:20rem;padding-top:2rem}.main-blog__sidebar--inner{position:sticky;position:-webkit-sticky;top:8rem}.main-blog__sidebar--title{padding:2rem 0 1.88rem}.main-blog__filter{display:block;position:relative;padding:0;visibility:unset;opacity:unset;animation:none;top:unset;height:unset;z-index:unset}.main-blog__paginate{position:absolute;bottom:6rem;left:50%;transform:translate(-50%);width:100%}.main-blog__filter--modal-trigger,.main-blog__modal--exit{display:none}.main-blog__filter--header{padding:0}}@media (min-width: 1280px){.main-blog{padding:4.7rem 0 14rem}.main-blog--inner{gap:5rem}}@media (min-width: 1600px){.main-blog--inner{gap:7.25rem}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/section-main-blog.css.map */