/* Glitch Effect Styles - Exact CodePen Replica */

#txt {
    position: relative;
    display: inline-block;
}

.glitch {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.bottom {
    -webkit-clip-path: inset(58% 0 0 0);
    clip-path: inset(58% 0 0 0);
}

.top {
    -webkit-clip-path: inset(0 0 41% 0);
    clip-path: inset(0 0 41% 0);
}

.redShadow {
    text-shadow: -3px 0 red;
}

/* Additional styles for better integration */
#txt.glitch-processed {
    display: inline-block;
    position: relative;
}
#txt.glitch-processed,
#txt.glitch-processed > div {
	font-size: inherit !important;
	line-height: inherit !important;
}
.glitch {
    white-space: nowrap;
}

.glitch.bottom {
    position: relative;
    -webkit-clip-path: inset(58% 0 0 0);
    clip-path: inset(58% 0 0 0);
}

.glitch.top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-clip-path: inset(0 0 41% 0);
    clip-path: inset(0 0 41% 0);
}