.kp-migrate .kp-s4-hero{background:radial-gradient(90% 60% at 30% 0,#1a2028 0%,#0b0e12 75%);padding-block:16px 32px}@media (min-width:768px){.kp-migrate .kp-s4-hero{background:radial-gradient(50% 90% at 25% 0,#1a2028 0%,#0b0e12 70%);padding-block:24px 48px}}@media (min-width:1024px){.kp-migrate .kp-s4-hero{padding-block:28px 56px}}.kp-migrate .kp-s4-crumbs{margin-bottom:12px}@media (min-width:768px){.kp-migrate .kp-s4-crumbs{margin-bottom:36px}}.kp-migrate .kp-s4-hero-start .kp-s4-hero-lead{max-width:760px}.kp-migrate .kp-s4-hero-lead strong{color:var(--kp-ink);font-weight:500}.kp-migrate .kp-link{overflow-wrap:anywhere}.kp-migrate .kp-migrate-involves{max-width:1000px;margin-top:20px}@media (min-width:768px){.kp-migrate .kp-migrate-involves{margin-top:28px}}.kp-migrate .kp-migrate-involves dl{border:1px solid var(--kp-line);background:var(--kp-rail);border-radius:8px;flex-direction:column;display:flex}.kp-migrate .kp-migrate-involves dl>div{justify-content:space-between;align-items:baseline;gap:16px;padding:12px 14px;display:flex}.kp-migrate .kp-migrate-involves dl>div+div{border-top:1px solid var(--kp-line)}.kp-migrate .kp-migrate-involves dt{font-family:var(--kp-mono);color:var(--kp-ink-3);flex-shrink:0;font-size:12px;line-height:16px}.kp-migrate .kp-migrate-involves dt.is-then{color:var(--kp-warn)}.kp-migrate .kp-migrate-involves dd{min-width:0;color:var(--kp-ink);text-align:right;text-wrap:pretty;font-size:14px;font-weight:500;line-height:18px}@media (min-width:768px){.kp-migrate .kp-migrate-involves dl{flex-direction:row}.kp-migrate .kp-migrate-involves dl>div{flex-direction:column;flex:1 1 0;justify-content:flex-start;gap:4px;padding:16px 20px}.kp-migrate .kp-migrate-involves dl>div+div{border-top:0;border-left:1px solid var(--kp-line)}.kp-migrate .kp-migrate-involves dd{text-align:left;text-wrap:balance;font-size:15px}}.kp-migrate .kp-migrate-h2{font-family:var(--kp-display);color:var(--kp-ink);text-wrap:balance;font-size:22px;font-weight:600;line-height:28px}@media (min-width:768px){.kp-migrate .kp-migrate-h2{font-size:28px;line-height:34px}}.kp-migrate .kp-light .kp-migrate-h2{color:var(--kp-light-ink)}.kp-migrate .kp-migrate-h3{font-family:var(--kp-display);color:var(--kp-ink);font-size:20px;font-weight:600;line-height:24px}@media (min-width:768px){.kp-migrate .kp-migrate-h3{font-size:22px;line-height:28px}}.kp-migrate .kp-migrate-code{font-family:var(--kp-mono);color:var(--kp-ink);overflow-wrap:anywhere;font-size:13px}.kp-migrate .kp-migrate-stepsband{padding-block:8px 32px}@media (min-width:768px){.kp-migrate .kp-migrate-stepsband{padding-block:56px}}@media (min-width:1024px){.kp-migrate .kp-migrate-stepsband{padding-block:72px 64px}.kp-migrate .kp-migrate-steps{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:80px;display:grid}}.kp-migrate .kp-migrate-rail__title{font-family:var(--kp-display);color:var(--kp-ink);font-size:22px;font-weight:600;line-height:28px}@media (max-width:767px){.kp-migrate .kp-migrate-rail__title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (min-width:768px) and (max-width:1023px){.kp-migrate .kp-migrate-rail__title{margin-bottom:32px}}.kp-migrate .kp-migrate-rail__nav{display:none}@media (min-width:1024px){.kp-migrate .kp-migrate-rail{position:sticky;top:96px}.kp-migrate .kp-migrate-rail__title{padding-bottom:20px}.kp-migrate .kp-migrate-rail__nav{display:block}}.kp-migrate .kp-migrate-rail__nav li{position:relative}.kp-migrate .kp-migrate-rail__nav li:not(:last-child):after{content:"";background:var(--kp-line-strong);width:1px;height:18px;position:absolute;top:39px;left:13.5px}.kp-migrate .kp-migrate-rail__nav a{min-height:48px;color:var(--kp-ink-2);transition:color var(--kp-t-short) var(--kp-ease), background-color var(--kp-t-short) var(--kp-ease), box-shadow var(--kp-t-short) var(--kp-ease);border-radius:0 6px 6px 0;align-items:center;gap:12px;padding-block:6px;font-size:14px;line-height:18px;display:flex}.kp-migrate .kp-migrate-rail__nav li[data-state=current] a{box-shadow:inset 2px 0 0 var(--kp-ice);color:var(--kp-ink);background:linear-gradient(90deg,#c7e5ff0f,#c7e5ff00);margin-left:-14px;padding-left:14px;font-weight:600}.kp-migrate .kp-migrate-rail__nav a:focus-visible{box-shadow:inset 0 0 0 2px var(--kp-ice);outline:none}@media (hover:hover) and (pointer:fine){.kp-migrate .kp-migrate-rail__nav a:hover{color:var(--kp-ink)}}.kp-migrate .kp-migrate-ring{border:1px solid var(--kp-line-strong);background:var(--kp-bg);width:28px;height:28px;color:var(--kp-ink-3);font-family:var(--kp-mono);transition:border-color var(--kp-t-short) var(--kp-ease), color var(--kp-t-short) var(--kp-ease), background-color var(--kp-t-short) var(--kp-ease);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:400;line-height:16px;display:inline-flex}.kp-migrate [data-state=passed]>a>.kp-migrate-ring{border-color:var(--kp-muted);background:var(--kp-elev);color:var(--kp-ink-2)}.kp-migrate [data-state=passed] .kp-migrate-step__head .kp-migrate-ring{border-color:var(--kp-muted);background:var(--kp-elev);color:var(--kp-ink-2)}.kp-migrate [data-state=current]>a>.kp-migrate-ring{border:1.5px solid var(--kp-ice);color:var(--kp-ice)}.kp-migrate [data-state=current] .kp-migrate-step__head .kp-migrate-ring{border:1.5px solid var(--kp-ice);color:var(--kp-ice)}.kp-migrate .kp-migrate-progress{display:none}@media (max-width:767px){.kp-migrate .kp-migrate-progress{top:var(--chrome-nav-h);z-index:5;border-block:1px solid var(--kp-line);background:var(--kp-bg);align-items:center;gap:12px;margin-inline:-20px;padding:12px 20px;display:flex;position:sticky}}.kp-migrate .kp-migrate-progress__text{font-family:var(--kp-mono);color:var(--kp-ice);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px;line-height:16px}.kp-migrate .kp-migrate-progress__bars{flex:1;gap:4px;display:flex}.kp-migrate .kp-migrate-progress__bars span{background:var(--kp-line-strong);height:3px;transition:background-color var(--kp-t-short) var(--kp-ease);border-radius:2px;flex:1}.kp-migrate .kp-migrate-progress__bars span[data-state=passed]{background:var(--kp-signal)}.kp-migrate .kp-migrate-progress__bars span[data-state=current]{background:var(--kp-ice)}.kp-migrate .kp-migrate-steplist{min-width:0}.kp-migrate .kp-migrate-step{min-width:0;scroll-margin-top:96px}.kp-migrate .kp-migrate-step__head{font:inherit;margin:0}.kp-migrate .kp-migrate-step__title{text-wrap:pretty;flex:1;min-width:0}.kp-migrate .kp-migrate-step__body{color:var(--kp-ink-2);text-wrap:pretty;font-size:15px;line-height:25px}.kp-migrate .kp-migrate-step__body p+p{margin-top:10px}.kp-migrate .kp-migrate-step__body strong{color:var(--kp-ink);font-weight:500}.kp-migrate .kp-migrate-note{border-left:2px solid var(--kp-warn);color:var(--kp-ink);text-wrap:pretty;background:#e8b5640f;padding:14px 16px;font-size:15px;line-height:25px}.kp-migrate .kp-migrate-step__panel{flex-direction:column;gap:12px;min-width:0;display:flex}@media (min-width:768px){.kp-migrate .kp-migrate-step{border-bottom:1px solid var(--kp-line);padding-block:40px}.kp-migrate .kp-migrate-step:first-child{padding-top:0}.kp-migrate .kp-migrate-step:last-child{border-bottom:0;padding-bottom:0}.kp-migrate .kp-migrate-step__static{width:100%;color:var(--kp-ink);font:inherit;font-family:var(--kp-display);text-align:left;background:0 0;border:0;align-items:baseline;gap:12px;padding:0;font-size:20px;font-weight:600;line-height:26px;display:flex}.kp-migrate .kp-migrate-step__button{width:100%;color:var(--kp-ink);font:inherit;font-family:var(--kp-display);text-align:left;background:0 0;border:0;align-items:baseline;gap:12px;padding:0;font-size:20px;font-weight:600;line-height:26px;display:flex}.kp-migrate .kp-migrate-step__button{pointer-events:none}.kp-migrate .kp-migrate-step__chev{display:none}.kp-migrate .kp-migrate-step__head .kp-migrate-ring{display:none}.kp-migrate .kp-migrate-step__pad{width:22px;font-family:var(--kp-mono);color:var(--kp-ink-3);transition:color var(--kp-t-short) var(--kp-ease);flex-shrink:0;font-size:13px;font-weight:400;line-height:16px}.kp-migrate .kp-migrate-step[data-state=passed] .kp-migrate-step__pad{color:var(--kp-signal)}.kp-migrate .kp-migrate-step[data-state=current] .kp-migrate-step__pad{color:var(--kp-ice)}.kp-migrate .kp-migrate-step__panel{content-visibility:visible;margin-top:12px;padding-left:34px;display:flex}.kp-migrate .kp-migrate-step__panel[hidden]{content-visibility:visible;margin-top:12px;padding-left:34px;display:flex}}@media (max-width:767px){.kp-migrate .kp-migrate-steplist{padding-top:8px}.kp-migrate .kp-migrate-step{border-bottom:1px solid var(--kp-line);scroll-margin-top:140px}.kp-migrate .kp-migrate-step__pad{display:none}.kp-migrate .kp-migrate-step__button{width:100%;min-height:60px;color:var(--kp-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:8px 0;font-size:16px;font-weight:500;line-height:20px;display:flex}.kp-migrate .kp-migrate-step[data-state=passed] .kp-migrate-step__button{color:var(--kp-ink-2)}.kp-migrate .kp-migrate-step[data-open] .kp-migrate-step__button{font-weight:600}.kp-migrate .kp-migrate-step__button:focus-visible{box-shadow:inset 0 0 0 2px var(--kp-ice);border-radius:4px;outline:none}.kp-migrate .kp-migrate-step__chev{width:44px;height:44px;color:var(--kp-ink-3);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.kp-migrate .kp-migrate-step__chev svg{transition:transform var(--kp-t-short) var(--kp-ease)}.kp-migrate .kp-migrate-step[data-open] .kp-migrate-step__chev{color:var(--kp-ink)}.kp-migrate .kp-migrate-step[data-open] .kp-migrate-step__chev svg{transform:rotate(180deg)}.kp-migrate .kp-migrate-step__panel{padding-bottom:20px;overflow:hidden}.kp-migrate .kp-migrate-step__panel[hidden]{display:none}.kp-migrate .kp-migrate-step__panel[hidden=until-found]{padding-bottom:0;display:block}.kp-migrate .kp-migrate-step__body{padding-left:40px;font-size:15px;line-height:24px}.kp-migrate .kp-migrate-note{font-size:14px;line-height:22px}}.kp-migrate .kp-migrate-stepdiff .kp-s4-code__line.is-marked{color:var(--kp-signal)}.kp-migrate .kp-migrate-stepdiff .kp-s4-code__line.is-marked:first-child{border-left-color:var(--kp-danger);color:var(--kp-danger);background:#f08a7e0f}.kp-migrate .kp-migrate-map{border:1px solid var(--kp-line);border-radius:6px;min-width:0;overflow:clip}.kp-migrate .kp-migrate-map table{border-collapse:collapse;table-layout:fixed;width:100%}.kp-migrate .kp-migrate-map th{background:var(--kp-elev);font-family:var(--kp-mono);color:var(--kp-ink-3);text-align:left;padding:10px 16px;font-size:12px;font-weight:400;line-height:18px}.kp-migrate .kp-migrate-map td{border-top:1px solid var(--kp-line);font-family:var(--kp-mono);color:var(--kp-ink-2);overflow-wrap:anywhere;vertical-align:top;padding:8px 16px;font-size:13px;line-height:18px}.kp-migrate .kp-migrate-map td+td{color:#f7fafc}.kp-migrate .kp-migrate-map__more{display:none}@media (max-width:767px){.kp-migrate .kp-migrate-map thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.kp-migrate .kp-migrate-map table{display:block}.kp-migrate .kp-migrate-map tbody{display:block}.kp-migrate .kp-migrate-map tr{flex-direction:column;gap:2px;padding:8px 12px;display:flex}.kp-migrate .kp-migrate-map tr+tr{border-top:1px solid var(--kp-line)}.kp-migrate .kp-migrate-map td{color:var(--kp-ink-3);border:0;padding:0;font-size:12px;display:block}.kp-migrate .kp-migrate-map td+td:before{content:"→ "}.kp-migrate .kp-migrate-map[data-collapsed] tr[data-extra]{display:none}.kp-migrate .kp-migrate-map__more{border:0;border-top:1px solid var(--kp-line);width:100%;min-height:44px;color:var(--kp-ice);font:inherit;text-align:center;cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0 12px;font-size:14px;font-weight:500;line-height:18px;display:flex}.kp-migrate .kp-migrate-map__more:focus-visible{box-shadow:inset 0 0 0 2px var(--kp-ice);outline:none}}.kp-migrate .kp-migrate-ba{padding-block:8px 40px}@media (min-width:768px){.kp-migrate .kp-migrate-ba{padding-block:48px 88px}}.kp-migrate .kp-migrate-ba__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px 16px;margin-bottom:14px;display:flex}@media (min-width:768px){.kp-migrate .kp-migrate-ba__head{margin-bottom:24px}}.kp-migrate .kp-migrate-toggle{border:1px solid var(--kp-line-strong);background:var(--kp-rail);border-radius:8px;gap:4px;padding:4px;display:none}.kp-migrate .kp-migrate-toggle button{min-height:44px;color:var(--kp-ink-2);font:inherit;white-space:nowrap;cursor:pointer;transition:background-color var(--kp-t-short) var(--kp-ease), color var(--kp-t-short) var(--kp-ease);background:0 0;border:0;border-radius:6px;align-items:center;padding:0 14px;font-size:13px;font-weight:500;line-height:16px;display:inline-flex}.kp-migrate .kp-migrate-toggle button[aria-pressed=true]{background:var(--kp-ice);color:#050608;font-weight:600}.kp-migrate .kp-migrate-toggle button:focus-visible{box-shadow:0 0 0 2px var(--kp-bg), 0 0 0 4px var(--kp-ice);outline:none}@media (hover:hover) and (pointer:fine){.kp-migrate .kp-migrate-toggle button[aria-pressed=false]:hover{color:var(--kp-ink)}}.kp-migrate .kp-migrate-ba__wide{display:none}@media (min-width:768px){.kp-migrate .kp-migrate-toggle{display:inline-flex}.kp-migrate .kp-migrate-ba__wide{display:block}.kp-migrate .kp-migrate-ba__narrow{display:none}}.kp-migrate .kp-migrate-ba__split{gap:16px;display:grid}@media (min-width:1024px){.kp-migrate .kp-migrate-ba__split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.kp-migrate .kp-migrate-after{border-color:#c7e5ff59}.kp-migrate .kp-migrate-after .kp-s4-code__bar{background:#c7e5ff12;border-bottom-color:#c7e5ff33}.kp-migrate .kp-migrate-after .kp-s4-code__title{color:var(--kp-ice)}.kp-migrate .kp-migrate-after pre{color:var(--kp-ink)}.kp-migrate .kp-s4-code__title{font-family:var(--kp-sans);font-size:13px}.kp-migrate .kp-migrate-diffblock .kp-s4-code__line[data-diff=add]{color:var(--kp-signal)}.kp-migrate .kp-migrate-diffblock .kp-s4-code__line[data-diff=del]{border-left-color:var(--kp-danger);color:var(--kp-danger);background:#f08a7e0f}.kp-migrate .kp-migrate-pricing{padding-bottom:56px}@media (min-width:1024px){.kp-migrate .kp-migrate-pricing{padding-bottom:88px}}.kp-migrate .kp-migrate-pricing__lead{max-width:640px;color:var(--kp-ink-2);margin-top:10px;font-size:15px;line-height:24px}.kp-migrate .kp-migrate-pricing__table{border:1px solid var(--kp-line);border-radius:8px;margin-top:20px;overflow:clip}.kp-migrate .kp-migrate-pricing__table table{border-collapse:collapse;width:100%}.kp-migrate .kp-migrate-pricing__table thead th{background:var(--kp-elev);font-family:var(--kp-mono);color:var(--kp-ink-3);text-align:left;padding:10px 16px;font-size:12px;font-weight:400;line-height:18px}.kp-migrate .kp-migrate-pricing__table tbody th{border-top:1px solid var(--kp-line);text-align:left;vertical-align:top;padding:12px 16px;font-size:14px;line-height:20px}.kp-migrate .kp-migrate-pricing__table td{border-top:1px solid var(--kp-line);text-align:left;vertical-align:top;padding:12px 16px;font-size:14px;line-height:20px}.kp-migrate .kp-migrate-pricing__table tbody th{color:var(--kp-ink);font-weight:500}.kp-migrate .kp-migrate-pricing__table td{font-family:var(--kp-mono);color:var(--kp-ink-2);font-variant-numeric:tabular-nums;font-size:13px}.kp-migrate .kp-migrate-pricing__table td.is-qsp{color:#f7fafc}.kp-migrate .kp-migrate-pricing__table td.is-savings{font-family:var(--kp-sans);color:var(--kp-signal)}.kp-migrate .kp-migrate-pricing .kp-s4-note{margin-top:12px}@media (max-width:639px){.kp-migrate .kp-migrate-pricing__table thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.kp-migrate .kp-migrate-pricing__table table{display:block}.kp-migrate .kp-migrate-pricing__table tbody{display:block}.kp-migrate .kp-migrate-pricing__table tr{padding:12px 14px;display:block}.kp-migrate .kp-migrate-pricing__table tr+tr{border-top:1px solid var(--kp-line)}.kp-migrate .kp-migrate-pricing__table tbody th{border:0;padding:0 0 6px;display:block}.kp-migrate .kp-migrate-pricing__table td{text-align:right;border:0;justify-content:space-between;gap:12px;padding:4px 0 0;display:flex}.kp-migrate .kp-migrate-pricing__table td:before{content:attr(data-label);font-family:var(--kp-sans);color:var(--kp-ink-3);text-align:left}}.kp-migrate .kp-migrate-pitfalls__grid{border-top:1px solid #b9c4cf;margin-top:16px}@media (min-width:768px){.kp-migrate .kp-migrate-pitfalls__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:32px;display:grid}}.kp-migrate .kp-migrate-pitfalls__grid li{gap:14px;padding-block:20px;display:flex}.kp-migrate .kp-migrate-pitfalls__grid li:not(:last-child){border-bottom:1px solid #c9d2db}@media (min-width:768px){.kp-migrate .kp-migrate-pitfalls__grid li{padding-block:24px 28px}.kp-migrate .kp-migrate-pitfalls__grid li:nth-child(odd){padding-right:40px}.kp-migrate .kp-migrate-pitfalls__grid li:nth-child(2n){border-left:1px solid #c9d2db;padding-left:40px}.kp-migrate .kp-migrate-pitfalls__grid li:nth-last-child(-n+2):nth-child(odd){border-bottom:0}.kp-migrate .kp-migrate-pitfalls__grid li:last-child{border-bottom:0}}.kp-migrate .kp-migrate-pitfalls__grid svg{color:#8a5a12;flex-shrink:0;margin-top:3px}.kp-migrate .kp-migrate-pitfalls__grid h3{color:var(--kp-light-ink);text-wrap:pretty;font-size:17px;font-weight:600;line-height:24px}.kp-migrate .kp-migrate-pitfalls__grid p{color:var(--kp-light-ink-2);text-wrap:pretty;margin-top:6px;font-size:15px;line-height:24px}.kp-migrate .kp-migrate-faq{padding-top:56px}@media (min-width:1024px){.kp-migrate .kp-migrate-faq{padding-top:88px}}.kp-migrate .kp-migrate-faq .kp-s4-disc{max-width:880px;margin-top:24px}.kp-migrate .kp-migrate-related{padding-block:44px 8px}@media (min-width:768px){.kp-migrate .kp-migrate-related{padding-block:72px 24px}}@media (min-width:1024px){.kp-migrate .kp-migrate-related{padding-top:88px}}.kp-migrate .kp-migrate-related__grid{gap:32px;display:grid}@media (min-width:1024px){.kp-migrate .kp-migrate-related__grid{grid-template-columns:minmax(0,1fr) 480px;gap:80px}}.kp-migrate .kp-migrate-related__guides ul{border-top:1px solid var(--kp-line);margin-top:14px}@media (min-width:768px){.kp-migrate .kp-migrate-related__guides ul{margin-top:16px}}.kp-migrate .kp-migrate-related__guides a{border-bottom:1px solid var(--kp-line);min-height:52px;color:var(--kp-ink);justify-content:space-between;align-items:center;gap:16px;padding-block:8px;display:flex}.kp-migrate .kp-migrate-related__guides a:focus-visible{box-shadow:inset 0 0 0 2px var(--kp-ice);border-radius:4px;outline:none}.kp-migrate .kp-migrate-related__name{font-size:15px;font-weight:500;line-height:18px}.kp-migrate .kp-migrate-related__path{font-family:var(--kp-mono);color:var(--kp-ink-3);text-align:right;transition:color var(--kp-t-short) var(--kp-ease);font-size:12px;line-height:16px;display:none}.kp-migrate .kp-migrate-related__chev{color:var(--kp-ink-3);flex-shrink:0}@media (min-width:768px){.kp-migrate .kp-migrate-related__path{display:inline}.kp-migrate .kp-migrate-related__chev{display:none}}@media (hover:hover) and (pointer:fine){.kp-migrate .kp-migrate-related__guides a:hover .kp-migrate-related__path{color:var(--kp-ice)}}.kp-migrate .kp-migrate-related__help p{color:var(--kp-ink-2);text-wrap:pretty;margin-top:14px;font-size:15px;line-height:24px}@media (min-width:768px){.kp-migrate .kp-migrate-related__help p{line-height:25px}}.kp-migrate .kp-migrate-cta__line{white-space:nowrap}@media (max-width:479px){.kp-migrate .kp-migrate-cta__line{display:block}}.kp-migrate .kp-migrate-cta .kp-s4-cta{padding-block:48px 64px}@media (min-width:1024px){.kp-migrate .kp-migrate-cta .kp-s4-cta{padding-block:88px 96px}}.kp-migrate:lang(hi) .kp-migrate-step__body{line-height:1.7}.kp-migrate:lang(hi) .kp-migrate-involves dd{line-height:1.7}.kp-migrate .kp-s4-code code{font-family:inherit}.kp-migrate .kp-s4-crumbs a{position:relative}.kp-migrate .kp-s4-crumbs a:after{content:"";position:absolute;inset-block:0;inset-inline:min(0px,50% - 22px)}.kp-migrate .kp-s4-code__tab{justify-content:center;min-width:44px}
