.tpw{background:linear-gradient(#f7faff,#fff);border-top:1px solid #e5edf8}.tpw-steps{border-bottom:1px solid #dbe5f3;grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.tpw-steps button{text-align:left;color:#687c98;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:12px;padding:18px 0;font-family:inherit;font-size:17px;font-weight:600;display:flex}.tpw-steps button span{font-size:12px;font-weight:500}.tpw-steps button b{margin-left:auto;font-weight:400}.tpw-steps button[aria-pressed=true]{color:#145de0;border-bottom-color:#145de0}.tpw-body{grid-template-columns:.85fr 1.15fr;align-items:center;gap:70px;padding-top:45px;display:grid}.tpw-copy h3{margin:20px 0;font-size:34px}.tpw-copy>p{max-width:400px;font-size:17px}.tpw-hint{color:#145de0;margin-top:25px;font-size:14px}.tpw-navigation{color:#7c8da5;align-items:center;gap:16px;margin-top:35px;font-size:12px;display:flex}.tpw-navigation button{color:#145de0;cursor:pointer;background:0 0;border:1px solid #d9e5f4;border-radius:50%;width:44px;height:44px;font-size:20px}.tpw-navigation button:disabled{opacity:.35;cursor:default}.tpw-preview{min-width:0;min-height:380px}.tpw-example{letter-spacing:.1em;color:#7184a0;margin-bottom:20px;font-size:9px;display:block}.tpw-stage{animation:.3s tpw-enter}.tpw-address{color:#527199;border-bottom:1px solid #dbe5f2;align-items:center;gap:10px;padding:13px 0;font-size:13px;display:flex}.tpw-address strong{font-weight:500}.tpw-address>span{margin-left:auto;font-size:10px}.tpw-stage h4{letter-spacing:-.03em;color:#243d60;margin:24px 0 18px;font-size:23px;line-height:1.3}.tpw-options{flex-wrap:wrap;gap:8px;display:flex}.tpw-options button{min-height:44px;font:inherit;color:#526d92;cursor:pointer;background:0 0;border:1px solid #cbd9ed;border-radius:6px;padding:11px 14px;font-size:13px}.tpw-options button[aria-pressed=true]{color:#145de0;background:#edf4ff;border-color:#145de0}.tpw-result{border-top:1px solid #dbe5f2;gap:18px;margin-top:28px;padding-top:26px;display:flex}.tpw-result>span{color:#145de0;font-size:26px}.tpw-result strong{font-size:19px}.tpw-result p,.tpw-stage>p{margin:10px 0;font-size:15px;line-height:1.7}.tpw-result small{color:#768aa6;font-size:12px}.tpw-swatches{align-items:center;gap:10px;margin:12px 0 25px;display:flex}.tpw-swatches button{color:#fff;cursor:pointer;border:3px solid #fff;border-radius:50%;width:44px;height:44px;font-size:18px;box-shadow:0 0 0 1px #ccd8e9}.tpw-swatches button[aria-pressed=true]{box-shadow:0 0 0 2px #3a5880}.tpw-swatches>span{color:#58708f;margin-left:5px;font-size:13px}.tpw-banner{border-top:3px solid var(--tpw-accent);padding:25px 0}.tpw-banner>small{letter-spacing:.1em;color:var(--tpw-accent);font-size:10px}.tpw-banner h4{margin:15px 0}.tpw-banner p{font-size:15px}.tpw-banner-buttons{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.tpw-banner-buttons span{border:1px solid var(--tpw-accent);color:var(--tpw-accent);border-radius:5px;padding:11px 14px;font-size:12px}.tpw-banner-buttons span:first-child{background:var(--tpw-accent);color:#fff}.tpw-stage .tpw-footnote{color:#7a8ca5;margin-top:20px;font-size:12px}.tpw-publish-icon{color:#145de0;margin-top:20px;font-size:38px}.tpw button:focus-visible{outline-offset:4px;outline:3px solid #8fb6f3}.tpw-stage .tcp-primary{cursor:pointer;border:0}@keyframes tpw-enter{0%{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}@media (max-width:800px){.tpw-body{gap:30px}.tpw-copy h3{font-size:28px}.tpw-steps{gap:12px}.tpw-steps button{gap:8px;font-size:14px}}@media (max-width:600px){.tpw-steps{grid-template-columns:repeat(2,1fr);gap:0 20px}.tpw-body{grid-template-columns:1fr;gap:30px;padding-top:28px}.tpw-copy>p{max-width:none}.tpw-navigation{margin-top:20px}.tpw-preview{min-height:350px}.tpw-stage h4{font-size:22px}.tpw-steps button{font-size:15px}}@media (prefers-reduced-motion:reduce){.tpw-stage{animation:none}}