@property --em-ba-position{syntax: "<percentage>"; inherits: true; initial-value: 0%;}.em-ba__notice{margin:0;padding:1rem;border-radius:.5rem;background:rgb(var(--em-error) / .1);color:rgb(var(--em-error));text-align:center}.em-ba__title{text-wrap:balance}.em-ba-section__stacked{padding-block:80px}.em-ba__frame{width:100%;max-width:78rem;margin-inline:auto}.em-ba__frame--bleed{max-width:none;width:auto;margin-inline:calc(-1 * var(--em-gutter))}.em-ba-split{display:grid;grid-template-columns:minmax(0,1fr)}.em-ba-split__column{padding:var(--em-space-section) var(--em-gutter)}.em-ba-split__column--text{align-self:start}.em-ba-split__column--media{align-self:center}.em-ba-split__column--flush{padding:0}@media screen and (min-width:1000px){.em-ba-split{grid-template-columns:var(--em-ba-columns, minmax(0, 1fr) minmax(0, 1fr));max-width:var(--em-page-max);margin-inline:auto}.em-ba-split--reverse>.em-ba-split__column--text{order:2}.em-ba-split__column--text{position:sticky;top:0}}.em-ba{--em-ba-handle-size: 2.5rem;--em-ba-label-margin: 1.25rem;position:relative;display:grid;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:pan-x pan-y}.em-ba>*,.em-ba__layer>*,.em-ba__layer>picture>img{grid-area:1 / 1}.em-ba__layer{position:relative;display:grid}.em-ba__layer>picture{display:contents}.em-ba__layer--after{z-index:1}.em-ba__img{display:block;width:100%;height:auto}.em-ba__img--cover{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;object-fit:cover;object-position:center}.em-ba__label{z-index:1;margin:var(--em-ba-label-margin);padding:4px;isolation:isolate;transition:opacity .15s}.em-ba__label--scheme{color:rgb(var(--em-text))}.em-ba__label p{margin:0}.em-ba.is-dragging .em-ba__label{opacity:0}.em-ba__handle{position:relative;z-index:2;display:grid;filter:drop-shadow(0 2px 4px rgb(0 0 0 / .05));outline:none}.em-ba__handle:before{content:"";position:absolute;z-index:-1;background:rgb(var(--em-ba-cursor-bg, 255 255 255))}.em-ba__handle svg{display:block;width:var(--em-ba-handle-size);height:var(--em-ba-handle-size)}.em-ba__handle:focus-visible svg{outline:2px solid rgb(var(--em-ba-cursor-bg, 255 255 255));outline-offset:3px;border-radius:50%}.em-ba--horizontal{cursor:ew-resize}.em-ba--horizontal .em-ba__layer--after{clip-path:inset(0 0 0 var(--em-ba-position))}.em-ba--horizontal .em-ba__handle{justify-self:start;place-items:center start;inset-inline-start:calc(var(--em-ba-position) - var(--em-ba-handle-size) / 2)}.em-ba--horizontal .em-ba__handle:before{top:0;width:2px;height:100%;inset-inline-start:calc(var(--em-ba-handle-size) / 2 - 1px)}.em-ba--vertical{cursor:ns-resize}.em-ba--vertical .em-ba__layer--after{clip-path:inset(var(--em-ba-position) 0 0 0)}.em-ba--vertical .em-ba__handle{align-self:start;place-items:start center;inset-block-start:calc(var(--em-ba-position) - var(--em-ba-handle-size) / 2)}.em-ba--vertical .em-ba__handle:before{left:0;width:100%;height:2px;inset-block-start:calc(var(--em-ba-handle-size) / 2 - 1px)}@media screen and (min-width:1000px){.em-ba{--em-ba-handle-size: 4.25rem;--em-ba-label-margin: 1.5rem}}@media(prefers-reduced-motion:reduce){.em-ba__label{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/em-before-after.css.map */