Message

<!-- wp:paragraph {"skaBlocks":{"cx":"px-4 py-3 text-base/none text-positive-text bg-positive-background rounded border border-positive-border","css":".px-4{padding-inline:var(\u002d\u002dspacing-4)}.py-3{padding-block:var(\u002d\u002dspacing-3)}.text-base\\/none{font-size:var(\u002d\u002dtext-base);line-height:var(\u002d\u002dleading-none)}.text-positive-text{color:var(\u002d\u002dcolor-positive-text)}.bg-positive-background{background-color:var(\u002d\u002dcolor-positive-background)}.rounded{border-radius:var(\u002d\u002dradius)}.border{border-style:var(\u002d\u002dtw-border-style);border-width:1px}.border-positive-border{border-color:var(\u002d\u002dcolor-positive-border)}","t":1740957313},"skaBlocksPadding":{"v":{"$":{"@":"","x":"4","y":"3"}},"t":"axis"},"skaBlocksFontSize":{"v":{"$":{"@":"base/none"}}},"skaBlocksTextColor":{"v":{"$":{"@":"positive-text"}}},"skaBlocksBackgroundColor":{"v":{"$":{"@":"positive-background"}}},"skaBlocksBorderRadius":{"v":{"$":{"@":"DEFAULT"}}},"skaBlocksBorderWidth":{"v":{"$":{"@":"DEFAULT"}}},"skaBlocksBorderColor":{"v":{"$":{"@":"positive-border"}}}} -->
<p class="px-4 py-3 text-base/none text-positive-text bg-positive-background rounded border border-positive-border"><strong>Success</strong>: this paragraph is a message.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"skaBlocks":{"cx":"px-4 py-3 text-base/none text-info-text bg-info-background rounded border border-info-border","css":".px-4{padding-inline:var(\u002d\u002dspacing-4)}.py-3{padding-block:var(\u002d\u002dspacing-3)}.text-base\\/none{font-size:var(\u002d\u002dtext-base);line-height:var(\u002d\u002dleading-none)}.text-info-text{color:var(\u002d\u002dcolor-info-text)}.bg-info-background{background-color:var(\u002d\u002dcolor-info-background)}.rounded{border-radius:var(\u002d\u002dradius)}.border{border-style:var(\u002d\u002dtw-border-style);border-width:1px}.border-info-border{border-color:var(\u002d\u002dcolor-info-border)}","t":1740957313},"skaBlocksPadding":{"v":{"$":{"@":"","x":"4","y":"3"}},"t":"axis"},"skaBlocksFontSize":{"v":{"$":{"@":"base/none"}}},"skaBlocksTextColor":{"v":{"$":{"@":"info-text"}}},"skaBlocksBackgroundColor":{"v":{"$":{"@":"info-background"}}},"skaBlocksBorderRadius":{"v":{"$":{"@":"DEFAULT"}}},"skaBlocksBorderWidth":{"v":{"$":{"@":"DEFAULT"}}},"skaBlocksBorderColor":{"v":{"$":{"@":"info-border"}}}} -->
<p class="px-4 py-3 text-base/none text-info-text bg-info-background rounded border border-info-border"><strong>Info</strong>: this paragraph is a message.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"skaBlocks":{"cx":"px-4 py-3 text-base/none text-warning-text bg-warning-background rounded border border-warning-border","css":".px-4{padding-inline:var(\u002d\u002dspacing-4)}.py-3{padding-block:var(\u002d\u002dspacing-3)}.text-base\\/none{font-size:var(\u002d\u002dtext-base);line-height:var(\u002d\u002dleading-none)}.text-warning-text{color:var(\u002d\u002dcolor-warning-text)}.bg-warning-background{background-color:var(\u002d\u002dcolor-warning-background)}.rounded{border-radius:var(\u002d\u002dradius)}.border{border-style:var(\u002d\u002dtw-border-style);border-width:1px}.border-warning-border{border-color:var(\u002d\u002dcolor-warning-border)}","t":1740957313},"skaBlocksPadding":{"v":{"$":{"@":"","x":"4","y":"3"}},"t":"axis"},"skaBlocksFontSize":{"v":{"$":{"@":"base/none"}}},"skaBlocksTextColor":{"v":{"$":{"@":"warning-text"}}},"skaBlocksBackgroundColor":{"v":{"$":{"@":"warning-background"}}},"skaBlocksBorderRadius":{"v":{"$":{"@":"DEFAULT"}}},"skaBlocksBorderWidth":{"v":{"$":{"@":"DEFAULT"}}},"skaBlocksBorderColor":{"v":{"$":{"@":"warning-border"}}}} -->
<p class="px-4 py-3 text-base/none text-warning-text bg-warning-background rounded border border-warning-border"><strong>Warning</strong>: this paragraph is a message.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"skaBlocks":{"cx":"px-4 py-3 text-base/none text-negative-text bg-negative-background rounded border border-negative-border","css":".px-4{padding-inline:var(\u002d\u002dspacing-4)}.py-3{padding-block:var(\u002d\u002dspacing-3)}.text-base\\/none{font-size:var(\u002d\u002dtext-base);line-height:var(\u002d\u002dleading-none)}.text-negative-text{color:var(\u002d\u002dcolor-negative-text)}.bg-negative-background{background-color:var(\u002d\u002dcolor-negative-background)}.rounded{border-radius:var(\u002d\u002dradius)}.border{border-style:var(\u002d\u002dtw-border-style);border-width:1px}.border-negative-border{border-color:var(\u002d\u002dcolor-negative-border)}","t":1740957313},"skaBlocksPadding":{"v":{"$":{"@":"","x":"4","y":"3"}},"t":"axis"},"skaBlocksFontSize":{"v":{"$":{"@":"base/none"}}},"skaBlocksTextColor":{"v":{"$":{"@":"negative-text"}}},"skaBlocksBackgroundColor":{"v":{"$":{"@":"negative-background"}}},"skaBlocksBorderRadius":{"v":{"$":{"@":"DEFAULT"}}},"skaBlocksBorderWidth":{"v":{"$":{"@":"DEFAULT"}}},"skaBlocksBorderColor":{"v":{"$":{"@":"negative-border"}}}} -->
<p class="px-4 py-3 text-base/none text-negative-text bg-negative-background rounded border border-negative-border"><strong>Error</strong>: this paragraph is a message.</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"skaBlocks":{"cx":"px-4 py-3 text-base/none text-site bg-plain-light rounded border","css":".px-4{padding-inline:var(\u002d\u002dspacing-4)}.py-3{padding-block:var(\u002d\u002dspacing-3)}.text-base\\/none{font-size:var(\u002d\u002dtext-base);line-height:var(\u002d\u002dleading-none)}.text-site{color:var(\u002d\u002dcolor-site)}.bg-plain-light{background-color:var(\u002d\u002dcolor-plain-light)}.rounded{border-radius:var(\u002d\u002dradius)}.border{border-style:var(\u002d\u002dtw-border-style);border-width:1px}","t":1740957313},"skaBlocksPadding":{"v":{"$":{"@":"","x":"4","y":"3"}},"t":"axis"},"skaBlocksFontSize":{"v":{"$":{"@":"base/none"}}},"skaBlocksTextColor":{"v":{"$":{"@":"site"}}},"skaBlocksBackgroundColor":{"v":{"$":{"@":"plain-light"}}},"skaBlocksBorderRadius":{"v":{"$":{"@":"DEFAULT"}}},"skaBlocksBorderWidth":{"v":{"$":{"@":"DEFAULT"}}}} -->
<p class="px-4 py-3 text-base/none text-site bg-plain-light rounded border"><strong>Lorem ipsum</strong>: dolor sit amet, consectetur adipiscing elit.</p>
<!-- /wp:paragraph -->

