.photo{overflow:hidden;position:relative;width:100%;height:100%}.photo img{object-fit:cover}.photo .fancy,.photo img{position:absolute;left:0;top:0;width:100%;height:100%}@media (min-width:1200px){.photo.has-fancy:hover img{transform:scale(1.1)}.photo img{transition:transform .5s ease}}.photocompare{position:relative;width:100%;height:100%}.photocompare .photo-fancy{background-color:var(--color1)}.photocompare .photo-fancy img{transition:unset;object-fit:contain!important}.photocompare .photo-fancy:hover img{transform:scale(1)}.photocompare .pc1,.photocompare .pc2{position:absolute;top:0;left:0;width:100%;height:100%}.photocompare .pc1{filter:grayscale(1)}.photocompare .pc2{z-index:10;filter:saturate(.8)}.photocompare .compare-cursor{position:absolute;left:50%;top:0;bottom:0;z-index:100;width:1px;display:flex;align-items:center;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.photocompare .compare-cursor .cube{width:50px;height:50px;flex:0 0 50px;background-color:var(--white);display:flex;align-items:center;justify-content:center;gap:10px;transform:translate(-50%);z-index:100}.photocompare .compare-cursor .line{position:absolute;width:2px;height:100%;background:var(--white)}.photocompare .avant{left:80px;transform:translate(-100%)}.photocompare .apres,.photocompare .avant{font-size:15px;letter-spacing:1.2px;position:absolute;bottom:7px;z-index:10;text-transform:uppercase;color:var(--white)}.photocompare .apres{right:80px;transform:translate(100%)}@media (min-width:1200px){.photocompare .apres,.photocompare .avant{font-size:20px}}.video{position:relative}.video video{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover}