Webpage Performance Test Result

Settings: Desktopv129CableFrankfurt, Germany
More
- Test runs: 1
- Connectivity: 5000/1000 Kbps, 28ms Latency
- Custom Metrics

Requests Details

Use this page to explore the metric timings and request waterfall for any run of your test.

Page Performance Metrics (Run 1)

TTFB	Start Render	FCP	Speed Index	LCP	CLS	TBT	DC Time	DC Requests	DC Bytes	Total Time	Total Requests	Page Weight
.686S	1.600S	1.606S	1.734S	2.018S	0	.000S	2.282S	23	749KB	2.282S	23	749KB

Visual Page Loading Process (Explore)

Navigation Timings
domContentLoadedEvent	loadEvent
1.890s - 1.891s (0.001s)	2.182s - 2.182s (0s)

Custom Metrics Data

Colordepth: 24
Dpi: {"dppx":1,"dpcm":37.79527559055118,"dpi":96}
Images: [{"url":"https://client-version.cf.emarsys.net/eds-themes/latest/logo/emarsys.svg","width":30,"height":30,"naturalWidth":30,"naturalHeight":30},{"url":"https://designsystem.emarsys.net/media/pages/welcome/0fd0a24c70-1731332502/cover.jpg","width":1585,"height":634,"naturalWidth":2000,"naturalHeight":800}]
Resolution: {"absolute":{"height":1200,"width":1920},"available":{"height":1200,"width":1920}}
fonts: [{"family":"Roboto","display":"swap","status":"unloaded","style":"normal","weight":"100"},{"family":"Roboto","display":"swap","status":"unloaded","style":"normal","weight":"100"},{"family":"Roboto","display":"swap","status":"unloaded","style":"normal","weight":"100"},{"family":"Roboto","display":"swap","status":"unloaded","style":"normal","weight":"100"},{"family":"Roboto","display":"swap","status":"unloaded","style":"normal","weight":"100"},{"family":"Roboto","display":"swap","status":"unloaded","style":"normal","weight":"100"},{"family":"Roboto","display":"swap","status":"unloaded","style":"normal","weight":"100"},{"family":"Roboto","display":"swap","status":"unloaded","style":"normal","weight":"400"},{"family":"Roboto","display":"swap","status":"unloaded","style":"normal","weight":"400"},{"family":"Roboto","display":"swap","status":"unloaded","style":"normal","weight":"400"},{"family":"Roboto","display":"swap","status":"unloaded","style":"normal","weight":"400"},{"family":"Roboto","display":"swap","status":"unloaded","style":"normal","weight":"400"},{"family":"Roboto","display":"swap","status":"unloaded","style":"normal","weight":"400"},{"family":"Roboto","display":"swap","status":"loaded","style":"normal","weight":"400"},{"family":"Roboto","display":"swap","status":"unloaded","style":"normal","weight":"700"},{"family":"Roboto","display":"swap","status":"unloaded","style":"normal","weight":"700"},{"family":"Roboto","display":"swap","status":"unloaded","style":"normal","weight":"700"},{"family":"Roboto","display":"swap","status":"unloaded","style":"normal","weight":"700"},{"family":"Roboto","display":"swap","status":"unloaded","style":"normal","weight":"700"},{"family":"Roboto","display":"swap","status":"unloaded","style":"normal","weight":"700"},{"family":"Roboto","display":"swap","status":"loaded","style":"normal","weight":"700"},{"family":"Roboto Mono","display":"swap","status":"unloaded","style":"normal","weight":"400"},{"family":"Roboto Mono","display":"swap","status":"unloaded","style":"normal","weight":"400"},{"family":"Roboto Mono","display":"swap","status":"unloaded","style":"normal","weight":"400"},{"family":"Roboto Mono","display":"swap","status":"unloaded","style":"normal","weight":"400"},{"family":"Roboto Mono","display":"swap","status":"unloaded","style":"normal","weight":"400"},{"family":"Roboto Mono","display":"swap","status":"unloaded","style":"normal","weight":"400"},{"family":"Roboto Mono","display":"swap","status":"unloaded","style":"normal","weight":"700"},{"family":"Roboto Mono","display":"swap","status":"unloaded","style":"normal","weight":"700"},{"family":"Roboto Mono","display":"swap","status":"unloaded","style":"normal","weight":"700"},{"family":"Roboto Mono","display":"swap","status":"unloaded","style":"normal","weight":"700"},{"family":"Roboto Mono","display":"swap","status":"unloaded","style":"normal","weight":"700"},{"family":"Roboto Mono","display":"swap","status":"unloaded","style":"normal","weight":"700"},{"family":"EDS Horizon Icons","display":"auto","status":"loaded","style":"normal","weight":"400"}]
generated-content-percent: 1.09
generated-content-size: 2.1
imgs-in-viewport: [{"src":"https:\/\/designsystem.emarsys.net\/media\/pages\/welcome\/0fd0a24c70-1731332502\/cover.jpg","html":"<img src=\"https:\/\/designsystem.emarsys.net\/media\/pages\/welcome\/0fd0a24c70-1731332502\/cover.jpg\" alt=\"\">","currentSrc":"https:\/\/designsystem.emarsys.net\/media\/pages\/welcome\/0fd0a24c70-1731332502\/cover.jpg","srcSet":null,"sizes":null,"priority":null,"loading":null,"naturalWidth":2000,"naturalHeight":800}]
imgs-no-alt: [{"src":"https:\/\/client-version.cf.emarsys.net\/eds-themes\/latest\/logo\/emarsys.svg","html":"<img src=\"https:\/\/client-version.cf.emarsys.net\/eds-themes\/latest\/logo\/emarsys.svg\">","currentSrc":"https:\/\/client-version.cf.emarsys.net\/eds-themes\/latest\/logo\/emarsys.svg"}]
imgs-out-viewport: []
jsLibsVulns: []
meta-viewport: width=device-width,initial-scale=1.0
possibly-render-blocking-reqs: ["https:\/\/designsystem.emarsys.net\/assets\/js\/he.js","https:\/\/designsystem.emarsys.net\/assets\/js\/html2jade.js","https:\/\/designsystem.emarsys.net\/assets\/js\/search.js","https:\/\/designsystem.emarsys.net\/assets\/js\/prism.js","https:\/\/designsystem.emarsys.net\/assets\/js\/prism-pug.js","https:\/\/designsystem.emarsys.net\/assets\/js\/accordion.js","https:\/\/designsystem.emarsys.net\/assets\/js\/tooltip.js","https:\/\/designsystem.emarsys.net\/assets\/js\/clipboard.min.js","https:\/\/designsystem.emarsys.net\/assets\/js\/app.js","https:\/\/fonts.googleapis.com\/css2?family=Roboto+Mono:wght@400;700&family=Roboto:wght@100;400;700&display=swap","https:\/\/designsystem.emarsys.net\/assets\/css\/styles_compiled.php","https:\/\/designsystem.emarsys.net\/media\/pages\/welcome\/bfebfcfb9f-1731332502\/style.css"]
rendered-html: <html lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <link rel="shortcut icon" href="/assets/img/favicon.svg"> <link rel="icon" type="image/png" href="/assets/img/favicon.png" sizes="64x64"> <link rel="apple-touch-icon-precomposed" href="/assets/img/favicon.png"> <title>Welcome — Emarsys Design System</title> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Roboto:wght@100;400;700&display=swap" rel="stylesheet"> <link href="https://designsystem.emarsys.net/assets/css/styles_compiled.php" rel="stylesheet"> <link href="https://designsystem.emarsys.net/media/pages/welcome/bfebfcfb9f-1731332502/style.css" rel="stylesheet"> <style>/* inner styles set by WPT to match CSSOM */@font-face { font-family: "EDS Horizon Icons"; font-style: normal; font-weight: 400; src: url("https://client-assets.cf.emarsys.net/eds-themes/7.1.0/fonts/horizon.woff2") format("woff2"), url("https://assets.emarsys.net/eds-themes/eds-themes/7.1.0/fonts/horizon.woff2") format("woff2"); }</style> <script type="text/javascript" async="" src="https://ui-analytics.gservice.emarsys.net/matomo.js"></script><script src="https://designsystem.emarsys.net/assets/js/he.js"></script> <script src="https://designsystem.emarsys.net/assets/js/html2jade.js"></script> <script> window.addEventListener('message', (event) => { if (event.data.isHandled) { return; } if (event.source.parent === window) { event.source.postMessage({ ...event.data, isHandled: true }, '*'); } else { event.source.parent.postMessage({ ...event.data, isHandled: true }, '*'); } }); </script>  <script type="text/javascript"> var _paq = window._paq = window._paq || []; _paq.push(["setDomains", ["*.designsystem.emarsys.net","*.ui-framework-docs-staging.gservice.emarsys.com","*.ui-framework-docs.gservice.emarsys.net"]]); _paq.push(["setDoNotTrack", true]); _paq.push(["disableCookies"]); _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="https://ui-analytics.gservice.emarsys.net/"; _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '2']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); })(); </script>   <script> async function getOption( name ) { let url = "/api/get-option/name:" + name; try { console.log('getOption: calling'); const response = await fetch( url, { method: "GET", headers: { "X-CSRF": "6a9363132ce5345c9cab1b62c9757c7b7b2bd310c9b5aafee36f04248453893c" } } ); console.log(response); const result = await response.json(); console.log(result); return result; } catch (error) { console.log('Fetch error: ', error); } } async function setOption( name, value ) { let url = "/api/set-option/name:" + name + "/value:" + value; try { console.log('setOption: calling'); const response = await fetch( url, { method: "GET", headers: { "X-CSRF": "6a9363132ce5345c9cab1b62c9757c7b7b2bd310c9b5aafee36f04248453893c" } } ); console.log(response); const result = await response.json(); console.log(result); return result; } catch (error) { console.log('Fetch error: ', error); } } </script> </head> <body class="template-home"> <div class="wrapper"> <header class="header"> <div class="left"> <div class="logo"> <a href="/"> <svg xmlns="http://www.w3.org/2000/svg" width="336" height="36" viewBox="0 0 336 36"> <g fill="none" transform="translate(1)"> <path fill="#102A43" d="M146.365 24.525l1.162-2.904c1.388 1.29 3.743 2.065 6.163 2.065 2.808 0 4.518-.645 4.518-2.323 0-1.743-1.937-1.614-5.163-1.936-3.775-.452-6.034-1.097-6.034-3.905 0-2.775 2.194-5.033 6.937-5.033 2.582 0 4.84.451 6.615 1.29l-1.032 2.678c-1.356-.903-3.356-1.29-5.55-1.29-2.517 0-3.937.71-3.937 2.13 0 1.355 1.936 1.322 5.034 1.677 2.807.323 6.099.742 6.099 4.227 0 3.518-2.775 5.163-7.358 5.163-2.968 0-5.614-.71-7.454-1.839m.135-13.746c-3.872 8.745-7.583 16.65-10.778 21.878l-3.388-1.065c1.452-2.033 2.614-4.195 3.291-5.615l-7.034-15.198h3.808l5.13 12.487 5.228-12.487h3.743zm-33.817 13.746l1.161-2.904c1.388 1.29 3.744 2.065 6.163 2.065 2.808 0 4.519-.645 4.519-2.323 0-1.743-1.937-1.614-5.163-1.936-3.776-.452-6.035-1.097-6.035-3.905 0-2.775 2.194-5.033 6.938-5.033 2.581 0 4.84.451 6.615 1.29l-1.033 2.678c-1.355-.903-3.356-1.29-5.55-1.29-2.517 0-3.937.71-3.937 2.13 0 1.355 1.937 1.322 5.034 1.677 2.808.323 6.1.742 6.1 4.227 0 3.518-2.776 5.163-7.358 5.163-2.969 0-5.615-.71-7.454-1.839m-.953-13.455l-.612 3.323c-.484-.323-1.194-.549-2.098-.549-1.774 0-3.13 1.323-3.71 3.13v9.1h-3.453V10.779h3.226l.194 3.485c.646-2.324 2.098-3.614 4.292-3.614.774 0 1.678.16 2.162.42M95.077 22.008v-2.162c-1.388-.516-3.13-.903-4.905-.903-2.743 0-4.292.483-4.292 2.42 0 1.871 1.871 2.387 4.066 2.387 2.065 0 4.033-.58 5.13-1.742h.001zm.42 4.066c-.162-.517-.259-1.226-.323-1.871-1 1.032-2.808 2.193-5.97 2.193-3.324 0-6.648-1.354-6.648-4.84 0-3.84 3.002-5.033 6.809-5.033 2.227 0 4.227.548 5.712 1.193l.032-.936c.032-2.742-1.969-3.549-4.776-3.549-2.42 0-4.324.678-5.389 1.614l-1.129-2.743c1.646-.871 3.743-1.614 6.937-1.614 4.325 0 7.584 1.872 7.487 6.615-.033 1.517-.033 3.356-.033 4.873 0 2.388.097 3.42.29 4.098h-3 .001zm-15.59-8.132v8.132h-3.582V17.91c0-2.84-1.194-4.356-4.066-4.356-1.936 0-3.259.677-4.195 1.774v10.746H64.45v-8.68c0-2.42-1.032-3.873-3.84-3.873-1.807 0-3.452.71-4.42 2.001v10.552h-3.582V10.779h3.194l.226 2.259c.936-1.227 2.807-2.55 5.744-2.55 2.42 0 4.388 1.097 5.228 2.84 1.16-1.42 3.194-2.84 5.904-2.84 4.647 0 7.003 2.517 7.003 7.454m-33.37-1.129c-.355-2.324-1.839-3.84-4.936-3.84-2.776 0-4.55 1.42-5.034 3.84h9.97zm3.389 1.968v.388H36.438c.16 3.194 2.387 4.485 5.453 4.485 2.646 0 4.453-.871 5.485-2.13l1.71 2.42c-1.451 1.259-3.84 2.453-7.389 2.453-4.905 0-8.486-2.646-8.486-7.487v-.42c0-4.517 3.227-8.002 8.422-8.002 6.195 0 8.325 4.228 8.293 8.293z"></path> <path fill="#687AAE" d="M23.24 26.124L5.89 33.796v-5.215l17.35-7.672z"></path> <path fill="#D3DC2E" d="M11.62 15.695v5.214l11.62-5.214V10.48z"></path> <path fill="#428074" d="M11.62 15.695v5.214L0 15.695V10.48z"></path> <path fill="#4EB273" d="M23.24 5.265L0 15.695V10.48L23.24.05z"></path> <path fill="#102A43" d="M169.378 26.324V10.455h4.435c.988 0 1.899.171 2.73.513a6.126 6.126 0 0 1 2.147 1.46 6.7 6.7 0 0 1 1.4 2.278c.335.886.502 1.874.502 2.964v1.45c0 1.09-.167 2.078-.501 2.964a6.598 6.598 0 0 1-1.406 2.272 6.182 6.182 0 0 1-2.169 1.455c-.843.342-1.773.513-2.79.513h-4.348zm1.34-14.724v13.59h3.008c.85 0 1.617-.147 2.3-.441a4.935 4.935 0 0 0 1.744-1.243 5.55 5.55 0 0 0 1.106-1.918c.258-.745.387-1.567.387-2.468v-1.483c0-.915-.131-1.745-.393-2.49a5.485 5.485 0 0 0-1.106-1.902 4.907 4.907 0 0 0-1.716-1.215c-.669-.287-1.414-.43-2.235-.43h-3.095zm22.037 7.116h-7.422v6.474h8.534v1.134h-9.874V10.455h9.819V11.6h-8.479v5.983h7.422v1.133zm12.915 3.706c0-.436-.071-.823-.213-1.16-.142-.339-.381-.647-.72-.927-.337-.28-.782-.536-1.334-.768a17.928 17.928 0 0 0-2.071-.698c-.8-.225-1.519-.47-2.158-.736a6.75 6.75 0 0 1-1.63-.931 3.861 3.861 0 0 1-1.035-1.232c-.243-.465-.365-1.01-.365-1.635 0-.61.131-1.166.393-1.667a3.852 3.852 0 0 1 1.1-1.292 5.33 5.33 0 0 1 1.69-.839c.654-.2 1.37-.3 2.147-.3.835 0 1.589.124 2.261.371a5.178 5.178 0 0 1 1.717 1.014 4.442 4.442 0 0 1 1.47 3.356h-1.35a3.71 3.71 0 0 0-.273-1.433 3.167 3.167 0 0 0-.796-1.139 3.735 3.735 0 0 0-1.286-.752c-.508-.181-1.09-.272-1.743-.272-.654 0-1.23.078-1.728.234-.497.156-.912.367-1.242.632a2.598 2.598 0 0 0-1.008 2.065c0 .378.07.727.212 1.047.142.32.38.615.714.888.334.272.774.527 1.319.763.545.236 1.217.46 2.016.67.836.233 1.58.487 2.234.763.654.276 1.206.601 1.657.975.45.375.792.805 1.024 1.292.233.487.349 1.05.349 1.69 0 .646-.136 1.225-.409 1.737-.272.513-.65.947-1.133 1.303s-1.06.628-1.728.817a7.99 7.99 0 0 1-2.18.284c-.472 0-.946-.04-1.421-.12a7.487 7.487 0 0 1-1.374-.365 5.951 5.951 0 0 1-1.231-.627 4.308 4.308 0 0 1-.992-.91 4.237 4.237 0 0 1-.665-1.21 4.464 4.464 0 0 1-.245-1.52h1.34c0 .668.139 1.233.415 1.695a3.4 3.4 0 0 0 1.068 1.117 4.59 4.59 0 0 0 1.471.615c.545.128 1.09.191 1.635.191.617 0 1.179-.07 1.684-.212a4.039 4.039 0 0 0 1.296-.605c.36-.262.636-.576.829-.943.192-.367.289-.776.289-1.226zm5.874 3.902h-1.34V10.455h1.34v15.869zm15.759-1.886a4.042 4.042 0 0 1-.627.665 4.63 4.63 0 0 1-1.09.687c-.446.21-.984.388-1.612.534-.629.145-1.357.218-2.186.218-.937 0-1.794-.17-2.572-.507a5.74 5.74 0 0 1-2.01-1.45c-.563-.628-1.001-1.39-1.314-2.283-.312-.894-.468-1.896-.468-3.008v-1.929c0-1.09.141-2.074.425-2.953.283-.88.692-1.628 1.226-2.246a5.426 5.426 0 0 1 1.934-1.427c.756-.334 1.61-.502 2.561-.502.88 0 1.657.118 2.333.355.675.236 1.25.565 1.722.986.472.421.846.917 1.122 1.488.276.57.458 1.19.545 1.858h-1.34a5.397 5.397 0 0 0-.415-1.352 3.524 3.524 0 0 0-.817-1.128 3.883 3.883 0 0 0-1.291-.773c-.513-.193-1.128-.29-1.848-.29-.777 0-1.464.144-2.06.431a4.251 4.251 0 0 0-1.509 1.21c-.41.52-.721 1.146-.932 1.88-.21.734-.316 1.548-.316 2.441v1.951c0 .93.12 1.771.36 2.523.24.752.58 1.393 1.019 1.924.44.53.968.94 1.586 1.231.617.29 1.304.436 2.06.436.61 0 1.147-.045 1.612-.136a6.659 6.659 0 0 0 1.21-.343 4.07 4.07 0 0 0 .845-.447c.221-.16.39-.313.507-.458v-4.098H221.7v-1.133h5.602v5.645h.001zm15.618 1.886h-1.341l-9.122-13.58v13.58h-1.351V10.455h1.351l9.133 13.59v-13.59h1.33v15.869zm18.44-3.902c0-.436-.071-.823-.213-1.16-.141-.339-.381-.647-.72-.927-.337-.28-.782-.536-1.334-.768a17.928 17.928 0 0 0-2.07-.698c-.8-.225-1.52-.47-2.159-.736a6.75 6.75 0 0 1-1.63-.931 3.861 3.861 0 0 1-1.034-1.232c-.244-.465-.366-1.01-.366-1.635 0-.61.131-1.166.393-1.667a3.852 3.852 0 0 1 1.1-1.292 5.33 5.33 0 0 1 1.69-.839c.654-.2 1.37-.3 2.147-.3.835 0 1.59.124 2.261.371a5.178 5.178 0 0 1 1.717 1.014 4.442 4.442 0 0 1 1.471 3.356h-1.351a3.71 3.71 0 0 0-.273-1.433 3.167 3.167 0 0 0-.795-1.139 3.735 3.735 0 0 0-1.286-.752c-.509-.181-1.09-.272-1.744-.272-.654 0-1.23.078-1.728.234-.497.156-.911.367-1.242.632a2.598 2.598 0 0 0-1.008 2.065c0 .378.07.727.212 1.047.142.32.38.615.714.888.334.272.774.527 1.319.763.545.236 1.217.46 2.016.67.836.233 1.58.487 2.234.763.654.276 1.206.601 1.657.975.45.375.792.805 1.024 1.292.233.487.35 1.05.35 1.69 0 .646-.137 1.225-.41 1.737-.272.513-.65.947-1.133 1.303s-1.059.628-1.727.817a7.99 7.99 0 0 1-2.18.284c-.472 0-.946-.04-1.422-.12a7.487 7.487 0 0 1-1.374-.365 5.951 5.951 0 0 1-1.231-.627 4.308 4.308 0 0 1-.992-.91 4.237 4.237 0 0 1-.665-1.21 4.464 4.464 0 0 1-.245-1.52h1.34c0 .668.139 1.233.415 1.695a3.4 3.4 0 0 0 1.068 1.117 4.59 4.59 0 0 0 1.471.615c.545.128 1.09.191 1.635.191.617 0 1.179-.07 1.684-.212a4.039 4.039 0 0 0 1.297-.605 2.73 2.73 0 0 0 .828-.943c.192-.367.289-.776.289-1.226zm8.893-3.313l4.85-8.654h1.547l-5.732 9.896v5.973h-1.34V20.35l-5.723-9.896h1.592l4.806 8.654v.001zm17.688 3.313c0-.436-.07-.823-.212-1.16-.142-.339-.382-.647-.72-.927-.338-.28-.783-.536-1.335-.768a17.928 17.928 0 0 0-2.07-.698c-.8-.225-1.519-.47-2.158-.736a6.75 6.75 0 0 1-1.63-.931 3.861 3.861 0 0 1-1.035-1.232c-.243-.465-.365-1.01-.365-1.635 0-.61.13-1.166.392-1.667a3.852 3.852 0 0 1 1.1-1.292 5.33 5.33 0 0 1 1.69-.839c.654-.2 1.37-.3 2.147-.3.836 0 1.59.124 2.262.371a5.178 5.178 0 0 1 1.716 1.014 4.442 4.442 0 0 1 1.471 3.356h-1.351c0-.516-.09-.993-.272-1.433a3.167 3.167 0 0 0-.796-1.139 3.735 3.735 0 0 0-1.286-.752c-.509-.181-1.09-.272-1.744-.272-.654 0-1.23.078-1.727.234-.498.156-.912.367-1.243.632a2.598 2.598 0 0 0-1.008 2.065c0 .378.071.727.213 1.047.141.32.38.615.714.888.334.272.773.527 1.318.763s1.217.46 2.017.67a18.7 18.7 0 0 1 2.234.763c.654.276 1.206.601 1.656.975.45.375.792.805 1.025 1.292.232.487.349 1.05.349 1.69 0 .646-.137 1.225-.41 1.737-.272.513-.65.947-1.133 1.303s-1.059.628-1.727.817a7.99 7.99 0 0 1-2.18.284c-.472 0-.946-.04-1.422-.12a7.487 7.487 0 0 1-1.373-.365 5.951 5.951 0 0 1-1.232-.627 4.308 4.308 0 0 1-.991-.91 4.237 4.237 0 0 1-.665-1.21 4.464 4.464 0 0 1-.245-1.52h1.34c0 .668.138 1.233.414 1.695a3.4 3.4 0 0 0 1.068 1.117c.436.283.927.488 1.472.615a7.12 7.12 0 0 0 1.634.191c.618 0 1.18-.07 1.684-.212a4.039 4.039 0 0 0 1.297-.605 2.72 2.72 0 0 0 .828-.943c.193-.367.29-.776.29-1.226h-.001zM302.95 11.6h-5.438v14.724h-1.34V11.6h-5.428v-1.145h12.206V11.6zm11.324 7.116h-7.422v6.474h8.533v1.134h-9.874V10.455h9.82V11.6h-8.48v5.983h7.423v1.133zm5.71-8.26l5.853 14.004 5.874-14.005h1.788v15.869h-1.34v-6.932l.108-7.062-5.907 13.994h-1.035l-5.885-13.94.109 7.008v6.932h-1.34V10.455h1.776l-.001.001z"></path> </g> </svg> <img src="https://client-version.cf.emarsys.net/eds-themes/latest/logo/emarsys.svg"> </a> </div> <a class="button button--compact button--icon-only js-clipboard tooltip tooltip--onClick" data-clipboard-text="https://designsystem.emarsys.net"> <div class="eds-icon eds-icon--tiny"><span class="eds-icon__character"></span></div> <span class="tooltip__popup tooltip__popup--below tooltip__popup--success"><div class="eds-icon eds-icon--tiny"><span class="eds-icon__character"></span></div> Link copied!</span> </a> </div> <div class="right"> <div class="search"> <form action="/search" autocomplete="off"> <label for="search_submit"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <input type="search" placeholder="Search Design System…" name="q" value="" autofocus=""> <input type="submit" value="Search" id="search_submit"> <div class="search__results"></div> <script src="https://designsystem.emarsys.net/assets/js/search.js"></script> </form> </div> </div> </header> <section class="sidebar accordion-content accordion--show" id="sidebar"> <div class="wrapper"> <a href="#sidebar" class="button accordion-toggle accordion--show" title="Toggle sidebar" onclick="localStorage.setItem('sidebar-toggle-classlist', this.classList)"></a> <script type="text/javascript"> const resizeObserver = new ResizeObserver((entries) => { for (const entry of entries) { if (entry.contentBoxSize) { const inlineSize = entry.contentBoxSize[0].inlineSize; if (inlineSize <= 900 && !localStorage.getItem('sidebar-toggle-classlist')) { document.querySelector("#sidebar").classList.remove("accordion--show"); document.querySelector("#sidebar a.button.accordion-toggle").classList.remove("accordion--show"); } else if (inlineSize > 900 && !localStorage.getItem('sidebar-toggle-classlist')) { document.querySelector("#sidebar").classList.add("accordion--show"); document.querySelector("#sidebar a.button.accordion-toggle").classList.add("accordion--show"); } } } }); resizeObserver.observe(document.body); localStorage.setItem('sidebar-toggle-classlist', ""); </script> <div id="result"></div> <nav class="menu styled-scrollbar"> <ul class="level-1"> <li> <a class="active " href="https://designsystem.emarsys.net"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M4 22V11H1L12 1l11 10h-3v11H4zm8-18.298L6 9.156V20h4v-6h4v6h4V9.157l-6-5.455z"></path> </svg> Welcome </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/getting-started"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M21.727.982l.405.033a1 1 0 0 1 .846.838l.01.12.007.198.003.316c0 .08-.008.16-.027.239-1.467 6.237-3.534 10.024-6.973 11.877v3.394a2 2 0 0 1-.547 1.374l-.121.118-.132.108-4 3c-1.467 1.1-3.488-.187-3.171-1.942l.03-.143.725-2.902-2.398-2.398-2.901.725c-1.73.433-3.066-1.418-2.245-2.894l.076-.126.084-.12 3-4a2 2 0 0 1 1.43-.793l.17-.007h3.394c1.853-3.44 5.64-5.506 11.877-6.973.164-.04.3-.049.458-.042zm-1.73 2.515c-4.947 1.312-7.313 2.808-8.724 5.232l-.12.216-.567 1.052-4.503-.002-.085.002-3 4 4-1 3.998 4-.998 3.999 3.933-2.946.067-.056v-4.585l1.052-.567c2.54-1.368 4.097-3.752 5.448-8.845a.373.373 0 0 0-.5-.5zm-4 2.5a2 2 0 1 1 0 4 2 2 0 0 1 0-4z"></path> </svg> Getting Started </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fgetting-started" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fgetting-started" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-2"> <li> <a class="" href="https://designsystem.emarsys.net/getting-started/for-developers"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> For Developers </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/getting-started/for-designers"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> For Designers </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/getting-started/design-principles"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Design Principles </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/getting-started/contributing"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Contributing </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/getting-started/writing-guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Guideline Writing </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/getting-started/usage-with-frameworks"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Usage with Frameworks </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/style"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M12 2c5.534 0 10 4.58 10 10.205 0 .556-.044 1.108-.137 1.689l-.065.362a4.02 4.02 0 0 1-3.943 3.231H14v.913c0 1.988-1.612 3.6-3.69 3.598C6.123 21.81 2 17.308 2 12.205 2 6.58 6.466 2 12 2zm0 2c-4.418 0-8 3.674-8 8.205C4 16.66 7.685 19.878 10.4 20a1.6 1.6 0 0 0 1.6-1.6v-.913l.005-.15A2 2 0 0 1 14 15.488h3.855a2.02 2.02 0 0 0 1.982-1.623l.058-.324A8.5 8.5 0 0 0 20 12.206C20 7.674 16.418 4 12 4zm4.5 6a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm-9 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm2-4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3zm5 0a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3z"></path> </svg> Style </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fstyle" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fstyle" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-2"> <li> <a class="" href="https://designsystem.emarsys.net/style/color"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Colors </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/style/icons"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Icons </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fstyle%2Ficons" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fstyle%2Ficons" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/style/icons/guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/style/icons/icon-library"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Library </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/style/icons/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/style/icons/icons-for-common-actions"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Icons for Common Actions </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/style/icons/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/style/typography"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Typography </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/style/grid"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Grid & Spacing </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fstyle%2Fgrid" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fstyle%2Fgrid" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/style/grid/spacing-guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/style/grid/basic_grid"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Basic Grid </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/style/grid/flex_grid"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Flex Grid </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/style/ui-text"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> UI Text </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fstyle%2Fui-text" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fstyle%2Fui-text" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/style/ui-text/ui-text-guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/style/ui-text/tone-of-voice"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Tone of Voice </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/style/ui-text/ui-text-vocabulary"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Vocabulary </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/style/style-rules"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Style Rules </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fstyle%2Fstyle-rules" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fstyle%2Fstyle-rules" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/style/style-rules/styles-and-states"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Styles and States </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/style/style-rules/elevation-and-shadows"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Elevation and Shadows </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/style/style-rules/rounded-corners"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Rounded Corners </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/style/images"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Images </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fstyle%2Fimages" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fstyle%2Fimages" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/style/images/guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/style/images/image-library"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Image Library </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/style/images/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/style/images/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/structure"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M18 2a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h12zM6 10v10h6V10H6zm12-6H6v4h12V4zm-4 16h4V10h-4v10z"></path> </svg> Structure </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fstructure" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fstructure" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-2"> <li> <a class="" href="https://designsystem.emarsys.net/structure/table-page"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Table Page </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fstructure%2Ftable-page" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fstructure%2Ftable-page" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/structure/table-page/guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/structure/table-page/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/structure/tabbed-page"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Tabbed Page </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fstructure%2Ftabbed-page" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fstructure%2Ftabbed-page" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/structure/tabbed-page/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/structure/form-page"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Form Page </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fstructure%2Fform-page" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fstructure%2Fform-page" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/structure/form-page/guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/structure/form-page/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/structure/card-page"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Card Page </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fstructure%2Fcard-page" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fstructure%2Fcard-page" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/structure/card-page/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/structure/editor-page"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Editor Page </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fstructure%2Feditor-page" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fstructure%2Feditor-page" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/structure/editor-page/guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/structure/editor-page/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/structure/steps-page"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Steps Page </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fstructure%2Fsteps-page" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fstructure%2Fsteps-page" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/structure/steps-page/guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/structure/steps-page/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/structure/iframe-page"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Iframe Page </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/structure/navigation"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Navigation </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fstructure%2Fnavigation" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fstructure%2Fnavigation" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/structure/navigation/guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/structure/navigation/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/structure/navigation/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M12.894 2.211l8 4A2 2 0 0 1 22 8v7.528a2 2 0 0 1-1.106 1.789l-8 4a2 2 0 0 1-1.788 0l-8-4A2 2 0 0 1 2 15.527V8a2 2 0 0 1 1.106-1.789l8-4a2 2 0 0 1 1.788 0zM12 4L4 8v7.528l8 4 8-4V8l-8-4zm0 5.764c.828 0 1.5.448 1.5 1s-.672 1-1.5 1-1.5-.448-1.5-1 .672-1 1.5-1zm-4-2c.828 0 1.5.448 1.5 1s-.672 1-1.5 1-1.5-.448-1.5-1 .672-1 1.5-1zm8 0c.828 0 1.5.448 1.5 1s-.672 1-1.5 1-1.5-.448-1.5-1 .672-1 1.5-1zm-4-2c.828 0 1.5.448 1.5 1s-.672 1-1.5 1-1.5-.448-1.5-1 .672-1 1.5-1z"></path> </svg> Components </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-2"> <li> <a class="" href="https://designsystem.emarsys.net/components/accordion"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Accordion </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Faccordion" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Faccordion" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/accordion/guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/accordion/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/accordion/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/actionlist"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Action List </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Factionlist" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Factionlist" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/actionlist/guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/actionlist/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/actionlist/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/box"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Box </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fbox" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fbox" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/box/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/button"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Button </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fbutton" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fbutton" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/button/guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/button/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/card"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Card </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fcard" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fcard" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/card/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/checkbox"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Checkbox </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fcheckbox" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fcheckbox" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/checkbox/guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/checkbox/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/checkbox/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/checklist"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Checklist </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fchecklist" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fchecklist" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/checklist/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/color-picker"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Color Picker </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fcolor-picker" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fcolor-picker" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/color-picker/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/color-picker/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/compare"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Compare </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fcompare" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fcompare" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/compare/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/compare/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/confetti"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Confetti </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fconfetti" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fconfetti" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/confetti/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/confetti/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/datagrid"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Datagrid </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fdatagrid" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fdatagrid" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/datagrid/guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/datagrid/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/datagrid/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/datetime"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Date-Time Picker </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fdatetime" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fdatetime" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/datetime/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/datetime/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/device-display"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Device Display </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fdevice-display" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fdevice-display" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/device-display/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/device-display/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/dialog"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Dialog </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fdialog" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fdialog" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/dialog/guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/dialog/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/dialog/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/dropdown"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Dropdown </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fdropdown" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fdropdown" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/dropdown/guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/dropdown/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/dropdown/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Dropdown API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/ellipsis"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Ellipsis </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fellipsis" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fellipsis" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/ellipsis/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/ellipsis/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/emoji-picker"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Emoji Picker </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Femoji-picker" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Femoji-picker" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/emoji-picker/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/emoji-picker/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/emoji-picker/testing"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Test API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/field"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Field </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Ffield" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Ffield" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/field/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/helper-link"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Helper Link </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fhelper-link" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fhelper-link" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/helper-link/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/illustrated-message"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Illustrated Message </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fillustrated-message" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fillustrated-message" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/illustrated-message/guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/illustrated-message/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/illustrated-message/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/inplaceeditor"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Inplace Editor </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Finplaceeditor" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Finplaceeditor" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/inplaceeditor/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/inplaceeditor/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/input-group"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Input Group </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Finput-group" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Finput-group" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/input-group/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/label"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Label </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Flabel" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Flabel" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/label/guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/label/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/legend"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Legend </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Flegend" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Flegend" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/legend/guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/legend/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/list"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> List </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Flist" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Flist" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/list/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/multiselect"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Multiselect </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fmultiselect" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fmultiselect" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/multiselect/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/multiselect/guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/multiselect/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/notification"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Notification </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fnotification" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fnotification" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/notification/guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/notification/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/notification/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/number-input"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Number Input </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fnumber-input" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fnumber-input" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/number-input/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/number-input/guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/number-input/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/order"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Order </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Forder" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Forder" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/order/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/order/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/overlay"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Overlay </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Foverlay" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Foverlay" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/overlay/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/pagination"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Pagination </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fpagination" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fpagination" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/pagination/guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/pagination/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/pagination/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/password-input"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Password Input </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fpassword-input" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fpassword-input" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/password-input/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/password-input/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/popup-panel"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Popup Panel </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fpopup-panel" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fpopup-panel" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/popup-panel/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/progress"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Progress </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fprogress" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fprogress" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/progress/guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/progress/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/radio-button"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Radio Button </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fradio-button" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fradio-button" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/radio-button/guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/radio-button/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/radio-button/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/ring"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Ring Chart </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fring" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fring" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/ring/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/ring/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/rule-list"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Rule List </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Frule-list" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Frule-list" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/rule-list/guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/rule-list/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/rule-list/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/search_input"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Search Input </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fsearch_input" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fsearch_input" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/search_input/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/search_input/guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Guidelines </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/select"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Select </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fselect" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fselect" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/select/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/select/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/separator"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Separator </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fseparator" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fseparator" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/separator/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/separator/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/skeleton"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Skeleton </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fskeleton" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fskeleton" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/skeleton/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/skeleton/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/slider"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Slider </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fslider" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fslider" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/slider/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/slider/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/snack-bar"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Snackbar </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fsnack-bar" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fsnack-bar" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/snack-bar/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/spinner"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Spinner </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fspinner" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fspinner" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/spinner/guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/spinner/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/spinner/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/step-bar"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Step Bar </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fstep-bar" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fstep-bar" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/step-bar/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/step-bar/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/suggest_input"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Suggest Input </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fsuggest_input" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fsuggest_input" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/suggest_input/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/suggest_input/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/switch"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Switch </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fswitch" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fswitch" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/switch/guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/switch/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/switch/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/tab-bar"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Tab Bar </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Ftab-bar" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Ftab-bar" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/tab-bar/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/tab-bar/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/table"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Table </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Ftable" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Ftable" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/table/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/text-input"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Text Input </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Ftext-input" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Ftext-input" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/text-input/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/text-input/guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Guidelines </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/textarea"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Textarea </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Ftextarea" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Ftextarea" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/textarea/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/textarea/guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Guidelines </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/timepicker"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Time Picker </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Ftimepicker" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Ftimepicker" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/timepicker/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/timepicker/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/toolbox"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Toolbox </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Ftoolbox" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Ftoolbox" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/toolbox/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/tooltip"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Tooltip </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Ftooltip" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Ftooltip" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/tooltip/guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/tooltip/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/tooltip/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/truncate"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Truncate </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Ftruncate" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Ftruncate" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/truncate/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/truncate/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/upload"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> File Upload </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fupload" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fupload" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/upload/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/upload/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/validator"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Validator </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fvalidator" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fvalidator" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/validator/guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/validator/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/validator/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/widget"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Widget </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fwidget" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcomponents%2Fwidget" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/components/widget/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/components/widget/guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Guidelines </a> </li> </ul> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/collections"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path d="M10 8.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z"></path> <path d="M6 3a3 3 0 0 0-3 3v5.172a3 3 0 0 0 .879 2.12l7 7a3 3 0 0 0 4.242 0l5.172-5.17a3 3 0 0 0 0-4.243l-7-7A3 3 0 0 0 11.172 3H6ZM5 6a1 1 0 0 1 1-1h5.172a1 1 0 0 1 .707.293l7 7a1 1 0 0 1 0 1.414l-5.172 5.172a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 5 11.172V6Z"></path> </svg> Collections </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcollections" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fcollections" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-2"> <li> <a class="" href="https://designsystem.emarsys.net/collections/action-trigger"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Action Trigger </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/collections/charts"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Charts </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/collections/data-display"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Data Display </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/collections/data-input"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Data Input </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/collections/floating"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Floating </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/collections/forms"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Forms </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/collections/layout"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Page Layout </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/collections/navigation"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Navigation </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/collections/system-feedback"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> System Feedback </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/patterns"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M19 1a4 4 0 1 1-2.031 7.447l-3.554 3.552 3.554 3.554a4 4 0 1 1-1.416 1.416L3.293 4.707a1 1 0 0 1 1.32-1.497l.094.083L12 10.584l3.554-3.553a3.977 3.977 0 0 1-.548-1.831L15 5a4 4 0 0 1 4-4zm0 16a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-9.415-4.001L11 14.414l-6.293 6.293a1 1 0 0 1-1.497-1.32l.083-.094 6.292-6.294zM3 11v2H1v-2h2zm4 0v2H5v-2h2zm12 0v2h-2v-2h2zm4 0v2h-2v-2h2zm-4-8a2 2 0 1 0 0 4 2 2 0 0 0 0-4z"></path> </svg> Patterns </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fpatterns" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fpatterns" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-2"> <li> <a class="" href="https://designsystem.emarsys.net/patterns/dashboard"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Dashboard Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/patterns/message-editing"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Editor Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/patterns/scheduling"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Scheduling Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/patterns/forms-guideline"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Form Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/patterns/data-visualization"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Data Visualization </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/patterns/error-handling-guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Error Handling Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/patterns/permission-handling-guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Permission Handling Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/patterns/product-news-guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Product News Guidelines </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/utilities"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M9.694 15.696a.999.999 0 1 0-1.415-1.414l-3 3a.999.999 0 1 0 1.415 1.414l3-3zM15.997 3c-2.756 0-5 2.243-5 5l.047.71-7.168 7.168a3.003 3.003 0 0 0 0 4.243c1.134 1.133 3.11 1.134 4.244 0l7.164-7.164.593.035c.04.003.08.008.12.008a5.02 5.02 0 0 0 3.898-1.882H15.38l-1.5-3 1.5-3h4.702A4.986 4.986 0 0 0 15.997 3m-10 20a4.967 4.967 0 0 1-3.534-1.464 5.006 5.006 0 0 1 0-7.072l6.535-6.536a7.007 7.007 0 0 1 7-6.928 6.986 6.986 0 0 1 6.644 4.805l.434 1.313h-6.46l-.5 1 .5 1h6.436l-.511 1.354a7.034 7.034 0 0 1-6.471 4.527l-6.537 6.536A4.968 4.968 0 0 1 5.998 23"></path> </svg> Utilities </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Futilities" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Futilities" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-2"> <li> <a class="" href="https://designsystem.emarsys.net/utilities/css-utility-classes"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> CSS Utility Classes </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/utilities/functions"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Functions </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Futilities%2Ffunctions" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Futilities%2Ffunctions" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/utilities/functions/flipper_service"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Flipper Service </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/utilities/functions/feature_service"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Feature Service </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/utilities/functions/config"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Config </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/utilities/functions/authentication-token"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Authentication Token </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/utilities/functions/translation"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Translation </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/utilities/functions/tracking"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Tracking </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/utilities/functions/navigate"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Navigate </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/utilities/functions/get-top-url"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Get Top URL </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/utilities/functions/get-top-origin"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Get Top Origin </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/utilities/functions/top-hash-change"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Top Hash Change </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/utilities/functions/popup"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Popup </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Futilities%2Ffunctions%2Fpopup" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Futilities%2Ffunctions%2Fpopup" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-4"> <li> <a class="" href="https://designsystem.emarsys.net/utilities/functions/popup/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/utilities/functions/popup/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/utilities/functions/reauthentication"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Reauthentication </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/utilities/components"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Components </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Futilities%2Fcomponents" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Futilities%2Fcomponents" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/utilities/components/numeric"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Numeric </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Futilities%2Fcomponents%2Fnumeric" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Futilities%2Fcomponents%2Fnumeric" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-4"> <li> <a class="" href="https://designsystem.emarsys.net/utilities/components/numeric/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/utilities/components/numeric/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/utilities/components/time"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Time </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Futilities%2Fcomponents%2Ftime" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Futilities%2Fcomponents%2Ftime" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-4"> <li> <a class="" href="https://designsystem.emarsys.net/utilities/components/time/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/utilities/components/time/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/utilities/components/iframe-loader"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Iframe Loader </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Futilities%2Fcomponents%2Fiframe-loader" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Futilities%2Fcomponents%2Fiframe-loader" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-4"> <li> <a class="" href="https://designsystem.emarsys.net/utilities/components/iframe-loader/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/utilities/components/duration"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Duration </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Futilities%2Fcomponents%2Fduration" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Futilities%2Fcomponents%2Fduration" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-4"> <li> <a class="" href="https://designsystem.emarsys.net/utilities/components/duration/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/utilities/components/duration/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> </ul> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/accessibility"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M12 2c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2zm0 2c-4.415 0-8 3.585-8 8s3.585 8 8 8 8-3.585 8-8-3.585-8-8-8zm4.992 5.876a1 1 0 0 1-.753 1.095l-.115.021-2.624.328v1.738l1.428 3.57a1 1 0 0 1-1.807.85l-.05-.107-.95-2.371h-.245l-.948 2.371a1 1 0 0 1-1.189.595l-.11-.038a1 1 0 0 1-.595-1.189l.038-.11 1.428-3.573V11.32l-2.624-.328A1 1 0 0 1 8.007 9l.117.008L12 9.49l3.876-.483a1 1 0 0 1 1.116.868zM12 6a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3z"></path> </svg> Accessibility </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Faccessibility" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Faccessibility" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-2"> <li> <a class="" href="https://designsystem.emarsys.net/accessibility/product-accessibility"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Product Accessibility </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/accessibility/keyboard-support"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Keyboard Support </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/accessibility/screen-reader-support"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Screen Reader Support </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/migration"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M19.096 6.732a2.5 2.5 0 0 1 .122 3.405l-.122.13-11.828 11.83a2.495 2.495 0 0 1-1.768.731 2.503 2.503 0 0 1-1.89-4.137l.122-.131L15.561 6.732a2.5 2.5 0 0 1 3.535 0zm-1.09 8.134c.124-1.156 1.862-1.156 1.986 0l.014.25a1 1 0 0 0 .765.857l.112.02.25.013c1.156.124 1.156 1.862 0 1.986l-.25.014a1 1 0 0 0-.877.878l-.014.25c-.124 1.155-1.862 1.155-1.986 0l-.014-.25a1.002 1.002 0 0 0-.877-.878l-.25-.014c-1.156-.124-1.156-1.862 0-1.986l.25-.013a1 1 0 0 0 .877-.877l.014-.25zM7.007 1.96c.124-1.156 1.862-1.156 1.986 0L9 2.092l.005.17a2.91 2.91 0 0 0 2.557 2.718l.175.015.171.005c1.334 0 1.334 2 0 2A2.908 2.908 0 0 0 9 9.907c0 1.287-1.864 1.332-1.993.133L7 9.907l-.005-.17A2.908 2.908 0 0 0 4.27 7.004L4.09 7l-.133-.007c-1.156-.124-1.156-1.862 0-1.986L4.091 5l.171-.005A2.909 2.909 0 0 0 6.995 2.27l.012-.31zm10.037 6.13l-.069.057-2 2a1.499 1.499 0 0 1 .708.708l2-2.002a.5.5 0 0 0 .057-.637l-.058-.069-.07-.058a.5.5 0 0 0-.568 0zM8 5.06l-.097.124c-.16.198-.336.383-.525.554l-.194.166L7.06 6l.124.096c.198.161.383.337.554.526l.165.193L8 6.94l.097-.124c.16-.197.336-.382.525-.553l.194-.166L8.939 6l-.123-.097a4.939 4.939 0 0 1-.553-.525l-.166-.194L8 5.06zm10.006-3.193c.124-1.156 1.862-1.156 1.986 0L20 2l.134.008c1.156.124 1.156 1.862 0 1.986L20 4l-.007.133c-.125 1.157-1.863 1.157-1.987.001L18 4.002l-.133-.008c-1.157-.124-1.157-1.862-.001-1.986L17.998 2l.008-.134z"></path> </svg> Migration </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fmigration" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fmigration" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-2"> <li> <a class="" href="https://designsystem.emarsys.net/migration/criteria"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Criteria & Rule Builder </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/migration/tab"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Tab (CSS) </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/migration/vertical_tab"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Vertical Tab (CSS) </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/release-notes"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path fill-rule="evenodd" d="M16 3a1 1 0 0 1 .993.883L17 4v15.172a1 1 0 0 1-1.613.79l-.094-.083L12 16.586h-2v4a1 1 0 0 1-.883.993L9 21.586H7a1 1 0 0 1-.993-.884L6 20.586v-4H4a2 2 0 0 1-1.995-1.851L2 14.585v-6a2 2 0 0 1 1.85-1.994L4 6.586h8l3.293-3.293A1 1 0 0 1 16 3zm-1 3.586l-2 2H4v6h9l2 2v-10zm4.002.46C20.782 7.874 22 9.558 22 11.5c0 1.942-1.218 3.626-2.998 4.454V7.046z"></path> </svg> Release Notes </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/playground"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path d="M14.2928932,2.29289322 C14.6533772,1.93240926 15.2206082,1.90467972 15.6128994,2.20970461 L15.7071068,2.29289322 L21.7071068,8.29289322 C22.0675907,8.65337718 22.0953203,9.22060824 21.7902954,9.61289944 L21.7071068,9.70710678 L20.1213203,11.2928932 C18.9966104,12.4176032 17.2010475,12.4625916 16.0226693,11.4278584 L15.8786797,11.2928932 L15,10.414 L12.121,13.292 L14.4142136,15.5857864 C15.1541543,16.3257272 15.1930986,17.5012114 14.5310463,18.2869988 L14.4142136,18.4142136 L13.5355339,19.2928932 C11.8022025,21.0262246 9.45130072,22 7,22 C4.23857625,22 2,19.7614237 2,17 C2,14.6552776 2.89094008,12.4024135 4.48534519,10.6940126 L4.70710678,10.4644661 L5.58578644,9.58578644 C6.3257272,8.84584567 7.50121136,8.80690142 8.28699879,9.46895369 L8.41421356,9.58578644 L10.707,11.878 L13.585,8.999 L12.7071068,8.12132034 C11.5823968,6.99661038 11.5374084,5.20104745 12.5721416,4.02266925 L12.7071068,3.87867966 L14.2928932,2.29289322 Z M7,11 L6.12132034,11.8786797 C4.76306174,13.2369383 4,15.0791323 4,17 C4,18.6568542 5.34314575,20 7,20 C8.81976944,20 10.5689286,19.3151468 11.9028959,18.0881708 L12.1213203,17.8786797 L13,17 L10.707,14.707 L9.41421356,16 C9.02368927,16.3905243 8.39052429,16.3905243 8,16 C7.60947571,15.6094757 7.60947571,14.9763107 8,14.5857864 L9.292,13.292 L7,11 Z M14.999,4.414 L14.1213203,5.29289322 C13.7608364,5.65337718 13.7331068,6.22060824 14.0381317,6.61289944 L14.1213203,6.70710678 L17.2928932,9.87867966 C17.6533772,10.2391636 18.2206082,10.2668932 18.6128994,9.96186826 L18.7071068,9.87867966 L19.585,9 L14.999,4.414 Z"></path> </svg> Playground </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fplayground" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fplayground" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-2"> <li> <a class="" href="https://designsystem.emarsys.net/playground/learn-playground-basics"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Learn Playground Basics </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/playground/tips-and-tricks"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Tips and Tricks </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Product Components </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-2"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/charts"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Charts </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fcharts" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fcharts" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/charts/guidelines"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Guidelines </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/charts/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/charts/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> VCE </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-3"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/variable_configuration"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Variable Configurations </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fvariable_configuration" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fvariable_configuration" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-4"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/variable_configuration/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/variable_configuration/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/variable_editor"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Variables Editor </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fvariable_editor" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fvariable_editor" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-4"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/variable_editor/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/variable_editor/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/code_editor"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Code Editor </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fcode_editor" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fcode_editor" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-4"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/code_editor/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/code_editor/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/html_editor"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> HTML Editor </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fhtml_editor" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fhtml_editor" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-4"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/html_editor/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/html_editor/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/preview"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Preview Content Block </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fpreview" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fpreview" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-4"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/preview/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/preview/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/preview_javascript"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Preview Javascript Content </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fpreview_javascript" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fpreview_javascript" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-4"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/preview_javascript/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/preview_javascript/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Plugins (WIP) </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-4"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/borderer"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> borderer </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Fborderer" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Fborderer" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-5"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/borderer/borderer"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Borderer </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Fborderer%2Fborderer" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Fborderer%2Fborderer" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-6"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/borderer/borderer/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/borderer/borderer_core"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Borderer Core </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Fborderer%2Fborderer_core" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Fborderer%2Fborderer_core" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-6"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/borderer/borderer_core/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/borderer/borderer_image_focus_strategy"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Borderer Image Focus Strategy </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Fborderer%2Fborderer_image_focus_strategy" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Fborderer%2Fborderer_image_focus_strategy" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-6"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/borderer/borderer_image_focus_strategy/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/borderer/borderer_image_load_strategy"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Borderer Editable Text Strategy </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Fborderer%2Fborderer_image_load_strategy" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Fborderer%2Fborderer_image_load_strategy" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-6"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/borderer/borderer_image_load_strategy/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/borderer/borderer_editable_text_strategy"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Borderer Editable Text Strategy </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Fborderer%2Fborderer_editable_text_strategy" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Fborderer%2Fborderer_editable_text_strategy" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-6"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/borderer/borderer_editable_text_strategy/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/borderer/borderer_window_resize_strategy"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Borderer Window Resize Strategy </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Fborderer%2Fborderer_window_resize_strategy" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Fborderer%2Fborderer_window_resize_strategy" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-6"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/borderer/borderer_window_resize_strategy/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/image"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> image </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Fimage" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Fimage" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-5"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/image/replace_broken_image"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Replace Broken Image </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Fimage%2Freplace_broken_image" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Fimage%2Freplace_broken_image" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-6"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/image/replace_broken_image/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/image/image_link_editor"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Image Link Editor </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Fimage%2Fimage_link_editor" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Fimage%2Fimage_link_editor" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-6"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/image/image_link_editor/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/link"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> link </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Flink" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Flink" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-5"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/link/prevent_link_click"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Prevent Link Click </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Flink%2Fprevent_link_click" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Flink%2Fprevent_link_click" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-6"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/link/prevent_link_click/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/personalization"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> personalization </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Fpersonalization" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Fpersonalization" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-5"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/personalization/personalization"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Personalization </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Fpersonalization%2Fpersonalization" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Fpersonalization%2Fpersonalization" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-6"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/personalization/personalization/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/personalization/personalization_button"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Personalization Button </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Fpersonalization%2Fpersonalization_button" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Fpersonalization%2Fpersonalization_button" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-6"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/personalization/personalization_button/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/personalization/personalization_drop"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Personalization Drop </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Fpersonalization%2Fpersonalization_drop" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Fpersonalization%2Fpersonalization_drop" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-6"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/personalization/personalization_drop/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/text"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> text </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Ftext" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Ftext" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-5"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/text/editable_text"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Editable Text Plugin </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Ftext%2Feditable_text" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Ftext%2Feditable_text" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-6"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/text/editable_text/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/text/text_inner_link_editor"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Text Inner Link Editor </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Ftext%2Ftext_inner_link_editor" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Ftext%2Ftext_inner_link_editor" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-6"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/text/text_inner_link_editor/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/text/editable_text_custom_button"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Editable Text Custom Button </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Ftext%2Feditable_text_custom_button" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Ftext%2Feditable_text_custom_button" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-6"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/text/editable_text_custom_button/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/toolbar"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> toolbar </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Ftoolbar" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Ftoolbar" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-5"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/toolbar/toolbar"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Toolbar </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Ftoolbar%2Ftoolbar" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Ftoolbar%2Ftoolbar" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-6"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/toolbar/toolbar/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/toolbar/toolbar/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/toolbar/toolbar_custom_button"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Toolbar Custom Button </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Ftoolbar%2Ftoolbar_custom_button" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Ftoolbar%2Ftoolbar_custom_button" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-6"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/toolbar/toolbar_custom_button/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/toolbar/toolbar_custom_button/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/misc"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> misc </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Fmisc" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Fmisc" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-5"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/misc/clean_device_width"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Clean Device Width </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Fmisc%2Fclean_device_width" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Fmisc%2Fclean_device_width" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-6"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/misc/clean_device_width/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/misc/clean_pixel_ratio"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Clean Pixel Ratio </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Fmisc%2Fclean_pixel_ratio" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fplugins%2Fmisc%2Fclean_pixel_ratio" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-6"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/plugins/misc/clean_pixel_ratio/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> </ul> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/language"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Language </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Flanguage" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Flanguage" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-4"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/language/language_name"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Language Name </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Flanguage%2Flanguage_name" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Flanguage%2Flanguage_name" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-5"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/language/language_name/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/language/language_name/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/language/languages_selector"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Languages Selector </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Flanguage%2Flanguages_selector" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Flanguage%2Flanguages_selector" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-5"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/language/languages_selector/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/language/languages_selector/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/language/languages_editor"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Languages Editor </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Flanguage%2Flanguages_editor" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Flanguage%2Flanguages_editor" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-5"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/language/languages_editor/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/language/languages_editor/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/contacts"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Contacts (WIP) </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fcontacts" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fcontacts" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-4"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/contacts/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/contacts/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/dialogs"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Dialogs (WIP) </a> <input type="checkbox" id="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fdialogs" class="action-accordion"> <label for="https%3A%2F%2Fdesignsystem.emarsys.net%2Fproduct-components%2Fvce%2Fdialogs" class="action-accordion"> <div class="eds-icon eds-icon--small"><span class="eds-icon__character"></span></div> </label> <ul class="level-4"> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/dialogs/examples"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> Examples </a> </li> <li> <a class="" href="https://designsystem.emarsys.net/product-components/vce/dialogs/api"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <circle cx="12" cy="12" r="4" fill-rule="evenodd"></circle> </svg> API </a> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </nav> </div> </section> <main class="main content_width-"> <div class="cover"> <img src="https://designsystem.emarsys.net/media/pages/welcome/0fd0a24c70-1731332502/cover.jpg" alt=""> </div> <style>/* inner styles set by WPT to match CSSOM */div.cover { margin-top: -56px; margin-left: -56px; margin-right: -56px; }div.cover img { width: 100%; margin-bottom: 56px; }</style> <article class="content_width"> <p>The Emarsys Design System provides the fundamentals for building products that stay true to the Emarsys Platform — so you can focus on creating the best experience for our customers.</p> <h2>Getting Started</h2> <ul> <li><a href="https://designsystem.emarsys.net/getting-started/for-developers">For Developers</a>: learn about implementing the UI Framework in your product, using the documentation part of the Design System, and contributing your own code.</li> <li><a href="https://designsystem.emarsys.net/getting-started/for-designers">For Designers</a>: learn about creating Emarsys UI designs, working with our guidelines, and adding your own designs to our Design System.</li> </ul> <nav> </nav> <aside class="meta"> <p><a href="https://github.com/emartech/ui-framework-docs/tree/master/src/content/1_welcome" rel="noreferrer" target="_blank">View this page on GitHub</a></p> </aside> </article> </main>  <footer class="footer"> <p>© 2024 Emarsys</p> </footer> </div>  <script src="https://designsystem.emarsys.net/assets/js/prism.js"></script> <script src="https://designsystem.emarsys.net/assets/js/prism-pug.js"></script> <script src="https://designsystem.emarsys.net/assets/js/accordion.js"></script> <script src="https://designsystem.emarsys.net/assets/js/tooltip.js"></script> <script src="https://designsystem.emarsys.net/assets/js/clipboard.min.js"></script> <script src="https://designsystem.emarsys.net/assets/js/app.js"></script> </body></html>
securityHeaders: {"securityHeadersList":["strict-transport-security"],"securityHeadersGrade":"E","securityHeadersScore":25}

