.article-carousel{background-color:var(--derm-m-white)}.article-carousel__container{margin:0 auto;padding:0}.article-carousel__header{justify-content:space-between;align-items:flex-start;margin-bottom:3rem;gap:2rem;position:absolute;top:4.286rem;width:100%;display:flex;justify-content:space-evenly}.article-carousel__controls{display:flex;gap:.5rem;flex-shrink:0;width:100%}.article-carousel__controls--hide-desktop{display:none}.article-carousel__arrow{display:flex;align-items:center;justify-content:center;width:3.429rem;height:3.429rem;border-radius:50%;cursor:pointer;transition:all .3s ease;z-index:11}.article-carousel__arrow--prev{margin-left:25%;margin-right:auto}.article-carousel__arrow--next{margin-right:25%;margin-left:auto}.article-carousel__arrow:hover{color:var(--derm-m-white);transform:scale(1.1)}.article-carousel__arrow:active{transform:scale(1.1)}.article-carousel__arrow svg{width:1.786rem;height:1.429rem}.article-carousel__arrow.swiper-button-disabled{opacity:.5;cursor:not-allowed}.article-carousel__arrow.swiper-button-disabled:hover{transform:none}.article-carousel__body{position:relative}.article-carousel__wrapper{overflow:hidden}.article-carousel__track{position:relative}.article-carousel__slide{flex-shrink:0;padding:0}.swiper{overflow:hidden}.swiper-wrapper{display:flex;list-style:none;margin:0;padding:0}.swiper-slide{flex-shrink:0;height:auto}@media screen and (min-width: 320px){.swiper-slide{flex:0 0 75%;flex-shrink:0}.article-carousel__controls--hide-desktop{display:flex}}@media screen and (max-width: 767px){.article-carousel__arrow--prev{margin-left:1.429rem}.article-carousel__arrow--next{margin-right:1.429rem}}@media screen and (min-width: 768px){.article-carousel__header{margin-bottom:4rem}.swiper-slide{flex:0 0 50%}.swiper-wrapper{justify-content:flex-start}.article-carousel__container{padding:0}.article-carousel__controls--hide-desktop{display:flex}}@media screen and (min-width: 1024px){.article-carousel__header{margin-bottom:5rem}.swiper-slide{flex:0 0 33.333%}.article-carousel__controls--hide-desktop{display:none}}.article-carousel__arrow:focus{outline:.143rem solid var(--derm-m-accessibility-blue);outline-offset:.143rem}.article-carousel--loading .article-carousel__track{opacity:.6}
/*# sourceMappingURL=/cdn/shop/t/88/assets/section-article-carousel.css.map */