.opa-calc{--opa-blue:#1171b1;--opa-dark:#17344c;--opa-light:#f4f8fb;--opa-border:#d5e1e9;--opa-orange:#f29a3f;max-width:1050px;margin:24px auto;font-family:Arial,Helvetica,sans-serif;color:#22313d;line-height:1.45}.opa-calc *{box-sizing:border-box}.opa-calc__header{display:flex;gap:24px;justify-content:space-between;align-items:flex-start;background:linear-gradient(135deg,#f7fbfe,#eaf4fa);border:1px solid var(--opa-border);border-radius:18px;padding:28px}.opa-calc__header h2{margin:3px 0 8px;color:var(--opa-dark);font-size:32px}.opa-calc__header p{margin:0;max-width:760px}.opa-calc__eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--opa-blue);font-weight:700}.opa-calc__badge{white-space:nowrap;background:#fff;border:1px solid var(--opa-border);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.opa-section{margin-top:20px;background:#fff;border:1px solid var(--opa-border);border-radius:16px;padding:22px;box-shadow:0 6px 18px rgba(23,52,76,.05)}.opa-section h3{margin:0 0 18px;color:var(--opa-dark);font-size:20px}.opa-grid{display:grid;gap:16px}.opa-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.opa-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.opa-calc label{font-weight:700;font-size:14px}.opa-calc input,.opa-calc select{display:block;width:100%;margin-top:6px;border:1px solid #b9cbd7;border-radius:10px;padding:10px 11px;background:#fff;color:#22313d;font:inherit}.opa-calc input:focus,.opa-calc select:focus{outline:3px solid rgba(17,113,177,.13);border-color:var(--opa-blue)}.opa-required{color:#bb2e2e}.opa-help{font-weight:400;color:#647985;font-size:12px}.opa-actions{display:flex;gap:10px;margin-top:20px}.opa-btn{border:0;border-radius:10px;padding:12px 18px;font-size:15px;font-weight:700;cursor:pointer}.opa-btn--primary{background:var(--opa-blue);color:#fff}.opa-btn--secondary{background:#eaf0f4;color:var(--opa-dark)}.opa-calc__notice{margin-top:18px;border-radius:12px;padding:13px 15px;font-size:14px}.opa-calc__notice--info{background:#eef7fd;border-left:4px solid var(--opa-blue)}.opa-calc__notice--warning{background:#fff5e8;border-left:4px solid var(--opa-orange)}.opa-calc__errors{margin-top:18px;background:#fff0f0;border-left:4px solid #c53636;border-radius:10px;padding:14px;color:#852020;font-weight:700}.opa-result-hero{display:grid;grid-template-columns:2fr 1fr;gap:18px}.opa-result-hero>div{background:var(--opa-light);border-radius:14px;padding:18px}.opa-result-hero__label{font-size:13px;color:#657985;text-transform:uppercase;letter-spacing:.04em;font-weight:700}.opa-result-hero__value{margin-top:4px;color:var(--opa-dark);font-size:24px;font-weight:800}.opa-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.opa-kpi{border:1px solid var(--opa-border);border-radius:14px;padding:16px;background:#fbfdfe}.opa-kpi span,.opa-kpi small{display:block}.opa-kpi span{font-size:13px;font-weight:700;color:#5d7280}.opa-kpi strong{display:block;margin:6px 0;font-size:22px;color:var(--opa-dark)}.opa-kpi small{font-size:12px;color:#758894}.opa-kpi--primary{border-color:var(--opa-blue);background:#edf7fd}.opa-table-wrap{overflow:auto;margin-top:18px}.opa-table{width:100%;border-collapse:collapse;min-width:620px}.opa-table th,.opa-table td{padding:11px 12px;border-bottom:1px solid var(--opa-border);text-align:left}.opa-table th{width:62%;font-weight:600}.opa-table td{text-align:right;font-variant-numeric:tabular-nums}.opa-trace__list{margin:0;padding-left:22px}.opa-trace__list li{margin:0 0 12px;padding-left:5px}.opa-trace__list em{font-style:normal;color:#677b88}.opa-trace__list small{color:#657985}.opa-section--sources{background:#f8fafb;font-size:13px}.opa-section--sources p{margin:7px 0}.opa-source-links a{color:var(--opa-blue)}.opa-calc__footer-note{margin-top:20px;padding:14px 16px;border:1px dashed #b7c7d2;border-radius:12px;color:#596d79;font-size:13px}@media(max-width:800px){.opa-grid--2,.opa-grid--3,.opa-kpis,.opa-result-hero{grid-template-columns:1fr}.opa-calc__header{display:block}.opa-calc__badge{display:inline-block;margin-top:14px}.opa-actions{flex-direction:column}.opa-btn{width:100%}}
.opa-checkline{display:flex!important;align-items:flex-start;gap:10px;font-weight:400!important}.opa-checkline input[type="checkbox"]{display:inline-block;width:auto;margin:3px 0 0;padding:0;flex:0 0 auto}.opa-trimester-mode{margin:0 0 16px}.opa-calc input[readonly]{background:#f3f6f8;color:#314956;cursor:not-allowed}
.opa-section--optional{background:#fbfcfe}.opa-optional-card{border:1px solid var(--opa-border);border-radius:14px;padding:16px;margin-top:14px;background:#fafcfd}.opa-optional-card:first-of-type{margin-top:0}.opa-option-fields{margin-top:14px}.opa-kpis--advanced{margin-top:12px}.opa-kpi--net{border-color:#3c8f72;background:#eef9f4}.opa-calc--advanced [hidden]{display:none!important}
.opa-access-gate{max-width:680px;margin:34px auto;font-family:Arial,Helvetica,sans-serif;color:#22313d}.opa-access-gate__card{background:#fff;border:1px solid #d5e1e9;border-radius:18px;padding:28px;box-shadow:0 8px 28px rgba(23,52,76,.08)}.opa-access-gate__eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#1171b1;font-size:13px;font-weight:700}.opa-access-gate h2{margin:4px 0 10px;color:#17344c}.opa-access-gate__form{margin-top:18px}.opa-access-gate__form label{display:block;font-weight:700}.opa-access-gate__form input{display:block;width:100%;margin:7px 0 14px;border:1px solid #b9cbd7;border-radius:10px;padding:12px;font:inherit}.opa-access-gate__note{font-size:12px;color:#647985;margin:13px 0 0}.opa-access-toolbar{max-width:1050px;margin:12px auto -10px;padding:9px 12px;border-radius:10px;background:#eef7fd;border:1px solid #d5e1e9;display:flex;justify-content:space-between;gap:12px;font:13px Arial,Helvetica,sans-serif}.opa-access-toolbar a{color:#1171b1;font-weight:700;text-decoration:none}.sntcg {
--sntcg-navy: #081f3e;
--sntcg-navy-2: #0e3663;
--sntcg-blue: #13599a;
--sntcg-cyan: #06aebc;
--sntcg-orange: #ff852d;
--sntcg-paper: #f5f7f9;
--sntcg-ink: #09203d;
--sntcg-muted: #52677a;
--sntcg-sector: #06aebc;
position: relative;
isolation: isolate;
max-width: 1420px;
margin: 18px auto 48px;
padding: clamp(12px, 2vw, 25px);
box-sizing: border-box;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
font-size: 16px;
line-height: 1.45;
background: var(--sntcg-paper);
border: 1px solid #dce6ec;
color: var(--sntcg-ink);
}
.sntcg *, .sntcg *::before, .sntcg *::after,
.sntcg-modal *, .sntcg-modal *::before, .sntcg-modal *::after { box-sizing: border-box; }
.sntcg [hidden], .sntcg-modal [hidden] { display: none !important; }
.sntcg button, .sntcg input, .sntcg select, .sntcg-modal button { font: inherit; }
.sntcg button, .sntcg-modal button { cursor: pointer; }
.sntcg button:focus-visible, .sntcg input:focus-visible, .sntcg select:focus-visible,
.sntcg-modal button:focus-visible { outline: 3px solid var(--sntcg-orange); outline-offset: 3px; }
.sntcg button:disabled { opacity: .5; cursor: not-allowed; } .sntcg-header {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(190px, .28fr);
gap: 24px;
align-items: stretch;
min-height: 264px;
margin: 0 0 18px;
padding: clamp(25px, 3vw, 48px);
overflow: hidden;
background: var(--sntcg-navy);
color: #fff;
}
.sntcg-header::before {
content: "";
position: absolute;
left: 0; top: 0;
width: min(28vw, 260px); height: 8px;
background: var(--sntcg-orange);
}
.sntcg-header::after {
content: "";
position: absolute;
right: -85px; bottom: -105px;
width: 340px; height: 340px;
border: 26px solid rgba(6,174,188,.19);
transform: rotate(35deg);
pointer-events: none;
}
.sntcg-header-pattern {
position: absolute;
right: 19%; top: -25%; bottom: -30%;
display: flex; gap: 14px;
transform: rotate(25deg);
pointer-events: none;
}
.sntcg-header-pattern span { display: block; width: 12px; height: 150%; background: #0f4a7b; }
.sntcg-header-pattern span:nth-child(2) { background: #0c668d; width: 20px; }
.sntcg-header-pattern span:nth-child(3) { background: #ff852d; width: 10px; }
.sntcg-header-copy, .sntcg-total { position: relative; z-index: 1; }
.sntcg-header-copy { align-self: center; }
.sntcg .sntcg-eyebrow {
display: inline-flex; align-items: center; flex-wrap: wrap; gap: 10px;
margin: 0 0 18px;
color: #c7e9f0;
font-size: 12px; font-weight: 850; line-height: 1.45;
letter-spacing: .13em;
}
.sntcg-accent-dot { width: 10px; height: 10px; flex: 0 0 10px; background: var(--sntcg-orange); transform: rotate(45deg); }
.sntcg-eyebrow-divider { color: var(--sntcg-orange); font-weight: 900; }
.sntcg .sntcg-header h2 {
margin: 0 0 15px !important;
color: #fff !important;
font-size: clamp(37px, 4.55vw, 72px);
font-weight: 950;
line-height: .98;
letter-spacing: -.055em;
text-wrap: balance;
}
.sntcg .sntcg-header h2 > span { display: block; color: #46d5df; }
.sntcg-title-period { color: var(--sntcg-orange); }
.sntcg .sntcg-lead {
margin: 0;
max-width: 600px;
color: #d3e3ed;
font-size: clamp(14px, 1.3vw, 18px);
line-height: 1.55;
font-weight: 470;
}
.sntcg-total {
align-self: center;
justify-self: end;
display: flex; flex-direction: column;
align-items: flex-end; justify-content: center;
padding: 15px 0 15px 18px;
border-left: 4px solid var(--sntcg-orange);
color: #fff;
white-space: nowrap;
}
.sntcg-total-above, .sntcg-total-below {
font-size: 11px; line-height: 1.3;
font-weight: 900; letter-spacing: .12em;
}
.sntcg-total-above { color: #6bd5e1; }
.sntcg-total-below { color: #d3e3ed; }
.sntcg-total strong {
display: block;
padding: 0;
font-size: clamp(68px, 7vw, 112px);
line-height: 1;
font-weight: 950; letter-spacing: -.095em;
color: #fff;
font-variant-numeric: tabular-nums;
} .sntcg-filters {
display: grid;
grid-template-columns: minmax(260px, 1.45fr) minmax(220px, .85fr) auto;
align-items: end;
gap: 12px;
padding: 18px;
background: #fff;
border: 1px solid #dce7ed;
border-left: 7px solid var(--sntcg-cyan);
}
.sntcg-field { min-width: 0; }
.sntcg .sntcg-field label {
display: block;
margin: 0 0 8px;
color: var(--sntcg-navy);
font-size: 12px; line-height: 1.2;
font-weight: 850;
letter-spacing: .035em;
}
.sntcg-input-wrap { position: relative; }
.sntcg-input-wrap svg {
position: absolute; width: 20px; height: 20px;
top: 50%; left: 14px; transform: translateY(-50%);
fill: none; stroke: #56718c; stroke-width: 2; stroke-linecap: round;
pointer-events: none;
}
.sntcg input[type="search"], .sntcg select {
display: block;
width: 100%; min-width: 0; height: 48px;
padding: 0 12px;
margin: 0;
background: #f5f8fb;
border: 1px solid #ccdce7;
border-radius: 2px;
color: #133654;
font-size: 14px; line-height: 1.2;
font-weight: 550;
box-shadow: none;
appearance: auto;
}
.sntcg input[type="search"] { padding-left: 43px; }
.sntcg input[type="search"]::placeholder { color: #7b8e9e; }
.sntcg .sntcg-clear {
min-height: 48px;
margin: 0;
padding: 11px 19px;
background: #0f497f;
border: 2px solid #0f497f;
border-radius: 2px;
color: #fff;
font-size: 12px; font-weight: 850;
text-transform: uppercase; letter-spacing: .04em;
white-space: nowrap;
transition: background .18s ease, color .18s ease;
}
.sntcg .sntcg-clear:hover { background: var(--sntcg-orange); color: #08243f; border-color: var(--sntcg-orange); }
.sntcg .sntcg-results {
display: flex; align-items: center; gap: 8px;
margin: 16px 2px 14px;
color: #415c70;
font-size: 12px; line-height: 1.2;
font-weight: 850;
letter-spacing: .035em;
}
.sntcg .sntcg-results::before { content:""; width: 22px; height: 5px; flex: 0 0 22px; background: var(--sntcg-orange); transform: skewX(-25deg); } .sntcg-stage {
display: grid;
grid-template-columns: minmax(0, 1.85fr) minmax(325px, .85fr);
align-items: stretch;
min-width: 0;
background: var(--sntcg-navy);
border: 5px solid var(--sntcg-navy);
overflow: hidden;
}
.sntcg-photo-panel { display: flex; flex-direction: column; min-width: 0; background: #fff; }
.sntcg-photo-topline {
display: flex; gap: 12px; align-items: center;
min-height: 39px; padding: 8px 15px;
color: var(--sntcg-navy); background: #fff;
font-size: 10px; letter-spacing: .15em;
line-height: 1.3; font-weight: 900;
border-bottom: 1px solid #dce6ed;
}
.sntcg-topline-mark { width: 23px; height: 7px; flex: 0 0 23px; background: var(--sntcg-orange); transform: skewX(-30deg); }
.sntcg-topline-2026 { margin-left: auto; color: #7695ac; font-weight: 900; }
.sntcg-photo-area {
position: relative;
display: grid; place-items: center;
width: 100%;
aspect-ratio: 4 / 3;
background: #fff;
overflow: hidden;
touch-action: pan-y;
}
.sntcg .sntcg-photo-area img[data-role="main-image"] {
display: block;
width: 100%; height: 100%;
max-width: 100%; max-height: 100%;
object-fit: contain !important;
object-position: center;
margin: 0; padding: 0;
border: none; border-radius: 0;
background: transparent;
box-shadow: none;
position: relative; z-index: 1;
}
.sntcg-motion-stripes { position: absolute; inset: 0; pointer-events: none; overflow: hidden; z-index: 2; }
.sntcg-motion-stripes span {
display: block;
position: absolute; top: -15%; bottom: -15%;
width: 15%;
opacity: 0;
transform: translateX(-900%) skewX(-19deg);
will-change: transform;
}
.sntcg-motion-stripes span:nth-child(1) { left: -24%; background: var(--sntcg-orange); }
.sntcg-motion-stripes span:nth-child(2) { left: -8%; background: #0b4c87; width: 12%; }
.sntcg-motion-stripes span:nth-child(3) { left: 6%; background: var(--sntcg-cyan); width: 8%; }
.sntcg .sntcg-photo-btn {
position: absolute;
top: 50%; transform: translateY(-50%);
z-index: 4;
display: grid; place-items: center;
width: 45px; height: 58px;
padding: 0;
border: 0; border-radius: 0;
color: var(--sntcg-navy);
background: #fff;
font-size: 28px; font-weight: 800;
box-shadow: 0 4px 0 rgba(8,31,62,.2);
transition: background .2s ease, color .2s ease;
}
.sntcg-photo-prev { left: 0; }
.sntcg-photo-next { right: 0; }
.sntcg .sntcg-photo-btn:hover { background: var(--sntcg-orange); color: var(--sntcg-navy); }
.sntcg-photo-foot {
display: grid; grid-template-columns: auto minmax(30px,1fr) auto;
align-items: center; gap: 16px;
min-height: 50px; padding: 10px 15px;
background: #e9f1f6; border-top: 1px solid #d7e5ee;
}
.sntcg-photo-caption { color: #275679; font-size: 10px; font-weight: 900; letter-spacing: .12em; white-space: nowrap; }
.sntcg-progress { display: block; height: 6px; overflow: hidden; background: #c6d9e6; }
.sntcg-progress > span { display: block; height: 100%; width: 0; background: var(--sntcg-cyan); transition: width .3s ease; }
.sntcg-pagination { color: var(--sntcg-navy); font-size: 12px; font-weight: 900; font-variant-numeric: tabular-nums; white-space: nowrap; } .sntcg-detail {
position: relative;
display: flex; flex-direction: column;
min-width: 0;
min-height: 100%;
padding: clamp(19px, 2.2vw, 32px);
color: #fff;
background: var(--sntcg-navy);
overflow-wrap: anywhere;
overflow: hidden;
}
.sntcg-detail::before {
content: "";
position: absolute;
top: 0; right: 0;
border-top: 92px solid var(--sntcg-cyan);
border-left: 74px solid transparent;
opacity: 1;
pointer-events: none;
}
.sntcg-detail-top { display: flex; align-items: flex-start; justify-content: flex-start; gap: 8px; position: relative; z-index: 1; }
.sntcg-detail-kicker { display: flex; gap: 6px; align-items: center; padding-top: 11px; color: #b3e1ed; font-size: 10px; font-weight: 900; letter-spacing: .14em; }
.sntcg-detail-kicker-dash { display: inline-block; width: 19px; height: 6px; margin-right: 5px; background: var(--sntcg-orange); transform: skewX(-26deg); }
.sntcg-detail-main { display: flex; flex-direction: column; justify-content: center; flex: 1; padding: 30px 0; position: relative; z-index: 1; min-width: 0; }
.sntcg-detail-name-accent { display: flex; align-items: flex-end; gap: 5px; height: 26px; margin: 0 0 20px; }
.sntcg-detail-name-accent span { display: block; width: 9px; height: 16px; background: var(--sntcg-orange); transform: skewX(-19deg); }
.sntcg-detail-name-accent span:nth-child(2) { height: 23px; background: var(--sntcg-cyan); }
.sntcg-detail-name-accent span:nth-child(3) { height: 12px; background: #fff; }
.sntcg-orange-line { width: 94px; height: 8px; margin: 8px 0 22px; background: var(--sntcg-orange); transform: skewX(-22deg); }
.sntcg .sntcg-detail-heading { margin: 0 0 10px; color: #58cdd8; font-size: 11px; font-weight: 900; letter-spacing: .15em; }
.sntcg .sntcg-role {
margin: 0 0 23px;
color: #f5faff;
font-size: clamp(22px, 2.2vw, 34px);
font-weight: 820;
line-height: 1.18;
}
.sntcg .sntcg-sector {
display: inline-flex;
align-items: center; gap: 8px;
align-self: flex-start;
margin: 0; padding: 8px 12px;
border-left: 5px solid var(--sntcg-sector);
background: #184773;
color: #fff;
font-size: 11px; font-weight: 850;
line-height: 1.35;
}
.sntcg-detail-actions { display: flex; align-items: center; justify-content: space-between; gap: 7px; padding-top: 16px; border-top: 1px solid #27517b; position: relative; z-index: 1; }
.sntcg-navigation { display: flex; gap: 7px; }
.sntcg .sntcg-nav-button, .sntcg .sntcg-expand { transition: background .16s ease, color .16s ease; }
.sntcg .sntcg-nav-button { width: 45px; height: 43px; display: grid; place-items: center; padding: 0; background: #144774; border: 1px solid #2b628e; color: #fff; font-size: 22px; font-weight: 800; border-radius: 0; }
.sntcg .sntcg-nav-button:hover { background: var(--sntcg-orange); color: var(--sntcg-navy); border-color: var(--sntcg-orange); }
.sntcg .sntcg-expand { display: inline-flex; align-items: center; gap: 7px; padding: 11px 13px; background: var(--sntcg-orange); border: 1px solid var(--sntcg-orange); border-radius: 0; color: var(--sntcg-navy); font-size: 12px; line-height: 1.1; font-weight: 900; white-space: nowrap; }
.sntcg .sntcg-expand:hover { background: #fff; border-color: #fff; }
.sntcg .sntcg-expand span { font-size: 20px; line-height: 1; }
.sntcg .sntcg-play { display: flex; align-items: center; gap: 9px; margin: 12px 0 0; padding: 13px 0 0; width: 100%; border: 0; border-top: 1px solid #27517b; background: transparent; color: #d0e5ee; text-align: left; font-size: 12px; font-weight: 780; }
.sntcg .sntcg-play:hover { color: #fff; }
.sntcg-play [data-role="play-icon"] { display: inline-grid; place-items: center; background: #1c5a8d; color: #fff; width: 28px; height: 28px; flex: 0 0 28px; font-size: 14px; }
.sntcg .sntcg-play.is-playing [data-role="play-icon"] { background: var(--sntcg-orange); color: var(--sntcg-navy); }
.sntcg-play-note { font-size: 10px; margin-left: auto; white-space: nowrap; color: #88b3d0; }
.sntcg-detail-footline { display: flex; height: 8px; margin: 21px -4px -4px; gap: 6px; }
.sntcg-detail-footline i { display: block; height: 8px; background: #1c5c92; flex: 4; }
.sntcg-detail-footline i:nth-child(2) { background: var(--sntcg-cyan); flex: 1.2; }
.sntcg-detail-footline i:nth-child(3) { background: var(--sntcg-orange); flex: .65; } .sntcg-thumb-heading { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin: 26px 2px 12px; }
.sntcg-thumb-eyebrow { display: inline-block; margin: 0 0 5px; font-size: 10px; font-weight: 900; letter-spacing: .15em; color: var(--sntcg-blue); }
.sntcg .sntcg-thumb-heading h3 { margin: 0 !important; color: var(--sntcg-ink); font-size: clamp(21px, 2.3vw, 32px); font-weight: 900; letter-spacing: -.03em; line-height: 1.1; }
.sntcg .sntcg-thumb-heading p { margin: 0 0 2px; color: var(--sntcg-muted); font-size: 12px; font-weight: 650; }
.sntcg-thumbs {
display: flex; gap: 10px;
overflow-x: auto; overflow-y: hidden;
padding: 6px 3px 20px;
scroll-snap-type: x proximity;
scroll-padding-inline: 8px;
overscroll-behavior-inline: contain;
scrollbar-color: #92b5c9 transparent;
scrollbar-width: thin;
}
.sntcg .sntcg-thumb {
display: flex; flex-direction: column; gap: 0;
flex: 0 0 clamp(126px, 14vw, 172px);
width: clamp(126px, 14vw, 172px);
min-width: 0;
padding: 0;
color: var(--sntcg-ink);
text-align: left;
background: #fff;
border: 2px solid #d6e2e9;
border-radius: 0;
box-shadow: none;
scroll-snap-align: start;
overflow: hidden;
transition: border-color .18s ease, transform .18s ease;
}
.sntcg .sntcg-thumb:hover { border-color: var(--sntcg-blue); transform: translateY(-4px); }
.sntcg .sntcg-thumb.is-active { border-color: var(--sntcg-orange); border-bottom-width: 5px; background: #eaf6f8; }
.sntcg-thumb-picture { display: grid; place-items: center; width: 100%; aspect-ratio: 4 / 3; background: #fff; overflow: hidden; }
.sntcg .sntcg-thumb img { display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain !important; object-position: center; border: 0; margin: 0; padding: 0; background: #fff; }
.sntcg-thumb-meta { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; padding: 8px; background: #fff; border-top: 1px solid #d9e4ec; text-align: center; }
.sntcg .sntcg-thumb.is-active .sntcg-thumb-meta { background: var(--sntcg-navy); }
.sntcg-thumb-name { color: var(--sntcg-ink); font-size: 11px; line-height: 1.25; font-weight: 900; overflow-wrap: anywhere; width: 100%; }
.sntcg .sntcg-thumb.is-active .sntcg-thumb-name { color: #fff; }
.sntcg .sntcg-empty { padding: 38px 20px; background: #fff; border: 2px dashed #bbcfdc; text-align: center; }
.sntcg .sntcg-empty strong { color: var(--sntcg-ink); font-size: 19px; font-weight: 900; }
.sntcg .sntcg-empty p { color: var(--sntcg-muted); font-size: 14px; } .sntcg.is-animating[data-motion="forward"] .sntcg-photo-area img[data-role="main-image"] { animation: sntcg-enter-right .64s cubic-bezier(.14,.82,.18,1) both; }
.sntcg.is-animating[data-motion="backward"] .sntcg-photo-area img[data-role="main-image"] { animation: sntcg-enter-left .64s cubic-bezier(.14,.82,.18,1) both; }
.sntcg.is-animating .sntcg-role { animation: sntcg-text-up .54s cubic-bezier(.18,.9,.23,1) .11s both; }
.sntcg.is-animating .sntcg-sector { animation: sntcg-text-up .54s cubic-bezier(.18,.9,.23,1) .18s both; }
.sntcg.is-animating { --sntcg-start-x: -900%; --sntcg-end-x: 1000%; }
.sntcg.is-animating[data-motion="backward"] { --sntcg-start-x: 1000%; --sntcg-end-x: -900%; }
.sntcg.is-animating .sntcg-motion-stripes span { animation: sntcg-color-stripe .68s cubic-bezier(.28,.6,.36,1) both; }
.sntcg.is-animating .sntcg-motion-stripes span:nth-child(2) { animation-delay: .055s; }
.sntcg.is-animating .sntcg-motion-stripes span:nth-child(3) { animation-delay: .11s; }
@keyframes sntcg-enter-right { 0% { opacity: .45; transform: translateX(9%) scale(.965); } 100% { opacity: 1; transform: translateX(0) scale(1); } }
@keyframes sntcg-enter-left { 0% { opacity: .45; transform: translateX(-9%) scale(.965); } 100% { opacity: 1; transform: translateX(0) scale(1); } }
@keyframes sntcg-text-up { 0% { opacity: 0; transform: translateY(19px); } 100% { opacity: 1; transform: translateY(0); } }
@keyframes sntcg-color-stripe {
0% { opacity: 0; transform: translateX(var(--sntcg-start-x)) skewX(-19deg); }
15% { opacity: .95; }
70% { opacity: .95; }
100% { opacity: 0; transform: translateX(var(--sntcg-end-x)) skewX(-19deg); }
} .sntcg-modal { width: min(100vw, 1500px); height: 100dvh; max-width: none; max-height: none; padding: 0; border: 0; color: #fff; background: #061b33; }
.sntcg-modal::backdrop { background: rgba(2, 9, 20, .95); }
.sntcg-modal[open] { display: flex; flex-direction: column; align-items: stretch; justify-content: stretch; }
.sntcg-modal-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex: 0 0 auto; padding: 13px max(20px, env(safe-area-inset-right)) 13px max(20px, env(safe-area-inset-left)); color: #fff; background: var(--sntcg-navy, #081f3e); border-bottom: 4px solid #ff852d; }
.sntcg-modal-toolbar > span { color: #bde9ee; font-size: 14px; font-weight: 900; font-variant-numeric: tabular-nums; }
.sntcg-modal-toolbar button { display: inline-flex; align-items: center; gap: 8px; background: #ff852d; border: 0; border-radius: 0; padding: 9px 14px; color: #061b33; font-weight: 900; font-size: 13px; }
.sntcg-modal-content { display: flex; align-items: center; justify-content: center; flex: 1 1 auto; gap: 18px; min-height: 0; padding: 18px max(14px, env(safe-area-inset-right)) 12px max(14px, env(safe-area-inset-left)); }
.sntcg-modal-content img { flex: 1 1 auto; width: auto; height: auto; max-width: calc(100% - 148px); max-height: 100%; margin: 0; border: 0; object-fit: contain !important; object-position: center; }
.sntcg-modal-arrow { display: grid; place-items: center; flex: 0 0 49px; width: 49px; height: 60px; padding: 0; background: #17426c; border: 0; border-radius: 0; color: #fff; font-size: 26px; }
.sntcg-modal-arrow:hover { background: #ff852d; color: #061b33; }
.sntcg-modal-caption { display: flex; align-items: baseline; justify-content: center; flex-wrap: wrap; flex: 0 0 auto; gap: 8px 14px; min-height: 65px; padding: 13px 15px max(16px, env(safe-area-inset-bottom)); background: #0c3259; border-top: 1px solid #245079; text-align: center; }
.sntcg-modal-caption strong { color: #fff; font-size: 19px; font-weight: 900; }
.sntcg-modal-caption span { color: #bfe4ed; font-size: 14px; }
.sntcg-modal-fallback { position: fixed; inset: 0; z-index: 2147483640; }
.sntcg-noscript { display: grid; grid-template-columns: repeat(auto-fit,minmax(190px,1fr)); gap: 16px; margin-top: 20px; }
.sntcg-noscript p { grid-column: 1 / -1; }
.sntcg-noscript figure { margin: 0; padding: 10px; background: #fff; border: 1px solid #ccdbe4; }
.sntcg-noscript img { display: block; width: 100%; height: auto; object-fit: contain; }
.sntcg-noscript figcaption { padding: 9px 0; color: var(--sntcg-navy); font-weight: 750; } .sntcg[data-sector-theme="administration"] { --sntcg-sector: #27a3e0; }
.sntcg[data-sector-theme="social"] { --sntcg-sector: #ee7994; }
.sntcg[data-sector-theme="enfance"] { --sntcg-sector: #50d18b; }
.sntcg[data-sector-theme="routes"] { --sntcg-sector: #ffb84b; }
.sntcg[data-sector-theme="colleges"] { --sntcg-sector: #b49ff1; }
.sntcg[data-sector-theme="culture"] { --sntcg-sector: #ea90dd; }
.sntcg[data-sector-theme="numerique"] { --sntcg-sector: #46d5df; }
.sntcg[data-sector-theme="rh"] { --sntcg-sector: #a2d68f; }
@media (max-width: 1100px) {
.sntcg-stage { grid-template-columns: minmax(0, 1.45fr) minmax(280px, .85fr); }
.sntcg-detail { padding: 21px; }
.sntcg .sntcg-detail h3 { font-size: clamp(29px, 3.3vw, 42px); }
}
@media (max-width: 870px) {
.sntcg-stage { grid-template-columns: minmax(0, 1fr); }
.sntcg-detail { min-height: unset; }
.sntcg-detail-main { padding: 16px 0; }
.sntcg .sntcg-detail h3 { font-size: clamp(29px, 5vw, 46px); }
.sntcg-detail-footline { margin-top: 13px; }
}
@media (max-width: 720px) {
.sntcg-header { grid-template-columns: minmax(0, 1fr); gap: 12px; padding: 25px 21px 23px; }
.sntcg-header::after { right: -140px; bottom: -190px; }
.sntcg-header-pattern { right: -10%; opacity: .38; }
.sntcg .sntcg-header h2 { font-size: clamp(35px, 8vw, 57px); }
.sntcg-total { flex-direction: row; align-items: baseline; justify-self: start; gap: 12px; padding: 10px 0 5px 16px; }
.sntcg-total strong { font-size: 43px; }
.sntcg-total-above, .sntcg-total-below { font-size: 10px; }
.sntcg-filters { grid-template-columns: 1fr; padding: 13px; }
.sntcg .sntcg-clear { width: 100%; }
.sntcg-thumb-heading { flex-wrap: wrap; align-items: start; }
.sntcg-thumb-heading p { width: 100%; }
.sntcg-photo-foot { gap: 10px; }
}
@media (max-width: 510px) {
.sntcg { padding: 9px; border: 0; margin: 0 auto 28px; }
.sntcg-header { margin-bottom: 10px; padding: 24px 18px; }
.sntcg .sntcg-eyebrow { font-size: 10px; letter-spacing: .08em; }
.sntcg .sntcg-header h2 { font-size: clamp(32px, 8.3vw, 44px); }
.sntcg .sntcg-lead { font-size: 14px; }
.sntcg-total { gap: 8px; flex-wrap: wrap; }
.sntcg-filters { border-left-width: 5px; }
.sntcg-stage { border-width: 3px; }
.sntcg-photo-topline { min-height: 33px; font-size: 9px; letter-spacing: .1em; padding: 7px 10px; }
.sntcg-topline-mark { width: 14px; flex-basis: 14px; height: 5px; }
.sntcg .sntcg-photo-btn { width: 31px; height: 43px; font-size: 21px; }
.sntcg-photo-foot { grid-template-columns: minmax(0, 1fr) auto; padding: 9px 10px; }
.sntcg-photo-caption { font-size: 9px; letter-spacing: .08em; white-space: normal; }
.sntcg-progress { display: none; }
.sntcg-pagination { font-size: 11px; }
.sntcg-detail { padding: 18px; }
.sntcg-detail-top { padding-right: 30px; }
.sntcg .sntcg-detail h3 { font-size: clamp(28px, 7.5vw, 38px); }
.sntcg .sntcg-role { font-size: 16px; }
.sntcg-detail-main { padding: 18px 0 22px; }
.sntcg-orange-line { margin: 16px 0 20px; }
.sntcg-thumb-heading { margin-top: 18px; }
.sntcg .sntcg-thumb-heading h3 { font-size: 23px; }
.sntcg .sntcg-thumb { flex-basis: 128px; width: 128px; }
.sntcg-modal-content { position: relative; gap: 0; padding: 8px 0; }
.sntcg-modal-content img { max-width: 100%; max-height: 100%; }
.sntcg-modal-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; width: 37px; height: 48px; background: rgba(8,31,62,.83); }
.sntcg-modal-arrow:first-child { left: 6px; }
.sntcg-modal-arrow:last-child { right: 6px; }
.sntcg-modal-caption { flex-direction: column; align-items: center; gap: 4px; }
.sntcg-modal-caption strong { font-size: 15px; }
.sntcg-modal-caption span { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
.sntcg *, .sntcg *::before, .sntcg *::after,
.sntcg-modal *, .sntcg-modal *::before, .sntcg-modal *::after {
animation: none !important;
transition: none !important;
scroll-behavior: auto !important;
}
} .sntcg .sntcg-video-trigger {
position: relative;
display: flex;
align-items: center;
gap: 13px;
width: 100%;
min-height: 74px;
margin: 30px 0 0;
padding: 13px 16px;
border: 2px solid var(--sntcg-orange);
border-radius: 0;
color: var(--sntcg-navy);
text-align: left;
background: var(--sntcg-orange);
box-shadow: 6px 6px 0 #155a8b;
transition: transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.sntcg .sntcg-video-trigger:hover {
background: #ffac59;
transform: translate(-2px, -2px);
box-shadow: 8px 8px 0 #155a8b;
}
.sntcg .sntcg-video-trigger:active {
transform: translate(3px, 3px);
box-shadow: 3px 3px 0 #155a8b;
}
.sntcg-video-trigger-icon {
flex: 0 0 42px;
width: 42px; height: 42px;
display: grid; place-items: center;
padding-left: 2px;
border: 2px solid var(--sntcg-navy);
border-radius: 50%;
font-size: 17px;
line-height: 1;
background: #fff;
}
.sntcg-video-trigger-copy {
display: flex;
flex: 1 1 auto;
flex-direction: column;
gap: 3px;
min-width: 0;
}
.sntcg .sntcg-video-trigger strong {
color: var(--sntcg-navy);
font-size: clamp(15px, 1.25vw, 19px);
font-weight: 950;
line-height: 1.12;
text-transform: uppercase;
letter-spacing: .005em;
}
.sntcg .sntcg-video-trigger small {
color: #3c3d41;
font-size: 11px;
font-weight: 800;
line-height: 1.25;
}
.sntcg-video-trigger-arrow {
font-size: 22px;
line-height: 1;
font-weight: 900;
}
.sntcg-thumb-meta { justify-content: space-between; }
.sntcg-thumb-video {
display: grid;
flex: 0 0 26px;
place-items: center;
width: 26px;
height: 26px;
padding-left: 1px;
color: var(--sntcg-navy);
background: var(--sntcg-orange);
border-radius: 50%;
font-size: 11px;
font-weight: 900;
line-height: 1;
}
.sntcg .sntcg-thumb.is-active .sntcg-thumb-video { background: #fff; } .sntcg-video-modal,
.sntcg-video-modal *,
.sntcg-video-modal *::before,
.sntcg-video-modal *::after { box-sizing: border-box; }
.sntcg-video-modal [hidden] { display: none !important; }
.sntcg-video-modal {
--sntcg-video-ratio: 1.7777777778;
--sntcg-video-reserved: 238px;
position: fixed;
top: 50%;
left: 50%;
right: auto;
bottom: auto;
transform: translate(-50%, -50%);
width: min(1050px, calc(100vw - 26px));
max-width: none;
height: fit-content;
max-height: calc(100dvh - 20px);
padding: 0;
margin: 0;
border: 4px solid #06aebc;
border-top: 8px solid #ff852d;
background: #071c36;
color: #fff;
font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
box-shadow: 0 22px 72px rgba(2, 8, 20, .5);
overflow-x: hidden;
overflow-y: auto;
overscroll-behavior: contain;
} .sntcg-video-modal[data-video-display="playing"] {
width: min(calc(100vw - 26px), max(420px, calc((100dvh - var(--sntcg-video-reserved)) * var(--sntcg-video-ratio) + 44px)));
}
.sntcg-video-modal::backdrop { background: rgba(3, 10, 23, .9); }
.sntcg-video-modal[open] { display: flex; flex-direction: column; }
.sntcg-video-modal-fallback { z-index: 2147483640; inset: 0; }
.sntcg-video-modal button:focus-visible,
.sntcg-video-modal a:focus-visible { outline: 3px solid #ff852d; outline-offset: 3px; }
.sntcg-video-modal button { font: inherit; cursor: pointer; }
.sntcg-video-modal-head {
display: flex;
flex: 0 0 auto;
justify-content: space-between;
align-items: center;
gap: 16px;
min-height: 89px;
padding: 16px 24px;
color: #fff;
border-bottom: 1px solid #285377;
background: #081f3e;
}
.sntcg-video-modal-label {
display: flex;
flex-direction: column;
gap: 5px;
min-width: 0;
}
.sntcg-video-modal-eyebrow {
color: #54d5df;
font-size: 10px;
font-weight: 900;
letter-spacing: .15em;
}
.sntcg-video-modal-label strong {
display: block;
color: #fff;
font-size: clamp(18px, 2.4vw, 25px);
line-height: 1.18;
font-weight: 900;
overflow-wrap: anywhere;
}
.sntcg-video-close {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
flex: 0 0 auto;
padding: 11px 15px;
color: #081f3e;
background: #ff852d;
border: 2px solid #ff852d;
border-radius: 0;
font-size: 13px;
font-weight: 900;
}
.sntcg-video-close:hover { background: #ffb57b; }
.sntcg-video-modal-body {
display: grid;
place-items: center;
min-height: 280px;
padding: 18px;
background: #05172d;
}
.sntcg-video-player {
width: min(100%, max(120px, calc((100dvh - var(--sntcg-video-reserved)) * var(--sntcg-video-ratio))));
max-width: 100%;
aspect-ratio: var(--sntcg-video-ratio);
margin: auto;
background: #000;
box-shadow: 0 14px 38px rgba(0,0,0,.38);
overflow: hidden;
}
.sntcg-video-player video,
.sntcg-video-player iframe {
display: block;
width: 100%; height: 100%;
max-width: 100%; max-height: 100%;
padding: 0; margin: 0;
border: 0;
background: #000;
object-fit: contain;
aspect-ratio: var(--sntcg-video-ratio);
}
.sntcg-video-consent {
max-width: 660px;
padding: 24px;
text-align: center;
color: #fff;
}
.sntcg-video-consent-symbol {
display: grid;
place-items: center;
width: 74px; height: 74px;
padding-left: 3px;
margin: 0 auto 22px;
border: 3px solid #ff852d;
border-radius: 50%;
color: #ff852d;
font-size: 25px;
}
.sntcg-video-consent h3 {
margin: 0 0 13px;
color: #fff;
font-size: clamp(22px, 2.8vw, 32px);
line-height: 1.14;
font-weight: 900;
}
.sntcg-video-consent p {
margin: 0 auto 25px;
max-width: 56ch;
color: #d0e2ed;
font-size: 14px;
line-height: 1.65;
}
.sntcg-video-consent-actions {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 10px;
}
.sntcg-video-consent-actions button {
min-height: 48px;
border-radius: 0;
padding: 12px 18px;
font-size: 13px;
font-weight: 900;
border: 2px solid #ff852d;
}
.sntcg-video-consent-accept {
background: #ff852d;
color: #081f3e;
}
.sntcg-video-consent-cancel {
background: transparent;
color: #fff;
}
.sntcg-video-consent-accept:hover { background: #ffac59; }
.sntcg-video-consent-cancel:hover { background: #153b66; }
.sntcg-video-modal-foot {
display: flex;
flex: 0 0 auto;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 12px;
min-height: 58px;
padding: 15px 24px;
border-top: 1px solid #285377;
background: #081f3e;
color: #d2e3ee;
font-size: 12px;
font-weight: 650;
}
.sntcg-video-modal-foot a {
color: #ffb681;
font-weight: 800;
text-decoration: underline;
text-underline-offset: 3px;
}
@media (max-width: 560px) {
.sntcg .sntcg-video-trigger { margin-top: 23px; min-height: 66px; padding: 11px 12px; box-shadow: 4px 4px 0 #155a8b; }
.sntcg-video-trigger-icon { width: 35px; height: 35px; flex-basis: 35px; font-size: 14px; }
.sntcg .sntcg-video-trigger strong { font-size: 14px; }
.sntcg-video-modal { --sntcg-video-reserved: 205px; width: calc(100vw - 12px); max-height: calc(100dvh - 12px); border-width: 2px; border-top-width: 6px; }
.sntcg-video-modal[data-video-display="playing"] { width: calc(100vw - 12px); }
.sntcg-video-modal-head { min-height: 75px; padding: 11px 14px; }
.sntcg-video-modal-eyebrow { font-size: 9px; }
.sntcg-video-modal-label strong { font-size: 16px; }
.sntcg-video-close { padding: 9px 10px; font-size: 12px; }
.sntcg-video-close span { display: none; }
.sntcg-video-modal-body { min-height: 218px; padding: 8px; }
.sntcg-video-player { width: min(100%, max(120px, calc((100dvh - var(--sntcg-video-reserved)) * var(--sntcg-video-ratio)))); }
.sntcg-video-consent { padding: 21px 8px; }
.sntcg-video-consent-symbol { width: 58px; height: 58px; margin-bottom: 14px; }
.sntcg-video-consent h3 { font-size: 21px; }
.sntcg-video-consent p { font-size: 12px; line-height: 1.5; }
.sntcg-video-consent-actions button { flex: 1 1 100%; }
.sntcg-video-modal-foot { padding: 12px 15px; font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
.sntcg .sntcg-video-trigger { transition: none !important; }
} .sntcg .sntcg-video-trigger[hidden] { display: none !important; } .sntcg .sntcg-header {
grid-template-columns: minmax(0, 1fr) minmax(115px, 135px) minmax(148px, 180px);
grid-template-areas: "copy total livret";
column-gap: clamp(14px, 2vw, 26px);
}
.sntcg .sntcg-header-copy { grid-area: copy; min-width: 0; }
.sntcg .sntcg-total { grid-area: total; min-width: 0; padding-left: 12px; }
.sntcg .sntcg-livret {
grid-area: livret;
position: relative;
z-index: 2;
justify-self: center;
align-self: center;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 10px;
width: min(100%, 180px);
min-width: 0;
}
.sntcg .sntcg-livret-visual {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
background: #fff;
border: 3px solid #6adbe7;
padding: 4px;
box-shadow: 7px 7px 0 rgba(4, 77, 113, .6);
}
.sntcg .sntcg-livret-visual img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 6cm;
object-fit: contain !important;
object-position: center;
border: 0;
border-radius: 0;
margin: 0;
padding: 0;
box-shadow: none;
background: transparent;
}
.sntcg .sntcg-livret-button {
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
width: 100%;
min-height: 48px;
padding: 10px 11px;
border: 2px solid #ff852d;
border-radius: 0;
background: #ff852d;
color: #081f3e !important;
font-size: 12px;
line-height: 1.25;
font-weight: 900;
text-align: left;
text-decoration: none !important;
overflow-wrap: anywhere;
transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.sntcg .sntcg-livret-button:hover,
.sntcg .sntcg-livret-button:focus-visible { background: #ffb164; border-color: #ffb164; transform: translateY(-2px); }
.sntcg .sntcg-livret-button:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.sntcg .sntcg-livret-button span:last-child { font-size: 20px; flex-shrink: 0; line-height: 1; }
@media (max-width: 1130px) {
.sntcg .sntcg-header {
grid-template-columns: minmax(0, 1fr) minmax(142px, 180px);
grid-template-areas: "copy livret" "total livret";
column-gap: 16px;
row-gap: 15px;
}
.sntcg .sntcg-total {
justify-self: start;
flex-direction: row;
align-items: baseline;
gap: 9px;
padding: 7px 0 7px 13px;
}
.sntcg .sntcg-total strong { font-size: 46px; }
.sntcg .sntcg-total-above, .sntcg .sntcg-total-below { font-size: 10px; }
}
@media (max-width: 720px) {
.sntcg .sntcg-header {
grid-template-columns: minmax(0, 1fr) minmax(0, .8fr);
grid-template-areas: "copy copy" "livret total";
column-gap: 12px;
row-gap: 18px;
}
.sntcg .sntcg-livret { justify-self: start; width: min(100%, 172px); }
.sntcg .sntcg-total {
align-self: center;
justify-self: stretch;
align-items: flex-start;
flex-direction: column;
flex-wrap: nowrap;
white-space: normal;
min-width: 0;
width: 100%;
gap: 4px;
padding-left: 8px;
}
.sntcg .sntcg-total-above,
.sntcg .sntcg-total-below {
max-width: 100%;
letter-spacing: .045em;
overflow-wrap: anywhere;
}
.sntcg .sntcg-livret-visual img { max-height: 5cm; }
}
@media (max-width: 370px) {
.sntcg .sntcg-header { grid-template-columns: minmax(0, 1fr) minmax(0, .85fr); }
.sntcg .sntcg-livret-button { padding: 8px; font-size: 11px; }
.sntcg .sntcg-total strong { font-size: 36px; }
.sntcg .sntcg-total-above, .sntcg .sntcg-total-below { font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) {
.sntcg .sntcg-livret-button { transition: none; }
} @media (hover: hover) and (pointer: fine) {
.sntcg .sntcg-livret-visual { cursor: zoom-in; }
}
.sntcg .sntcg-livret-visual:focus-visible {
outline: 3px solid #ff852d;
outline-offset: 5px;
}
.sntcg-livret-floating-zoom {
position: fixed;
z-index: 2147483000;
width: auto;
height: auto;
margin: 0;
padding: 6px;
border: 4px solid #60deeb;
background: #fff;
box-sizing: border-box;
box-shadow: 0 25px 75px rgba(2, 13, 31, .65);
pointer-events: none;
opacity: 0;
transform: scale(.96);
transition: opacity .14s ease, transform .14s ease;
}
.sntcg-livret-floating-zoom[hidden] { display: none !important; }
.sntcg-livret-floating-zoom.is-visible { opacity: 1; transform: scale(1); }
.sntcg-livret-floating-zoom img {
display: block;
width: 100%;
height: auto;
max-width: 100%;
max-height: calc(100dvh - 36px);
object-fit: contain;
border: none;
padding: 0;
margin: 0;
border-radius: 0;
}
@media (prefers-reduced-motion: reduce) {
.sntcg-livret-floating-zoom { transition: none; transform: none; }
} .sntcg .sntcg-thumb-rail {
display: grid;
grid-template-columns: 47px minmax(0, 1fr) 47px;
gap: 10px;
align-items: center;
min-width: 0;
margin: 0;
}
.sntcg .sntcg-thumb-rail .sntcg-thumbs { min-width: 0; }
.sntcg .sntcg-thumb-scroll {
width: 47px;
height: 88px;
min-height: 48px;
padding: 0;
border: 2px solid var(--sntcg-navy);
border-radius: 2px;
box-shadow: none;
background: var(--sntcg-navy);
color: #fff;
font: 900 29px/1 system-ui, -apple-system, 'Segoe UI', sans-serif;
cursor: pointer;
transition: background .16s ease, border-color .16s ease, opacity .16s ease;
}
.sntcg .sntcg-thumb-scroll:hover:not(:disabled) {
background: var(--sntcg-orange);
border-color: var(--sntcg-orange);
color: var(--sntcg-navy);
}
.sntcg .sntcg-thumb-scroll:focus-visible { outline: 3px solid var(--sntcg-orange); outline-offset: 3px; }
.sntcg .sntcg-thumb-scroll:disabled { cursor: not-allowed; opacity: .3; }
.sntcg .sntcg-thumb-scroll[hidden] { visibility: hidden; display: block !important; }
@media (max-width: 560px) {
.sntcg .sntcg-thumb-rail { grid-template-columns: 39px minmax(0, 1fr) 39px; gap: 5px; }
.sntcg .sntcg-thumb-scroll { width: 39px; height: 78px; font-size: 25px; }
}
@media (prefers-reduced-motion: reduce) {
.sntcg .sntcg-thumb-scroll { transition: none; }
} .sntcg .sntcg-livret-mini { width: 100%; min-width: 0; }
.sntcg .sntcg-livret-visual { position: relative; }
.sntcg .sntcg-livret-page-arrow {
position: absolute;
top: 50%;
z-index: 8;
display: grid;
place-items: center;
width: 31px;
height: 47px;
min-width: 0;
min-height: 0;
margin: 0;
padding: 0;
transform: translateY(-50%);
border: 2px solid #6adbe7;
border-radius: 2px;
background: rgba(5, 29, 56, .92);
color: #fff;
font: 900 21px/1 system-ui, -apple-system, 'Segoe UI', sans-serif;
text-align: center;
box-shadow: 0 3px 12px rgba(0, 0, 0, .35);
cursor: pointer;
touch-action: manipulation;
transition: background .15s ease, border-color .15s ease, opacity .15s ease;
}
.sntcg .sntcg-livret-page-arrow--prev { left: 4px; }
.sntcg .sntcg-livret-page-arrow--next { right: 4px; }
.sntcg .sntcg-livret-page-arrow:hover:not(:disabled) {
background: #ff852d;
border-color: #ff852d;
color: #081f3e;
}
.sntcg .sntcg-livret-page-arrow:focus-visible {
outline: 3px solid #ff852d;
outline-offset: 2px;
}
.sntcg .sntcg-livret-page-arrow:disabled {
opacity: .25;
cursor: default;
box-shadow: none;
}
.sntcg .sntcg-livret-sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
border: 0;
overflow: hidden;
clip-path: inset(50%);
white-space: nowrap;
}
@media (max-width: 560px) {
.sntcg .sntcg-livret-page-arrow { width: 27px; height: 40px; font-size: 18px; }
.sntcg .sntcg-livret-page-arrow--prev { left: 3px; }
.sntcg .sntcg-livret-page-arrow--next { right: 3px; }
}
@media (prefers-reduced-motion: reduce) {
.sntcg .sntcg-livret-page-arrow { transition: none; }
} .sntcg .sntcg-livret-visual img[hidden],
.sntcg .sntcg-livret-visual iframe[hidden] { display: none !important; }
.sntcg .sntcg-livret-visual .sntcg-livret-native-pdf {
display: block;
width: 100%;
min-height: 5.5cm;
max-height: 6cm;
aspect-ratio: 3 / 4;
padding: 0;
border: 0;
margin: 0;
background: #fff;
}
.sntcg .sntcg-livret-visual[data-sntcg-pdf-fallback="1"] { cursor: default; } .sntcg.sntcg { background: #f5f7f9 !important; border-radius: 0 !important; }
.sntcg.sntcg .sntcg-header { background: #081f3e !important; color: #fff !important; border-radius: 0 !important; box-shadow: none !important; }
.sntcg.sntcg .sntcg-header h2 { color: #fff !important; }
.sntcg.sntcg .sntcg-header h2 > span { color: #46d5df !important; }
.sntcg.sntcg .sntcg-header .sntcg-title-period { color: #ff852d !important; }
.sntcg.sntcg .sntcg-stage { background: #081f3e !important; border-radius: 0 !important; }
.sntcg.sntcg .sntcg-detail { background: #081f3e !important; color: #fff !important; border-radius: 0 !important; }
.sntcg.sntcg .sntcg-detail .sntcg-role { color: #f5faff !important; }
.sntcg.sntcg .sntcg-filters { background: #fff !important; border-radius: 0 !important; }
.sntcg.sntcg .sntcg-thumb { border-radius: 0 !important; } body > .sntcg-video-modal {
box-sizing: border-box !important;
max-width: calc(100vw - 12px);
overflow-x: hidden !important;
}
body > .sntcg-video-modal .sntcg-video-modal-body {
min-width: 0;
max-width: 100%;
}
body > .sntcg-video-modal .sntcg-video-player {
box-sizing: border-box !important;
max-width: 100% !important;
min-width: 0 !important;
}
body > .sntcg-video-modal .sntcg-video-player video,
body > .sntcg-video-modal .sntcg-video-player iframe {
box-sizing: border-box !important;
object-fit: contain !important;
max-width: 100% !important;
max-height: 100% !important;
} .sntcg.sntcg.sntcg > .sntcg-header > .sntcg-header-copy {
grid-area: copy !important;
display: block !important;
position: relative !important;
z-index: 1 !important;
align-self: center !important;
justify-self: stretch !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important;
background: transparent !important;
background-image: none !important;
border: 0 !important;
border-radius: 0 !important;
padding: 0 !important;
margin: 0 !important;
box-shadow: none !important;
outline: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
filter: none !important;
transform: none !important;
opacity: 1 !important;
text-align: left !important;
overflow: visible !important;
float: none !important;
}
.sntcg.sntcg.sntcg > .sntcg-header > .sntcg-header-copy::before,
.sntcg.sntcg.sntcg > .sntcg-header > .sntcg-header-copy::after,
.sntcg.sntcg.sntcg > .sntcg-header > .sntcg-total::before,
.sntcg.sntcg.sntcg > .sntcg-header > .sntcg-total::after {
content: none !important;
display: none !important;
}
.sntcg.sntcg.sntcg .sntcg-header-copy > .sntcg-eyebrow {
display: inline-flex !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 10px !important;
margin: 0 0 18px !important;
padding: 0 !important;
background: transparent !important;
background-image: none !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
filter: none !important;
transform: none !important;
text-shadow: none !important;
color: #c7e9f0 !important;
opacity: 1 !important;
}
.sntcg.sntcg.sntcg .sntcg-header-copy > h2 {
background: transparent !important;
background-image: none !important;
box-shadow: none !important;
border: 0 !important;
border-radius: 0 !important;
padding: 0 !important;
transform: none !important;
filter: none !important;
text-shadow: none !important;
opacity: 1 !important;
}
.sntcg.sntcg.sntcg .sntcg-header-copy > .sntcg-lead {
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
background-image: none !important;
box-shadow: none !important;
text-shadow: none !important;
opacity: 1 !important;
}
.sntcg.sntcg.sntcg > .sntcg-header > .sntcg-total {
grid-area: total !important;
display: flex !important;
position: relative !important;
z-index: 1 !important;
flex-direction: column !important;
align-items: flex-end !important;
justify-content: center !important;
align-self: center !important;
justify-self: end !important;
gap: 0 !important;
width: auto !important;
max-width: none !important;
min-width: 0 !important;
height: auto !important;
background: transparent !important;
background-image: none !important;
border-top: 0 !important;
border-right: 0 !important;
border-bottom: 0 !important;
border-left: 4px solid #ff852d !important;
border-radius: 0 !important;
padding: var(--sntcg-total-padding, 15px 0 15px 12px) !important;
margin: 0 !important;
box-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
filter: none !important;
transform: none !important;
opacity: 1 !important;
overflow: visible !important;
white-space: nowrap !important;
text-align: right !important;
}
.sntcg.sntcg.sntcg .sntcg-total > span,
.sntcg.sntcg.sntcg .sntcg-total > strong {
position: static !important;
background: transparent !important;
background-image: none !important;
border: 0 !important;
border-radius: 0 !important;
padding: 0 !important;
margin: 0 !important;
box-shadow: none !important;
filter: none !important;
transform: none !important;
text-shadow: none !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
opacity: 1 !important;
}
@media (max-width: 1130px) {
.sntcg.sntcg.sntcg > .sntcg-header > .sntcg-total {
--sntcg-total-padding: 7px 0 7px 13px;
align-self: center !important;
justify-self: start !important;
flex-direction: row !important;
align-items: baseline !important;
gap: 9px !important;
}
}
@media (max-width: 720px) {
.sntcg.sntcg.sntcg > .sntcg-header > .sntcg-total {
--sntcg-total-padding: 7px 0 7px 8px;
justify-self: stretch !important;
flex-direction: column !important;
align-items: flex-start !important;
white-space: normal !important;
gap: 4px !important;
}
}.snt-livret{--snt-ink:#102747;--snt-blue:#235bd2;--snt-teal:#61e0c5;color:var(--snt-ink);background:#f3f7fc;border:1px solid #dbe5f0;border-radius:24px;overflow:hidden;margin:30px 0;font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-sizing:border-box;box-shadow:0 18px 55px #10274715,0 2px 8px #10274708;isolation:isolate}
.snt-livret *{box-sizing:border-box}.snt-livret .snt-heading{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:32px 34px;background:radial-gradient(ellipse at 95% 0%,#30bead45,transparent 48%),linear-gradient(115deg,#102747 8%,#163d78 62%,#2058a7);color:#fff;overflow:hidden}.snt-livret .snt-heading:after{content:"";position:absolute;right:-75px;bottom:-160px;width:350px;height:350px;border:1px solid #ffffff17;border-radius:50%;box-shadow:0 0 0 35px #ffffff05,0 0 0 70px #ffffff04;pointer-events:none}.snt-livret .snt-header-copy,.snt-livret .snt-header-mark{position:relative;z-index:1}.snt-livret .snt-eyebrow{display:inline-flex;align-items:center;gap:9px;color:#91f1de;font-size:10px;font-weight:750;letter-spacing:2px;line-height:1.3}.snt-livret .snt-eyebrow>span{width:7px;height:7px;border-radius:50%;background:#77eed3;box-shadow:0 0 0 4px #77eed315}.snt-livret .snt-title{margin:12px 0 8px!important;padding:0!important;font:750 clamp(24px,3vw,36px)/1.16 system-ui,sans-serif!important;letter-spacing:-1px;color:#fff!important;border:none!important;text-transform:none!important;max-width:780px}.snt-livret .snt-subtitle{margin:0;color:#c8d7ed;font-size:14px;line-height:1.6}.snt-livret .snt-header-mark{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0;color:#99f0df;transform:rotate(-7deg)}.snt-livret .snt-header-mark svg{width:61px;height:61px;padding:8px;background:#ffffff0a;border:1px solid #ffffff24;border-radius:16px;box-shadow:0 8px 24px #06162820}.snt-livret .snt-header-mark span{color:#b9d8ef;font-size:8px;letter-spacing:1.3px;font-weight:700}
.snt-livret .snt-toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:16px 24px;background:#fff;border-bottom:1px solid #e5edf5}.snt-livret .snt-tool-group{display:flex;gap:5px;align-items:center}.snt-livret .snt-navigation{gap:9px;padding-right:14px;border-right:1px solid #e4ebf4}.snt-livret .snt-file-tools{margin-left:auto;gap:7px}.snt-livret button,.snt-livret .snt-toolbar a{display:inline-flex;justify-content:center;align-items:center;gap:7px;font:600 12px/1.3 system-ui,sans-serif;min-height:38px;padding:9px 12px;border:1px solid transparent;border-radius:10px;background:#edf3fb;color:#29476c;text-decoration:none;cursor:pointer;box-shadow:none;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.snt-livret button:hover,.snt-livret .snt-toolbar a:hover{background:#e0eafb;color:#173f80;box-shadow:0 3px 8px #12385f0c;transform:translateY(-1px)}.snt-livret button:active{transform:translateY(0)}.snt-livret .snt-navigation button{background:#235bd2;color:white;border-radius:50%;width:36px;min-height:36px;padding:0;font-size:20px}.snt-livret .snt-navigation button:hover{background:#1545b0}.snt-livret .snt-navigation label{display:flex;align-items:center;gap:7px;font-size:9px;font-weight:750;letter-spacing:1px;color:#60768d}.snt-livret .snt-page-number{width:53px;height:35px;text-align:center;color:#173456;background:#fff;padding:5px;border:1px solid #dce5f0;border-radius:8px;font:650 13px/1.2 system-ui,sans-serif;letter-spacing:0}.snt-livret .snt-count{font-size:12px;font-weight:600;color:#7d8fa4;white-space:nowrap}.snt-livret .snt-file-tools a{background:#fff;border-color:#e0e8f2;white-space:nowrap}.snt-livret .snt-file-tools a[download]{color:#1959b3;background:#f0f5ff;border-color:#e6edfc}.snt-livret button:disabled{opacity:.38;cursor:default;transform:none;box-shadow:none}.snt-livret button:focus-visible,.snt-livret input:focus-visible,.snt-livret a:focus-visible{outline:3px solid #efa939;outline-offset:3px}.snt-livret .snt-view-tools button[data-action="minus"],.snt-livret .snt-view-tools button[data-action="plus"]{font-size:18px;min-width:34px;padding:4px 8px}
.snt-livret .snt-reading-info{display:flex;align-items:center;gap:20px;padding:13px 24px 0}.snt-livret .snt-status{margin:0;flex:1;font-size:11px;line-height:1.6;color:#62788f;min-height:20px}.snt-livret .snt-progress{appearance:none;width:125px;height:4px;border:none;border-radius:5px;overflow:hidden;color:#2dbca1;background:#dde7f1}.snt-livret .snt-progress::-webkit-progress-bar{background:#dde7f1;border-radius:5px}.snt-livret .snt-progress::-webkit-progress-value{background:linear-gradient(90deg,#235bd2,#2dbca1);border-radius:5px}.snt-livret .snt-progress::-moz-progress-bar{background:linear-gradient(90deg,#235bd2,#2dbca1);border-radius:5px}
.snt-livret .snt-stage{position:relative;height:660px;max-height:75vh;min-height:280px;overflow:auto;padding:20px;touch-action:pan-x pan-y;background:radial-gradient(ellipse at 12% 75%,#dcefeb7d,transparent 45%),radial-gradient(ellipse at 90% 15%,#d8e6fd9c,transparent 50%),#f3f7fc;scrollbar-color:#b6c8dd transparent;scrollbar-width:thin}.snt-livret .snt-book{display:flex;justify-content:center;align-items:flex-start;width:max-content;min-width:100%;perspective:1800px;padding-bottom:10px}.snt-livret .snt-book:empty:before{content:"Votre livret arrive…";color:#7f93ab;display:block;padding:100px 20px;font-size:16px}.snt-livret canvas{display:block;background:white;box-shadow:0 14px 35px #10274722,0 1px 4px #10274716;max-width:none!important;height:auto}.snt-livret .snt-paper{position:relative;flex-shrink:0;background:white;border-radius:2px}.snt-livret .snt-paper+ .snt-paper{border-left:1px solid #cbd2dc}.snt-livret .snt-paper:after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid #1734540b}.snt-livret .snt-paper+ .snt-paper:after{border-left:0;background:linear-gradient(90deg,#1335590b,transparent 2.5%)}.snt-livret .snt-turn{position:absolute;inset:0;backface-visibility:hidden;transform-origin:left center;z-index:2;animation:snt-turn-next .5s ease-in-out forwards}.snt-livret .snt-turn-back{transform-origin:right center;animation-name:snt-turn-prev}
.snt-livret .snt-bottom-bar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 24px;background:white;border-top:1px solid #e5edf5}.snt-livret .snt-help{margin:0;color:#46627f;font-size:11px;line-height:1.8}.snt-livret .snt-tip{display:inline-block;margin-right:6px;color:#235bd2;font-size:17px;vertical-align:middle}.snt-livret .snt-help-detail{color:#8394a8}.snt-livret .snt-print-actions{flex-shrink:0}.snt-livret .snt-print-actions button{background:#102747;color:#fff;min-height:42px;border-radius:12px;padding:11px 16px;font-size:11px;box-shadow:0 5px 12px #10274718}.snt-livret .snt-print-actions button:hover{background:#1b416c}.snt-livret .snt-print-actions button[hidden]{display:none}.snt-livret .snt-print-result{padding:18px 24px;background:#eaf9f4;border-top:1px solid #c7eade;color:#245744;font-size:12px;line-height:1.75}.snt-livret .snt-print-result[hidden]{display:none}.snt-livret .snt-print-result p{margin:0 0 12px}.snt-livret .snt-print-result a{display:inline-flex;align-items:center;min-height:40px;padding:9px 14px;margin:4px 6px 4px 0;background:#176e58;color:white;border-radius:9px;text-decoration:none;font-weight:650;font-size:12px}.snt-livret .snt-print-result a[download]{background:transparent;color:#176e58;border:1px solid #b8dacd}
.snt-livret:fullscreen{width:100%;height:100%;border-radius:0;background:#f3f7fc;display:flex;flex-direction:column}.snt-livret:fullscreen .snt-stage{max-height:none;height:auto;flex:1}.snt-livret.snt-fallback-full{position:fixed;inset:0;z-index:999999;border-radius:0;margin:0;display:flex;flex-direction:column}.snt-livret.snt-fallback-full .snt-stage{flex:1;height:auto;max-height:none}@keyframes snt-turn-next{to{transform:rotateY(-100deg);opacity:0}}@keyframes snt-turn-prev{to{transform:rotateY(100deg);opacity:0}}
@media(max-width:850px){.snt-livret .snt-toolbar{gap:10px;padding:14px 18px}.snt-livret .snt-file-tools{margin-left:0}.snt-livret .snt-header-mark{display:none}.snt-livret .snt-heading{padding:26px}.snt-livret .snt-navigation{padding-right:10px}}
@media(max-width:600px){.snt-livret{border-radius:18px;margin:18px 0}.snt-livret .snt-heading{padding:24px 20px}.snt-livret .snt-title{font-size:25px!important;letter-spacing:-.6px}.snt-livret .snt-eyebrow{font-size:9px;letter-spacing:1.6px}.snt-livret .snt-subtitle{font-size:12px;max-width:260px}.snt-livret .snt-toolbar{padding:12px;gap:10px;justify-content:space-between}.snt-livret .snt-navigation{border:0;padding:0;gap:7px}.snt-livret .snt-file-tools{width:100%;gap:8px}.snt-livret .snt-file-tools a{flex:1}.snt-livret .snt-view-tools{gap:4px;flex-wrap:wrap}.snt-livret .snt-view-tools button{padding:8px;font-size:10px;min-height:34px}.snt-livret .snt-view-tools button[data-action="plus"],.snt-livret .snt-view-tools button[data-action="minus"]{min-width:30px}.snt-livret .snt-reading-info{padding:10px 14px 0;gap:10px}.snt-livret .snt-progress{width:65px}.snt-livret .snt-stage{height:560px;padding:10px}.snt-livret .snt-bottom-bar{padding:16px;flex-direction:column;align-items:stretch;gap:12px}.snt-livret .snt-print-actions button{width:100%}.snt-livret .snt-print-result{padding:16px}}
@media(prefers-reduced-motion:reduce){.snt-livret .snt-turn{animation:none;display:none}.snt-livret button,.snt-livret .snt-toolbar a{transition:none}}
.snt-livret .snt-stage{scrollbar-gutter:stable;overflow-anchor:none}.snt-livret .snt-paper+ .snt-paper{border-left:0}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}#ez-toc-sticky-container{background:0 0;border:1px solid #aaa;border-radius:4px;display:table;margin-bottom:1em;padding:10px;position:relative;width:auto}div.ez-toc-sticky-widget-container{padding:0;position:relative}#ez-toc-sticky-container.ez-toc-sticky-light-blue{background:#edf6ff}#ez-toc-sticky-container.ez-toc-sticky-white{background:#fff}#ez-toc-sticky-container.ez-toc-sticky-black{background:#000}#ez-toc-sticky-container.ez-toc-sticky-transparent{background:none}div.ez-toc-sticky-widget-container ul{display:block}div.ez-toc-sticky-widget-container li{border:none;padding:0}div.ez-toc-sticky-widget-container ul.ez-toc-sticky-list{padding:10px}#ez-toc-sticky-container ul ul,.ez-toc div.ez-toc-sticky-widget-container ul ul{margin-left:1.5em}#ez-toc-sticky-container li,#ez-toc-sticky-container ul{padding:0}#ez-toc-sticky-container li,#ez-toc-sticky-container ul,#ez-toc-sticky-container ul li,div.ez-toc-sticky-widget-container,div.ez-toc-sticky-widget-container li{background:0 0;list-style:none;line-height:1.6;margin:0;overflow:hidden;z-index:1}#ez-toc-sticky-container p.ez-toc-sticky-title{text-align:left;line-height:1.45;margin:0;padding:0}.ez-toc-sticky-title-container{display:table;width:100%}.ez-toc-sticky-title,.ez-toc-sticky-title-toggle{display:table-cell;text-align:left;vertical-align:middle}#ez-toc-sticky-container.ez-toc-sticky-black a,#ez-toc-sticky-container.ez-toc-sticky-black a:visited,#ez-toc-sticky-container.ez-toc-sticky-black p.ez-toc-sticky-title{color:#fff}#ez-toc-sticky-container div.ez-toc-sticky-title-container+ul.ez-toc-sticky-list{margin-top:1em}.ez-toc-sticky-wrap-left{float:left;margin-right:10px}.ez-toc-sticky-wrap-right{float:right;margin-left:10px}.ez-toc-sticky-wrap-center{margin:0 auto}#ez-toc-sticky-container a{color:#444;box-shadow:none;text-decoration:none;text-shadow:none;display:inline-flex;align-items:stretch;flex-wrap:nowrap}#ez-toc-sticky-container a:visited{color:#9f9f9f}#ez-toc-sticky-container a:hover{text-decoration:underline}#ez-toc-sticky-container a.ez-toc-sticky-toggle{color:#444}.ez-toc-sticky-widget-container ul.ez-toc-sticky-list li::before{content:' ';position:absolute;left:0;right:0;height:30px;line-height:30px;z-index:-1}.ez-toc-sticky-widget-container ul.ez-toc-sticky-list li.active{background-color:#ededed;height:auto!important}.ez-toc-sticky-widget-container li.active>a{font-weight:900}.ez-toc-sticky-btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.ez-toc-sticky-btn:focus{outline:#333 dotted thin;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px}.ez-toc-sticky-btn:focus,.ez-toc-sticky-btn:hover{color:#333;text-decoration:none}.ez-toc-sticky-btn.active,.ez-toc-sticky-btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.ez-toc-sticky-btn-default{color:#333;background-color:#fff;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);text-shadow:0 1px 0 #fff;background-image:-webkit-gradient(linear,left 0,left 100%,from(#fff),to(#e0e0e0));background-image:-webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:-moz-linear-gradient(top,#fff 0,#e0e0e0 100%);background-image:linear-gradient(to bottom,#fff 0,#e0e0e0 100%);background-repeat:repeat-x;border-color:#ccc}.ez-toc-sticky-btn-default.active,.ez-toc-sticky-btn-default:active,.ez-toc-sticky-btn-default:focus,.ez-toc-sticky-btn-default:hover{color:#333;background-color:#ebebeb;border-color:#adadad}.ez-toc-sticky-btn-default.active,.ez-toc-sticky-btn-default:active{background-image:none;background-color:#e0e0e0;border-color:#dbdbdb}.ez-toc-sticky-btn-sm,.ez-toc-sticky-btn-xs{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.ez-toc-sticky-btn-xs{padding:1px 5px}.ez-toc-sticky-btn-default:active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn.active,.ez-toc-sticky-btn:active{background-image:none}.ez-toc-sticky-btn-default:focus,.ez-toc-sticky-btn-default:hover{background-color:#e0e0e0;background-position:0 -15px}.ez-toc-sticky-pull-right{float:right!important;margin-left:10px}.ez-toc-sticky-glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';-webkit-font-smoothing:antialiased;font-style:normal;font-weight:400;line-height:1;-moz-osx-font-smoothing:grayscale}.ez-toc-sticky-glyphicon:empty{width:1em}.ez-toc-sticky-toggle i.ez-toc-sticky-glyphicon,label.cssicon .ez-toc-sticky-glyphicon:empty{font-size:16px;margin-left:2px}#ez-toc-sticky-container input{position:absolute;left:-999em}#ez-toc-sticky-container input[type=checkbox]:checked+nav{opacity:0;max-height:0;border:none;display:none}#ez-toc-sticky-container label{float:right;position:relative;left:10px;font-size:16px;background:#f9efef;padding:0 4px 0 5px;border:1px solid #999191;border-radius:5px;cursor:pointer}div#ez-toc-sticky-container p.ez-toc-sticky-title{display:contents}div#ez-toc-sticky-container{padding-right:20px}label.cssiconcheckbox{display:none}.ez-toc-sticky-widget-container ul li a{padding-left:10px}