.main-blog-tab{overflow-x:auto;margin:30px 0 40px}.blog-tab-nav{display:inline-flex;align-items:center;justify-content:center;padding:4px 0}.blog-tab-nav li .blog-tab-link{display:block;padding:10px 22px;font-size:var(--text-size-large);transition:all .4s ease;border-radius:80px;border:1px solid rgba(var(--color-button-border));background-color:rgba(var(--color-alternate-button-background));color:rgba(var(--color-alternate-button-text));position:relative;z-index:1;overflow:hidden;white-space:nowrap;margin-right:10px}p.blog-desc{margin-top:10px}.blog-tab-nav li .blog-tab-link:before{position:absolute;content:"";top:0;left:-25px;right:-50px;bottom:0;z-index:-1;transition:all .3s ease-in-out;border-radius:var(--button-radius);border-right:50px solid transparent;border-bottom:80px solid rgb(var(--color-button-text-hover));transform:translate(-100%);opacity:0}.blog-tab-nav li .blog-tab-link:is(:hover,.active){color:rgba(var(--color-button-background-hover))}.blog-tab-nav li .blog-tab-link:is(:hover,.active):before{transform:translate(0);opacity:1}.main-blog-grid .blog-item:is(:nth-child(1)) .blog-image{position:relative}.main-blog-grid .blog-item:is(:nth-child(1)) .blog-image:after{content:"";position:absolute;left:0;right:0;bottom:0;height:70%;background:linear-gradient(to top,#000000b8,#0000);pointer-events:none;z-index:1}.main-blog-grid .blog-item:is(:nth-child(1)) .blog-content{position:absolute;left:0;bottom:0;max-height:100%;overflow-y:auto;color:#fff;padding:26px;z-index:2}.main-blog-grid .blog-item:is(:nth-child(1)) .blog-content a,.main-blog-grid .blog-item:is(:nth-child(1)) .blog-content .blog-dates,.main-blog-grid .blog-item:is(:nth-child(1)) .blog-content .blog-desc{color:#fff}.main-blog-grid .blog-item:is(:nth-child(1)) .blog-content .button-underline{color:#fff}@media(max-width:767px){.main-blog-grid .blog-item:is(:nth-child(1)) .blog-content a,.main-blog-grid .blog-item:is(:nth-child(1)) .blog-content .blog-dates,.main-blog-grid .blog-item:is(:nth-child(1)) .blog-content .blog-desc{color:#000}.main-blog-grid .blog-item:is(:nth-child(1)) .blog-content .button-underline{color:#000}}.main-article-banner{margin-bottom:24px}.article-banner-img{position:relative;overflow:hidden}.article-banner-img:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:0;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(25%,rgba(var(--color-overlay-background) / 0)),to(rgba(var(--color-overlay-background, var(--color-overlay-opacity)))));background-image:linear-gradient(180deg,rgba(var(--color-overlay-background) / 0) 25%,rgba(var(--color-overlay-background, var(--color-overlay-opacity))))}.article-banner-img+.article-banner-content{position:absolute;left:0;right:0;bottom:60px;width:100%;max-width:80%;margin:0 auto}.article-container .article-banner-content>.container{padding:0}.article-banner-img+.overlay-title *{color:rgba(var(--color-background))}.article-container{max-width:98%;margin:0 auto;padding:0 20px}.article-comments-form-card{display:grid;gap:20px;padding:24px;border:1px solid rgba(var(--color-divider));border-radius:var(--block-card-radius);margin-top:30px}.article-comments-header h4{margin-top:0}.article-comments-submit .button{margin:0}.article-comment-card{background-color:rgba(var(--color-background-foreground));color:rgba(var(--color-text));border-radius:8px;padding:24px;margin-top:30px}.article-comment-card>p{margin:0 0 20px}.article-comment-card .date{display:inline-flex;gap:5px;font-size:var(--text-size-small);color:rgba(var(--color-text),.5);margin:5px 0 0}@media(min-width:768px){.main-article-banner{margin-bottom:60px}.blog-grid-wrapper{grid:auto / repeat(12,minmax(0,1fr))}.blog-item{grid-column:span 4}.main-blog-grid .blog-item:nth-child(1){grid-column:span 8}.article-container{max-width:80%}.article-comments-form-card{display:grid;gap:30px;padding:48px}.article-post-icons{margin:30px 0}}@media(max-width:767px){.main-blog-grid .blog-item:is(:nth-child(1)) .blog-content{position:unset;color:rgb(var(--color-text));padding:16px 0}.blog-tab-nav li .blog-tab-link{padding:6px 22px;font-size:var(--text-size-base)}.article-banner-img+.article-banner-content{max-width:97%}.article-post-icons{margin:15px 0}}.article-container{max-width:760px}.article-banner-img{border-radius:0;overflow:hidden;box-shadow:none}.article-banner-content:not(.overlay-title){padding-bottom:28px;margin-bottom:32px;border-bottom:1px solid rgba(var(--color-divider))}.article-banner-content .blog-title{margin-bottom:14px;line-height:1.25}.article-banner-content>.container>span{display:flex;flex-wrap:wrap;align-items:center;gap:4px 14px;font-size:var(--text-size-small);color:#fff;margin-bottom:0}.article-content .rte{line-height:1.85}.article-content .rte h2,.article-content .rte h3,.article-content .rte h4{margin-top:2em;margin-bottom:.5em}.article-content .rte p{margin-bottom:1.4em}.article-content .rte img{border-radius:8px;max-width:100%;height:auto}.article-content .rte blockquote{border-left:3px solid rgba(var(--color-text),.15);margin:2em 0;padding:.5em 0 .5em 1.5em;font-style:italic;color:rgba(var(--color-text),.65)}.social-share-icon{margin:36px 0 0}.social-share-icon .social-share-card{display:flex;align-items:center;gap:16px;padding:20px 0;border-top:1px solid rgba(var(--color-divider));border-bottom:1px solid rgba(var(--color-divider))}.social-share-icon .social-share-card>span{font-size:var(--text-size-small);text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:rgba(var(--color-text),.45);white-space:nowrap}.social-share-icon .social-icons-list{display:flex;gap:10px;margin:0}.social-share-icon .social-icons-link{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid rgba(var(--color-divider));transition:background .2s ease,border-color .2s ease}.social-share-icon .social-icons-link:hover{background:rgba(var(--color-text),.06);border-color:rgba(var(--color-text),.2)}@media(max-width:767px){.article-container{max-width:100%;padding:0 16px}.article-banner-content:not(.overlay-title){padding-bottom:20px;margin-bottom:24px}.social-share-icon .social-share-card{gap:12px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/main-blog.css.map */