/* Success is centered independently of the fixed anchor of ordinary steps. */
body[data-step="8"] #panel[open]{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;padding:24px 26px}
body[data-step="8"] #panel .panel-top{position:absolute;top:0;left:26px;right:26px;z-index:1}
body[data-step="8"] #panel .form-shell{display:block;width:100%;max-width:500px;min-height:0;margin:0;padding:0;flex:none}
body[data-step="8"] #panel #wizard,body[data-step="8"] #panel #content{display:block;margin:0;padding:0}
body[data-step="8"] #panel .form-shell :is(.progress-top,.progress,.privacy,.actions,#error){display:none}
#panel .seller-success{display:flex;flex-direction:column;align-items:center;gap:0;text-align:center;width:100%;margin:0}
#panel .seller-success-marker{display:grid;place-items:center;flex:none;width:64px;height:64px;margin-bottom:20px;border-radius:50%;background:#2a7369;color:#fff}
#panel .seller-success-marker svg{display:block;width:28px;height:28px}
#panel #content .seller-success h2{margin:0}
#panel .seller-success-copy{max-width:100%;margin:12px 0 0;color:#617575;font:400 16px/24px var(--seller-family);text-wrap:pretty}
@media(max-width:799px){body[data-step="8"] #panel[open]{padding:20px}body[data-step="8"] #panel .panel-top{left:20px;right:20px}#panel .seller-success-marker{width:56px;height:56px;margin-bottom:16px}#panel .seller-success-marker svg{width:26px;height:26px}}
@media(max-height:440px){body[data-step="8"] #panel[open]{padding:16px 20px}#panel .seller-success-marker{width:48px;height:48px;margin-bottom:16px}#panel .seller-success-marker svg{width:24px;height:24px}#panel .seller-success-copy{margin-top:8px}}