.image-compare{margin:0 auto;max-width:100%;opacity:0;position:relative;transition:opacity .3s cubic-bezier(.165,.84,.44,1)}.image-compare:has(.rendered){opacity:1}.image-compare:after{background:linear-gradient(0deg,#000000bf,#0000);bottom:0;content:"";display:block;height:25%;left:0;position:absolute;right:0}.image-compare__figure{margin:0;position:relative}.image-compare__slider{--divider-width:4px;--divider-color:var(--wp--preset--color--primary);width:100%}.image-compare__slider:focus{outline:none}.image-compare__slider img{object-fit:cover;width:100%}@media screen and (max-width:576px){.image-compare__slider>svg{height:32px;width:32px}}.image-compare__slider:focus-visible>svg{border-radius:50%;outline:3px solid var(--wp--preset--color--primary);outline-offset:4px;transition:outline .2s ease-in-out}.image-compare__note{bottom:0;color:var(--wp--preset--color--secondary);cursor:auto;left:0;margin:0;padding:var(--wp--preset--spacing--20);position:absolute;width:auto;z-index:3}.image-compare__sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}