<!-- wp:ska/element {"skaBlocks":{"cx":"flex flex-row gap-2.5 items-center px-4 py-3 text-base/none text-site bg-plain-light rounded border","css":".flex{display:flex}.flex-row{flex-direction:row}.gap-2\\.5{gap:var(\u002d\u002dspacing-2_5)}.items-center{align-items:center}.px-4{padding-inline:var(\u002d\u002dspacing-4)}.py-3{padding-block:var(\u002d\u002dspacing-3)}.text-base\\/none{font-size:var(\u002d\u002dtext-base);line-height:var(\u002d\u002dleading-none)}.text-site{color:var(\u002d\u002dcolor-site)}.bg-plain-light{background-color:var(\u002d\u002dcolor-plain-light)}.rounded{border-radius:var(\u002d\u002dradius)}.border{border-style:var(\u002d\u002dtw-border-style);border-width:1px}","t":1740957313},"skaBlocksDisplay":{"v":{"$":{"@":"flex"}}},"skaBlocksFlexDirection":{"v":{"$":{"@":"row"}}},"skaBlocksGap":{"v":{"$":{"@":"2.5"}}},"skaBlocksAlignItems":{"v":{"$":{"@":"center"}}},"skaBlocksPadding":{"v":{"$":{"@":"","x":"4","y":"3"}},"t":"axis"},"skaBlocksFontSize":{"v":{"$":{"@":"base/none"}}},"skaBlocksTextColor":{"v":{"$":{"@":"site"}}},"skaBlocksBackgroundColor":{"v":{"$":{"@":"plain-light"}}},"skaBlocksBorderRadius":{"v":{"$":{"@":"DEFAULT"}}},"skaBlocksBorderWidth":{"v":{"$":{"@":"DEFAULT"}}}} -->
<div class="flex flex-row gap-2.5 items-center px-4 py-3 text-base/none text-site bg-plain-light rounded border wp-block-ska-element"><!-- wp:ska/image {"mode":"icon","svg":"\u003csvg data-svg-width=\u002224\u0022 data-svg-height=\u002224\u0022 viewBox=\u00220 0 24 24\u0022 fill=\u0022none\u0022 xmlns=\u0022http://www.w3.org/2000/svg\u0022\u003e\n\u003cpath d=\u0022M11.25 11.25L11.2915 11.2293C11.8646 10.9427 12.5099 11.4603 12.3545 12.082L11.6455 14.918C11.4901 15.5397 12.1354 16.0573 12.7085 15.7707L12.75 15.75M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12ZM12 8.25H12.0075V8.2575H12V8.25Z\u0022 stroke=\u0022currentColor\u0022 stroke-width=\u00221.5\u0022 stroke-linecap=\u0022round\u0022 stroke-linejoin=\u0022round\u0022/\u003e\n\u003c/svg\u003e\n","collection":"heroicons","icon":"24/outline/information-circle","skaBlocks":{"cx":"min-w-6 h-auto text-current","css":".min-w-6{min-width:var(\u002d\u002dspacing-6)}.h-auto{height:auto}.text-current{color:currentColor}","t":1740957313},"skaBlocksMinWidth":{"v":{"$":{"@":"6"}}},"skaBlocksHeight":{"v":{"$":{"@":"auto"}}},"skaBlocksTextColor":{"v":{"$":{"@":"current"}}}} -->
<div role="figure" aria-hidden="true" class="min-w-6 h-auto text-current wp-block-ska-image"><svg data-svg-width="24" data-svg-height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.25 11.25L11.2915 11.2293C11.8646 10.9427 12.5099 11.4603 12.3545 12.082L11.6455 14.918C11.4901 15.5397 12.1354 16.0573 12.7085 15.7707L12.75 15.75M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12ZM12 8.25H12.0075V8.2575H12V8.25Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></div>
<!-- /wp:ska/image -->

