:root{--before-after-label-position: .8rem}@media screen and (min-width:990px){:root{--before-after-label-position: 1.6rem}}@media screen and (min-width:1360px){:root{--before-after-label-position: 3.2rem}}.before-after{overflow:hidden;--before-after-value: 50}.before-after__root{position:relative;overflow:hidden;display:flex;border-radius:var(--border-radius-media)}.before-after__root:before{content:"";width:0;padding-bottom:var(--padding-bottom, 56.25%)}.before-after__container{position:relative;width:100%}.before-after__media{position:relative;width:100%;height:100%;display:grid;grid-template:1fr/1fr;overflow:hidden}.before-after__media:before,.before-after__media:after{content:"";position:absolute;pointer-events:none;transition:left var(--before-after-duration, 0s) ease-in-out,top var(--before-after-duration, 0s) ease-in-out;z-index:2}.before-after__media:before{background:rgb(var(--color-background))}.before-after__media:after{inset:0 auto;left:calc(var(--before-after-value) * 1%);background:rgb(var(--color-background));width:.4rem;transform:translate(-50%)}.before-after__media:focus-within .before-after__handle{outline:1px solid rgb(var(--color-foreground))}.before-after__media:has(:focus:not(:focus-visible)) .before-after__handle{outline:none}.before-after__layer{grid-area:1/1;position:relative;width:100%;height:100%;transition:clip-path var(--before-after-duration, 0s) ease-in-out}.before-after__layer--before{clip-path:inset(0 calc((100 - var(--before-after-value)) * 1%) 0 0)}.before-after__layer--after{z-index:0;clip-path:inset(0 0 0 calc(var(--before-after-value) * 1%))}.before-after__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.before-after__slider{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none}.before-after__slider::-webkit-slider-thumb,.before-after__slider::-moz-range-thumb{width:3.2rem;height:3.2rem;border:0;background:transparent;cursor:inherit;-webkit-appearance:none;appearance:none}.before-after__slider::-webkit-slider-track,.before-after__slider::-moz-range-track{background:transparent;border:0;-webkit-appearance:none;appearance:none}.before-after__handle{position:absolute;gap:.5rem;z-index:4;top:50%;left:calc(var(--before-after-value) * 1%);transform:translate(-50%,-50%);pointer-events:none;width:3.2rem;height:3.2rem;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:var(--border-radius-button);overflow:hidden;transition:left var(--before-after-duration, 0s) ease-in-out,top var(--before-after-duration, 0s) ease-in-out}.before-after__label{position:absolute;display:flex;align-items:center;justify-content:center;padding:.4rem .8rem;border-radius:max(var(--border-radius-media) - .4rem,0px);background:rgba(var(--color-background),.8);max-width:calc(50% - .8rem);color:rgb(var(--color-foreground));word-break:break-word;pointer-events:none}.before-after__label--before{left:var(--before-after-label-position)}.before-after__label--after{right:var(--before-after-label-position)}[data-labels-position=top] .before-after__label{top:var(--before-after-label-position)}[data-labels-position=bottom] .before-after__label{bottom:var(--before-after-label-position)}[dir=rtl] .before-after__handle svg{transform:rotate(180deg)}[dir=rtl] .before-after__label--before{left:auto;right:.4rem;clip-path:inset(0 0 0 calc(var(--before-after-value) * 1%))}[dir=rtl] .before-after__label--after{right:auto;left:.4rem;clip-path:inset(0 calc((100 - var(--before-after-value)) * 1%) 0 0)}.lartiste-hand-painted-section .lartiste-art__intro:not(:has(.lartiste-art__eyebrow,.lartiste-art__heading,.lartiste-art__description)),.section-brand-flex:has(+.lartiste-hand-painted-section)+.lartiste-hand-painted-section .lartiste-art__intro{display:none;margin:0}.lartiste-hand-painted-section .before-after__layer--before .before-after__image,.lartiste-hand-painted-section .before-after__layer--after .before-after__image{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform-origin:50% 50%}.section-brand-flex:has(+.lartiste-hand-painted-section) .brand-flex--text .brand-flex__content{padding:clamp(2.4rem,3vw,4.8rem) 2.4rem .4rem!important;min-height:0!important}.section-brand-flex:has(+.lartiste-hand-painted-section) .brand-flex--text .brand-flex__body{margin-top:1.2rem!important;margin-bottom:0!important}.section-brand-flex:has(+.lartiste-hand-painted-section) .brand-flex--text .brand-flex__body br{display:none}.section-brand-flex:has(+.lartiste-hand-painted-section) .brand-flex--text .brand-flex__body p,.section-brand-flex:has(+.lartiste-hand-painted-section) .brand-flex--text .brand-flex__body p:last-child{margin-bottom:0!important}.section-brand-flex:has(+.lartiste-hand-painted-section) .brand-flex__inner{padding-bottom:0!important}.lartiste-hand-painted-section{margin-top:0!important}.lartiste-hand-painted-section .lartiste-art,.lartiste-hand-painted-section .container,.lartiste-hand-painted-section .lartiste-art__slider-wrap{margin-top:0!important;padding-top:0!important}.lartiste-hand-painted-section .before-after__layer--before .before-after__image{transform-origin:50% 50%;transform:translate(1.35%,.65%) scale(1.03)}.lartiste-hand-painted-section .before-after__layer--after .before-after__image{transform-origin:50% 50%;transform:translate(0) scale(1)}@media screen and (max-width:749px){.section-brand-flex:has(+.lartiste-hand-painted-section) .brand-flex--text .brand-flex__content{padding:2rem 1.8rem 0!important}.section-brand-flex:has(+.lartiste-hand-painted-section) .brand-flex--text .brand-flex__body{margin-top:1rem!important}}
/*# sourceMappingURL=/cdn/shop/t/222/assets/section-before-after.css.map */