Waterfall View

Start Render

First Contentful Paint

Largest Contentful Paint

Layout Shift

DOM Interactive

DOM Content Loaded

On Load

Document Complete

Render Blocking Resource

Insecure Request

3xx response

4xx+ response

Doesn't Belong to Main Doc

customize waterfall • View all Images • View HTTP/2 Dependency Graph • Filmstrip

Connection View

DNS Lookup

Initial Connection

SSL Negotiation

Start Render

DOM Content Loaded

On Load

Document Complete

Request Details

Before Start Render

Before On Load

After On Load

3xx Response

4xx Response

Request Details
#	Resource	Content Type	Priority	Request Start	DNS Lookup	Initial Connection	SSL Negotiation	Time to First Byte	Content Download	Bytes Downloaded	CPU Time	Error/Status Code	IP
1	https://designsystem.emarsys.net/	text/html	Highest	0.129 s	41 ms	30 ms	57 ms	557 ms	368 ms	191.3 KB	3 ms	200	35.198.176.244
2	https://designsystem.../styles_compiled.php	text/css	Highest	0.725 s	-	-	-	373 ms	92 ms	50.0 KB	-	200	35.198.176.244
3	https://designsystem...1731332502/style.css	text/css	Highest	0.725 s	-	-	-	329 ms	1 ms	0.0 KB	-	200	35.198.176.244
4	https://designsystem....net/assets/js/he.js	text/javascript	High	0.726 s	-	-	-	341 ms	243 ms	83.1 KB	4 ms	200	35.198.176.244
5	https://designsystem...sets/js/html2jade.js	text/javascript	High	0.727 s	-	-	-	370 ms	250 ms	22.4 KB	3 ms	200	35.198.176.244
6	https://designsystem.../assets/js/search.js	text/javascript	Medium	0.744 s	-	-	-	353 ms	251 ms	2.1 KB	1 ms	200	35.198.176.244
7	https://fonts.google...400;700&display=swap	text/css	Highest	0.935 s	63 ms	55 ms	111 ms	125 ms	2 ms	1.2 KB	-	200	172.217.18.10
8	https://client-versi...est/logo/emarsys.svg	image/svg+xml	Medium	0.975 s	75 ms	67 ms	90 ms	97 ms	2 ms	0.5 KB	-	200	104.18.36.254
9	https://designsystem...1731332502/cover.jpg	image/jpeg	High	1.311 s	-	-	-	51 ms	401 ms	197.2 KB	-	200	35.198.176.244
10	https://designsystem...t/assets/js/prism.js	text/javascript	High	1.368 s	-	-	-	400 ms	71 ms	44.1 KB	4 ms	200	35.198.176.244
11	https://designsystem...sets/js/prism-pug.js	text/javascript	High	1.369 s	-	-	-	476 ms	1 ms	2.7 KB	1 ms	200	35.198.176.244
12	https://designsystem...sets/js/accordion.js	text/javascript	Medium	1.369 s	-	-	-	477 ms	3 ms	1.3 KB	2 ms	200	35.198.176.244
13	https://designsystem...assets/js/tooltip.js	text/javascript	Medium	1.369 s	-	-	-	481 ms	1 ms	0.8 KB	-	200	35.198.176.244
14	https://designsystem.../js/clipboard.min.js	text/javascript	High	1.37 s	-	-	-	498 ms	14 ms	10.2 KB	1 ms	200	35.198.176.244
15	https://designsystem...net/assets/js/app.js	text/javascript	Medium	1.37 s	-	-	-	512 ms	1 ms	1.4 KB	1 ms	200	35.198.176.244
16	https://designsystem...vg/icon-x-circle.svg	image/svg+xml	High	1.482 s	-	-	-	401 ms	1 ms	0.3 KB	-	200	35.198.176.244
17	https://fonts.gstati...qEu92Fr1Mu4mxK.woff2	font/woff2	Highest	1.487 s	66 ms	-	-	97 ms	41 ms	18.1 KB	-	200	142.250.185.163
18	https://designsystem...sidebar-collapse.svg	image/svg+xml	High	1.518 s	-	-	-	366 ms	1 ms	0.4 KB	-	200	35.198.176.244
19	https://fonts.gstati...2Fr1MmWUlfBBc4.woff2	font/woff2	Highest	1.523 s	-	-	-	124 ms	59 ms	18.2 KB	-	200	142.250.185.163
20	https://ui-analytics...marsys.net/matomo.js	text/javascript	Low	1.742 s	103 ms	93 ms	180 ms	114 ms	129 ms	66.3 KB	7 ms	200	35.242.204.238
21	https://ui-analytics...okie=1&res=1920x1200	-	Lowest	1.995 s	-	-	-	89 ms	-	-	-	204	35.242.204.238
22	https://client-asset.../fonts/horizon.woff2	font/woff2	Lowest	2.065 s	81 ms	30 ms	61 ms	46 ms	66 ms	37.2 KB	-	200	104.18.36.254
23	https://designsystem...sets/img/favicon.svg	image/svg+xml	High	2.19 s	-	-	-	35 ms	1 ms	0.5 KB	-	200	35.198.176.244

