{"version":3,"file":"BlogBlock.DNFuQWjf.mjs","names":[],"sources":["https:/framerusercontent.com/modules/4jLcxR4rbdH4ZkbrOpL8/duFaF68ZlWXbC1rIfkt8/BlogBlock.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";// 써티 블로그 본문 블록(그림·비교 그림·표·정보 상자·용어 풀이·두 카드·단계·체크리스트·목록).\n// 로컬 v2 디자인(certi-blog-preview)의 CSS와 마크업을 그대로 쓴다. 생성기: cms/make-blogblock.mjs — 여기서 직접 고치지 말 것.\nconst CSS=`:root{}.cbb{container-type:inline-size;width:100%;font-family:\"Pretendard Variable Variable\",\"Pretendard Variable\",Pretendard,Arial,sans-serif;color:#454b52;-webkit-font-smoothing:antialiased;--radius-media:24px;--radius-content:12px;--font-caption:14px;--font-table:16px;--font-table-label:16px;--ink-primary:#17191c;--ink-secondary:#626870;--ink:#1f2320;--line:#e4e4e4;--font-number:16px;--font-number-family:InterVariable,Inter,\"Pretendard Variable Variable\",\"Pretendard Variable\",Pretendard,sans-serif}.cbb *{box-sizing:border-box}.cbb figure,.cbb aside,.cbb dl,.cbb dd,.cbb ol,.cbb ul{margin:0;padding:0}.cbb table{border-spacing:0}.cbb{font-variation-settings:\"wght\" 400}.cbb strong,.cbb b,.cbb th{font-variation-settings:\"wght\" 700}.cbb p{margin-bottom:20px}.cbb h3{font-size:20px;line-height:1.5;letter-spacing:-.4px;font-weight:550;font-variation-settings:\"wght\" 550;color:#3d3d3d}.cbb .content-note{background:#f1f1f1;padding:30px 32px;margin:30px 0 35px;border-radius:5px}.cbb .content-note .eyebrow{font-size:var(--font-caption)}.cbb .content-note h3{margin:10px 0 15px}.cbb .content-note>p{font-size:15px;line-height:1.85;margin:0;color:#7d7d7d}.cbb .content-note dl{font-size:14px;margin:18px 0 0}.cbb .content-note dl>div{display:grid;grid-template-columns:105px 1fr;gap:15px;padding:12px 0;border-top:1px solid #dfdfdf}.cbb .content-note dt{font-weight:550;font-variation-settings:\"wght\" 550;color:#5d5d5d}.cbb .content-note dd{margin:0;color:#818181}.cbb .table-scroll{overflow-x:auto;margin:29px 0 18px;border-top:1px solid #cdcdcd}.cbb .table-scroll table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.8;text-align:left}.cbb .table-scroll th{font-weight:550;font-variation-settings:\"wght\" 550;color:#555555}.cbb .table-scroll th,.cbb .table-scroll td{padding:17px 17px 17px 0;border-bottom:1px solid #e3e3e3;vertical-align:top}.cbb .table-scroll thead th{font-size:var(--font-caption);color:#828282}.cbb .table-scroll tbody th{min-width:105px}.cbb .table-scroll td{color:#848484}.cbb .article-figure{margin:35px 0 39px}.cbb .full-bleed{margin-left:-50px;margin-right:-50px}.cbb .steps{list-style:none;padding:0;margin:25px 0;}.cbb .steps li{position:relative;padding:21px 0 22px 47px;border-top:1px solid var(--line);}.cbb .steps h3{font-size:18px}.cbb .steps p{font-size:15px;margin:8px 0 0;color:#8f8f8f;line-height:1.85}.cbb .content-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}.cbb .content-pair h3{margin:11px 0 14px}.cbb .content-pair p{font-size:15px;line-height:1.85;color:#878787;margin:0}.cbb .checklist{list-style:none;padding:0;margin:26px 0}.cbb .checklist li{padding:18px 0;border-bottom:1px solid var(--line);display:flex;gap:15px;font-size:16px;line-height:1.8}.cbb .checklist li>span{width:14px;height:14px;margin-top:7px;border:1px solid #b5b5b5;flex-shrink:0}.cbb h3{color:#363636}.cbb .content-note>p,.cbb .content-note dd,.cbb .content-pair p,.cbb .steps p{color:#6f6f6f}.cbb .content-note dt,.cbb .table-scroll th{color:#505050}.cbb .table-scroll td{color:#6d6d6d}@media(max-width:1000px){.cbb .full-bleed{margin-left:0;margin-right:0}}@container (max-width:668px){.cbb .full-bleed{margin-left:0;margin-right:0}}@media(max-width:700px){.cbb p{margin-bottom:17px}.cbb .content-note{padding:24px;margin:24px 0 28px}.cbb .content-note h3{font-size:18px;margin:10px 0 13px}.cbb .content-note>p{font-size:14px}.cbb .content-note dl{font-size:var(--font-caption)}.cbb .content-note dl>div{display:block;padding:13px 0}.cbb .content-note dd{margin-top:4px}.cbb .content-note .eyebrow{font-size:var(--font-caption)}.cbb .table-scroll table{font-size:var(--font-caption)}.cbb .table-scroll thead th{font-size:var(--font-caption)}.cbb .table-scroll th,.cbb .table-scroll td{padding:13px 12px 13px 0;word-break:normal;min-width:88px}.cbb .table-scroll tbody th{min-width:80px}.cbb .article-figure{margin:28px 0 33px}.cbb .steps li{padding:19px 0 19px 34px}.cbb .steps h3{font-size:17px}.cbb .steps p{font-size:14px;line-height:1.85}.cbb .content-pair{grid-template-columns:1fr;gap:10px}.cbb .content-pair h3{font-size:19px}.cbb .content-pair p{font-size:14px}.cbb .checklist li{font-size:14px;gap:12px}}@container (max-width:668px){.cbb p{margin-bottom:17px}.cbb .content-note{padding:24px;margin:24px 0 28px}.cbb .content-note h3{font-size:18px;margin:10px 0 13px}.cbb .content-note>p{font-size:14px}.cbb .content-note dl{font-size:var(--font-caption)}.cbb .content-note dl>div{display:block;padding:13px 0}.cbb .content-note dd{margin-top:4px}.cbb .content-note .eyebrow{font-size:var(--font-caption)}.cbb .table-scroll table{font-size:var(--font-caption)}.cbb .table-scroll thead th{font-size:var(--font-caption)}.cbb .table-scroll th,.cbb .table-scroll td{padding:13px 12px 13px 0;word-break:normal;min-width:88px}.cbb .table-scroll tbody th{min-width:80px}.cbb .article-figure{margin:28px 0 33px}.cbb .steps li{padding:19px 0 19px 34px}.cbb .steps h3{font-size:17px}.cbb .steps p{font-size:14px;line-height:1.85}.cbb .content-pair{grid-template-columns:1fr;gap:10px}.cbb .content-pair h3{font-size:19px}.cbb .content-pair p{font-size:14px}.cbb .checklist li{font-size:14px;gap:12px}}.cbb .inline-illustration{display:block;width:100%;height:auto;border-radius:var(--radius-media)}.cbb .article-figure picture{display:block}.cbb a.inline-source{color:#255bca;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.cbb a.inline-source:hover{color:#163e94}.cbb a.inline-source:focus-visible{outline:2px solid #255bca;outline-offset:4px;border-radius:2px}.cbb .term-note{margin:16px 0 32px;font-size:14px;line-height:1.8;color:#747b83}.cbb .term-note strong{font-weight:600;font-variation-settings:\"wght\" 600}.cbb .term-note p{font-size:inherit;line-height:inherit;margin:5px 0 0}.cbb .reader-comparison table{width:100%;min-width:0;table-layout:fixed}.cbb .reader-comparison th:first-child{width:18%}.cbb .reader-comparison .comparison-highlight{background:#f1f5fb;color:var(--ink-primary);font-weight:600;font-variation-settings:\"wght\" 600}.cbb .reader-comparison th,.cbb .reader-comparison td{padding:20px;font-size:var(--font-table);line-height:1.8;word-break:keep-all;overflow-wrap:anywhere}.cbb .reader-comparison thead th{font-size:var(--font-table-label);font-weight:500;font-variation-settings:\"wght\" 500;color:var(--ink-secondary)}.cbb .reader-comparison thead .comparison-highlight{color:var(--ink-primary);font-weight:650;font-variation-settings:\"wght\" 650}.cbb .reader-comparison tbody th{font-weight:600;font-variation-settings:\"wght\" 600;color:var(--ink-primary)}.cbb .reader-comparison td{color:var(--ink-secondary)}.cbb .reader-comparison td.comparison-highlight{color:var(--ink-primary);font-weight:550;font-variation-settings:\"wght\" 550}@media(max-width:540px){.cbb .reader-comparison{overflow:visible}.cbb .reader-comparison table,.cbb .reader-comparison tbody{display:block}.cbb .reader-comparison thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.cbb .reader-comparison tr{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e6e8ec;padding:18px 0;gap:12px}.cbb .reader-comparison tbody th:first-child{width:auto;grid-column:1/-1;background:none;border:0;padding:0;font-size:16px}.cbb .reader-comparison td{padding:14px;border:0;border-radius:10px;background:#f7f8f9;font-size:15px;line-height:1.75}.cbb .reader-comparison td:before{content:attr(data-label);display:block;color:var(--ink-secondary);font-size:var(--font-caption);font-weight:500;font-variation-settings:\"wght\" 500;line-height:1.5;margin-bottom:10px}.cbb .reader-comparison td.comparison-highlight{background:#f1f5fb;color:var(--ink-primary);font-weight:550;font-variation-settings:\"wght\" 550}.cbb .reader-comparison td.comparison-highlight:before{color:var(--ink-primary);font-weight:650;font-variation-settings:\"wght\" 650}}@container (max-width:508px){.cbb .reader-comparison{overflow:visible}.cbb .reader-comparison table,.cbb .reader-comparison tbody{display:block}.cbb .reader-comparison thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.cbb .reader-comparison tr{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #e6e8ec;padding:18px 0;gap:12px}.cbb .reader-comparison tbody th:first-child{width:auto;grid-column:1/-1;background:none;border:0;padding:0;font-size:16px}.cbb .reader-comparison td{padding:14px;border:0;border-radius:10px;background:#f7f8f9;font-size:15px;line-height:1.75}.cbb .reader-comparison td:before{content:attr(data-label);display:block;color:var(--ink-secondary);font-size:var(--font-caption);font-weight:500;font-variation-settings:\"wght\" 500;line-height:1.5;margin-bottom:10px}.cbb .reader-comparison td.comparison-highlight{background:#f1f5fb;color:var(--ink-primary);font-weight:550;font-variation-settings:\"wght\" 550}.cbb .reader-comparison td.comparison-highlight:before{color:var(--ink-primary);font-weight:650;font-variation-settings:\"wght\" 650}}.cbb .article-figure{margin-top:36px;margin-bottom:40px}.cbb .article-figure figcaption{font-size:var(--font-caption);line-height:1.75;color:var(--ink-secondary);margin-top:14px}.cbb .content-note{border-radius:var(--radius-content);background:#f7f8f9}@media(max-width:850px){.cbb .full-bleed{margin-left:0;margin-right:0}}@container (max-width:668px){.cbb .full-bleed{margin-left:0;margin-right:0}}@media(max-width:540px){.cbb .inline-illustration{border-radius:var(--radius-media)}.cbb .article-figure figcaption{font-size:var(--font-caption)}.cbb .article-figure{margin:28px 0 32px}}@container (max-width:508px){.cbb .inline-illustration{border-radius:var(--radius-media)}.cbb .article-figure figcaption{font-size:var(--font-caption)}.cbb .article-figure{margin:28px 0 32px}}.cbb .inline-illustration,.cbb .article-figure>img{border-radius:var(--radius-media)}.cbb .content-note{border-radius:var(--radius-content)}.cbb .steps .step-number{position:absolute;left:0;top:23px;font-family:var(--font-number-family);font-size:var(--font-number);font-weight:550;font-variation-settings:\"wght\" 550;line-height:1.5;color:#626870;letter-spacing:0;font-variant-numeric:tabular-nums lining-nums}.cbb .steps h3{margin-top:0}.cbb .steps p{font-size:16px;color:#626870}@media(max-width:700px){.cbb .steps .step-number{top:21px}.cbb .steps p{font-size:16px}.cbb .steps li{padding-left:42px}}@container (max-width:668px){.cbb .steps .step-number{top:21px}.cbb .steps p{font-size:16px}.cbb .steps li{padding-left:42px}}.cbb p{font-size:18px;line-height:1.85;margin:0 0 20px;word-break:keep-all}.cbb h3{font-size:18px;line-height:1.5;font-weight:650;font-variation-settings:\"wght\" 650;color:#17191c;margin:0 0 8px;word-break:keep-all}.cbb a.inline-source{color:#255bca;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.cbb a.inline-source:hover{color:#163e94}.cbb .ext-icon{width:14px;height:14px;margin-left:2px;vertical-align:-1px}.cbb .term{text-decoration:underline dotted #8d97a5;text-decoration-thickness:1.5px;text-underline-offset:5px}.cbb .term-ref{color:#255bca;text-decoration:none;margin-left:1px}.cbb .term-ref sup{font-size:14px;line-height:0;font-weight:600;font-variation-settings:\"wght\" 600;vertical-align:super}.cbb .v2-note{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;background:#f6f7f9;border-radius:12px;padding:16px 18px;margin:4px 0 28px;scroll-margin-top:110px}.cbb .v2-note:target{box-shadow:0 0 0 2px #255bca inset}.cbb .term-no{display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:#e3e9f5;color:#255bca;font-size:14px;font-weight:650;font-variation-settings:\"wght\" 650;line-height:1}.cbb .v2-note strong{display:block;font-size:15px;line-height:1.6;font-weight:650;font-variation-settings:\"wght\" 650;color:#2f3439}.cbb .v2-note p{font-size:15px;line-height:1.75;color:#5b6167;margin:4px 0 0}.cbb .article-figure{margin:36px 0 40px}.cbb .article-figure.full-bleed{width:100%;max-width:100%;margin-left:0;margin-right:0}.cbb .article-figure img{display:block;width:100%;height:auto;border-radius:24px}.cbb .table-scroll{margin:28px 0 32px;border:1px solid #e6e8ec;border-radius:14px;overflow:hidden}.cbb .table-scroll table{width:100%;border-collapse:collapse;table-layout:fixed}.cbb .table-scroll th,.cbb .table-scroll td{padding:16px 18px;font-size:16px;line-height:1.7;text-align:left;vertical-align:top;border-bottom:1px solid #eef0f2;word-break:keep-all;overflow-wrap:anywhere}.cbb .table-scroll tbody tr:last-child>*{border-bottom:0}.cbb .table-scroll thead th{background:#f6f7f9;font-size:15px;font-weight:600;font-variation-settings:\"wght\" 600;color:#5b6167}.cbb .table-scroll tbody th{font-weight:600;font-variation-settings:\"wght\" 600;color:#17191c;width:22%}.cbb .table-scroll td{color:#50565d}.cbb .table-scroll{border-color:#DFE3E8}.cbb .table-scroll th,.cbb .table-scroll td{border-bottom-color:#E8EBEF}.cbb .table-scroll .comparison-highlight{background:#F3F7FE;color:#17191c;font-weight:550;font-variation-settings:\"wght\" 550;border-left:1px solid #D3DFF5;border-right:1px solid #D3DFF5;border-bottom-color:#DCE6F7}.cbb .table-scroll thead .comparison-highlight{background:#E9F0FD;color:#1F4FB8;font-weight:650;font-variation-settings:\"wght\" 650;box-shadow:inset 0 2px 0 #3B6FE0}.cbb .table-scroll thead th{white-space:nowrap}.cbb .table-scroll tbody th{width:auto;white-space:nowrap}.cbb .table-scroll .th-mark{width:18px;height:18px;margin:0 8px -3px 0;display:inline-block}.cbb .table-scroll .mark-good .th-mark circle{fill:#3B6FE0}.cbb .table-scroll .mark-bad .th-mark circle{fill:#A7ADB5}.cbb .table-scroll tbody tr:last-child .comparison-highlight{border-bottom:0}.cbb .compare-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cbb .compare-pair img{display:block;width:100%;height:auto;border-radius:20px}.cbb .content-note{background:#f6f7f9;border-radius:16px;padding:24px 28px;margin:24px 0 28px}.cbb .content-note .eyebrow{display:block;font-size:14px;line-height:1.5;color:#255bca;font-weight:600;font-variation-settings:\"wght\" 600;letter-spacing:0;text-transform:none;margin:0 0 6px}.cbb .content-note h3{font-size:18px;margin:0 0 14px}.cbb .content-note dl{margin:0;display:grid;gap:0}.cbb .content-note dl>div{display:grid;grid-template-columns:128px 1fr;gap:16px;padding:12px 0;border-top:1px solid #e6e8ec}.cbb .content-note dt{font-size:15px;line-height:1.7;font-weight:600;font-variation-settings:\"wght\" 600;color:#2f3439}.cbb .content-note dd{margin:0;font-size:16px;line-height:1.7;color:#50565d}.cbb .content-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0 28px}.cbb .content-pair section{border:1px solid #e6e8ec;border-radius:16px;padding:22px 22px 20px;background:#fff}.cbb .content-pair .eyebrow{display:block;font-size:14px;line-height:1.5;color:#6f757c;font-weight:500;font-variation-settings:\"wght\" 500;letter-spacing:0;text-transform:none;margin:0 0 8px}.cbb .content-pair h3{font-size:18px;margin:0 0 8px}.cbb .content-pair p{font-size:16px;line-height:1.75;margin:0;color:#50565d}.cbb ul.bullets{margin:4px 0 24px;padding-left:22px}.cbb ul.bullets li{font-size:18px;line-height:1.8;margin:6px 0;padding-left:2px;word-break:keep-all}.cbb ul.checklist{list-style:none;margin:24px 0 28px;padding:20px 24px;border:1px solid #e6e8ec;border-radius:16px;display:grid;gap:12px}.cbb ul.checklist li{display:block;position:relative;padding:0 0 0 32px;border:0;font-size:17px;line-height:1.7;color:#2f3439}.cbb ul.checklist li>span{position:absolute;left:0;top:4px;width:20px;height:20px;margin:0;border-radius:6px;background:#e9f0fc;border:0}.cbb ul.checklist li>span:after{content:\"\";position:absolute;left:7px;top:3px;width:5px;height:10px;border:solid #255bca;border-width:0 2px 2px 0;transform:rotate(45deg)}.cbb ol.steps{list-style:none;margin:24px 0 28px;padding:0;display:grid;gap:12px}.cbb ol.steps li{display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-areas:\"n t\" \"n d\";column-gap:16px;align-items:start;border:1px solid #e6e8ec;border-radius:16px;padding:18px 20px}.cbb ol.steps li>h3{grid-area:t}.cbb ol.steps li>p{grid-area:d}.cbb ol.steps .step-number{grid-area:n;position:static;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#f1f5fb;color:#255bca;font-size:15px;font-weight:650;font-variation-settings:\"wght\" 650;font-family:Inter,\"Pretendard Variable Variable\",\"Pretendard Variable\",Pretendard,sans-serif;font-variant-numeric:tabular-nums}.cbb ol.steps h3{margin:2px 0 4px}.cbb ol.steps p{font-size:16px;line-height:1.7;margin:0;color:#50565d}.cbb ol.timeline{list-style:none;margin:28px 0 32px;padding:0;display:grid;grid-template-columns:repeat(var(--tl-n,4),minmax(0,1fr));column-gap:20px;position:relative}.cbb ol.timeline:before{content:\"\";position:absolute;left:0;right:0;top:41px;height:2px;background:linear-gradient(90deg,#dfe4ec 0%,#dfe4ec 70%,#9bb7ee 100%)}.cbb ol.timeline li{position:relative;display:flex;flex-direction:column;padding:0;border:0}.cbb ol.timeline .tl-when{font-family:Inter,\"Pretendard Variable Variable\",\"Pretendard Variable\",Pretendard,sans-serif;font-size:16px;font-weight:600;font-variation-settings:\"wght\" 600;line-height:24px;color:#626870;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.cbb ol.timeline .tl-dot{display:block;width:14px;height:14px;margin:11px 0 18px;border-radius:50%;background:#fff;border:2px solid #b8c2d1;position:relative;z-index:1}.cbb ol.timeline h3{margin:0 0 6px;font-size:17px;line-height:1.45;color:#17191c}.cbb ol.timeline p{margin:0;font-size:15px;line-height:1.65;color:#50565d}.cbb ol.timeline li.tl-now .tl-when{color:#255bca}.cbb ol.timeline li.tl-now .tl-dot{background:#255bca;border-color:#255bca;box-shadow:0 0 0 5px rgba(37,91,202,.14)}@media(max-width:700px){.cbb ol.timeline{grid-template-columns:minmax(0,1fr);row-gap:22px;padding-left:28px}.cbb ol.timeline:before{left:6px;right:auto;top:8px;bottom:8px;width:2px;height:auto;background:linear-gradient(180deg,#dfe4ec 0%,#dfe4ec 70%,#9bb7ee 100%)}.cbb ol.timeline .tl-dot{position:absolute;left:-28px;top:5px;margin:0}.cbb ol.timeline .tl-when{margin-bottom:2px}.cbb ol.timeline p{font-size:16px}}@container (max-width:668px){.cbb ol.timeline{grid-template-columns:minmax(0,1fr);row-gap:22px;padding-left:28px}.cbb ol.timeline:before{left:6px;right:auto;top:8px;bottom:8px;width:2px;height:auto;background:linear-gradient(180deg,#dfe4ec 0%,#dfe4ec 70%,#9bb7ee 100%)}.cbb ol.timeline .tl-dot{position:absolute;left:-28px;top:5px;margin:0}.cbb ol.timeline .tl-when{margin-bottom:2px}.cbb ol.timeline p{font-size:16px}}@media (max-width:900px){.cbb .article-figure.full-bleed{width:100%;margin-left:0;margin-right:0}}@container (max-width:668px){.cbb .article-figure.full-bleed{width:100%;margin-left:0;margin-right:0}}@media (max-width:700px){.cbb p,.cbb ul.bullets li{font-size:16px;line-height:1.85}.cbb .article-figure img{border-radius:20px}.cbb .content-note{padding:20px}.cbb .content-note dl>div{grid-template-columns:1fr;gap:2px}.cbb .content-pair{grid-template-columns:1fr}.cbb .table-scroll{border:0;border-radius:0}.cbb .table-scroll .comparison-highlight{border-left:0;border-right:0;box-shadow:inset 0 0 0 1px #D3DFF5}.cbb .compare-pair{grid-template-columns:1fr;gap:12px}.cbb .table-scroll tbody th{white-space:normal}.cbb .reader-comparison tr:has(td:only-of-type) td{grid-column:1/-1}}@container (max-width:668px){.cbb p,.cbb ul.bullets li{font-size:16px;line-height:1.85}.cbb .article-figure img{border-radius:20px}.cbb .content-note{padding:20px}.cbb .content-note dl>div{grid-template-columns:1fr;gap:2px}.cbb .content-pair{grid-template-columns:1fr}.cbb .table-scroll{border:0;border-radius:0}.cbb .table-scroll .comparison-highlight{border-left:0;border-right:0;box-shadow:inset 0 0 0 1px #D3DFF5}.cbb .compare-pair{grid-template-columns:1fr;gap:12px}.cbb .table-scroll tbody th{white-space:normal}.cbb .reader-comparison tr:has(td:only-of-type) td{grid-column:1/-1}}.cbb .article-figure img.fig-m{display:none}.cbb .article-figure img.fig-d{display:block}@media(max-width:560px){.cbb .article-figure.bp800 img.fig-d{display:none}.cbb .article-figure.bp800 img.fig-m{display:block}.cbb .article-figure.bp540 img.fig-d{display:none}.cbb .article-figure.bp540 img.fig-m{display:block}}@container (max-width:560px){.cbb .article-figure.bp800 img.fig-d{display:none}.cbb .article-figure.bp800 img.fig-m{display:block}.cbb .article-figure.bp540 img.fig-d{display:none}.cbb .article-figure.bp540 img.fig-m{display:block}}.cbb .cbb-in>:first-child{margin-top:var(--mt,0px)!important}.cbb .cbb-in>:last-child{margin-bottom:var(--mb,0px)!important}`;/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight auto\n * @framerIntrinsicWidth 700\n */export default function BlogBlock(props){const{html,mt,mb}=props;const style={width:\"100%\",\"--mt\":(mt||0)+\"px\",\"--mb\":(mb||0)+\"px\"};return /*#__PURE__*/_jsxs(\"div\",{className:\"cbb\",style:style,children:[/*#__PURE__*/_jsx(\"style\",{dangerouslySetInnerHTML:{__html:CSS}}),/*#__PURE__*/_jsx(\"div\",{className:\"cbb-in\",dangerouslySetInnerHTML:{__html:html||\"\"}})]});}BlogBlock.defaultProps={html:\"\",mt:0,mb:0};addPropertyControls(BlogBlock,{html:{type:ControlType.String,title:\"HTML\",displayTextArea:true,defaultValue:\"\"},mt:{type:ControlType.Number,title:\"Top\",min:0,max:160,step:1,defaultValue:0},mb:{type:ControlType.Number,title:\"Bottom\",min:0,max:160,step:1,defaultValue:0}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"BlogBlock\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"700\",\"framerSupportedLayoutWidth\":\"any\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./BlogBlock.map"],"mappings":"8JAMG,SAAwB,EAAU,EAAM,CAAC,GAAK,CAAC,OAAK,KAAG,MAAI,EAAyE,OAAoB,EAAM,MAAM,CAAC,UAAU,MAAM,MAAM,CAA7G,MAAM,OAAO,QAAQ,GAAI,GAAG,KAAK,QAAQ,GAAI,GAAG,IAAiE,EAAE,SAAS,CAAc,EAAK,QAAQ,CAAC,wBAAwB,CAAC,OAAO,CAAG,CAAC,CAAC,EAAe,EAAK,MAAM,CAAC,UAAU,SAAS,wBAAwB,CAAC,OAAO,GAAM,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,mBANnT,IAAoD,EAEtG,EAAI,yooBAIkW,EAAU,aAAa,CAAC,KAAK,GAAG,GAAG,EAAE,GAAG,CAAC,EAAE,EAAoB,EAAU,CAAC,KAAK,CAAC,KAAK,EAAY,OAAO,MAAM,OAAO,gBAAgB,GAAK,aAAa,EAAE,EAAE,GAAG,CAAC,KAAK,EAAY,OAAO,MAAM,MAAM,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,aAAa,CAAC,EAAE,GAAG,CAAC,KAAK,EAAY,OAAO,MAAM,SAAS,IAAI,EAAE,IAAI,IAAI,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,EACvpB,EAAqB,CAAC,QAAU,CAAC,QAAU,CAAC,KAAO,iBAAiB,KAAO,YAAY,MAAQ,CAAC,EAAE,YAAc,CAAC,qBAAuB,MAAM,2BAA6B,MAAM,sBAAwB,IAAI,4BAA8B,MAAM,CAAC,EAAE,mBAAqB,CAAC,KAAO,UAAU,CAAC,CAAC"}