.ls-origami-block {
position: absolute;
height : 100%;
top : 0;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.ls-origami-tile {
position: absolute;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 20;
}
.ls-origami-tile {
width: 100%;
height: 100%;
}
.ls-origami-left .ls-origami-tile {
left: 100%;
top: 0;
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.ls-origami-left > .ls-origami-tile {
width: 50%;
left: 0;
}
.ls-origami-right .ls-origami-tile {
right: 100%;
top: 0;
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
-o-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.ls-origami-right > .ls-origami-tile {
width: 50%;
right: 0;
}
.ls-origami-top .ls-origami-tile {
left: 0;
top: 100%;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
}
.ls-origami-top > .ls-origami-tile {
height: 50%;
top: 0;
}
.ls-origami-bottom .ls-origami-tile {
left: 0;
bottom: 100%;
-webkit-transform-origin: 100% 100%;
-moz-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
-o-transform-origin: 100% 100%;
transform-origin: 100% 100%;
}
.ls-origami-bottom > .ls-origami-tile {
height: 50%;
bottom: 0;
}
.ls-origami-tile .ls-light,
.ls-origami-image-holder {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
}
.ls-origami-tile .ls-light {
z-index: 2;
}
.ls-origami-image-holder {
z-index: 10;
}
.ls-origami-image-holder > img {
position: relative;
z-index: 1;
}
.ls-origami-tile .ls-white {
background: white;
}
.ls-origami-tile .ls-black {
background: black;
}.ls-popup-overlay {
position: fixed !important;
z-index: 999999 !important;
left: 0;
top: 0;
width: 100% !important;
height: 100% !important;
display: none;
}
.ls-popup {
position: fixed !important;
width: auto !important;
height: auto !important;
z-index: 9999999 !important;
display: block !important;
overflow: visible !important;
visibility: visible !important;
}
.ls-popup:not(.ls-popup-visible) {
transform: translate(-10000px,-10000px);
}
.ls-popup:not(.ls-popup-visible),
.ls-popup:not(.ls-popup-visible) .ls-popup-inner .ls-container {
pointer-events: none !important;
visibility: hidden !important;
}
.ls-popup.ls-popup-scrollable {
position: absolute !important;
}
.ls-popup .ls-popup-inner {
width: 100% !important;
height: 100% !important;
}
.ls-popup,
.ls-popup-inner {
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
pointer-events: none !important;
background: none !important;
}
.ls-popup .ls-popup-inner .ls-container {
position: absolute !important;
pointer-events: auto !important;
}
.ls-popup-close-button {
position: absolute;
width: 28px;
height: 28px;
border-radius: 100%;
border: 2px solid white;
z-index: 1000;
left: 10px;
top: 10px;
cursor: pointer;
opacity: .75;
transition: opacity .3s ease-in-out;
background: rgba(0,0,0,.25);
box-sizing: content-box !important;
}
.ls-popup-close-button:before,
.ls-popup-close-button:after {
content: '';
width: 20px;
height: 2px;
position: absolute;
top: 13px;
left: 4px;
background: white;
border-radius: 10px;
transition: transform .2s ease-in-out;
}
.ls-popup-close-button:before {
transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
.ls-popup-close-button:after {
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}
.ls-popup-close-button:hover {
opacity: 1;
}
.ls-popup-close-button:hover:before {
transform: rotate(135deg);
}
.ls-popup-close-button:hover:after {
transform: rotate(45deg);
}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-layer .ls-wd[busy="1"]:after {
left: 0;
}
.ls-layer:not([blink]) .ls-ch[busy="1"]:before,
.ls-layer:not([blink]) .ls-wd[busy="1"]:after,
.ls-layer[noblink="1"] .ls-ch[busy="1"]:before,
.ls-layer[noblink="1"] .ls-wd[busy="1"]:after {
display: none !important;
}
.ls-layer .ls-ch[busy="1"]:before,
.ls-layer .ls-wd[busy="1"]:after,
.ls-layer .ls-ch[busy="1"]:before,
.ls-layer .ls-wd[busy="1"]:after {
visibility: visible !important;
} .ls-layer[tw-cursor-type="block"] .ls-ch[busy="1"]:before,
.ls-layer[tw-cursor-type="block"] .ls-wd[busy="1"]:after {
content: '';
position: absolute;
top: 50%;
width: calc( var(--tw-cursor-size) * 0.5em );
height: calc( var(--tw-cursor-size) * 1em );
background-color: var(--tw-cursor-color);
transform: translateY(-50%);
}
.ls-layer[tw-cursor-type="block"] .ls-wd[busy="1"]:after {
left: 100%;
}
.ls-layer[tw-cursor-type="block"] .ls-ch[busy="1"]:before {
left: 0;
} .ls-layer[tw-cursor-type="line"] .ls-ch[busy="1"]:before,
.ls-layer[tw-cursor-type="line"] .ls-wd[busy="1"]:after {
content: '';
position: absolute;
top: 50%;
width: calc( var(--tw-cursor-size) * 0.06em );
height: calc( var(--tw-cursor-size) * 1em );
background-color: var(--tw-cursor-color);
transform: translateY(-50%);
}
.ls-layer[tw-cursor-type="line"] .ls-wd[busy="1"]:after {
left: 100%;
}
.ls-layer[tw-cursor-type="line"] .ls-ch[busy="1"]:before {
left: 0;
} .ls-layer[tw-cursor-type="underscore"] .ls-ch[busy="1"]:before,
.ls-layer[tw-cursor-type="underscore"] .ls-wd[busy="1"]:after {
content: '_';
position: absolute;
bottom: 0;
line-height: inherit !important;
font-size: calc( var(--tw-cursor-size) * 1em );
color: var(--tw-cursor-color);
}
.ls-layer[tw-cursor-type="underscore"] .ls-wd[busy="1"]:after {
left: 100%;
}
.ls-layer[tw-cursor-type="underscore"] .ls-ch[busy="1"]:before {
left: 0;
} .ls-layer[tw-cursor-type="nextl"] .ls-ch[busy="1"]:before,
.ls-layer[tw-cursor-type="nextl"] .ls-wd[busy="1"]:after,
.ls-layer[tw-cursor-type="randoml"] .ls-ch[busy="1"]:before,
.ls-layer[tw-cursor-type="randoml"] .ls-wd[busy="1"]:after {
content: var(--tw-letter);
line-height: 1px !important;
vertical-align: baseline;
font-size: calc( var(--tw-cursor-size) * 1em );
color: var(--tw-cursor-color);
}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%;
}