.szcamp-zone,
.szcamp-zone * {
box-sizing: border-box;
}
.szcamp-zone {
width: 100%;
max-width: 100%;
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 {
margin: 28px auto;
}
.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; }
.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;
}
.szcamp-button:hover,
.szcamp-button:focus {
background: #18D5CE;
border-color: #18D5CE;
color: #121212 !important;
}
.szcamp-zone--bottom_scroll_bar {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 99990;
transform: translateY(110%);
transition: transform .28s ease;
padding: 10px;
background: rgba(255,255,255,.98);
border-top: 1px solid #121212;
}
.szcamp-zone--bottom_scroll_bar.is-visible {
transform: translateY(0);
}
.szcamp-zone--bottom_scroll_bar .szcamp-card {
width: min(100%, 1040px);
padding: 12px 14px;
}
.szcamp-zone--bottom_scroll_bar .szcamp-card__title {
font-size: 20px;
}
.szcamp-close {
position: absolute;
top: 8px;
right: 8px;
width: 30px;
height: 30px;
border: 1px solid #121212;
background: #fff;
color: #121212;
cursor: pointer;
font-weight: 800;
}
.szcamp-zone--article_lock_gate {
display: none;
position: fixed;
inset: 0;
z-index: 99995;
background: rgba(18,18,18,.82);
align-items: center;
justify-content: center;
padding: 20px;
}
.szcamp-zone--article_lock_gate.is-visible {
display: flex;
}
.szcamp-zone--article_lock_gate .szcamp-card {
max-width: 760px;
max-height: calc(100vh - 40px);
overflow: auto;
}
.szcamp-gate-actions {
display: flex;
gap: 10px;
align-items: center;
flex-wrap: wrap;
margin-top: 14px;
}
.szcamp-gate-continue[disabled] {
opacity: .45;
cursor: not-allowed;
}
body.szcamp-lock-active {
overflow: hidden;
}
.szcamp-landing {
width: 100%;
}
html.wp-dark-mode-active .szcamp-card {
background: #121212;
color: #eaeaea;
border-color: #eaeaea;
}
html.wp-dark-mode-active .szcamp-zone--bottom_scroll_bar {
background: rgba(18,18,18,.98);
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;
}
@media (max-width: 767px) {
.szcamp-card {
padding: 16px;
}
.szcamp-card__title {
font-size: 24px;
}
.szcamp-card__text {
font-size: 15px;
}
}