Request Headers

+ Expand All

Request 1: https://designsystem.emarsys.net/

URL: https://designsystem.emarsys.net/
Host: designsystem.emarsys.net
IP: 35.198.176.244
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://designsystem.emarsys.net/assets/js/html2jade.js
Request Start: 0.129 s
DNS Lookup: 41 ms
Initial Connection: 30 ms
Time to First Byte: 557 ms
Content Download: 368 ms
Bytes In (downloaded): 191.3 KB
Uncompressed Size: 191.3 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: designsystem.emarsys.net
:method: GET
:path: /
:scheme: https
accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=0, i
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: document
sec-fetch-mode: navigate
sec-fetch-site: cross-site
upgrade-insecure-requests: 1
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

cache-control: no-store, private
content-type: text/html; charset=UTF-8
date: Wed, 13 Nov 2024 01:55:27 GMT
set-cookie: kirby_session=87434f6216229b7ba1dbfc4ae32de0e5efe11f36%2B1731470127.465993fcaef9824a437b.8925e1b77fc94e0b310e6b33d9c17722c274905f51a0203dd1a1c25a29a144c4; expires=Wed, 13-Nov-2024 03:55:27 GMT; Max-Age=7200; path=/; secure; HttpOnly; SameSite=Lax
strict-transport-security: max-age=15724800; includeSubDomains
x-envoy-upstream-service-time: 512
x-gap-router-request-id-y3ntymkk: b33ff9454d7ef3494303c54841bd27de
x-powered-by: PHP/8.1.27
:status: 200

