.ws-tiles {
    overflow: hidden;
    position: relative;
}

.ws-tiles .ws-tiles__content {
    position: relative;
    z-index: 1;
    width: fit-content;
    height: fit-content;
}

.ws-tiles .ws-tiles__squares-layout {
    position: absolute;
    top: calc(-50% - var(--offset));
    left: calc(-50% - var(--offset));
    width: 100%;
    height: 100%;
}

.ws-tiles .ws-tiles__square {
    transition: background-color var(--duration) var(--easing);
    position: absolute;
}

.ws-tiles .ws-tiles__square--mouseleave {
    background-color: var(--mouseleave-color);
}

.ws-tiles .ws-tiles__square--mouseenter {
    background-color: var(--mouseenter-color);
}