.blog-filters__section .blog-filters__container{width:100vw;height:52px;background-color:#fff;display:flex;flex-direction:column-reverse;justify-content:flex-start;position:relative}.blog-filters__section .blogs-filters__header{display:flex;justify-content:space-between;align-items:center;width:100%;height:100%}.blog-filters__section .blogs-filters__header:before{content:"";position:absolute;top:100%;left:0;background-color:#0009;width:100vw;height:100vh;z-index:1;visibility:hidden;transition:all .3s ease}.blog-filters__section .blogs-filters__header h2{font-weight:700}.blog-filters__section .blogs-filters__header h2 a{color:#000}.blog-filters__section .blogs-filters__header button{background-color:transparent;border:none;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:all .3s ease}.blog-filters__section .blogs-filters__header button:hover,.blog-filters__section .blogs-filters__header button:hover svg{color:#06c}.blog-filters__section .blogs-filters__header button svg{width:13px;transition:all .3s ease}.blog-filters__section .blog-filters__content{position:absolute;top:100%;left:0;background-color:#fff;width:100%;height:0;transition:all .3s ease;overflow:hidden;display:flex;align-items:center;z-index:2}.blog-filters__section .blog-filters__content.open{height:auto;padding:40px 0}.blog-filters__section .blog-filters__content.open~.blogs-filters__header:before{visibility:visible}.blog-filters__section .blog-filters__content.open~.blogs-filters__header button svg{transform:rotateX(180deg)}.blog-filters__section .blog-filters__content ul{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;width:100%}@media screen and (max-width: 719px){.blog-filters__section .blog-filters__content ul{grid-template-columns:repeat(2,1fr)}}.blog-filters__section .blog-filters__content li{list-style:none}.blog-filters__section .blog-filters__content li a{transition:all .3s ease;color:#000}.blog-filters__section .blog-filters__content li a:hover{color:#06c}.blog-filtered__section{background-color:#f5f5f7}.blog-filtered__section .blog-filtered__container{padding-top:40px;padding-bottom:40px}.blog-filtered__section .blog-filtered__container .title--primary{margin-top:0;margin-bottom:15px;font-size:3.6rem}
/*# sourceMappingURL=/cdn/shop/t/242/assets/blog-filters.css.map */