Request 2: https://designsystem.emarsys.net/assets/css/styles_compiled.php

URL: https://designsystem.emarsys.net/assets/css/styles_compiled.php
Host: designsystem.emarsys.net
IP: 35.198.176.244
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 3, weight 256, depends on 1, EXCLUSIVE
Initiated By: https://designsystem.emarsys.net/ line 16
Request Start: 0.725 s
Time to First Byte: 373 ms
Content Download: 92 ms
Bytes In (downloaded): 50.0 KB
Uncompressed Size: 50.0 KB
Bytes Out (uploaded): 2.4 KB

Request Headers:

:authority: designsystem.emarsys.net
:method: GET
:path: /assets/css/styles_compiled.php
:scheme: https
accept: text/css,*/*;q=0.1
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=87434f6216229b7ba1dbfc4ae32de0e5efe11f36%2B1731470127.465993fcaef9824a437b.8925e1b77fc94e0b310e6b33d9c17722c274905f51a0203dd1a1c25a29a144c4
priority: u=0
referer: https://designsystem.emarsys.net/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: style
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

content-type: text/css;charset=UTF-8
date: Wed, 13 Nov 2024 01:55:27 GMT
strict-transport-security: max-age=15724800; includeSubDomains
x-envoy-upstream-service-time: 50
x-gap-router-request-id-y3ntymkk: cf0bb5b2b18124307fe6a4835b72c7bc
x-powered-by: PHP/8.1.27
:status: 200

Request 3: https://designsystem.emarsys.net/media/pages/welcome/bfebfcfb9f-1731332502/style.css

URL: https://designsystem.emarsys.net/media/pages/welcome/bfebfcfb9f-1731332502/style.css
Host: designsystem.emarsys.net
IP: 35.198.176.244
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 5, weight 256, depends on 3, EXCLUSIVE
Initiated By: https://designsystem.emarsys.net/ line 18
Request Start: 0.725 s
Time to First Byte: 329 ms
Content Download: 1 ms
Bytes In (downloaded): 0.0 KB
Uncompressed Size: 0.0 KB
Bytes Out (uploaded): 2.4 KB

Request Headers:

:authority: designsystem.emarsys.net
:method: GET
:path: /media/pages/welcome/bfebfcfb9f-1731332502/style.css
:scheme: https
accept: text/css,*/*;q=0.1
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=87434f6216229b7ba1dbfc4ae32de0e5efe11f36%2B1731470127.465993fcaef9824a437b.8925e1b77fc94e0b310e6b33d9c17722c274905f51a0203dd1a1c25a29a144c4
priority: u=0
referer: https://designsystem.emarsys.net/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: style
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
content-length: 1
content-type: text/css
date: Wed, 13 Nov 2024 01:55:27 GMT
etag: "1-626b374f60d53"
last-modified: Tue, 12 Nov 2024 09:01:03 GMT
strict-transport-security: max-age=15724800; includeSubDomains
x-envoy-upstream-service-time: 2
x-gap-router-request-id-y3ntymkk: e7ecce505eefdf94d464fb8c39f46440
:status: 200

