﻿.splitting.cells img{display:block;width:100%}
@supports (display:grid){.splitting.cells{position:relative;visibility:hidden;overflow:hidden;background-size:cover}
    .splitting .cell-grid{position:absolute;top:0;left:0;display:grid;width:100%;height:100%;background:inherit;grid-template:repeat(var(--row-total),1fr)/repeat(var(--col-total),1fr)}
    .splitting .cell{position:relative;overflow:hidden;background:inherit}
    .splitting .cell-inner{position:absolute;top:calc(-100%*var(--row-index));left:calc(-100%*var(--col-index));visibility:visible;width:calc(100%*var(--col-total));height:calc(100%*var(--row-total));background:inherit}
    .splitting .cell{--center-x:calc((var(--col-total) - 1)/2);--center-y:calc((var(--row-total) - 1)/2);--offset-x:calc(var(--col-index) - var(--center-x));--offset-y:calc(var(--row-index) - var(--center-y));--distance-x:calc(var(--offset-x)*var(--offset-x)/var(--center-x));--distance-y:calc(var(--offset-y)*var(--offset-y)/var(--center-y))}
}
