.articles-section{display:flex;padding:70px 0}.article-section-text{margin:0;font-size:50px;font-family:var(--font-heading-family);color:var(--primary-color);font-weight:600;line-height:130%}.articles-section-text-container{flex:1.5;display:flex;justify-content:center;align-items:center;flex-direction:column;background:url(/cdn/shop/files/tracks_cded7b6a-90d1-4e51-9a62-82183f3e7923.svg?v=1728369630);background-position-y:80%;background-repeat:no-repeat;padding:30px}.articles-section-text-container-inner{display:flex;flex-direction:column;gap:10px}.articles-section-text-container-inner h3{font-family:var(--font-heading-family);font-size:30px;font-weight:600;margin:0}.articles-section-text-container-inner p{font-family:var(--font-body-family);margin-bottom:60px}.articles-section-article-container{flex:2;display:flex;overflow-x:auto;position:relative}.articles-section-article-container-inner{display:flex;gap:20px;background-color:#fff;width:100%;overflow-x:auto}.articles-section-article{position:relative;flex:0 0 80%;height:calc(40vw + 20px);display:flex;justify-content:space-between;flex-direction:column;padding:35px;border-radius:10px;background-position:center;background-size:cover;background-repeat:no-repeat;overflow:hidden}.articles-section-article:first-child{margin-left:20px}.article-text-section{color:#fff}.fake-article{opacity:0;min-width:100px}.articles-section-article-container-inner::-webkit-scrollbar{display:none}.articles-section-article-container{-ms-overflow-style:none;scrollbar-width:none}.articles-section-article-btn{width:100px;height:100px;border-radius:50%;background-color:#ffffff1a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color .3s ease}.articles-section-article-btn:hover{background-color:#ffffff80}.articles-section-article-btn img{width:30px;transform:translate(3px)}.articles-section-article-container.active{cursor:grabbing}.article-section-description{font-size:16px;font-family:var(--font-body-family)}.article-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000,#00000080);z-index:1}.article-section-tag{background-color:var(--primary-color);color:#fff;padding:.5rem 1.6rem;border-radius:100px;display:flex;gap:10px;font-weight:700;width:fit-content;margin-bottom:60px}.article-section-tag img{width:15px}.article-section-tag p{margin:0;font-family:var(--font-body-family);font-size:14px}.article-section-tag,.article-text-section{position:relative;z-index:2}.article-section-article-title{margin:0;font-family:var(--font-heading-family);font-weight:600;font-size:30px;line-height:110%;text-wrap:balance}.article-button-container img{width:40px}.article-button-container{display:flex}.article-button-container p{margin-left:10px;color:#fff;font-weight:700;font-size:16px}@media (max-width: 1200px){.article-section-article-title{font-size:25px}.articles-section-article{padding:25px}.article-button-container p{font-size:14px}}@media (max-width: 1000px){.articles-section-text-container-inner p{margin-bottom:40px}}@media (max-width: 900px){.article-section-article-title{font-size:22px}}@media (max-width: 767px){.article-section-tag img{width:10px}.article-button-container img{width:30px}.article-section-tag p{font-size:12px}.articles-section{display:unset}.articles-section-text-container{padding-top:50px}.articles-section-text-container{display:block}.articles-section-article{flex:0 0 43%;height:calc(45vw + 100px);border-radius:7px;padding:20px}.articles-section-article-container-inner{margin-bottom:100px}.fake-article{opacity:0;min-width:20px}}@media (max-width: 500px){.article-section-tag{padding:.4rem 1.6rem}.article-section-article-title{font-size:20px}.article-section-text{font-size:40px}.articles-section-text-container-inner h3{font-size:20px}.articles-section-article-btn{width:60px;height:60px}.articles-section-article-btn img{width:20px;transform:translate(3px)}.articles-section-article{flex:0 0 54%;height:calc(45vw + 130px);padding:15px}}@media (max-width: 400px){.article-section-text{font-size:35px}.articles-section-text-container-inner h3{font-size:27px}.articles-section-article{flex:0 0 60%;height:calc(45vw + 160px)}}
/*# sourceMappingURL=/cdn/shop/t/224/assets/bit-article-scroll-section.css.map */