<!-- wp:paragraph -->
<p><strong>Lorem ipsum</strong>: dolor sit amet, consectetur adipiscing elit.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:ska/element -->

<!-- wp:ska/element {"skaBlocks":{"cx":"px-4 py-3 text-site bg-plain-light rounded border","css":".px-4{padding-inline:var(\u002d\u002dspacing-4)}.py-3{padding-block:var(\u002d\u002dspacing-3)}.text-site{color:var(\u002d\u002dcolor-site)}.bg-plain-light{background-color:var(\u002d\u002dcolor-plain-light)}.rounded{border-radius:var(\u002d\u002dradius)}.border{border-style:var(\u002d\u002dtw-border-style);border-width:1px}","t":1740957313},"skaBlocksPadding":{"v":{"$":{"@":"","x":"4","y":"3"}},"t":"axis"},"skaBlocksTextColor":{"v":{"$":{"@":"site"}}},"skaBlocksBackgroundColor":{"v":{"$":{"@":"plain-light"}}},"skaBlocksBorderRadius":{"v":{"$":{"@":"DEFAULT"}}},"skaBlocksBorderWidth":{"v":{"$":{"@":"DEFAULT"}}}} -->
<div class="px-4 py-3 text-site bg-plain-light rounded border wp-block-ska-element"><!-- wp:paragraph {"skaBlocks":{"cx":"-mt-1 mb-0 text-base","css":".-mt-1{margin-top:calc(var(\u002d\u002dspacing-1)*-1)}.mb-0{margin-bottom:var(\u002d\u002dspacing-0)}.text-base{font-size:var(\u002d\u002dtext-base);line-height:var(\u002d\u002dtw-leading,var(\u002d\u002dtext-base\u002d\u002dline-height))}","t":1740957313},"skaBlocksMargin":{"v":{"$":{"@":"","t":"-1","b":"0"}},"t":"sides"},"skaBlocksFontSize":{"v":{"$":{"@":"base"}}}} -->
<p class="-mt-1 mb-0 text-base"><strong>Lorem ipsum dolor sit amet</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"skaBlocks":{"cx":"text-sm/tight","css":".text-sm\\/tight{font-size:var(\u002d\u002dtext-sm);line-height:var(\u002d\u002dleading-tight)}","t":1740957313},"skaBlocksFontSize":{"v":{"$":{"@":"sm/tight"}}}} -->
<p class="text-sm/tight">Vestibulum laoreet egestas ipsum at convallis. Maecenas aliquam, dolor gravida elementum maximus, eros ante rutrum velit, sed aliquet urna lorem at dui.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:ska/element -->

