/* Frontend styles for the Seen Inline SVG block */

.seen-inline-svg-wrapper {
    line-height: 0;
}

.seen-inline-svg-wrapper svg {
    display: block;
	width: 100%;
    height: auto;
}

.seen-inline-svg-wrapper svg * {
    vector-effect: non-scaling-stroke;
}


.seen-inline-svg-wrapper.is-animate {
	visibility: hidden;
}

.seen-inline-svg-wrapper.is-animate svg path,
.seen-inline-svg-wrapper.is-animate svg line,
.seen-inline-svg-wrapper.is-animate svg polyline,
.seen-inline-svg-wrapper.is-animate svg polygon,
.seen-inline-svg-wrapper.is-animate svg circle,
.seen-inline-svg-wrapper.is-animate svg ellipse,
.seen-inline-svg-wrapper.is-animate svg rect {
    stroke-dasharray: var(--path-length);
    stroke-dashoffset: var(--path-length);
}

.seen-inline-svg-wrapper.is-animate.is-inview {
	visibility: visible;
}


.seen-inline-svg-wrapper.is-animate.is-inview svg path,
.seen-inline-svg-wrapper.is-animate.is-inview svg line,
.seen-inline-svg-wrapper.is-animate.is-inview svg polyline,
.seen-inline-svg-wrapper.is-animate.is-inview svg polygon,
.seen-inline-svg-wrapper.is-animate.is-inview svg circle,
.seen-inline-svg-wrapper.is-animate.is-inview svg ellipse,
.seen-inline-svg-wrapper.is-animate.is-inview svg rect {
    stroke-dashoffset: 0 !important;
	transition: stroke-dashoffset 1.25s ease;
}

@media (prefers-reduced-motion: reduce) {
    .seen-inline-svg-wrapper.is-animate svg * {
        transition: none !important;
		stroke-dashoffset: 0 !important;
    }

	.seen-inline-svg-wrapper.is-animate {
		visibility: visible;
	}
}