.hs-cmp{width:100%}.hs-cmp__head{max-width:var(--hs-cmp-max, 1100px);margin:0 auto 20px;text-align:center}.hs-cmp__title{margin:0 0 8px}.hs-cmp__text p{margin:0}.hs-cmp__frame{position:relative;display:block;width:100%;max-width:var(--hs-cmp-max, 1100px);margin:0 auto;overflow:hidden;background:#fff;user-select:none;-webkit-user-select:none;touch-action:pan-y;cursor:ew-resize}.hs-cmp__frame:before{content:"";display:block;padding-top:var(--hs-ratio, 100%)}@media screen and (min-width:768px){.hs-cmp__frame--landscape:before{padding-top:56.25%}}.hs-cmp__layer{position:absolute;top:0;right:0;bottom:0;left:0}.hs-cmp__layer--a{clip-path:inset(0 calc(100% - var(--hs-pos, 50%)) 0 0);-webkit-clip-path:inset(0 calc(100% - var(--hs-pos, 50%)) 0 0)}.hs-cmp__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none}.hs-cmp__placeholder{background:#ececec}.hs-cmp__label{position:absolute;top:16px;padding:6px 10px;background:#ffffffeb;color:#020202;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border-radius:4px;pointer-events:none}.hs-cmp__label--left{left:16px}.hs-cmp__label--right{right:16px}.hs-cmp__divider{position:absolute;top:0;bottom:0;left:var(--hs-pos, 50%);width:2px;margin-left:-1px;background:var(--hs-cmp-line, #fff);box-shadow:0 0 6px #00000026;pointer-events:none;z-index:3}.hs-cmp__handle{position:absolute;top:50%;left:50%;width:48px;height:48px;transform:translate(-50%,-50%);border-radius:50%;background:var(--hs-cmp-line, #fff);box-shadow:0 2px 10px #0000002e;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.hs-cmp__handle svg{width:22px;height:22px;fill:none;stroke:#020202;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hs-cmp__frame.is-dragging .hs-cmp__handle{transform:translate(-50%,-50%) scale(1.08)}.hs-cmp__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none;z-index:4}.hs-cmp__frame:focus-within .hs-cmp__handle{outline:2px solid #020202;outline-offset:3px}@media screen and (max-width:767px){.hs-cmp__handle{width:40px;height:40px}.hs-cmp__handle svg{width:18px;height:18px}.hs-cmp__label{top:10px;font-size:11px;padding:5px 8px}.hs-cmp__label--left{left:10px}.hs-cmp__label--right{right:10px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/hs-comparaison.css.map */