/*!**********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./_src/styles/components/main-blog.scss ***!
  \**********************************************************************************************************************************************************************************************************************************/@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blog-page .wrapper{max-width:1300px}.blog-page .blog-page--header{text-align:center;margin-top:40px;margin-bottom:40px}.blog-page .blog-page--header h1{font-size:52px}@media screen and (max-width:1023px){.blog-page .blog-page--header h1{font-size:30px}}@media screen and (max-width:1023px){.blog-page .blog-page--header .blog-page--filter-scroll{margin:0 -16px;padding:0 16px;overflow:auto;scrollbar-width:none}.blog-page .blog-page--header .blog-page--filter-scroll::-webkit-scrollbar{width:0px;height:0;padding:0;display:none;margin:0;border:none;background:transparent}}.blog-page .blog-page--header .blog-page--filter{margin:24px -8px 0}@media screen and (max-width:1023px){.blog-page .blog-page--header .blog-page--filter{flex-wrap:nowrap}}.blog-page .blog-page--header .blog-page--filter>*{padding:0 8px}.blog-page .blog-page--header .blog-page--filter>* a{display:flex;justify-content:center;align-items:center;border:1px solid #ececec;padding:6px 24px;border-radius:20px;font-size:14px;transition:all .35s ease;white-space:nowrap}.blog-page .blog-page--header .blog-page--filter>* a.active,.blog-page .blog-page--header .blog-page--filter>* a:hover{background:#ececec}.blog-page .blog-page--featured>h2{margin-bottom:24px}.blog-page .blog-page--featured>ul{margin:0 -8px}.blog-page .blog-page--featured>ul>*{width:50%;padding:0 8px;margin-bottom:40px}@media screen and (max-width:1023px){.blog-page .blog-page--featured>ul>*{width:100%;margin-bottom:32px}}@media screen and (max-width:1023px){.blog-page .blog-page--featured>ul>* .article-grid-item .image-area{margin:0 -16px}}.blog-page .blog-page--articles{margin:0 -8px}.blog-page .blog-page--articles>*{width:33.3333333333%;padding:0 8px;margin-bottom:40px}@media screen and (max-width:1023px){.blog-page .blog-page--articles>*{width:100%;margin-bottom:32px}}.blog-page .blog-page--pagination{margin-bottom:60px}@media screen and (max-width:1023px){.blog-page .blog-page--pagination{margin-top:8px}}.blog-page .blog-page--pagination .prev,.blog-page .blog-page--pagination .next{font-size:14px}.blog-page .blog-page--pagination .prev-area,.blog-page .blog-page--pagination .next-area{flex-basis:0;flex-grow:1}.blog-page .blog-page--pagination .prev-area{justify-content:flex-end}.blog-page .blog-page--pagination>.flex{margin:0 -8px}.blog-page .blog-page--pagination>.flex>*{padding:0 8px}@media(max-width:350){.blog-page .blog-page--pagination>.flex{margin:0 -4px}.blog-page .blog-page--pagination>.flex>*{padding:0 4px}}.blog-page .blog-page--pagination .inner-link{display:none}.blog-page .blog-page--pagination .inner-link.is-active{display:block}.blog-page .blog-page--pagination .inner-link.is-active+.inner-link{display:block}.blog-page .blog-page--pagination .inner-link.is-active.index-0+.inner-link+.inner-link{display:block}.blog-page .blog-page--pagination .inner-link.next-is-active{display:block}.blog-page .blog-page--pagination .inner-link span,.blog-page .blog-page--pagination .inner-link a{width:40px;height:40px;text-align:center;line-height:40px;border:1px solid rgba(0,0,0,.08);font-size:12px;display:block;transition:all .35s ease}.blog-page .blog-page--pagination .inner-link span,.blog-page .blog-page--pagination .inner-link a:hover{border-color:currentColor}.blog-page .blog-page--pagination .prev{margin-right:8px}@media screen and (min-width:480px){.blog-page .blog-page--pagination .prev{margin-right:24px}}.blog-page .blog-page--pagination .next{margin-left:8px}@media screen and (min-width:480px){.blog-page .blog-page--pagination .next{margin-left:24px}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/main-blog.css.map */