.patches-before-after .patches-before-after-content{max-width:1200px;margin:0 auto}.patch-compare-wrapper{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;align-items:center}.patch-compare-left-list{grid-area:span 1 / span 1}.block__patch-compare-img{grid-area:span 1 / span 3;position:relative;padding-top:42.82%;overflow:hidden}.patch-compare-wrapper .patch-compare-left-list li[data-name="Original Art"]{order:-1}.patch-compare-right-list{grid-area:span 1 / span 1}.patch-compare-wrapper ul{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:7.2px}.patch-compare-wrapper ul li{background:#f5f5f5;padding:12px 20px;cursor:pointer;font-weight:600;font-size:16px;line-height:18px;letter-spacing:normal;color:#000;margin:0;transition:all .4s ease}.patch-compare-wrapper ul li.active,.patch-compare-wrapper ul li:hover{background:#000;color:#f5f5f5}.block__patch-compare-image{display:block!important;position:absolute;width:100%;height:100%;top:0;left:0;background-size:cover;background-repeat:no-repeat}.block__patch-compare-image img{width:100%;height:100%;object-fit:contain}.block__patch-compare-img-button{position:absolute;display:flex!important;align-items:center;justify-content:center;top:0;bottom:0;gap:100%;width:auto;left:50%;cursor:e-resize}.block__patch-compare-img-button span{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border:2.5px solid #ffffff;border-radius:50%;background:#0003;position:relative;transition:all .4s ease;padding:7px}.block__patch-compare-img-button span:hover{background:#0000007f}.block__patch-compare-img-button span:before{content:"";position:absolute;height:300px;width:4px;background-color:#fff;top:100%;transform:translate(-50%);left:50%}.block__patch-compare-img-button span:after{content:"";position:absolute;height:300px;width:4px;background-color:#fff;bottom:100%;transform:translate(-50%);left:50%}.block__patch-compare-img-button span svg{width:100%;height:auto;display:block}.block__patch-compare-after-img img{height:100%;width:100%;object-fit:cover;object-position:left}.block__patch-compare-img input{top:0;position:absolute;width:100%;height:100%;background:transparent;z-index:2;display:flex;justify-content:center;align-items:center;opacity:0;margin:0}@media(max-width:1199px){.block__patch-compare-img-button span{width:44px;height:44px}}@media(max-width:991px){.patch-compare-wrapper ul{flex-wrap:nowrap;flex-direction:row;overflow:auto;white-space:nowrap}.patch-compare-wrapper{grid-template-columns:repeat(1,1fr);gap:20px}.patch-compare-wrapper *{grid-area:span 1 / span 1}}@media(max-width:575px){.block__patch-compare-img-button span{width:32px;height:32px;border:2px solid #ffffff;padding:5px}.block__patch-compare-img-button span:after,.block__patch-compare-img-button span:before{width:2px}}
/*# sourceMappingURL=/cdn/shop/t/83/assets/patches-after-before.css.map */