.btt{display:block}.btt__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,4.2fr) minmax(0,1fr);column-gap:var(--vertical-spacing);align-items:center}.btt__compare{position:relative;overflow:hidden;border-radius:var(--img-border-radius)}.btt__compare--main{aspect-ratio:16 / 9;cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none}.btt__compare--side{aspect-ratio:1 / 1}.btt__layer{position:absolute;top:0;right:0;bottom:0;left:0}.btt__before{clip-path:inset(0 calc(100% - var(--pos, 50%)) 0 0)}.btt__img,.btt__layer .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;background:color-mix(in srgb,var(--secondary-bg-color) 75%,transparent)}.btt__layer.btt__before .placeholder-svg{background:var(--accent-primary-secondary)}.btt__divider{position:absolute;top:0;bottom:0;left:var(--pos, 50%);width:2px;transform:translate(-50%);background:var(--accent-primary);pointer-events:none}.btt__handle{position:absolute;top:75%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:40px;height:18px;border-radius:999px;background:var(--accent-primary);color:var(--accent-primary-secondary);pointer-events:auto;cursor:grab}.btt__handle svg{width:12px;height:12px;flex:none}.btt__compare--main.is-dragging,.btt__compare--main.is-dragging .btt__handle{cursor:grabbing}.btt__handle:focus-visible{outline:2px solid currentColor;outline-offset:3px}.btt__side{display:flex;flex-direction:column;gap:12px}.btt__caption{margin:0;text-align:center;letter-spacing:0;color:var(--text-color)}@media screen and (max-width:640px){.btt__grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--btt-gap, 12px)}.btt__main{grid-column:1 / -1;grid-row:1}.btt__side--left{grid-column:1;grid-row:2}.btt__side--right{grid-column:2;grid-row:2}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/before-after-trio.css.map */