.pdp-ba-slider{background:var(--white);padding:40px var(--m-sp-sm) 0;color:var(--hb-charcoal)}.pdp-ba-slider__inner{width:100%;max-width:480px;margin:0 auto}.pdp-ba-slider__header{text-align:center;margin-bottom:var(--m-sp-md)}.pdp-ba-slider__eyebrow{margin:0;color:var(--primary-background);font-family:Review Condensed Web,Review Condensed,sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;line-height:1.2;text-transform:uppercase}.pdp-ba-slider__title{margin:var(--m-sp-2xs) 0 0;color:#eb3986;font-family:Review Condensed Web,Review Condensed,sans-serif;font-size:25px;font-weight:700;letter-spacing:2%;line-height:120%;text-transform:uppercase}.pdp-ba-slider__card{background:var(--white);border:2px solid var(--cloud);border-radius:var(--d-br-lg);overflow:visible;box-shadow:0 8px 30px #00000014}.pdp-ba-slider__viewport{position:relative;width:100%;aspect-ratio:2 / 1;overflow:hidden;border-radius:var(--d-br-lg) var(--d-br-lg) 0 0;cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;background:var(--cloud)}.pdp-ba-slider__viewport:focus-visible{outline:2px solid var(--primary-background);outline-offset:-2px}.pdp-ba-slider__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.pdp-ba-slider__img--before{z-index:1}.pdp-ba-slider__img--after{z-index:2;clip-path:inset(0 0 0 50%)}.pdp-ba-slider__tag{position:absolute;top:var(--m-sp-xs);z-index:3;background:rgba(var(--token-foreground-rgb),.75);color:var(--white);font-family:Review Condensed Web,Review Condensed,sans-serif;font-size:10px;font-weight:700;letter-spacing:1.5px;line-height:1;padding:var(--d-sp-2xs) var(--m-sp-xs);border-radius:var(--d-br-round);text-transform:uppercase;pointer-events:none}.pdp-ba-slider__tag--before{left:var(--m-sp-xs)}.pdp-ba-slider__tag--after{right:var(--m-sp-xs)}.pdp-ba-slider__divider{position:absolute;top:0;bottom:0;left:50%;width:3px;background:var(--white);z-index:4;transform:translate(-50%);box-shadow:0 0 6px #0000004d;pointer-events:none}.pdp-ba-slider__handle{position:absolute;top:50%;left:50%;width:44px;height:44px;background:var(--primary-background);border:3px solid var(--white);border-radius:var(--d-br-round);transform:translate(-50%,-50%);z-index:5;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #00000040;pointer-events:none}.pdp-ba-slider__handle svg{width:var(--d-sp-sm);height:var(--d-sp-sm);display:block}.pdp-ba-slider__shade-section{position:relative;z-index:2;padding:var(--m-sp-sm) var(--m-sp-sm) var(--m-sp-md);border-top:1px solid var(--cloud)}.pdp-ba-slider__shade-picker{margin-bottom:0;width:100%;position:relative;z-index:3}.pdp-ba-slider__shade-picker .custom-select-wrapper,.pdp-ba-slider__shade-picker .custom-select{width:100%}.pdp-ba-slider__shade-picker .custom-options{z-index:20}.pdp-ba-slider__shade-picker .custom-options[hidden]{display:none}.pdp-ba-slider__shade-label{margin:0 0 var(--m-sp-xs);font-family:Review Condensed Web,Review Condensed,sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;line-height:1.2;color:var(--token-foreground);text-transform:uppercase}.pdp-ba-slider__shade-label-prefix{color:var(--primary-background)}.pdp-ba-slider__swatch-row{display:flex;flex-wrap:wrap;gap:var(--m-sp-xs);margin:var(--m-sp-sm) 0 0;padding:0;list-style:none}.pdp-ba-slider__swatch{position:relative;width:var(--m-sp-xl);height:var(--m-sp-xl);min-width:var(--m-sp-xl);min-height:var(--m-sp-xl);border-radius:var(--d-br-round);border:2px solid var(--white);box-shadow:0 0 0 1px #0000001a;cursor:pointer;padding:0;flex-shrink:0;background-color:transparent;background-size:cover;background-position:center;appearance:none;-webkit-appearance:none}.pdp-ba-slider__swatch img{width:100%;height:100%;object-fit:cover;border-radius:var(--d-br-round);display:block;pointer-events:none}.pdp-ba-slider__swatch.is-selected,.pdp-ba-slider__swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--white),0 0 0 3.5px var(--primary-background)}.pdp-ba-slider__swatch:focus-visible{outline:2px solid var(--primary-background);outline-offset:3px}.pdp-ba-slider__star{position:absolute;top:calc(var(--m-sp-2xs) * -1);right:calc(var(--m-sp-2xs) * -1);width:var(--m-sp-sm);height:var(--m-sp-sm);background:var(--primary-background);border-radius:var(--d-br-round);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #00000040;z-index:2}.pdp-ba-slider__star svg{width:8px;height:8px;display:block;pointer-events:none}.pdp-ba-slider__footer{margin:var(--m-sp-sm) 0 0;text-align:center;color:var(--hb-charcoal);font-size:10px;letter-spacing:.8px;font-weight:400;line-height:1.3;text-transform:uppercase;opacity:.6}@media screen and (min-width:750px){.pdp-ba-slider{padding:60px var(--d-sp-sm) 0}.pdp-ba-slider__header{margin-bottom:var(--d-sp-sm)}.pdp-ba-slider__title{font-size:40px;line-height:120%;letter-spacing:2%;font-weight:700;margin-top:var(--d-sp-2xs)}.pdp-ba-slider__shade-section{padding:var(--d-sp-sm)}.pdp-ba-slider__tag{top:var(--m-sp-sm)}.pdp-ba-slider__tag--before{left:var(--m-sp-sm)}.pdp-ba-slider__tag--after{right:var(--m-sp-sm)}.pdp-ba-slider__swatch-row{gap:var(--d-sp-xs);margin-top:var(--d-sp-xs)}}
/*# sourceMappingURL=/cdn/shop/t/270/assets/pdp-before-after-slider.css.map */