Request 4: https://designsystem.emarsys.net/assets/js/he.js

URL: https://designsystem.emarsys.net/assets/js/he.js
Host: designsystem.emarsys.net
IP: 35.198.176.244
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 7, weight 220, depends on 5, EXCLUSIVE
Initiated By: https://designsystem.emarsys.net/ line 27
Request Start: 0.726 s
Time to First Byte: 341 ms
Content Download: 243 ms
Bytes In (downloaded): 83.1 KB
Uncompressed Size: 83.1 KB
Bytes Out (uploaded): 2.3 KB

Request Headers:

:authority: designsystem.emarsys.net
:method: GET
:path: /assets/js/he.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=87434f6216229b7ba1dbfc4ae32de0e5efe11f36%2B1731470127.465993fcaef9824a437b.8925e1b77fc94e0b310e6b33d9c17722c274905f51a0203dd1a1c25a29a144c4
priority: u=1
referer: https://designsystem.emarsys.net/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
content-length: 85101
content-type: text/javascript
date: Wed, 13 Nov 2024 01:55:27 GMT
etag: "14c6d-626a342c51180"
last-modified: Mon, 11 Nov 2024 13:41:42 GMT
strict-transport-security: max-age=15724800; includeSubDomains
x-envoy-upstream-service-time: 6
x-gap-router-request-id-y3ntymkk: bf012b833c536e5e4c2a7a4f8b1ade05
:status: 200

