.before-after-carousel__header{text-align:center;margin-bottom:24px}.before-after-carousel__heading{margin-bottom:6px}.before-after-carousel__subheading{font-size:13px}.before-after-carousel__track{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain}.before-after-carousel__track::-webkit-scrollbar{display:none}.before-after-carousel__item{position:relative;flex:0 0 calc((100% - (var(--items-desktop) - 1) * 10px) / var(--items-desktop));aspect-ratio:1 / 1;border-radius:10px;overflow:hidden;background:#f3efec;scroll-snap-align:start}.before-after-carousel__item img,.before-after-carousel__item .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.before-after-carousel__label{position:absolute;top:10px;left:10px;z-index:1;padding:3px 10px;border-radius:4px;background:#fff;color:#000;font-size:11px;line-height:1.4}.before-after-carousel__item--side_by_side .before-after-carousel__label--after{left:calc(50% + 10px)}.before-after-carousel__item--stacked .before-after-carousel__label--after{top:calc(50% + 10px)}.before-after-carousel__progress{position:relative;height:16px;margin-top:4px;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.before-after-carousel__progress-bar{position:absolute;top:50%;left:0;height:6px;width:25%;margin-top:-3px;border-radius:100px;background:#ffc5c5;cursor:grab;transition:background-color .15s ease}.before-after-carousel__progress-bar:hover,.before-after-carousel__progress.is-dragging .before-after-carousel__progress-bar{background:#ea5e75}.before-after-carousel__progress.is-dragging,.before-after-carousel__progress.is-dragging .before-after-carousel__progress-bar{cursor:grabbing}.before-after-carousel__nav{display:flex;justify-content:center;gap:16px;margin-top:12px}.before-after-carousel__arrow{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:#f6ebe7;color:#000;cursor:pointer}.before-after-carousel__arrow .icon{width:10px;height:10px}.before-after-carousel__arrow:disabled{opacity:.5;cursor:default}@media only screen and (max-width:768px){.before-after-carousel__item{flex-basis:72%}}
/*# sourceMappingURL=/cdn/shop/t/9/compiled_assets/styles.css.map?subset=gA */