.compare{position:relative;aspect-ratio:4/3;border-radius:24px;overflow:hidden;background:var(--color-surface);-webkit-user-select:none;user-select:none}.compare__media{position:absolute;top:0;right:0;bottom:0;left:0}.compare__media img{width:100%;height:100%;object-fit:cover}.compare__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#111;color:#fff}.compare__placeholder .icon{width:35%;height:35%;opacity:.5}.compare__placeholder--alt{background:var(--color-surface);color:var(--color-border)}.compare__placeholder--alt .icon{color:var(--color-border);opacity:1}.compare__label{position:absolute;top:16px;background:#000000a6;color:#fff;font-size:12px;font-weight:700;padding:6px 14px;border-radius:999px}.compare__label--left{left:16px}.compare__label--right{right:16px;background:#ffffffd9;color:#111}.compare__handle{position:absolute;top:0;bottom:0;width:2px;background:#fff;transform:translate(-50%);display:flex;align-items:center;justify-content:center;pointer-events:none}.compare__handle span{width:3px;height:14px;background:#666;border-radius:2px;margin:0 1px}.compare__handle:before{content:"";position:absolute;width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:0 4px 14px #0003}.compare__handle span{position:relative;z-index:1}.compare__range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;-webkit-appearance:none;appearance:none}.compare__range::-webkit-slider-thumb{-webkit-appearance:none;width:40px;height:40px}
/*# sourceMappingURL=/cdn/shop/t/12/assets/compare.css.map */