.bshan-ba-section{padding:48px 0 56px}.bshan-ba-container{max-width:1200px;margin:0 auto;padding:0 20px}.bshan-ba-title{text-align:center;font-size:clamp(18px,2.5vw,26px);font-weight:700;letter-spacing:-.3px;color:#1a1a1a;margin:0 0 32px}.bshan-ba-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;align-items:start}@media(max-width:640px){.bshan-ba-grid{grid-template-columns:1fr!important}}.bshan-ba-card{width:100%}.bshan-ba-slider{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;border-radius:16px;background:#f5ede6;cursor:col-resize;user-select:none;-webkit-user-select:none}.bshan-ba-after{position:absolute;top:0;right:0;bottom:0;left:0}.bshan-ba-after img,.bshan-ba-before img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;draggable:false}.bshan-ba-before{position:absolute;top:0;left:0;height:100%;overflow:hidden;will-change:width}.bshan-ba-before img{width:100vw;max-width:none;position:absolute;top:0;left:0;height:100%;object-fit:cover;object-position:left center}.bshan-ba-before img{width:100%;min-width:100%}.bshan-ba-slider .bshan-ba-before{overflow:hidden}.bshan-ba-slider .bshan-ba-before img{width:100%;height:100%;object-fit:cover;object-position:center center;min-width:unset;position:relative}.bshan-ba-line{position:absolute;top:0;bottom:0;width:2px;background:#ffffffe6;transform:translate(-50%);pointer-events:none;will-change:left;box-shadow:0 0 6px #0000002e}.bshan-ba-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:42px;height:42px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:col-resize;box-shadow:0 2px 12px #0000002e;will-change:left;z-index:10;transition:transform .15s}.bshan-ba-handle:hover{transform:translate(-50%,-50%) scale(1.1)}.bshan-ba-handle svg{display:block}.bshan-ba-label{position:absolute;top:14px;padding:4px 12px;border-radius:20px;background:#1e1e1e8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;font-size:12px;font-weight:600;letter-spacing:.3px;pointer-events:none;z-index:5}.bshan-ba-label--before{left:14px}.bshan-ba-label--after{right:14px}.bshan-ba-placeholder{width:100%;height:100%;background:#ede8e3;display:flex;align-items:center;justify-content:center}.bshan-ba-placeholder svg{width:40%;height:40%;opacity:.25}.bshan-ba-empty{text-align:center;color:#aaa;font-size:14px;grid-column:1 / -1;padding:40px 0}
/*# sourceMappingURL=/cdn/shop/t/9/assets/beautyshan-before-after.css.map */