Request 5: https://designsystem.emarsys.net/assets/js/html2jade.js

URL: https://designsystem.emarsys.net/assets/js/html2jade.js
Host: designsystem.emarsys.net
IP: 35.198.176.244
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 9, weight 220, depends on 7, EXCLUSIVE
Initiated By: https://designsystem.emarsys.net/ line 27
Request Start: 0.727 s
Time to First Byte: 370 ms
Content Download: 250 ms
Bytes In (downloaded): 22.4 KB
Uncompressed Size: 22.4 KB
Bytes Out (uploaded): 2.3 KB

Request Headers:

:authority: designsystem.emarsys.net
:method: GET
:path: /assets/js/html2jade.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=87434f6216229b7ba1dbfc4ae32de0e5efe11f36%2B1731470127.465993fcaef9824a437b.8925e1b77fc94e0b310e6b33d9c17722c274905f51a0203dd1a1c25a29a144c4
priority: u=1
referer: https://designsystem.emarsys.net/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
content-length: 22922
content-type: text/javascript
date: Wed, 13 Nov 2024 01:55:27 GMT
etag: "598a-626a342c51180"
last-modified: Mon, 11 Nov 2024 13:41:42 GMT
strict-transport-security: max-age=15724800; includeSubDomains
x-envoy-upstream-service-time: 7
x-gap-router-request-id-y3ntymkk: b650d6e734a0d9aecb3762e064c29100
:status: 200

Request 6: https://designsystem.emarsys.net/assets/js/search.js

URL: https://designsystem.emarsys.net/assets/js/search.js
Host: designsystem.emarsys.net
IP: 35.198.176.244
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 11, weight 183, depends on 9, EXCLUSIVE
Initiated By: https://designsystem.emarsys.net/ line 157
Request Start: 0.744 s
Time to First Byte: 353 ms
Content Download: 251 ms
Bytes In (downloaded): 2.1 KB
Uncompressed Size: 2.1 KB
Bytes Out (uploaded): 2.3 KB

Request Headers:

:authority: designsystem.emarsys.net
:method: GET
:path: /assets/js/search.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=87434f6216229b7ba1dbfc4ae32de0e5efe11f36%2B1731470127.465993fcaef9824a437b.8925e1b77fc94e0b310e6b33d9c17722c274905f51a0203dd1a1c25a29a144c4
priority: u=2
referer: https://designsystem.emarsys.net/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
content-length: 2184
content-type: text/javascript
date: Wed, 13 Nov 2024 01:55:27 GMT
etag: "888-626a342c51180"
last-modified: Mon, 11 Nov 2024 13:41:42 GMT
strict-transport-security: max-age=15724800; includeSubDomains
x-envoy-upstream-service-time: 2
x-gap-router-request-id-y3ntymkk: 406c3de4b9dcf46023e8ad3523e4b69a
:status: 200

Request 7: https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Roboto:wght@100;400;700&display=swap

URL: https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Roboto:wght@100;400;700&display=swap
Host: fonts.googleapis.com
IP: 172.217.18.10
Error/Status Code: 200
Priority: Highest
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 256, depends on 0, EXCLUSIVE
Initiated By: https://designsystem.emarsys.net/ line 15
Request Start: 0.935 s
DNS Lookup: 63 ms
Initial Connection: 55 ms
Time to First Byte: 125 ms
Content Download: 2 ms
Bytes In (downloaded): 1.2 KB
Uncompressed Size: 11.7 KB
Bytes Out (uploaded): 2.1 KB

Request Headers:

