.szcamp-zone,
.szcamp-zone * {
box-sizing: border-box;
}
.szcamp-zone {
width: 100%;
max-width: 100%;
min-width: 0;
font-family: Roboto, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.szcamp-zone--header_top {
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
background: #121212;
color: #fff;
} .szcamp-zone--article_before_first_paragraph {
display: block;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 0 16px !important;
padding: 0 !important;
overflow-x: hidden;
overflow-x: clip;
}
.szcamp-zone--article_before_first_paragraph > * {
max-width: 100% !important;
min-width: 0 !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.szcamp-zone--article_before_first_paragraph .szcamp-card {
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
}
.szcamp-zone--article_before_first_paragraph *,
.szcamp-zone--article_before_first_paragraph *::before,
.szcamp-zone--article_before_first_paragraph *::after {
max-width: 100% !important;
min-width: 0;
}
.szcamp-zone--article_before_first_paragraph img,
.szcamp-zone--article_before_first_paragraph video,
.szcamp-zone--article_before_first_paragraph iframe,
.szcamp-zone--article_before_first_paragraph svg {
max-width: 100% !important;
}
.szcamp-card {
display: block;
width: min(100%, 970px);
margin: 0 auto;
padding: 18px 20px;
border: 1px solid #121212;
background: #fff;
color: #121212;
}
.szcamp-card__kicker {
font-size: 11px;
font-weight: 800;
line-height: 1.1;
letter-spacing: .08em;
text-transform: uppercase;
margin-bottom: 6px;
}
.szcamp-card__title {
margin: 0 0 8px;
font-family: "Libre Baskerville", Georgia, serif;
font-size: clamp(22px, 3vw, 36px);
line-height: 1.08;
}
.szcamp-card__text {
font-size: 16px;
line-height: 1.5;
max-width: 720px;
}
.szcamp-card__text > *:first-child { margin-top: 0; }
.szcamp-card__text > *:last-child { margin-bottom: 0; }
[data-szcamp-progress-enabled="0"] {
display: none !important;
}
.szcamp-progress {
margin: 14px 0 16px;
max-width: 620px;
}
.szcamp-progress__meta {
display: flex;
justify-content: space-between;
gap: 12px;
margin-bottom: 5px;
font-size: 12px;
font-weight: 700;
}
.szcamp-progress__track {
display: block;
height: 10px;
width: 100%;
background: #e5e5e5;
overflow: hidden;
}
.szcamp-progress__bar {
display: block;
height: 100%;
width: var(--szcamp-progress, 0%);
background: #18D5CE;
}
.szcamp-button,
.szcamp-button:visited {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 10px 16px;
background: #121212;
color: #fff !important;
border: 1px solid #121212;
text-decoration: none !important;
font-weight: 800;
line-height: 1.1;
cursor: pointer;
}
.szcamp-button:hover,
.szcamp-button:focus {
background: #18D5CE;
border-color: #18D5CE;
color: #121212 !important;
} .szcamp-zone--bottom_scroll_bar {
position: fixed;
inset: 0;
z-index: 99990;
display: flex;
align-items: flex-end;
justify-content: stretch;
width: 100vw !important;
max-width: 100vw !important;
height: 100vh;
height: 100dvh;
margin: 0 !important;
padding: 0 !important;
pointer-events: none;
overflow: hidden;
}
.szcamp-zone--bottom_scroll_bar.szcamp-zone--lock-gate {
z-index: 99995;
}
.szcamp-bottom-panel {
position: relative;
z-index: 2;
display: block;
width: 100%;
max-width: 100%;
max-height: min(82vh, 900px);
margin: 0;
padding: 10px;
overflow: auto;
overscroll-behavior: contain;
background: rgba(255, 255, 255, .985);
border-top: 1px solid #121212;
box-shadow: none;
opacity: 0;
visibility: hidden;
transform: translate3d(0, calc(100% + 32px), 0);
transition:
transform 440ms cubic-bezier(.22, 1, .36, 1),
opacity 260ms ease,
visibility 0s linear 440ms;
will-change: transform, opacity;
pointer-events: auto;
}
.szcamp-zone--bottom_scroll_bar.is-visible .szcamp-bottom-panel {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0);
transition-delay: 0s;
}
.szcamp-lock-backdrop {
position: absolute;
inset: 0;
z-index: 1;
display: block;
background: rgba(8, 8, 8, .74);
opacity: 0;
transition: opacity 320ms ease;
pointer-events: none;
}
.szcamp-zone--lock-gate.is-visible .szcamp-lock-backdrop {
opacity: 1;
pointer-events: auto;
}
.szcamp-zone--bottom_scroll_bar .szcamp-card {
width: min(100%, 1040px);
max-width: 100%;
padding: 12px 14px;
}
.szcamp-zone--bottom_scroll_bar .szcamp-card__title {
font-size: 20px;
} .szcamp-dismiss {
position: absolute;
top: 8px;
right: 8px;
z-index: 3;
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
padding: 0;
border: 1px solid #121212;
background: #fff;
color: #121212;
cursor: pointer;
font-weight: 800;
line-height: 1;
}
[data-szcamp-unlock].is-disabled,
[data-szcamp-unlock][aria-disabled="true"],
.szcamp-gate-continue[disabled] {
opacity: .45;
cursor: not-allowed;
}
[data-szcamp-countdown]:empty {
display: none;
}
[data-szcamp-countdown]:not(:empty)::before {
content: " (";
}
[data-szcamp-countdown]:not(:empty)::after {
content: ")";
}
html.szcamp-lock-active,
html.szcamp-lock-active body,
body.szcamp-lock-active {
overflow: hidden !important;
overscroll-behavior: none !important;
}
.szcamp-landing {
width: 100%;
}
html.wp-dark-mode-active .szcamp-card {
background: #121212;
color: #eaeaea;
border-color: #eaeaea;
}
html.wp-dark-mode-active .szcamp-bottom-panel {
background: rgba(18, 18, 18, .985);
color: #eaeaea;
border-color: #eaeaea;
}
html.wp-dark-mode-active .szcamp-button,
html.wp-dark-mode-active .szcamp-button:visited {
background: #eaeaea;
color: #121212 !important;
border-color: #eaeaea;
}
html.wp-dark-mode-active .szcamp-dismiss {
background: #121212;
color: #eaeaea;
border-color: #eaeaea;
}
@media (max-width: 767px) {
.szcamp-card {
padding: 16px;
}
.szcamp-card__title {
font-size: 24px;
}
.szcamp-card__text {
font-size: 15px;
}
.szcamp-bottom-panel {
max-height: 88dvh;
padding: 8px;
}
}
@media (prefers-reduced-motion: reduce) {
.szcamp-bottom-panel,
.szcamp-lock-backdrop {
transition: none !important;
}
}