.ba{--ba-gap: 24px;--ba-gap-mobile: 12px;--ba-ratio: 1/1;--ba-card-radius: var(--border-radius-main);--ba-section-bg: transparent;--ba-heading-color: rgb(var(--color-foreground-title));--ba-text-color: rgb(var(--color-foreground));--ba-title-color: rgb(var(--color-foreground-title));--ba-caption-color: rgb(var(--color-foreground));--ba-label-bg: #ede7e1;--ba-label-color: #1a1a1a;--ba-label-radius: 4px;--ba-label-size: 14px;--ba-label-offset: 16px;--ba-handle-bg: #ffffff;--ba-handle-color: #1a1a1a;--ba-handle-size: 76px;--ba-divider-color: #ffffff;--ba-divider-width: 2px;--ba-arrow-bg: #ffffff;--ba-arrow-color: #1a1a1a;--ba-arrow-size: 44px;--ba-arrow-top: 40%;background-color:var(--ba-section-bg)}.ba__header{text-align:center;max-width:76rem;margin:0 auto 3.2rem}@media screen and (min-width:990px){.ba__header{margin-bottom:4.8rem}}.ba__subheading{margin-bottom:1.2rem}.ba__title{margin:0;color:var(--ba-heading-color)}.ba__description{margin-top:1.6rem;color:var(--ba-text-color)}.ba__description p{margin:0;color:inherit}.ba__outer{position:relative}.ba__slider{overflow:hidden}.ba__list{display:grid;gap:var(--ba-gap-mobile);box-sizing:border-box;width:100%}@media screen and (min-width:750px){.ba__list{gap:var(--ba-gap)}}.ba__list--1-mobile{grid-template-columns:1fr}.ba__list--2-mobile{grid-template-columns:repeat(2,1fr)}@media screen and (min-width:750px){.ba__list--2,.ba__list--3,.ba__list--4,.ba__list--5{grid-template-columns:repeat(2,1fr)}.ba__list--1{grid-template-columns:1fr}}@media screen and (min-width:990px){.ba__list--3,.ba__list--4,.ba__list--5{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:1200px){.ba__list--4{grid-template-columns:repeat(4,1fr)}.ba__list--5{grid-template-columns:repeat(5,1fr)}}.swiper-initialized>.ba__list{display:flex;gap:0;grid-template-columns:none;transition-property:transform}.ba-card{--ba-pos: 50%;height:auto;box-sizing:border-box}.ba-card__figure{position:relative;width:100%;aspect-ratio:var(--ba-ratio);overflow:hidden;border-radius:var(--ba-card-radius);background-color:rgba(var(--color-foreground),.04);touch-action:pan-y;-webkit-user-select:none;user-select:none}.ba-card__layer{position:absolute;top:0;right:0;bottom:0;left:0}.ba-card__layer img,.ba-card__layer svg{display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.ba-card__layer--before{clip-path:inset(0 calc(100% - var(--ba-pos)) 0 0)}.ba-card__divider{position:absolute;top:0;bottom:0;left:var(--ba-pos);width:var(--ba-divider-width);margin-left:calc(var(--ba-divider-width) / -2);background-color:var(--ba-divider-color);pointer-events:none;z-index:3}.ba-card__handle{position:absolute;top:50%;left:var(--ba-pos);transform:translate(-50%,-50%);z-index:4;display:flex;align-items:center;justify-content:center;gap:0;width:var(--ba-handle-size);height:var(--ba-handle-size);border-radius:50%;background-color:var(--ba-handle-bg);color:var(--ba-handle-color);opacity:.85;pointer-events:none;transition:opacity var(--duration-default)}.ba-card__handle svg{width:30%;height:30%;flex:none}.ba-card__figure:hover .ba-card__handle{opacity:1}.ba-card__label{position:absolute;top:var(--ba-label-offset);z-index:3;padding:.6rem 1.2rem;border-radius:var(--ba-label-radius);background-color:var(--ba-label-bg);color:var(--ba-label-color);font-family:var(--font-body-family);font-size:var(--ba-label-size);line-height:1.2;pointer-events:none;white-space:nowrap}.ba-card__label--before{left:var(--ba-label-offset)}.ba-card__label--after{right:var(--ba-label-offset)}.ba-card__range{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;background:transparent}.ba-card__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--ba-handle-size);height:var(--ba-handle-size);cursor:ew-resize}.ba-card__range::-moz-range-thumb{width:var(--ba-handle-size);height:var(--ba-handle-size);border:none;cursor:ew-resize}.ba-card__range:focus-visible~.ba-card__handle{opacity:1;box-shadow:0 0 0 .3rem rgb(var(--color-foreground))}.ba-card__info{text-align:center;margin-top:2rem}.ba-card__heading{margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);line-height:var(--font-heading-line-height);color:var(--ba-title-color)}.ba-card__caption{margin-top:.8rem;font-size:calc(var(--font-body-scale) * 1.3rem);color:var(--ba-caption-color)}.ba__nav{position:absolute;top:var(--ba-arrow-top);z-index:6;display:none;align-items:center;justify-content:center;width:var(--ba-arrow-size);height:var(--ba-arrow-size);padding:0;border:none;border-radius:50%;cursor:pointer;background-color:var(--ba-arrow-bg);color:var(--ba-arrow-color);box-shadow:0 .2rem 1.2rem #0000001f;transition:opacity var(--duration-default)}@media screen and (min-width:750px){.ba__nav{display:flex}}.ba__nav svg{width:45%;height:45%}.ba__nav--prev{left:0;transform:translate(-50%,-50%)}.ba__nav--next{right:0;transform:translate(50%,-50%)}.ba__nav:hover{opacity:.85}.ba__nav.swiper-button-disabled{opacity:.3;pointer-events:none}.ba__nav.swiper-button-lock{display:none}.ba__nav:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.2rem}.ba__pagination-wrapper{margin-top:2.4rem}.ba__pagination.swiper-pagination{position:static!important;width:100%}@media(prefers-reduced-motion:reduce){.ba-card__handle{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-before-after.css.map */