.pdp__flavours--3 .pdp__flavour{padding-inline:4px}@media(max-width:420px){.pdp__flavours--3{gap:6px}.pdp__flavours--3 .pdp__flavour-name{font-size:14px}}.ba-compare{--ba-position:50%;position:relative;width:calc(100% - 160px);margin:0 80px;aspect-ratio:16/9;overflow:hidden;border-radius:24px;background:#d7d7d7;box-shadow:0 18px 44px #0b3d4126;touch-action:pan-y}.ba-compare__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.ba-compare__after{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 0 0 var(--ba-position))}.ba-compare__label{position:absolute;top:18px;z-index:2;padding:8px 13px;border-radius:999px;background:#ffffffe6;color:#053f43;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 5px 18px #0000001f;pointer-events:none}.ba-compare__label--before{left:18px}.ba-compare__label--after{right:18px}.ba-compare__divider{position:absolute;z-index:3;top:0;bottom:0;left:var(--ba-position);width:3px;background:#fff;box-shadow:0 0 0 1px #053f432e,0 0 18px #00000040;transform:translate(-50%);pointer-events:none}.ba-compare__handle{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:48px;height:48px;border:3px solid #fff;border-radius:50%;background:#087a75;color:#fff;font-size:22px;font-weight:700;transform:translate(-50%,-50%);box-shadow:0 5px 18px #0000003d}.ba-compare__range{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.ba-compare:focus-within{outline:3px solid #087a75;outline-offset:4px}@media(max-width:1300px){.ba-compare{width:100%;margin:0}}@media(min-width:700px)and (max-width:1100px){.ba-compare{width:min(680px,100%);margin:0 auto;aspect-ratio:16/9;border-radius:20px;scroll-margin-top:170px}}@media(max-width:699px){.ba-compare{width:calc(100% - 32px);margin:32px 16px 0;border-radius:20px}}@media(max-width:520px){.ba-compare{aspect-ratio:4/3;border-radius:16px}.ba-compare__label{top:12px;padding:6px 10px;font-size:11px}.ba-compare__label--before{left:12px}.ba-compare__label--after{right:12px}.ba-compare__handle{width:42px;height:42px}}
/*# sourceMappingURL=/cdn/shop/t/76/assets/pages--dentifrice-siwak.css.map */