.wf-cc{--wf-cc-bg:#eeeeee;--wf-cc-bg-alpha:rgba(238, 238, 238, 0.9);--wf-cc-text:#222222;--wf-cc-accent:#0a6cff;--wf-cc-radius:0;--wf-cc-shadow:none;--wf-cc-margin:0;position:fixed;left:0;width:100%;margin:var(--wf-cc-margin);padding:4px;z-index:1000;text-align:center;box-sizing:border-box;background-color:var(--wf-cc-bg);background-color:var(--wf-cc-bg-alpha);color:var(--wf-cc-text);border-radius:var(--wf-cc-radius);box-shadow:var(--wf-cc-shadow)}.wf-cc--top{top:0}.wf-cc--bottom{bottom:0}.wf-cc__inner{padding-right:50px}.wf-cc__link{margin-left:8px;color:var(--wf-cc-accent)}.wf-cc__dismiss{margin-left:24px;color:var(--wf-cc-accent);cursor:pointer}.wf-cc__close{position:absolute;right:0;top:0;width:50px;height:100%;display:inline-block;cursor:pointer}.wf-cc__close::after,.wf-cc__close::before{content:"";position:absolute;left:50%;top:50%;width:18px;height:2px;background:var(--wf-cc-text);transform-origin:center}.wf-cc__close::before{transform:translate(-50%,-50%) rotate(45deg)}.wf-cc__close::after{transform:translate(-50%,-50%) rotate(-45deg)}.wf-cc--theme-dark{--wf-cc-bg:#1e1e1e;--wf-cc-bg-alpha:rgba(30, 30, 30, 0.92);--wf-cc-text:#f0f0f0;--wf-cc-accent:#5aa9ff}.wf-cc--theme-minimal{--wf-cc-bg:#ffffff;--wf-cc-bg-alpha:#ffffff;--wf-cc-text:#222222;--wf-cc-accent:#0a6cff;--wf-cc-radius:0;--wf-cc-shadow:none}.wf-cc--theme-card{--wf-cc-bg:#ffffff;--wf-cc-bg-alpha:#ffffff;--wf-cc-text:#222222;--wf-cc-accent:#0a6cff;--wf-cc-radius:10px;--wf-cc-shadow:0 6px 24px rgba(0, 0, 0, 0.18);--wf-cc-margin:16px}.wf-cc--theme-card{width:auto;max-width:720px}.wf-cc--theme-card.wf-cc--bottom,.wf-cc--theme-card.wf-cc--top{left:50%;transform:translateX(-50%)}@media (prefers-color-scheme:dark){.wf-cc--auto-dark.wf-cc--theme-card,.wf-cc--auto-dark.wf-cc--theme-light,.wf-cc--auto-dark.wf-cc--theme-minimal{--wf-cc-bg:#1e1e1e;--wf-cc-bg-alpha:rgba(30, 30, 30, 0.92);--wf-cc-text:#f0f0f0;--wf-cc-accent:#5aa9ff}}.wf-cc__glass{position:fixed;width:100%;height:100%;z-index:999;top:0;left:0;opacity:.5;background-color:#ccc}.wf-cc__dialog{z-index:1000;position:fixed;left:50%;top:50%}.wf-cc__content{position:relative;left:-50%;margin-top:-25%;background-color:var(--wf-cc-bg);color:var(--wf-cc-text);padding:20px;box-shadow:4px 4px 25px #888}.wf-cc__dismiss--block{display:block;text-align:right;margin-top:8px;margin-left:0}body.hidden-scroll {
overflow: hidden; }
.sl-overlay {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #fff;
opacity: 0.7;
display: none;
z-index: 1035; }
.sl-wrapper {
z-index: 1040; }
.sl-wrapper * {
box-sizing: border-box; }
.sl-wrapper button {
border: 0 none;
background: transparent;
font-size: 28px;
padding: 0;
cursor: pointer; }
.sl-wrapper button:hover {
opacity: 0.7; }
.sl-wrapper .sl-close {
display: none;
position: fixed;
right: 30px;
top: 30px;
z-index: 10060;
margin-top: -14px;
margin-right: -14px;
height: 44px;
width: 44px;
line-height: 44px;
font-family: Arial, Baskerville, monospace;
color: #000;
font-size: 3rem; }
.sl-wrapper .sl-close:focus {
outline: none; }
.sl-wrapper .sl-counter {
display: none;
position: fixed;
top: 30px;
left: 30px;
z-index: 1060;
color: #000;
font-size: 1rem; }
.sl-wrapper .sl-navigation {
width: 100%;
display: none; }
.sl-wrapper .sl-navigation button {
position: fixed;
top: 50%;
margin-top: -22px;
height: 44px;
width: 22px;
line-height: 44px;
text-align: center;
display: block;
z-index: 10060;
font-family: Arial, Baskerville, monospace;
color: #000; }
.sl-wrapper .sl-navigation button.sl-next {
right: 5px;
font-size: 2rem; }
.sl-wrapper .sl-navigation button.sl-prev {
left: 5px;
font-size: 2rem; }
.sl-wrapper .sl-navigation button:focus {
outline: none; }
@media (min-width: 35.5em) {
.sl-wrapper .sl-navigation button {
width: 44px; }
.sl-wrapper .sl-navigation button.sl-next {
right: 10px;
font-size: 3rem; }
.sl-wrapper .sl-navigation button.sl-prev {
left: 10px;
font-size: 3rem; } }
@media (min-width: 50em) {
.sl-wrapper .sl-navigation button {
width: 44px; }
.sl-wrapper .sl-navigation button.sl-next {
right: 20px;
font-size: 3rem; }
.sl-wrapper .sl-navigation button.sl-prev {
left: 20px;
font-size: 3rem; } }
.sl-wrapper.sl-dir-rtl .sl-navigation {
direction: ltr; }
.sl-wrapper .sl-image {
position: fixed;
-ms-touch-action: none;
touch-action: none;
z-index: 10000; }
.sl-wrapper .sl-image img {
margin: 0;
padding: 0;
display: block;
border: 0 none;
width: 100%;
height: auto; }
@media (min-width: 35.5em) {
.sl-wrapper .sl-image img {
border: 0 none; } }
@media (min-width: 50em) {
.sl-wrapper .sl-image img {
border: 0 none; } }
.sl-wrapper .sl-image iframe {
background: #000;
border: 0 none; }
@media (min-width: 35.5em) {
.sl-wrapper .sl-image iframe {
border: 0 none; } }
@media (min-width: 50em) {
.sl-wrapper .sl-image iframe {
border: 0 none; } }
.sl-wrapper .sl-image .sl-caption {
display: none;
padding: 10px;
color: #fff;
background: rgba(0, 0, 0, 0.8);
font-size: 1rem;
position: absolute;
bottom: 0;
left: 0;
right: 0; }
.sl-wrapper .sl-image .sl-caption.pos-top {
bottom: auto;
top: 0; }
.sl-wrapper .sl-image .sl-caption.pos-outside {
bottom: auto; }
.sl-wrapper .sl-image .sl-download {
display: none;
position: absolute;
bottom: 5px;
right: 5px;
color: #000;
z-index: 1060; }
.sl-spinner {
display: none;
border: 5px solid #333;
border-radius: 40px;
height: 40px;
left: 50%;
margin: -20px 0 0 -20px;
opacity: 0;
position: fixed;
top: 50%;
width: 40px;
z-index: 1007;
-webkit-animation: pulsate 1s ease-out infinite;
-moz-animation: pulsate 1s ease-out infinite;
-ms-animation: pulsate 1s ease-out infinite;
-o-animation: pulsate 1s ease-out infinite;
animation: pulsate 1s ease-out infinite; }
.sl-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll; }
.sl-transition {
transition: -moz-transform ease 200ms;
transition: -ms-transform ease 200ms;
transition: -o-transform ease 200ms;
transition: -webkit-transform ease 200ms;
transition: transform ease 200ms; }
@-webkit-keyframes pulsate {
0% {
transform: scale(0.1);
opacity: 0.0; }
50% {
opacity: 1; }
100% {
transform: scale(1.2);
opacity: 0; } }
@keyframes pulsate {
0% {
transform: scale(0.1);
opacity: 0.0; }
50% {
opacity: 1; }
100% {
transform: scale(1.2);
opacity: 0; } }
@-moz-keyframes pulsate {
0% {
transform: scale(0.1);
opacity: 0.0; }
50% {
opacity: 1; }
100% {
transform: scale(1.2);
opacity: 0; } }
@-o-keyframes pulsate {
0% {
transform: scale(0.1);
opacity: 0.0; }
50% {
opacity: 1; }
100% {
transform: scale(1.2);
opacity: 0; } }
@-ms-keyframes pulsate {
0% {
transform: scale(0.1);
opacity: 0.0; }
50% {
opacity: 1; }
100% {
transform: scale(1.2);
opacity: 0; } }