.os3-seq, .os3-seq * { box-sizing: border-box; }
.os3-seq {
 --os3-seq-current-height: var(--os3-seq-height,80);
 --os3-seq-stage-height: calc(var(--os3-seq-current-height) * 1vh);
 position: relative;
 width: 100%;
 min-width: 0;
 margin: 0;
 padding: 0;
 background: transparent;
}
@supports (height: 1svh) {
 .os3-seq { --os3-seq-stage-height: calc(var(--os3-seq-current-height) * 1svh); }
}
.os3-seq .os3-seq__stage {
 position: relative;
 width: 100%;
 height: var(--os3-seq-stage-height);
 min-height: 180px;
 overflow: hidden;
}
.os3-seq.os3-seq--active { height: calc(var(--os3-seq-scroll,2000) * 1px + max(180px, var(--os3-seq-stage-height))); }
.os3-seq.os3-seq--active .os3-seq__stage { position: sticky; top: calc(var(--os3-seq-top,0) * 1px); }
.os3-seq .os3-seq__poster, .os3-seq .os3-seq__canvas {
 position: absolute;
 inset: 0;
 display: block;
 width: 100%;
 height: 100%;
 max-width: none;
 margin: 0;
 padding: 0;
 border: 0;
 border-radius: 0;
 box-shadow: none;
 outline: 0;
 object-fit: var(--os3-seq-fit,contain);
}
.os3-seq .os3-seq__canvas { visibility: hidden; }
.os3-seq.os3-seq--ready .os3-seq__canvas { visibility: visible; }
.os3-seq.os3-seq--ready .os3-seq__poster { visibility: hidden; }
.os3-seq .os3-seq__status { position: absolute; inset: auto 12px 12px; text-align: center; font: inherit; }
.os3-seq .os3-seq__status[hidden] { display: none; }
@media (max-width: 599px) {
 .os3-seq { --os3-seq-current-height: var(--os3-seq-mobile-height,60); }
}
@media (prefers-reduced-motion: reduce) {
 .os3-seq.os3-seq--active { height: auto; }
 .os3-seq.os3-seq--active .os3-seq__stage { position: relative; top: auto; }
 .os3-seq.os3-seq--ready .os3-seq__canvas { visibility: hidden; }
 .os3-seq.os3-seq--ready .os3-seq__poster { visibility: visible; }
}