:root{--cardRadius: 16px;--imageRadius: 14px}.blog-post-wrapper{display:grid;grid-template-columns:repeat(1,1fr);gap:30px;align-items:flex-start}.blog-item{max-width:100%;padding:0;overflow:hidden}.blog-post-wrapper.card-enabled .blog-item{border-radius:var(--cardRadius);overflow:hidden}.blog-post-wrapper.card-enabled .blog-item-inner{background:rgb(var(--alternateBackground));padding:15px;border-radius:var(--cardRadius);position:relative;overflow:hidden;box-shadow:0 8px 18px #0000000f}.blog-post-wrapper.card-enabled.curved-style-enabled .blog-item-inner{padding:0;background:transparent;border-radius:0;box-shadow:none}.blog-item-image-container{background:rgb(var(--background));position:relative;display:block;width:100%;overflow:hidden;border-radius:var(--imageRadius);transform:translateZ(0)}.blog-post-wrapper.curved-style-enabled .blog-item-image-container{border-radius:100% 100% 0 0;border:2px solid rgb(var(--borderColor))}.blog-post-wrapper.curved-style-enabled .blog-item-image-container .media{border-radius:100% 100% 0 0}.blog-post-wrapper.curved-style-enabled .cut-edge-blog,.blog-post-wrapper.curved-style-enabled .blog-thumbnail-arrow{display:none}.cut-edge-blog{position:absolute;right:0;top:0;z-index:1;color:rgb(var(--background));transform:translate3d(90px,-90px,0);transition:transform .5s ease}.blog-post-wrapper.card-enabled .cut-edge-blog{color:rgb(var(--alternateBackground));right:15px;top:15px}.cut-edge-blog svg{width:90px;height:90px;display:block}.blog-item:hover .cut-edge-blog{transform:translateZ(0)}.blog-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000052;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease;border-radius:var(--imageRadius);will-change:opacity}.blog-item:hover .blog-image-overlay{opacity:1;visibility:visible}.blog-image-overlay span{font-size:var(--mediumText)}.blog-thumbnail-arrow{position:absolute;z-index:1;top:0;right:0;transform:rotate(45deg) translate3d(0,64px,0);opacity:0;visibility:hidden;transition:.5s ease;color:rgb(var(--textColor))}.blog-thumbnail-arrow svg{width:18px;height:18px;display:block}.blog-item:hover .blog-thumbnail-arrow{opacity:1;visibility:visible;transform:rotate(45deg) translate3d(0,30px,0)}.blog-item-image-container .media{position:relative;width:100%;padding-top:var(--ratio, 66.666%)}.blog-item-image-container .media img,.blog-item-image-container .media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.blog-item:hover .media img{transform:scale(1.03)}.blog-item-content{position:relative;padding-top:15px;border-top:0}.blog-post-wrapper.card-enabled:not(.curved-style-enabled) .blog-item-content .blog-excerpt-meta-item.date{position:absolute;top:-48px;left:12px;background:rgba(var(--background),.6);padding:8px 10px;border-radius:50px;color:rgb(var(--alternateBackground));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.blog-item-heading{color:rgb(var(--headingColor));margin:15px 0;display:inline-block;width:100%;font-weight:700}.blog-post-wrapper.card-enabled .blog-item-heading{color:rgb(var(--textColor))}.blog-item-content .blog-item-desc{margin:0 0 20px;line-height:1.7}.blog-item-content .blog-excerpt-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;column-gap:10px;width:100%}.curved-style-enabled .blog-item-content .blog-excerpt-meta{justify-content:flex-start;width:auto;background:rgb(var(--alternateBackground));display:inline-flex;gap:12px;padding:4px 15px;border-radius:0 6px 6px 0;position:absolute;top:-50px}.curved-style-enabled .blog-item-content .publisher-name{margin-right:8px}.blog-item-content .blog-excerpt-meta-item{font-size:var(--text);display:flex;align-items:center;gap:8px}.page-banner+.main-blog-wrapper{padding-top:50px}.article-comments{position:absolute;right:15px;top:15px;background:rgb(var(--background));border-radius:50px;display:flex;align-items:center;padding:2px 10px;font-weight:500;box-shadow:0 6px 16px #0000000f}.article-comments svg{margin-right:4px}.blog-filter-list{text-align:center;width:100%;margin-bottom:35px;overflow-x:auto;padding-bottom:10px}.post-tags{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 10px}.post-tags li{margin:0}.post-tags li a{display:inline-block;padding:4px 12px;border-radius:999px;background-color:rgb(var(--alternateBackground));color:var(--textColor);font-size:var(--smallText)}.blog-item .post-tags li a{background-color:rgb(var(--alternateBackground))}.blog-item-image-container .media svg{position:absolute;top:0;left:0;width:100%;height:100%}.blog-post-wrapper.slider-active.flickity-enabled{display:block;margin:0 -10px}.blog-post-wrapper.slider-active.flickity-enabled .blog-item{width:85%;flex:0 0 85%;padding:0 10px}@media (min-width:576px){.blog-post-wrapper{grid-template-columns:repeat(2,1fr)}.blog-post-wrapper.slider-active.flickity-enabled .blog-item{width:50%;flex:0 0 50%}}@media (min-width:992px){.blog-post-wrapper,.blog-articles.blog-post-wrapper{grid-template-columns:repeat(3,1fr)}.blog-post-wrapper.slider-active.flickity-enabled .blog-item{width:33.333%;flex:0 0 33.333%}.blog-post-wrapper.card-enabled .blog-item-inner{padding:20px}.blog-post-wrapper.card-enabled .cut-edge-blog{right:19px;top:19px}}@media (min-width:1200px){.blog-post-wrapper.slider-active.flickity-enabled .blog-item{width:25%;flex:0 0 25%}.related-posts-section .blog-articles.blog-post-wrapper{grid-template-columns:repeat(4,1fr)}}@media (max-width:767px){.blog-item-content .blog-item-desc{margin:0 0 15px}.cut-edge-blog svg{width:80px;height:80px}.blog-thumbnail-arrow svg{width:14px;height:14px}.blog-posts-section .blog-post-wrapper:not(.slider-active){gap:10px;grid-auto-flow:column;grid-auto-columns:minmax(calc(90vw - 30px),1fr);overflow-x:auto;scroll-snap-type:x mandatory;grid-template-columns:unset;padding-bottom:20px}.blog-posts-section .blog-item{scroll-snap-align:center;scroll-snap-stop:always}.blog-image-overlay{backdrop-filter:none;-webkit-backdrop-filter:none}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/blog-posts.css.map */