.dev-portal,.dev-portal *,.dev-portal :after,.dev-portal :before{box-sizing:border-box}.dev-portal{--ericsson-blue:#1174e6;--ericsson-dark-blue:#005499;--gray-1:#f2f2f2;--gray-2:#e0e0e0;--gray-3:#a0a0a0;--gray-4:#767676;--gray-5:#242424;--accent:var(--ericsson-blue);--accent-hover:var(--ericsson-dark-blue);--text:var(--gray-5);--text-muted:var(--gray-4);--border:var(--gray-2);--bg-code:var(--gray-5);--green:#288964;--orange:#e66e19;--red:#dc2d37;--radius:4px;--font:var(--font-ericsson-hilda),Helvetica,Arial,sans-serif;--mono:var(--font-ericsson-hilda-mono),"Fira Code",Monaco,Consolas,monospace;font-family:var(--font);color:var(--text);font-size:16px;line-height:24px;-webkit-font-smoothing:antialiased;background:#fff}.dev-portal a{color:var(--accent);text-decoration:none}.dev-portal a:hover{color:var(--accent-hover);text-decoration:underline}.dev-portal .wh-hero{background:#000;padding:3rem 0}.dev-portal .wh-hero-inner{max-width:900px;margin:0 auto;padding:0 1rem}.dev-portal .wh-hero h1{font-size:32px;line-height:38px;font-weight:300;color:#fff;margin-bottom:.5rem}.dev-portal .wh-hero p{color:hsla(0,0%,100%,.8);font-size:16px;line-height:24px;max-width:700px}.dev-portal .wh-content{max-width:900px;margin:0 auto;padding:2rem 1rem 4rem}.dev-portal .wh-callout{background:var(--gray-1);border-left:4px solid var(--orange);padding:1.2rem 1.5rem;margin-bottom:2rem;font-size:16px;line-height:24px;color:var(--text)}.dev-portal .wh-callout strong{font-weight:500}.dev-portal .wh-callout code{background:#fff;padding:.1rem .4rem;border-radius:var(--radius)}.dev-portal .wh-section{margin-bottom:3rem}.dev-portal .wh-section h2{font-size:32px;line-height:40px;font-weight:400;color:var(--text);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.dev-portal .wh-section h3{font-size:24px;line-height:32px;font-weight:500;color:var(--text);margin:1.5rem 0 .5rem}.dev-portal .wh-section p{color:var(--text);font-size:16px;margin-bottom:.8rem;line-height:24px}.dev-portal .wh-section ol,.dev-portal .wh-section ul{color:var(--text);font-size:16px;margin-bottom:1rem;padding-left:1.5rem;line-height:26px}.dev-portal .wh-section li{margin-bottom:.3rem}.dev-portal .wh-section code{font-family:var(--mono);background:var(--gray-1);padding:.1rem .4rem;border-radius:var(--radius);font-size:.9em}.dev-portal .wh-section .code-panel code{background:none;padding:0;color:var(--gray-1);font-size:14px}.dev-portal h3 .icon,.dev-portal h4 .icon{margin-right:.5rem;color:var(--accent);font-size:.9em}.dev-portal .compare-item h4 .icon{color:inherit}.dev-portal .step-block{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-bottom:1.2rem}.dev-portal .step-block .step-label{display:inline-block;background:#000;color:#fff;font-size:12px;line-height:20px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .7rem;border-radius:var(--radius);margin-bottom:.8rem}.dev-portal .step-block h3{margin-top:0}.dev-portal .compare-box{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.dev-portal .compare-item{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:1.2rem}.dev-portal .compare-item.bad{border-left:4px solid var(--red)}.dev-portal .compare-item.good{border-left:4px solid var(--green)}.dev-portal .compare-item h4{font-size:16px;line-height:24px;font-weight:500;margin-bottom:.4rem}.dev-portal .compare-item.bad .stat,.dev-portal .compare-item.bad h4{color:var(--red)}.dev-portal .compare-item.good .stat,.dev-portal .compare-item.good h4{color:var(--green)}.dev-portal .compare-item p{font-size:14px;line-height:22px;color:var(--text-muted);margin-bottom:.5rem}.dev-portal .compare-item .stat{font-size:32px;line-height:40px;font-weight:400}.dev-portal .event-table{width:100%;border-collapse:collapse;margin:1rem 0}.dev-portal .event-table th{background:var(--gray-1);text-align:left;font-size:12px;line-height:20px;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.dev-portal .event-table td,.dev-portal .event-table th{padding:.6rem 1rem;color:var(--text);border-bottom:1px solid var(--border)}.dev-portal .event-table td{font-size:14px;line-height:22px}.dev-portal .event-table td code{font-size:13px}.dev-portal .event-table tr:hover{background:var(--gray-1)}.dev-portal .code-panel{margin:1rem 0;background:var(--bg-code);border-radius:var(--radius);overflow-x:auto;position:relative}.dev-portal .code-panel pre{padding:1rem 4rem 1rem 1.2rem;margin:0;color:var(--gray-1)}.dev-portal .code-panel code,.dev-portal .code-panel pre code,.dev-portal .step-block .code-panel code{font-family:var(--mono);font-size:14px;line-height:22px;color:var(--gray-1)}.dev-portal .copy-btn{position:absolute;top:.5rem;right:.5rem;background:transparent;border:1px solid var(--gray-4);color:var(--gray-2);padding:.25rem .6rem;border-radius:var(--radius);font-size:12px;cursor:pointer;font-family:var(--font);transition:color .2s,border-color .2s;display:flex;align-items:center;gap:.3rem;z-index:1}.dev-portal .copy-btn.copied,.dev-portal .copy-btn:hover{color:#fff;border-color:#fff}.dev-portal .payload-example{margin:1.5rem 0}.dev-portal .payload-label{display:inline-block;background:var(--gray-1);color:var(--text);font-size:12px;line-height:20px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .6rem;border-radius:var(--radius);margin-bottom:.5rem}.dev-portal .wh-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.dev-portal .wh-note{background:var(--gray-1);border-left:4px solid var(--gray-5);padding:1.2rem 1.5rem;margin-bottom:1rem}.dev-portal .wh-note p{margin:0;color:var(--text);font-size:16px;line-height:24px}.dev-portal .wh-note strong{font-weight:500}.dev-portal .wh-footnote{margin-top:.8rem;font-size:14px;line-height:22px;color:var(--text-muted)}.dev-portal ::selection{background:var(--gray-2);color:var(--text)}.dev-portal ::-moz-selection{background:var(--gray-2);color:var(--text)}.dev-portal .code-panel ::selection,.dev-portal .wh-hero ::selection{background:hsla(0,0%,100%,.25);color:#fff}.dev-portal .code-panel ::-moz-selection,.dev-portal .wh-hero ::-moz-selection{background:hsla(0,0%,100%,.25);color:#fff}@media (min-width:550px){.dev-portal .wh-hero-inner{padding:0 1.5rem}.dev-portal .wh-content{padding:2rem 1.5rem 4rem}.dev-portal .wh-hero h1,.dev-portal .wh-section h2{font-size:40px;line-height:48px}}@media (max-width:1151px){.dev-portal .compare-box,.dev-portal .wh-grid-2{grid-template-columns:1fr}}