.tri-compare{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;user-select:none;touch-action:none;margin-bottom:2em}.layer-wrap{position:absolute;inset:0;margin:0}.layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.layer-1{z-index:1}.layer-2{z-index:2}.layer-3{z-index:3}.layer-label{position:absolute;top:12px;z-index:20;margin:0;padding:4px 8px;font-size:.85rem;color:#fff;background:gray;border-radius:4px;pointer-events:none;opacity:0;transition:opacity .12s linear,left .12s ease}.label-1{left:12px}.label-2{left:50%;transform:translateX(-50%);transition:left .12s ease}.label-3{right:12px}.divider{position:absolute;top:0;bottom:0;width:2px;height:100%;background:#fff;cursor:ew-resize;transform:translateX(-50%)}.divider::before{content:"";position:absolute;top:0;left:-40px;width:44px;height:100%;background:0 0}