.bva{display:block;background-color:#000;color:#fff;overflow-x:hidden;width:100%;max-width:100%;position:relative}.bva__inner{display:flex;flex-direction:column;gap:14px;width:100%}.bva__content-wrap{position:relative;cursor:col-resize;user-select:none;-webkit-user-select:none}.bva__header{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;background-color:#000;box-sizing:border-box}.bva__header-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;width:100%;max-width:var(--page-width, 1200px);margin:0 auto;padding:16px var(--page-margin, 6rem);box-sizing:border-box;min-width:0}@media screen and (max-width:749px){.bva__header-inner{padding-left:20px;padding-right:20px}}.bva__header-text{font-family:Circular Std,sans-serif;font-size:24px;font-weight:450;font-style:normal;line-height:100%;letter-spacing:0%;text-transform:uppercase;color:#fff;text-align:center;vertical-align:middle}.bva__comparison{position:relative;overflow:hidden;border-radius:16px}.bva__comparison--ratio-16-9{aspect-ratio:16 / 9}.bva__comparison--ratio-4-3{aspect-ratio:4 / 3}.bva__comparison--ratio-3-2{aspect-ratio:3 / 2}.bva__comparison--ratio-1-1{aspect-ratio:1 / 1}.bva__media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.bva__media--before{z-index:1}.bva__media--after{z-index:2;clip-path:inset(0 0 0 50%)}.bva__img,.bva__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.bva__media .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.bva__label{position:absolute;top:16px;z-index:5;background-color:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;font-family:Circular Std,sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:5px 12px;border-radius:2px;pointer-events:none}.bva__label--before{left:16px}.bva__label--after{right:16px}.bva__divider{position:absolute;top:0;left:50%;transform:translate(-50%);height:calc(100% + 40px);z-index:7;width:48px;cursor:col-resize;pointer-events:none}.bva__divider-line{position:absolute;top:0;left:50%;transform:translate(-50%);width:2px;height:100%;background-color:#fff;pointer-events:none}.bva__divider-handle{position:absolute;left:50%;transform:translate(-50%,-50%);z-index:1;width:44px;height:44px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;box-shadow:0 2px 12px #00000073;transition:transform .15s ease,box-shadow .15s ease;pointer-events:all;cursor:col-resize}.bva__divider-handle:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 4px 20px #0000008c}.bva__divider:focus{outline:none}.bva__divider:focus-visible .bva__divider-handle{outline:2px solid #fff;outline-offset:3px}.bva__mobile-label{display:none}.bva__indicators{display:none;align-items:center;justify-content:center;gap:8px;padding:14px 0 0}.bva__dot-btn{appearance:none;-webkit-appearance:none;background-color:#ffffff59;border:none;border-radius:50%;width:7px;height:7px;padding:0;cursor:pointer;transition:background-color .2s ease,transform .2s ease;-webkit-tap-highlight-color:transparent;transform:scale(1.35)}.bva__dot-btn--active{background-color:#fff;transform:scale(1.35)}.bva__caption{font-family:Circular Std,sans-serif;font-size:13px;color:#ffffff73;text-align:center;margin:0;letter-spacing:.2px}@media screen and (max-width:749px){.bva__inner{gap:0}.bva__mobile-label{display:block;font-family:Circular Std,sans-serif;font-size:22px;font-weight:400;letter-spacing:.5px;text-transform:uppercase;text-align:center;color:#fff;margin:0 0 16px}.bva__content-wrap{cursor:default}.bva__comparison{touch-action:pan-y;border-radius:6px}.bva__media{transition:transform .35s cubic-bezier(.25,.46,.45,.94)}.bva__media--after{clip-path:none!important}.bva__media--before{transform:translate(0);z-index:2}.bva__media--after{transform:translate(100%);z-index:2}before-vs-after[data-mobile-panel=after] .bva__media--before{transform:translate(-100%)}before-vs-after[data-mobile-panel=after] .bva__media--after{transform:translate(0)}.bva__divider,.bva__label,.bva__header{display:none}.bva__indicators{display:flex}.bva__caption{margin-top:16px}.bva__header-inner{padding-top:12px;padding-bottom:12px}.bva__header-text{font-size:18px}}@media screen and (min-width:750px)and (max-width:989px){.bva__divider-handle{width:40px;height:40px}.bva__header{max-width:100vw}}
/*# sourceMappingURL=/cdn/shop/t/298/assets/section-before-vs-after.css.map */