:authority: fonts.googleapis.com
:method: GET
:path: /css2?family=Roboto+Mono:wght@400;700&family=Roboto:wght@100;400;700&display=swap
:scheme: https
accept: text/css,*/*;q=0.1
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=0
referer: https://designsystem.emarsys.net/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: style
sec-fetch-mode: no-cors
sec-fetch-site: cross-site
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
x-client-data: CPj/ygE=

Response Headers:

access-control-allow-origin: *
cache-control: private, max-age=86400, stale-while-revalidate=604800
content-encoding: gzip
content-type: text/css; charset=utf-8
cross-origin-opener-policy: same-origin-allow-popups
cross-origin-resource-policy: cross-origin
date: Wed, 13 Nov 2024 01:55:27 GMT
expires: Wed, 13 Nov 2024 01:55:27 GMT
last-modified: Wed, 13 Nov 2024 01:55:27 GMT
link: <https://fonts.gstatic.com>; rel=preconnect; crossorigin
server: ESF
strict-transport-security: max-age=31536000
timing-allow-origin: *
vary: Sec-Fetch-Dest, Sec-Fetch-Mode, Sec-Fetch-Site
x-content-type-options: nosniff
x-frame-options: SAMEORIGIN
x-xss-protection: 0
:status: 200

Request 8: https://client-version.cf.emarsys.net/eds-themes/latest/logo/emarsys.svg

URL: https://client-version.cf.emarsys.net/eds-themes/latest/logo/emarsys.svg
Host: client-version.cf.emarsys.net
IP: 104.18.36.254
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 183, depends on 0, EXCLUSIVE
Initiated By: https://designsystem.emarsys.net/ line 137
Request Start: 0.975 s
DNS Lookup: 75 ms
Initial Connection: 67 ms
Time to First Byte: 97 ms
Content Download: 2 ms
Bytes In (downloaded): 0.5 KB
Uncompressed Size: 1.0 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: client-version.cf.emarsys.net
:method: GET
:path: /eds-themes/latest/logo/emarsys.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
priority: u=2, i
referer: https://designsystem.emarsys.net/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-site
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

access-control-allow-origin: *
age: 65332
cache-control: no-cache
cf-cache-status: HIT
cf-ray: 8e1b23c3acb0dca1-FRA
content-encoding: gzip
content-type: image/svg+xml
date: Wed, 13 Nov 2024 01:55:27 GMT
emarsys-client-version: 7.1.0
etag: W/"0bd922af0946d45a3dc15484428d3644"
last-modified: Wed, 06 Nov 2024 14:30:09 GMT
server: cloudflare
vary: Origin, Accept-Encoding
:status: 200

Request 9: https://designsystem.emarsys.net/media/pages/welcome/0fd0a24c70-1731332502/cover.jpg

URL: https://designsystem.emarsys.net/media/pages/welcome/0fd0a24c70-1731332502/cover.jpg
Host: designsystem.emarsys.net
IP: 35.198.176.244
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 13, weight 183, depends on 11, EXCLUSIVE
Initiated By: https://designsystem.emarsys.net/ line 5828
Request Start: 1.311 s
Time to First Byte: 51 ms
Content Download: 401 ms
Bytes In (downloaded): 197.2 KB
Uncompressed Size: 197.2 KB
Bytes Out (uploaded): 2.6 KB

Request Headers:

:authority: designsystem.emarsys.net
:method: GET
:path: /media/pages/welcome/0fd0a24c70-1731332502/cover.jpg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=87434f6216229b7ba1dbfc4ae32de0e5efe11f36%2B1731470127.465993fcaef9824a437b.8925e1b77fc94e0b310e6b33d9c17722c274905f51a0203dd1a1c25a29a144c4
priority: u=2, i
referer: https://designsystem.emarsys.net/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
content-length: 201926
content-type: image/jpeg
date: Wed, 13 Nov 2024 01:55:28 GMT
etag: "314c6-626b374f8574d"
last-modified: Tue, 12 Nov 2024 09:01:03 GMT
strict-transport-security: max-age=15724800; includeSubDomains
x-envoy-upstream-service-time: 2
x-gap-router-request-id-y3ntymkk: be915dd50fbcea82f0c76ecbf73169ea
:status: 200

Request 10: https://designsystem.emarsys.net/assets/js/prism.js

URL: https://designsystem.emarsys.net/assets/js/prism.js
Host: designsystem.emarsys.net
IP: 35.198.176.244
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 15, weight 220, depends on 27, EXCLUSIVE
Initiated By: https://designsystem.emarsys.net/ line 5875
Request Start: 1.368 s
Time to First Byte: 400 ms
Content Download: 71 ms
Bytes In (downloaded): 44.1 KB
Uncompressed Size: 44.1 KB
Bytes Out (uploaded): 2.3 KB

Request Headers:

:authority: designsystem.emarsys.net
:method: GET
:path: /assets/js/prism.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=87434f6216229b7ba1dbfc4ae32de0e5efe11f36%2B1731470127.465993fcaef9824a437b.8925e1b77fc94e0b310e6b33d9c17722c274905f51a0203dd1a1c25a29a144c4
priority: u=2
referer: https://designsystem.emarsys.net/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
content-length: 45195
content-type: text/javascript
date: Wed, 13 Nov 2024 01:55:28 GMT
etag: "b08b-626a342c51180"
last-modified: Mon, 11 Nov 2024 13:41:42 GMT
strict-transport-security: max-age=15724800; includeSubDomains
x-envoy-upstream-service-time: 2
x-gap-router-request-id-y3ntymkk: 1e0f90ace6d354c6e49b747464cd3b84
:status: 200

Request 11: https://designsystem.emarsys.net/assets/js/prism-pug.js

URL: https://designsystem.emarsys.net/assets/js/prism-pug.js
Host: designsystem.emarsys.net
IP: 35.198.176.244
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 17, weight 183, depends on 13, EXCLUSIVE
Initiated By: https://designsystem.emarsys.net/ line 5875
Request Start: 1.369 s
Time to First Byte: 476 ms
Content Download: 1 ms
Bytes In (downloaded): 2.7 KB
Uncompressed Size: 2.7 KB
Bytes Out (uploaded): 2.3 KB

Request Headers:

:authority: designsystem.emarsys.net
:method: GET
:path: /assets/js/prism-pug.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=87434f6216229b7ba1dbfc4ae32de0e5efe11f36%2B1731470127.465993fcaef9824a437b.8925e1b77fc94e0b310e6b33d9c17722c274905f51a0203dd1a1c25a29a144c4
priority: u=2
referer: https://designsystem.emarsys.net/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
content-length: 2738
content-type: text/javascript
date: Wed, 13 Nov 2024 01:55:28 GMT
etag: "ab2-626a342c51180"
last-modified: Mon, 11 Nov 2024 13:41:42 GMT
strict-transport-security: max-age=15724800; includeSubDomains
x-envoy-upstream-service-time: 3
x-gap-router-request-id-y3ntymkk: 2b89184db90c9a332bdc622fe06105a2
:status: 200

Request 12: https://designsystem.emarsys.net/assets/js/accordion.js

URL: https://designsystem.emarsys.net/assets/js/accordion.js
Host: designsystem.emarsys.net
IP: 35.198.176.244
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 19, weight 183, depends on 17, EXCLUSIVE
Initiated By: https://designsystem.emarsys.net/ line 5875
Request Start: 1.369 s
Time to First Byte: 477 ms
Content Download: 3 ms
Bytes In (downloaded): 1.3 KB
Uncompressed Size: 1.3 KB
Bytes Out (uploaded): 2.3 KB

Request Headers:

:authority: designsystem.emarsys.net
:method: GET
:path: /assets/js/accordion.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=87434f6216229b7ba1dbfc4ae32de0e5efe11f36%2B1731470127.465993fcaef9824a437b.8925e1b77fc94e0b310e6b33d9c17722c274905f51a0203dd1a1c25a29a144c4
priority: u=2
referer: https://designsystem.emarsys.net/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
content-length: 1303
content-type: text/javascript
date: Wed, 13 Nov 2024 01:55:28 GMT
etag: "517-626a342c51180"
last-modified: Mon, 11 Nov 2024 13:41:42 GMT
strict-transport-security: max-age=15724800; includeSubDomains
x-envoy-upstream-service-time: 2
x-gap-router-request-id-y3ntymkk: 8ac9370548590a2026abe4b1a99ffbcf
:status: 200

Request 13: https://designsystem.emarsys.net/assets/js/tooltip.js

URL: https://designsystem.emarsys.net/assets/js/tooltip.js
Host: designsystem.emarsys.net
IP: 35.198.176.244
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 21, weight 183, depends on 19, EXCLUSIVE
Initiated By: https://designsystem.emarsys.net/ line 5875
Request Start: 1.369 s
Time to First Byte: 481 ms
Content Download: 1 ms
Bytes In (downloaded): 0.8 KB
Uncompressed Size: 0.8 KB
Bytes Out (uploaded): 2.3 KB

Request Headers:

:authority: designsystem.emarsys.net
:method: GET
:path: /assets/js/tooltip.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=87434f6216229b7ba1dbfc4ae32de0e5efe11f36%2B1731470127.465993fcaef9824a437b.8925e1b77fc94e0b310e6b33d9c17722c274905f51a0203dd1a1c25a29a144c4
priority: u=2
referer: https://designsystem.emarsys.net/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
content-length: 776
content-type: text/javascript
date: Wed, 13 Nov 2024 01:55:28 GMT
etag: "308-626a342c51180"
last-modified: Mon, 11 Nov 2024 13:41:42 GMT
strict-transport-security: max-age=15724800; includeSubDomains
x-envoy-upstream-service-time: 2
x-gap-router-request-id-y3ntymkk: 23b5bf531babd31b66fdefedd03e74f7
:status: 200

Request 14: https://designsystem.emarsys.net/assets/js/clipboard.min.js

URL: https://designsystem.emarsys.net/assets/js/clipboard.min.js
Host: designsystem.emarsys.net
IP: 35.198.176.244
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 23, weight 183, depends on 21, EXCLUSIVE
Initiated By: https://designsystem.emarsys.net/ line 5875
Request Start: 1.370 s
Time to First Byte: 498 ms
Content Download: 14 ms
Bytes In (downloaded): 10.2 KB
Uncompressed Size: 10.2 KB
Bytes Out (uploaded): 2.3 KB

Request Headers:

:authority: designsystem.emarsys.net
:method: GET
:path: /assets/js/clipboard.min.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=87434f6216229b7ba1dbfc4ae32de0e5efe11f36%2B1731470127.465993fcaef9824a437b.8925e1b77fc94e0b310e6b33d9c17722c274905f51a0203dd1a1c25a29a144c4
priority: u=2
referer: https://designsystem.emarsys.net/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
content-length: 10453
content-type: text/javascript
date: Wed, 13 Nov 2024 01:55:28 GMT
etag: "28d5-626a342c51180"
last-modified: Mon, 11 Nov 2024 13:41:42 GMT
strict-transport-security: max-age=15724800; includeSubDomains
x-envoy-upstream-service-time: 2
x-gap-router-request-id-y3ntymkk: d810548a7cc2ea5feaaa6bdcc5960f7e
:status: 200

Request 15: https://designsystem.emarsys.net/assets/js/app.js

URL: https://designsystem.emarsys.net/assets/js/app.js
Host: designsystem.emarsys.net
IP: 35.198.176.244
Error/Status Code: 200
Priority: Medium
Protocol: HTTP/2
HTTP/2 Stream: 25, weight 183, depends on 23, EXCLUSIVE
Initiated By: https://designsystem.emarsys.net/ line 5877
Request Start: 1.370 s
Time to First Byte: 512 ms
Content Download: 1 ms
Bytes In (downloaded): 1.4 KB
Uncompressed Size: 1.4 KB
Bytes Out (uploaded): 2.3 KB

Request Headers:

:authority: designsystem.emarsys.net
:method: GET
:path: /assets/js/app.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=87434f6216229b7ba1dbfc4ae32de0e5efe11f36%2B1731470127.465993fcaef9824a437b.8925e1b77fc94e0b310e6b33d9c17722c274905f51a0203dd1a1c25a29a144c4
priority: u=2
referer: https://designsystem.emarsys.net/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
content-length: 1483
content-type: text/javascript
date: Wed, 13 Nov 2024 01:55:28 GMT
etag: "5cb-626a342c51180"
last-modified: Mon, 11 Nov 2024 13:41:42 GMT
strict-transport-security: max-age=15724800; includeSubDomains
x-envoy-upstream-service-time: 1
x-gap-router-request-id-y3ntymkk: f13aa1f320a0a598f1f72a810da12399
:status: 200

Request 16: https://designsystem.emarsys.net/assets/svg/icon-x-circle.svg

URL: https://designsystem.emarsys.net/assets/svg/icon-x-circle.svg
Host: designsystem.emarsys.net
IP: 35.198.176.244
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 27, weight 220, depends on 0, EXCLUSIVE
Initiated By: https://designsystem.emarsys.net/assets/css/styles_compiled.php
Request Start: 1.482 s
Time to First Byte: 401 ms
Content Download: 1 ms
Bytes In (downloaded): 0.3 KB
Uncompressed Size: 0.3 KB
Bytes Out (uploaded): 2.7 KB

Request Headers:

:authority: designsystem.emarsys.net
:method: GET
:path: /assets/svg/icon-x-circle.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=87434f6216229b7ba1dbfc4ae32de0e5efe11f36%2B1731470127.465993fcaef9824a437b.8925e1b77fc94e0b310e6b33d9c17722c274905f51a0203dd1a1c25a29a144c4
origin: https://designsystem.emarsys.net
priority: u=1, i
referer: https://designsystem.emarsys.net/assets/css/styles_compiled.php
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
content-length: 266
content-type: image/svg+xml
date: Wed, 13 Nov 2024 01:55:28 GMT
etag: "10a-626a342c51180"
last-modified: Mon, 11 Nov 2024 13:41:42 GMT
strict-transport-security: max-age=15724800; includeSubDomains
x-envoy-upstream-service-time: 2
x-gap-router-request-id-y3ntymkk: 5d39b8a546579ca7f26ce04d1ec68f09
:status: 200

Request 17: https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu4mxK.woff2

URL: https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu4mxK.woff2
Host: fonts.gstatic.com
IP: 142.250.185.163
Error/Status Code: 200
Priority: Highest
Protocol: h3
Initiated By: https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Roboto:wght@100;400;700&display=swap
Request Start: 1.487 s
DNS Lookup: 66 ms
Time to First Byte: 97 ms
Content Download: 41 ms
Bytes In (downloaded): 18.1 KB
Uncompressed Size: 18.1 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: fonts.gstatic.com
:method: GET
:path: /s/roboto/v32/KFOmCnqEu92Fr1Mu4mxK.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://designsystem.emarsys.net
priority: u=0
referer: https://fonts.googleapis.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: font
sec-fetch-mode: cors
sec-fetch-site: cross-site
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
x-client-data: CPj/ygE=

Response Headers:

accept-ranges: bytes
access-control-allow-origin: *
age: 45406
alt-svc: h3=":443"; ma=2592000,h3-29=":443"; ma=2592000
cache-control: public, max-age=31536000
content-length: 18536
content-security-policy-report-only: require-trusted-types-for 'script'; report-uri https://csp.withgoogle.com/csp/apps-themes
content-type: font/woff2
cross-origin-opener-policy: same-origin; report-to="apps-themes"
cross-origin-resource-policy: cross-origin
date: Tue, 12 Nov 2024 13:18:42 GMT
expires: Wed, 12 Nov 2025 13:18:42 GMT
last-modified: Thu, 01 Aug 2024 20:41:24 GMT
report-to: {"group":"apps-themes","max_age":2592000,"endpoints":[{"url":"https://csp.withgoogle.com/csp/report-to/apps-themes"}]}
server: sffe
timing-allow-origin: *
x-content-type-options: nosniff
x-xss-protection: 0

Request 18: https://designsystem.emarsys.net/assets/svg/icon-sidebar-collapse.svg

URL: https://designsystem.emarsys.net/assets/svg/icon-sidebar-collapse.svg
Host: designsystem.emarsys.net
IP: 35.198.176.244
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 29, weight 220, depends on 13, EXCLUSIVE
Initiated By: https://designsystem.emarsys.net/assets/css/styles_compiled.php
Request Start: 1.518 s
Time to First Byte: 366 ms
Content Download: 1 ms
Bytes In (downloaded): 0.4 KB
Uncompressed Size: 0.4 KB
Bytes Out (uploaded): 2.7 KB

Request Headers:

:authority: designsystem.emarsys.net
:method: GET
:path: /assets/svg/icon-sidebar-collapse.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=87434f6216229b7ba1dbfc4ae32de0e5efe11f36%2B1731470127.465993fcaef9824a437b.8925e1b77fc94e0b310e6b33d9c17722c274905f51a0203dd1a1c25a29a144c4
origin: https://designsystem.emarsys.net
priority: u=1, i
referer: https://designsystem.emarsys.net/assets/css/styles_compiled.php
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
content-length: 399
content-type: image/svg+xml
date: Wed, 13 Nov 2024 01:55:28 GMT
etag: "18f-626a342c51180"
last-modified: Mon, 11 Nov 2024 13:41:42 GMT
strict-transport-security: max-age=15724800; includeSubDomains
x-envoy-upstream-service-time: 2
x-gap-router-request-id-y3ntymkk: e027f1cce864ab53de51f57911530275
:status: 200

Request 19: https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfBBc4.woff2

URL: https://fonts.gstatic.com/s/roboto/v32/KFOlCnqEu92Fr1MmWUlfBBc4.woff2
Host: fonts.gstatic.com
IP: 142.250.185.163
Error/Status Code: 200
Priority: Highest
Protocol: h3
Initiated By: https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Roboto:wght@100;400;700&display=swap
Request Start: 1.523 s
Time to First Byte: 124 ms
Content Download: 59 ms
Bytes In (downloaded): 18.2 KB
Uncompressed Size: 18.2 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: fonts.gstatic.com
:method: GET
:path: /s/roboto/v32/KFOlCnqEu92Fr1MmWUlfBBc4.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://designsystem.emarsys.net
priority: u=0
referer: https://fonts.googleapis.com/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: font
sec-fetch-mode: cors
sec-fetch-site: cross-site
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2
x-client-data: CPj/ygE=

Response Headers:

accept-ranges: bytes
access-control-allow-origin: *
age: 87163
alt-svc: h3=":443"; ma=2592000,h3-29=":443"; ma=2592000
cache-control: public, max-age=31536000
content-length: 18596
content-security-policy-report-only: require-trusted-types-for 'script'; report-uri https://csp.withgoogle.com/csp/apps-themes
content-type: font/woff2
cross-origin-opener-policy: same-origin; report-to="apps-themes"
cross-origin-resource-policy: cross-origin
date: Tue, 12 Nov 2024 01:42:45 GMT
expires: Wed, 12 Nov 2025 01:42:45 GMT
last-modified: Thu, 01 Aug 2024 20:41:21 GMT
report-to: {"group":"apps-themes","max_age":2592000,"endpoints":[{"url":"https://csp.withgoogle.com/csp/report-to/apps-themes"}]}
server: sffe
timing-allow-origin: *
x-content-type-options: nosniff
x-xss-protection: 0

Request 20: https://ui-analytics.gservice.emarsys.net/matomo.js

URL: https://ui-analytics.gservice.emarsys.net/matomo.js
Host: ui-analytics.gservice.emarsys.net
IP: 35.242.204.238
Error/Status Code: 200
Priority: Low
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 147, depends on 0, EXCLUSIVE
Initiated By: https://designsystem.emarsys.net/ line 53 column 77
Request Start: 1.742 s
DNS Lookup: 103 ms
Initial Connection: 93 ms
Time to First Byte: 114 ms
Content Download: 129 ms
Bytes In (downloaded): 66.3 KB
Uncompressed Size: 66.3 KB
Bytes Out (uploaded): 1.7 KB

Request Headers:

:authority: ui-analytics.gservice.emarsys.net
:method: GET
:path: /matomo.js
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
referer: https://designsystem.emarsys.net/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: script
sec-fetch-mode: no-cors
sec-fetch-site: same-site
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
cache-control: max-age=3600, public
content-length: 67922
content-type: text/javascript
date: Wed, 13 Nov 2024 01:55:28 GMT
etag: "10952-626b30fa9ef60"
expires: Wed, 13 Nov 2024 02:55:28 GMT
last-modified: Tue, 12 Nov 2024 08:32:44 GMT
pragma: public
strict-transport-security: max-age=15724800; includeSubDomains
x-envoy-upstream-service-time: 2
x-gap-router-request-id-y3ntymkk: d6192acc2749b085ac2570767784362f
:status: 200

Request 21: https://ui-analytics.gservice.emarsys.net/matomo.php?action_name=Welcome%20%E2%80%94%20Emarsys%20Design%20System&idsite=2&rec=1&r=708468&h=1&m=55&s=28&url=https%3A%2F%2Fdesignsystem.emarsys.net%2F&_id=&_idn=1&send_image=0&_refts=0&pv_id=qlWG8P&pf_net=125&pf_srv=557&pf_tfr=368&pf_dm1=1193&uadata=%7B%22fullVersionList%22%3A%5B%7B%22brand%22%3A%22%20Not%20A%3BBrand%22%2C%22version%22%3A%2299%22%7D%2C%7B%22brand%22%3A%22Chromium%22%2C%22version%22%3A%22129.0.0.0%22%7D%2C%7B%22brand%22%3A%22Google%20Chrome%22%2C%22version%22%3A%22129.0.0.0%22%7D%5D%2C%22mobile%22%3Afalse%2C%22model%22%3A%22Model%22%2C%22platform%22%3A%22Unknown%22%2C%22platformVersion%22%3A%220%22%7D&pdf=1&qt=0&realp=0&wma=0&fla=0&java=0&ag=0&cookie=1&res=1920x1200

URL: https://ui-analytics.gservice.emarsys.net/matomo.php?action_name=Welcome%20%E2%80%94%20Emarsys%20Design%20System&idsite=2&rec=1&r=708468&h=1&m=55&s=28&url=https%3A%2F%2Fdesignsystem.emarsys.net%2F&_id=&_idn=1&send_image=0&_refts=0&pv_id=qlWG8P&pf_net=125&pf_srv=557&pf_tfr=368&pf_dm1=1193&uadata=%7B%22fullVersionList%22%3A%5B%7B%22brand%22%3A%22%20Not%20A%3BBrand%22%2C%22version%22%3A%2299%22%7D%2C%7B%22brand%22%3A%22Chromium%22%2C%22version%22%3A%22129.0.0.0%22%7D%2C%7B%22brand%22%3A%22Google%20Chrome%22%2C%22version%22%3A%22129.0.0.0%22%7D%5D%2C%22mobile%22%3Afalse%2C%22model%22%3A%22Model%22%2C%22platform%22%3A%22Unknown%22%2C%22platformVersion%22%3A%220%22%7D&pdf=1&qt=0&realp=0&wma=0&fla=0&java=0&ag=0&cookie=1&res=1920x1200
Host: ui-analytics.gservice.emarsys.net
IP: 35.242.204.238
Error/Status Code: 204
Priority: Lowest
Protocol: HTTP/2
Initiated By: https://ui-analytics.gservice.emarsys.net/matomo.js line 35 column 597
Request Start: 1.995 s
Time to First Byte: 89 ms
Bytes In (downloaded): 0.0 KB
Bytes Out (uploaded): 4.2 KB

Request Headers:

:authority: ui-analytics.gservice.emarsys.net
:method: POST
:path: /matomo.php?action_name=Welcome%20%E2%80%94%20Emarsys%20Design%20System&idsite=2&rec=1&r=708468&h=1&m=55&s=28&url=https%3A%2F%2Fdesignsystem.emarsys.net%2F&_id=&_idn=1&send_image=0&_refts=0&pv_id=qlWG8P&pf_net=125&pf_srv=557&pf_tfr=368&pf_dm1=1193&uadata=%7B%22fullVersionList%22%3A%5B%7B%22brand%22%3A%22%20Not%20A%3BBrand%22%2C%22version%22%3A%2299%22%7D%2C%7B%22brand%22%3A%22Chromium%22%2C%22version%22%3A%22129.0.0.0%22%7D%2C%7B%22brand%22%3A%22Google%20Chrome%22%2C%22version%22%3A%22129.0.0.0%22%7D%5D%2C%22mobile%22%3Afalse%2C%22model%22%3A%22Model%22%2C%22platform%22%3A%22Unknown%22%2C%22platformVersion%22%3A%220%22%7D&pdf=1&qt=0&realp=0&wma=0&fla=0&java=0&ag=0&cookie=1&res=1920x1200
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
content-length: 0
content-type: application/x-www-form-urlencoded; charset=utf-8
origin: https://designsystem.emarsys.net
priority: u=4, i
referer: https://designsystem.emarsys.net/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: empty
sec-fetch-mode: no-cors
sec-fetch-site: same-site
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

access-control-allow-credentials: true
access-control-allow-origin: https://designsystem.emarsys.net
date: Wed, 13 Nov 2024 01:55:29 GMT
strict-transport-security: max-age=15724800; includeSubDomains
vary: Origin
x-envoy-upstream-service-time: 52
x-gap-router-request-id-y3ntymkk: dfe8fc8a7f873e404e231e7fbd9c2cb7
x-powered-by: PHP/8.3.12

Request 22: https://client-assets.cf.emarsys.net/eds-themes/7.1.0/fonts/horizon.woff2

URL: https://client-assets.cf.emarsys.net/eds-themes/7.1.0/fonts/horizon.woff2
Host: client-assets.cf.emarsys.net
IP: 104.18.36.254
Error/Status Code: 200
Priority: Lowest
Protocol: HTTP/2
HTTP/2 Stream: 1, weight 110, depends on 0, EXCLUSIVE
Initiated By: https://designsystem.emarsys.net/ line 157
Request Start: 2.065 s
DNS Lookup: 81 ms
Initial Connection: 30 ms
Time to First Byte: 46 ms
Content Download: 66 ms
Bytes In (downloaded): 37.2 KB
Uncompressed Size: 37.2 KB
Bytes Out (uploaded): 2.0 KB

Request Headers:

:authority: client-assets.cf.emarsys.net
:method: GET
:path: /eds-themes/7.1.0/fonts/horizon.woff2
:scheme: https
accept: */*
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
origin: https://designsystem.emarsys.net
priority: u=4
referer: https://designsystem.emarsys.net/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: font
sec-fetch-mode: cors
sec-fetch-site: same-site
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
access-control-allow-origin: *
age: 1308
cf-cache-status: HIT
cf-ray: 8e1b23ca7c809b80-FRA
content-length: 38068
content-type: font/woff2
date: Wed, 13 Nov 2024 01:55:29 GMT
etag: "f5ba314eec8b8e96ab0a166c707559b9"
last-modified: Wed, 06 Nov 2024 14:30:09 GMT
server: cloudflare
vary: Origin, Accept-Encoding
:status: 200

