.article-featured{position:relative;width:100vw;overflow:hidden}.article-featured__pager{position:absolute;left:50%;top:290px;transform:translate(-50%);z-index:3;display:flex}.article-featured__pager button{width:24px;height:24px;position:relative}.article-featured__pager button:after{content:"";width:6px;height:6px;background:#ffffff80;border-radius:50%;display:block;position:absolute;top:50%;left:50%;transform:translate(50%,50%)}.article-featured__pager button.active:after{background:#fff}.article-featured__title{text-align:center;margin:40px 0 25px;color:#fff;opacity:1;background-color:transparent}.article-featured__image{position:relative;height:100%}.article-featured__image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d}.article-featured__info{display:flex;align-items:flex-end;justify-content:center;text-align:center;padding:30px 25px 0}.article-featured__list{outline:0}.article-featured__item{width:100vw}.article-featured__item img{width:100%;height:280px;object-fit:cover;object-position:center;z-index:1}.article-featured__arrow{position:absolute;top:240px;transform:translateY(-50%);z-index:3;padding:25px;opacity:.7;transition:opacity .3s ease;color:#fff}.article-featured__arrow:hover{opacity:1}.article-featured__arrow-prev{left:0;transform:translateY(-50%) rotate(180deg)}.article-featured__arrow-next{right:0}@media screen and (min-width: 768px){.article-featured .flickity-viewport,.article-featured .flickity-slider{height:627px!important}.article-featured__pager{top:auto;bottom:45px}.article-featured__list{height:100%}.article-featured__item{width:100vw;height:100%}.article-featured{height:627px;color:#fff;background:var(--color-bg-primary-inverted)}.article-featured__title{position:absolute;top:60px;left:0;width:100%;z-index:3;pointer-events:none;padding:0;margin:0}.article-featured__image:after{content:unset}.article-featured__info{width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;background:#1116;padding:0 0 90px}.article-featured__item img{height:100%}.article-featured__arrow{top:50%}.article-featured__arrow-prev{left:35px}.article-featured__arrow-next{right:35px}.article-featured__info h3{width:75%}}@media screen and (min-width: 1024px){.article-featured__arrow-prev{left:90px}.article-featured__arrow-next{right:90px}.article-featured__info h3{width:60%}}
/*# sourceMappingURL=/cdn/shop/t/380/assets/section-article-featured.css.map */
