/* Default Horizontal Style */
.line-border:not(.vertical),
.line-border.horizontal {
    clip-path: inset(0 50% 0 50%);
}

/* Vertical Style */
.line-border.vertical {
    clip-path: inset(50% 0 50% 0);
}

.line-border.vertical.default-style {
    width: 1px;
    height: 100%;
    margin: auto 0;
}

.line-border.horizontal.default-style {
    height: 1px;
    width: 100%;
}

.line-border.in-view {
    clip-path: inset(0 0 0 0);
    transition-delay: 250ms;
    transition: clip-path 1.5s cubic-bezier(.12, .22, .38, .94);
}

.line-border img {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}