.skm-ccf{--skm-ccd-size:9.5px;--skm-ccf-overlap:56px;--skm-ccf-inset:calc(var(--skm-ccf-overlap) + 28px);inline-size:100%;max-width:680px;font-family:var(--skm-font-body);color:var(--skm-text-primary);text-align:left;margin-inline:auto;container-type:inline-size}.skm-ccf__stage{--skm-ccf-phone-w:calc(var(--skm-ccd-size) * 20 + 20px);grid-template-columns:calc(var(--skm-ccf-phone-w) - var(--skm-ccf-overlap)) var(--skm-ccf-overlap) minmax(0, 1fr);grid-template-rows:60px auto 20px;inline-size:100%;display:grid;position:relative}.skm-ccf__phone{z-index:2;grid-area:2/1/span 2/span 2;align-self:start;min-width:0;position:relative}.skm-ccf__phone .skm-device{width:max-content;max-width:100%;box-shadow:var(--skm-shadow-xl);display:block}.skm-ccf__lib{z-index:1;grid-area:1/2/span 2/span 2;align-self:start;min-width:0;position:relative}.skm-ccf__lib .skm-app-window__body{padding-left:var(--skm-ccf-inset)}.skm-ccf .skm-ccp__grid{gap:8px;padding:12px}.skm-ccf .skm-ccp__bar{padding:11px 12px}.skm-ccf .skm-ccp__prov{padding:13px 14px 14px}.skm-ccf .skm-ccp__prov-head,.skm-ccf .skm-ccp__filters{display:none}.skm-ccf__link{z-index:4;color:var(--skm-neutral-400);pointer-events:none;position:absolute}.skm-ccf__link svg{width:100%;height:100%;display:block;overflow:visible}.skm-ccf__link--up svg{transform:scaleY(-1)}.skm-ccf__link path{fill:none;stroke:currentColor;stroke-width:2px;stroke-dasharray:2 6;stroke-linecap:round}.skm-ccf__link-end{box-sizing:border-box;background:var(--skm-ui-primary);border:2px solid var(--skm-white);border-radius:var(--skm-radius-pill);width:8px;height:8px;box-shadow:var(--skm-shadow-card);position:absolute;bottom:-4px;right:-4px}.skm-ccf__link--up .skm-ccf__link-end{top:-4px;bottom:auto}@container (width>=620px){.skm-ccf__stage{--skm-ccd-size:10px}}@container (width<=500px){.skm-ccf__stage{--skm-ccd-size:10px;flex-direction:column;align-items:center;gap:12px;display:flex}.skm-ccf__phone{align-self:center}.skm-ccf__lib{align-self:stretch;inline-size:100%;margin-top:-48px}.skm-ccf__lib .skm-app-window__body{padding-top:22px;padding-left:0}.skm-ccf__link,.skm-ccf .skm-ccp__grid>li:nth-child(n+4){display:none}}