Request 23: https://designsystem.emarsys.net/assets/img/favicon.svg

URL: https://designsystem.emarsys.net/assets/img/favicon.svg
Host: designsystem.emarsys.net
IP: 35.198.176.244
Error/Status Code: 200
Priority: High
Protocol: HTTP/2
HTTP/2 Stream: 31, weight 220, depends on 0, EXCLUSIVE
Request Start: 2.190 s
Time to First Byte: 35 ms
Content Download: 1 ms
Bytes In (downloaded): 0.5 KB
Uncompressed Size: 0.5 KB
Bytes Out (uploaded): 2.5 KB

Request Headers:

:authority: designsystem.emarsys.net
:method: GET
:path: /assets/img/favicon.svg
:scheme: https
accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8
accept-encoding: gzip, deflate, br, zstd
accept-language: en-US,en;q=0.9
cookie: kirby_session=87434f6216229b7ba1dbfc4ae32de0e5efe11f36%2B1731470127.465993fcaef9824a437b.8925e1b77fc94e0b310e6b33d9c17722c274905f51a0203dd1a1c25a29a144c4
priority: u=1, i
referer: https://designsystem.emarsys.net/
sec-ch-ua: " Not A;Brand";v="99", "Chromium";v="129", "Google Chrome";v="129"
sec-ch-ua-mobile: ?0
sec-ch-ua-platform: "Unknown"
sec-fetch-dest: image
sec-fetch-mode: no-cors
sec-fetch-site: same-origin
user-agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.36 PTST/24.10.2

Response Headers:

accept-ranges: bytes
content-length: 556
content-type: image/svg+xml
date: Wed, 13 Nov 2024 01:55:29 GMT
etag: "22c-626a342c51180"
last-modified: Mon, 11 Nov 2024 13:41:42 GMT
strict-transport-security: max-age=15724800; includeSubDomains
x-envoy-upstream-service-time: 2
x-gap-router-request-id-y3ntymkk: feaf5db7bb29155ad928547d246c495b
:status: 200