@charset "utf-8";

.ld-ext-right, .ld-ext-left, .ld-ext-bottom, .ld-ext-top, .ld-over, .ld-over-inverse, .ld-over-full, .ld-over-full-inverse { position: relative !important; transition: 0.3s ease-in !important; }

.ld-ext-right > .ld, .ld-ext-left > .ld, .ld-ext-bottom > .ld, .ld-ext-top > .ld, .ld-over > .ld, .ld-over-inverse > .ld, .ld-over-full > .ld, .ld-over-full-inverse > .ld { position: absolute !important; top: 50% !important; left: 50% !important; width: 1em !important; height: 1em !important; margin: -0.5em !important; opacity: 0 !important; z-index: -1 !important; transition: 0.3s ease-in !important; }

.ld-ext-right > .ld > *, .ld-ext-left > .ld > *, .ld-ext-bottom > .ld > *, .ld-ext-top > .ld > *, .ld-over > .ld > *, .ld-over-inverse > .ld > *, .ld-over-full > .ld > *, .ld-over-full-inverse > .ld > * { width: 1em !important; height: 1em !important; position: absolute !important; top: 50% !important; left: 50% !important; transform: translate(-0.5em, -0.5em) !important; }

.ld-ext-right.running > .ld, .ld-ext-left.running > .ld, .ld-ext-bottom.running > .ld, .ld-ext-top.running > .ld, .ld-over.running > .ld, .ld-over-inverse.running > .ld, .ld-over-full.running > .ld, .ld-over-full-inverse.running > .ld { opacity: 1 !important; z-index: auto !important; visibility: visible !important; background: rgba(0, 0, 0, 0.6) !important; }

.ld-ext-right.running { padding-right: 2.5em !important; }

.ld-ext-right > .ld { top: 50% !important; left: auto !important; right: 1.25em !important; }

.ld-ext-left.running { padding-left: 2.5em !important; }

.ld-ext-left > .ld { top: 50% !important; right: auto !important; left: 1.25em !important; }

.ld-ext-bottom.running { padding-bottom: 2.5em !important; }

.ld-ext-bottom > .ld { top: auto !important; left: 50% !important; bottom: 1.25em !important; }

.ld-ext-top.running { padding-top: 2.5em !important; }

.ld-ext-top > .ld { bottom: auto !important; left: 50% !important; top: 1.25em !important; }

.ld-over::before, .ld-over-inverse::before, .ld-over-full::before, .ld-over-full-inverse::before { content: " " !important; display: block !important; position: absolute !important; z-index: -1 !important; top: 0px !important; left: 0px !important; width: 100% !important; height: 100% !important; transition: 0.3s ease-in !important; border-radius: inherit !important; }

.ld-over.running > .ld, .ld-over-inverse.running > .ld, .ld-over-full.running > .ld, .ld-over-full-inverse.running > .ld { z-index: 4001 !important; background-color: transparent !important; }

.ld-over-inverse.running::before, .ld-over-full.running::before, .ld-over-full-inverse.running::before { opacity: 1 !important; z-index: 4000 !important; display: block !important; background: rgba(0, 0, 0, 0.6) !important; }

.ld-over.running::before { background: rgba(240, 240, 240, 0.8) !important; }

.ld-over-full.running > .ld, .ld-over-full-inverse.running > .ld, .ld-over-full.running::before, .ld-over-full-inverse.running::before { position: fixed !important; }

.ld-over-full > .ld { color: rgba(0, 0, 0, 0.8) !important; }

.ld-over-inverse > .ld { color: rgba(255, 255, 255, 0.8) !important; }

.ld-over-full-inverse > .ld { color: rgba(255, 255, 255, 0.8) !important; }