@charset "UTF-8";.bonjil-before-after{position:relative;background:var(--bonjil-ba-bg,var(--section-background,transparent));padding:var(--pad-top-m,40px) var(--pad-x-m,20px) var(--pad-bottom-m,40px);box-sizing:border-box;overflow:hidden}@media print,screen and (min-width:64em){.bonjil-before-after{padding:var(--pad-top-d,64px) var(--pad-x-d,40px) var(--pad-bottom-d,64px);overflow:visible}}.bonjil-before-after__inner{width:100%;max-width:var(--max-width,1440px);margin:0 auto;box-sizing:border-box}.bonjil-before-after__header{margin-bottom:1.75rem;text-align:left}@media print,screen and (min-width:64em){.bonjil-before-after__header{margin-bottom:3rem}}.bonjil-before-after__header>*{margin:0}.bonjil-before-after__header>*+*{margin-top:.75rem}.bonjil-before-after[data-header-align=center] .bonjil-before-after__header{text-align:center;margin-left:auto;margin-right:auto;max-width:47.5rem}.bonjil-before-after__intro{font-size:var(--font-body-size-regular-mobile);line-height:1.5rem}@media print,screen and (min-width:64em){.bonjil-before-after__intro{font-size:var(--font-body-size-regular)}}.bonjil-before-after__intro>:last-child{margin-bottom:0}.bonjil-before-after__track{display:flex;gap:var(--gap-m,12px);margin:0 calc(-1 * var(--pad-x-m,20px));padding:0 var(--pad-x-m,20px);scroll-padding-inline:var(--pad-x-m,20px);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none}.bonjil-before-after__track::-webkit-scrollbar{display:none}@media (hover:hover) and (pointer:fine){.bonjil-before-after__track{scrollbar-width:thin;padding-bottom:.75rem}.bonjil-before-after__track::-webkit-scrollbar{display:block;height:.375rem}.bonjil-before-after__track::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:.1875rem}}.bonjil-before-after__track:focus{outline:0}.bonjil-before-after__track:focus-visible{outline:.125rem solid var(--brand-color);outline-offset:.125rem}.bonjil-before-after__track>.shopify-block{display:contents}@media print,screen and (min-width:64em){.bonjil-before-after__track{display:grid;grid-template-columns:repeat(var(--cols-d,3),minmax(0,1fr));gap:2.5rem var(--gap-d,32px);margin:0;padding:0;overflow:visible;scroll-snap-type:none;scrollbar-width:auto}}.bonjil-before-after__footnote{font-size:var(--font-body-size-xsmall);margin-top:1.25rem;opacity:.75}@media print,screen and (min-width:64em){.bonjil-before-after__footnote{margin-top:2rem}}.bonjil-before-after__footnote p{margin:0}.bonjil-before-after__footnote p+p{margin-top:.25rem}.ba-item{flex:0 0 var(--item-w-m,85%);min-width:0;scroll-snap-align:start}@media print,screen and (min-width:64em){.ba-item{flex:none}}.ba-item__media{display:grid;grid-template-columns:1fr 1fr;gap:var(--half-gap,0);width:100%;overflow:hidden}.ba-item__half{position:relative;aspect-ratio:var(--half-aspect,3/4);overflow:hidden;min-width:0}.ba-item__composite{grid-column:1/-1;grid-row:1;position:relative;overflow:hidden}.ba-item__sizer{grid-column:1;grid-row:1;visibility:hidden}.ba-item__composite img,.ba-item__half img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--object-position,center)}.ba-item__placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-border,color-mix(in srgb,currentColor 6%,transparent))}.ba-item__placeholder svg{width:70%;height:auto;opacity:.4}.ba-item__half--after .ba-item__placeholder{border-left:1px solid rgba(255,255,255,.6)}.ba-item__placeholder-label{font-size:var(--font-body-size-xsmall);position:absolute;left:.625rem;top:.625rem;text-transform:uppercase;letter-spacing:.08em;line-height:1}.ba-item__caption{padding-top:.75rem}@media print,screen and (min-width:64em){.ba-item__caption{padding-top:1rem}}.ba-item__period,.ba-item__product{margin:0}.ba-item__product{font-size:var(--font-body-size-xsmall);text-transform:uppercase;letter-spacing:.04em;line-height:1.4;opacity:.75}.ba-item__period{font-size:var(--font-body-size-regular-mobile);line-height:1.5rem}@media print,screen and (min-width:64em){.ba-item__period{font-size:var(--font-body-size-regular)}}.ba-item__period{letter-spacing:.08em;line-height:1.4}.ba-item__product+.ba-item__period{margin-top:.25rem}
/*# sourceMappingURL=bonjil__before-after.css.map */