<!-- wp:ska/element {"skaBlocks":{"cx":"px-4 py-3 text-site bg-plain-light rounded border","css":".px-4{padding-inline:var(\u002d\u002dspacing-4)}.py-3{padding-block:var(\u002d\u002dspacing-3)}.text-site{color:var(\u002d\u002dcolor-site)}.bg-plain-light{background-color:var(\u002d\u002dcolor-plain-light)}.rounded{border-radius:var(\u002d\u002dradius)}.border{border-style:var(\u002d\u002dtw-border-style);border-width:1px}","t":1740957313},"skaBlocksPadding":{"v":{"$":{"@":"","x":"4","y":"3"}},"t":"axis"},"skaBlocksTextColor":{"v":{"$":{"@":"site"}}},"skaBlocksBackgroundColor":{"v":{"$":{"@":"plain-light"}}},"skaBlocksBorderRadius":{"v":{"$":{"@":"DEFAULT"}}},"skaBlocksBorderWidth":{"v":{"$":{"@":"DEFAULT"}}}} -->
<div class="px-4 py-3 text-site bg-plain-light rounded border wp-block-ska-element"><!-- wp:paragraph {"skaBlocks":{"cx":"-mt-1 mb-0 text-base","css":".-mt-1{margin-top:calc(var(\u002d\u002dspacing-1)*-1)}.mb-0{margin-bottom:var(\u002d\u002dspacing-0)}.text-base{font-size:var(\u002d\u002dtext-base);line-height:var(\u002d\u002dtw-leading,var(\u002d\u002dtext-base\u002d\u002dline-height))}","t":1740957313},"skaBlocksMargin":{"v":{"$":{"@":"","t":"-1","b":"0"}},"t":"sides"},"skaBlocksFontSize":{"v":{"$":{"@":"base"}}}} -->
<p class="-mt-1 mb-0 text-base"><strong>Lorem ipsum dolor sit amet</strong></p>
<!-- /wp:paragraph -->

<!-- wp:list {"skaBlocks":{"cx":"ml-5 text-sm/normal list-disc","css":".ml-5{margin-left:var(\u002d\u002dspacing-5)}.text-sm\\/normal{font-size:var(\u002d\u002dtext-sm);line-height:var(\u002d\u002dleading-normal)}.list-disc{list-style-type:disc}","t":1740957313},"skaBlocksMargin":{"v":{"$":{"@":"","l":"5"}},"t":"sides"},"skaBlocksFontSize":{"v":{"$":{"@":"sm/normal"}}},"skaBlocksListStyleType":{"v":{"$":{"@":"disc"}}}} -->
<ul class="ml-5 text-sm/normal list-disc wp-block-list"><!-- wp:list-item -->
<li>Nam vestibulum sapien viverra nisi auctor mollis</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Ut vitae erat vitae neque interdum congue</li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li>Suspendisse eleifend dolor vel eleifend</li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div>
<!-- /wp:ska/element -->

