ls-borderize-wrapper {
display: block;
position: absolute;
pointer-events: none !important;
visibility: visible !important;
color: inherit;
overflow: hidden;
}
ls-borderize-wrapper[data-ls-placement="i"] {
inset: var(--ls-offset)
}
ls-borderize-wrapper[data-ls-placement="o"] {
left: calc( -1 *  var(--ls-border-size) - var(--ls-offset) );
top: calc( -1 *  var(--ls-border-size) - var(--ls-offset) );
width: calc(100% + 2 * ( var(--ls-border-size) + var(--ls-offset) ) );
height: calc(100% + 2 * ( var(--ls-border-size) + var(--ls-offset) ) );
}
ls-border {
display: block;
position: absolute;
background-color: currentColor;
}
.ls-border-l {
left: 0;
bottom: 0;
transform-origin: center bottom;
}
.ls-border-r {
right: 0;
top: 0;
transform-origin: center top;
}
.ls-border-l,
.ls-border-r {
height: 100%;
width: var(--ls-border-size);
transform: scaleY(0);
}
.ls-border-t {
left: 0;
top: 0;
transform-origin: center left;
}
.ls-border-b {
right: 0;
bottom: 0;
transform-origin: center right;
}
.ls-border-t,
.ls-border-b {
width: 100%;
height: var(--ls-border-size);
transform: scaleX(0);
} [data-ls-sides="h"] .ls-border-l,
[data-ls-sides="h"] .ls-border-r,
[data-ls-sides="v"] .ls-border-t,
[data-ls-sides="v"] .ls-border-b {
display: none;
} [data-ls-direction="c"] .ls-border-l,
[data-ls-direction="c"] .ls-border-t,
[data-ls-direction="c"] .ls-border-r,
[data-ls-direction="c"] .ls-border-b {
transform-origin: center center;
}
[data-ls-direction="ccw"] .ls-border-b,
[data-ls-direction="l"] .ls-border-b {
transform-origin: left center;
}
[data-ls-direction="ccw"] .ls-border-t,
[data-ls-direction="r"] .ls-border-t {
transform-origin: right center;
}
[data-ls-direction="ccw"] .ls-border-l,
[data-ls-direction="t"] .ls-border-l {
transform-origin: center top;
}
[data-ls-direction="ccw"] .ls-border-r,
[data-ls-direction="b"] .ls-border-r {
transform-origin: center bottom;
}ls-reveal-wrapper {
position: absolute;
display: block;
inset: 0;
pointer-events: none !important;
visibility: visible !important;
overflow: hidden;
}
ls-reveal {
position: absolute;
width: 100%;
height: 100%;
}
ls-reveal.ls-reveal-1 {
left: 0;
top: 0;
display: block;
z-index: 2;
}
ls-reveal.ls-reveal-2 {
right: 0;
bottom: 0;
display: none;
z-index: 1;
}
ls-reveal.ls-reveal-3 {
right: 0;
bottom: 0;
display: none;
z-index: 2;
}
ls-reveal.ls-reveal-4 {
left: 0;
bottom: 0;
display: none;
z-index: 1;
}
ls-reveal-wrapper[data-reveal-anim*="-h"] ls-reveal.ls-reveal-1 {
height: calc( 50% + 1px);
}
ls-reveal-wrapper[data-reveal-anim*="-h"] ls-reveal.ls-reveal-2 {
height: 50%;
}
ls-reveal-wrapper[data-reveal-anim*="-v"] ls-reveal.ls-reveal-1 {
width: calc( 50% + 1px);
}
ls-reveal-wrapper[data-reveal-anim*="-v"] ls-reveal.ls-reveal-2 {
width: 50%;
}
ls-reveal-wrapper[data-reveal-anim*="-q"] ls-reveal.ls-reveal-1,
ls-reveal-wrapper[data-reveal-anim*="-q"] ls-reveal.ls-reveal-2 {
width: calc( 50% + 1px);
height: calc( 50% + 1px);
}
ls-reveal-wrapper[data-reveal-anim*="-q"] ls-reveal.ls-reveal-2 {
right: 0;
top: 0;
}
ls-reveal-wrapper[data-reveal-anim*="-q"] ls-reveal.ls-reveal-3 {
width: calc( 50% + 1px );
height: calc( 50% );
}
ls-reveal-wrapper[data-reveal-anim*="-q"] ls-reveal.ls-reveal-4 {
width: calc( 50% );
height: calc( 50% );
}
ls-reveal-wrapper[data-reveal-anim*="-c"] ls-reveal.ls-reveal-1,
ls-reveal-wrapper[data-reveal-anim*="-c"] ls-reveal.ls-reveal-3 {
width: 100%;
height: 50%;
}
ls-reveal-wrapper[data-reveal-anim*="-c"] ls-reveal.ls-reveal-1 {
height: calc( 50% + 1px );
}
ls-reveal-wrapper[data-reveal-anim*="-c"] ls-reveal.ls-reveal-2,
ls-reveal-wrapper[data-reveal-anim*="-c"] ls-reveal.ls-reveal-4 {
width: 50%;
height: 100%;
}
ls-reveal-wrapper[data-reveal-anim*="-c"] ls-reveal.ls-reveal-2 {
width: calc( 50% + 1px );
}
ls-reveal-wrapper[data-reveal-anim*="columns"] ls-reveal.ls-reveal-1,
ls-reveal-wrapper[data-reveal-anim*="columns"] ls-reveal.ls-reveal-2,
ls-reveal-wrapper[data-reveal-anim*="columns"] ls-reveal.ls-reveal-3,
ls-reveal-wrapper[data-reveal-anim*="columns"] ls-reveal.ls-reveal-4 {
width: calc( 25% + 1px);
height: 100%;
top: 0;
right: auto
}
ls-reveal-wrapper[data-reveal-anim*="columns-l"] ls-reveal.ls-reveal-1,
ls-reveal-wrapper[data-reveal-anim*="columns-r"] ls-reveal.ls-reveal-4 {
left: 0;
}
ls-reveal-wrapper[data-reveal-anim*="columns-l"] ls-reveal.ls-reveal-2,
ls-reveal-wrapper[data-reveal-anim*="columns-r"] ls-reveal.ls-reveal-3 {
left: 25%;
}
ls-reveal-wrapper[data-reveal-anim*="columns-l"] ls-reveal.ls-reveal-3,
ls-reveal-wrapper[data-reveal-anim*="columns-r"] ls-reveal.ls-reveal-2 {
left: 50%;
}
ls-reveal-wrapper[data-reveal-anim*="columns-l"] ls-reveal.ls-reveal-4,
ls-reveal-wrapper[data-reveal-anim*="columns-r"] ls-reveal.ls-reveal-1 {
left: 75%;
}
ls-reveal-wrapper[data-reveal-anim*="rows"] ls-reveal.ls-reveal-1,
ls-reveal-wrapper[data-reveal-anim*="rows"] ls-reveal.ls-reveal-2,
ls-reveal-wrapper[data-reveal-anim*="rows"] ls-reveal.ls-reveal-3,
ls-reveal-wrapper[data-reveal-anim*="rows"] ls-reveal.ls-reveal-4 {
width: 100%;
height: calc( 25% + 1px);
left: 0;
bottom: auto;
}
ls-reveal-wrapper[data-reveal-anim*="rows-t"] ls-reveal.ls-reveal-1,
ls-reveal-wrapper[data-reveal-anim*="rows-b"] ls-reveal.ls-reveal-4 {
top: 0;
}
ls-reveal-wrapper[data-reveal-anim*="rows-t"] ls-reveal.ls-reveal-2,
ls-reveal-wrapper[data-reveal-anim*="rows-b"] ls-reveal.ls-reveal-3 {
top: 25%;
}
ls-reveal-wrapper[data-reveal-anim*="rows-t"] ls-reveal.ls-reveal-3,
ls-reveal-wrapper[data-reveal-anim*="rows-b"] ls-reveal.ls-reveal-2 {
top: 50%;
}
ls-reveal-wrapper[data-reveal-anim*="rows-t"] ls-reveal.ls-reveal-4,
ls-reveal-wrapper[data-reveal-anim*="rows-b"] ls-reveal.ls-reveal-1 {
top: 75%;
}
.ls-layer[revealing="1"] {
visibility: hidden ;
} ls-reveal-wrapper[data-reveal-anim*="-h"] ls-reveal.ls-reveal-1,
ls-reveal-wrapper[data-reveal-anim*="-h"] ls-reveal.ls-reveal-2,
ls-reveal-wrapper[data-reveal-anim*="-c"] ls-reveal.ls-reveal-1,
ls-reveal-wrapper[data-reveal-anim*="-c"] ls-reveal.ls-reveal-3 {
background-size: 100% 200%;
}
ls-reveal-wrapper[data-reveal-anim*="-q"] ls-reveal.ls-reveal-1,
ls-reveal-wrapper[data-reveal-anim*="-q"] ls-reveal.ls-reveal-2,
ls-reveal-wrapper[data-reveal-anim*="-q"] ls-reveal.ls-reveal-3,
ls-reveal-wrapper[data-reveal-anim*="-q"] ls-reveal.ls-reveal-4 {
background-size: 200% 200%;
}
ls-reveal-wrapper[data-reveal-anim*="-h"] ls-reveal.ls-reveal-2,
ls-reveal-wrapper[data-reveal-anim*="-q"] ls-reveal.ls-reveal-4 {
background-position: 0px -100%;
}
ls-reveal-wrapper[data-reveal-anim*="-v"] ls-reveal.ls-reveal-1,
ls-reveal-wrapper[data-reveal-anim*="-v"] ls-reveal.ls-reveal-2,
ls-reveal-wrapper[data-reveal-anim*="-c"] ls-reveal.ls-reveal-2,
ls-reveal-wrapper[data-reveal-anim*="-c"] ls-reveal.ls-reveal-4 {
background-size: 200% 100%;
}
ls-reveal-wrapper[data-reveal-anim*="-v"] ls-reveal.ls-reveal-2 {
background-position: -100% 0px;
}
ls-reveal-wrapper[data-reveal-anim*="-q"] ls-reveal.ls-reveal-2 {
background-position: -100% 0px;
}
ls-reveal-wrapper[data-reveal-anim*="-q"] ls-reveal.ls-reveal-3 {
background-position: -100% -100%;
}
ls-reveal-wrapper[data-reveal-anim*="-c"] ls-reveal.ls-reveal-2 {
background-position: -100% 0px;
}
ls-reveal-wrapper[data-reveal-anim*="-c"] ls-reveal.ls-reveal-3 {
background-position: 0px -100%;
}