.bq-before-after__frame{position:relative;aspect-ratio:16 / 9;overflow:hidden;border:var(--bq-border-w) solid var(--bq-line);box-shadow:var(--bq-shadow);background:var(--bq-surface)}.bq-before-after__img{position:absolute;top:0;right:0;bottom:0;left:0}.bq-before-after__img img,.bq-before-after__img .bq-placeholder{width:100%;height:100%}.bq-before-after__img img{object-fit:cover}.bq-before-after__img--after{clip-path:inset(0 calc(100% - var(--bq-compare, 50%)) 0 0)}.bq-before-after__divider{position:absolute;top:0;bottom:0;left:var(--bq-compare, 50%);width:4px;margin-left:-2px;background:var(--bq-line);z-index:2;pointer-events:none}.bq-before-after__handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bq-accent);color:var(--bq-ink);border:var(--bq-border-w) solid var(--bq-ink);box-shadow:3px 3px 0 var(--bq-ink);font-family:var(--bq-font-mono);font-weight:700;font-size:.95rem;letter-spacing:.05em;-webkit-user-select:none;user-select:none}.bq-before-after__corner{position:absolute;top:10px;z-index:3;background:var(--bq-ink);color:var(--bq-paper);padding:.45em .75em;pointer-events:none}.bq-before-after__corner--after{left:10px}.bq-before-after__corner--before{right:10px}.bq-before-after__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:4;-webkit-appearance:none;appearance:none}.bq-before-after__frame:focus-within{outline:3px solid var(--bq-accent);outline-offset:3px}.bq-scheme--accent .bq-before-after__frame:focus-within{outline-color:var(--bq-ink)}@media(max-width:599px){.bq-before-after__frame{aspect-ratio:4 / 3}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-bq-before-after.css.map */