<!-- wp:ska/element {"skaBlocks":{"cx":"flex flex-row gap-3 items-center px-4 py-3 text-site bg-plain-light rounded border","css":".flex{display:flex}.flex-row{flex-direction:row}.gap-3{gap:var(\u002d\u002dspacing-3)}.items-center{align-items:center}.px-4{padding-inline:var(\u002d\u002dspacing-4)}.py-3{padding-block:var(\u002d\u002dspacing-3)}.text-site{color:var(\u002d\u002dcolor-site)}.bg-plain-light{background-color:var(\u002d\u002dcolor-plain-light)}.rounded{border-radius:var(\u002d\u002dradius)}.border{border-style:var(\u002d\u002dtw-border-style);border-width:1px}","t":1740957313},"skaBlocksDisplay":{"v":{"$":{"@":"flex"}}},"skaBlocksFlexDirection":{"v":{"$":{"@":"row"}}},"skaBlocksGap":{"v":{"$":{"@":"3"}}},"skaBlocksAlignItems":{"v":{"$":{"@":"center"}}},"skaBlocksPadding":{"v":{"$":{"@":"","x":"4","y":"3"}},"t":"axis"},"skaBlocksTextColor":{"v":{"$":{"@":"site"}}},"skaBlocksBackgroundColor":{"v":{"$":{"@":"plain-light"}}},"skaBlocksBorderRadius":{"v":{"$":{"@":"DEFAULT"}}},"skaBlocksBorderWidth":{"v":{"$":{"@":"DEFAULT"}}}} -->
<div class="flex flex-row gap-3 items-center px-4 py-3 text-site bg-plain-light rounded border wp-block-ska-element"><!-- wp:ska/image {"mode":"icon","svg":"\u003csvg data-svg-width=\u002224\u0022 data-svg-height=\u002224\u0022 viewBox=\u00220 0 24 24\u0022 fill=\u0022none\u0022 xmlns=\u0022http://www.w3.org/2000/svg\u0022\u003e\n\u003cpath d=\u0022M3.75 3V14.25C3.75 15.4926 4.75736 16.5 6 16.5H8.25M3.75 3H2.25M3.75 3H20.25M20.25 3H21.75M20.25 3V14.25C20.25 15.4926 19.2426 16.5 18 16.5H15.75M8.25 16.5H15.75M8.25 16.5L7.25 19.5M15.75 16.5L16.75 19.5M16.75 19.5L17.25 21M16.75 19.5H7.25M7.25 19.5L6.75 21M9 11.25V12.75M12 9V12.75M15 6.75V12.75\u0022 stroke=\u0022currentColor\u0022 stroke-width=\u00221.5\u0022 stroke-linecap=\u0022round\u0022 stroke-linejoin=\u0022round\u0022/\u003e\n\u003c/svg\u003e\n","collection":"heroicons","icon":"24/outline/presentation-chart-bar","skaBlocks":{"cx":"min-w-10 h-auto text-site/75","css":".min-w-10{min-width:var(\u002d\u002dspacing-10)}.h-auto{height:auto}.text-site\\/75{color:color-mix(in oklab,var(\u002d\u002dcolor-site)75%,transparent)}","t":1740957313},"skaBlocksMinWidth":{"v":{"$":{"@":"10"}}},"skaBlocksHeight":{"v":{"$":{"@":"auto"}}},"skaBlocksTextColor":{"v":{"$":{"@":"site/75"}}}} -->
<div role="figure" aria-hidden="true" class="min-w-10 h-auto text-site/75 wp-block-ska-image"><svg data-svg-width="24" data-svg-height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.75 3V14.25C3.75 15.4926 4.75736 16.5 6 16.5H8.25M3.75 3H2.25M3.75 3H20.25M20.25 3H21.75M20.25 3V14.25C20.25 15.4926 19.2426 16.5 18 16.5H15.75M8.25 16.5H15.75M8.25 16.5L7.25 19.5M15.75 16.5L16.75 19.5M16.75 19.5L17.25 21M16.75 19.5H7.25M7.25 19.5L6.75 21M9 11.25V12.75M12 9V12.75M15 6.75V12.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></div>
<!-- /wp:ska/image -->

<!-- wp:ska/element -->
<div class="wp-block-ska-element"><!-- wp:paragraph {"skaBlocks":{"cx":"-mt-1 mb-0 text-base","css":".-mt-1{margin-top:calc(var(\u002d\u002dspacing-1)*-1)}.mb-0{margin-bottom:var(\u002d\u002dspacing-0)}.text-base{font-size:var(\u002d\u002dtext-base);line-height:var(\u002d\u002dtw-leading,var(\u002d\u002dtext-base\u002d\u002dline-height))}","t":1740957313},"skaBlocksMargin":{"v":{"$":{"@":"","t":"-1","b":"0"}},"t":"sides"},"skaBlocksFontSize":{"v":{"$":{"@":"base"}}}} -->
<p class="-mt-1 mb-0 text-base"><strong>Lorem ipsum dolor sit amet</strong></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"skaBlocks":{"cx":"text-sm/tight","css":".text-sm\\/tight{font-size:var(\u002d\u002dtext-sm);line-height:var(\u002d\u002dleading-tight)}","t":1740957313},"skaBlocksFontSize":{"v":{"$":{"@":"sm/tight"}}}} -->
<p class="text-sm/tight">Vestibulum laoreet egestas ipsum at convallis. Maecenas aliquam, dolor gravida elementum maximus, eros ante rutrum velit, sed aliquet urna lorem at dui.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:ska/element --></div>
<!-- /wp:ska/element -->