Messages are blocks of text that stand out among other content.
The custom Theme palette option in Tailwind configuration contains values for positive, negative, info and warning colors which can be used to create various messages with appropriate appearances.
text-positive-text bg-positive-background border-positive-borderPositive message
Success: this paragraph is a 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(--spacing-4)}.py-3{padding-block:var(--spacing-3)}.text-base\\/none{font-size:var(--text-base);line-height:var(--leading-none)}.text-positive-text{color:var(--color-positive-text)}.bg-positive-background{background-color:var(--color-positive-background)}.rounded{border-radius:var(--radius)}.border{border-style:var(--tw-border-style);border-width:1px}.border-positive-border{border-color:var(--color-positive-border)}","t":1758876679},"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 -->Info message
Info: this paragraph is a message.
<!-- 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(--spacing-4)}.py-3{padding-block:var(--spacing-3)}.text-base\\/none{font-size:var(--text-base);line-height:var(--leading-none)}.text-info-text{color:var(--color-info-text)}.bg-info-background{background-color:var(--color-info-background)}.rounded{border-radius:var(--radius)}.border{border-style:var(--tw-border-style);border-width:1px}.border-info-border{border-color:var(--color-info-border)}","t":1758876679},"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 -->Warning message
Warning: this paragraph is a message.
<!-- 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(--spacing-4)}.py-3{padding-block:var(--spacing-3)}.text-base\\/none{font-size:var(--text-base);line-height:var(--leading-none)}.text-warning-text{color:var(--color-warning-text)}.bg-warning-background{background-color:var(--color-warning-background)}.rounded{border-radius:var(--radius)}.border{border-style:var(--tw-border-style);border-width:1px}.border-warning-border{border-color:var(--color-warning-border)}","t":1758876679},"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 -->Negative message
Error: this paragraph is a message.
<!-- 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(--spacing-4)}.py-3{padding-block:var(--spacing-3)}.text-base\\/none{font-size:var(--text-base);line-height:var(--leading-none)}.text-negative-text{color:var(--color-negative-text)}.bg-negative-background{background-color:var(--color-negative-background)}.rounded{border-radius:var(--radius)}.border{border-style:var(--tw-border-style);border-width:1px}.border-negative-border{border-color:var(--color-negative-border)}","t":1758876679},"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 -->Generic message
Lorem ipsum: dolor sit amet, consectetur adipiscing elit.
<!-- wp:paragraph {"skaBlocks":{"cx":"px-4 py-3 text-base/none text-site bg-plain-light rounded border","css":".px-4{padding-inline:var(--spacing-4)}.py-3{padding-block:var(--spacing-3)}.text-base\\/none{font-size:var(--text-base);line-height:var(--leading-none)}.text-site{color:var(--color-site)}.bg-plain-light{background-color:var(--color-plain-light)}.rounded{border-radius:var(--radius)}.border{border-style:var(--tw-border-style);border-width:1px}","t":1758876679},"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 -->Message with an icon
Lorem ipsum: dolor sit amet, consectetur adipiscing elit.
<!-- 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(--spacing-2_5)}.items-center{align-items:center}.px-4{padding-inline:var(--spacing-4)}.py-3{padding-block:var(--spacing-3)}.text-base\\/none{font-size:var(--text-base);line-height:var(--leading-none)}.text-site{color:var(--color-site)}.bg-plain-light{background-color:var(--color-plain-light)}.rounded{border-radius:var(--radius)}.border{border-style:var(--tw-border-style);border-width:1px}","t":1758876679},"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","role":"presentation","svg":"\u003csvg viewBox=\u00220 0 24 24\u0022 fill=\u0022none\u0022 xmlns=\u0022http://www.w3.org/2000/svg\u0022\u003e\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\u003c/svg\u003e","collection":"heroicons","icon":"24/outline/information-circle","skaBlocks":{"cx":"min-w-6 h-auto text-current","css":".min-w-6{min-width:var(--spacing-6)}.h-auto{height:auto}.text-current{color:currentColor}","t":1758876679},"skaBlocksMinWidth":{"v":{"$":{"@":"6"}}},"skaBlocksHeight":{"v":{"$":{"@":"auto"}}},"skaBlocksTextColor":{"v":{"$":{"@":"current"}}}} -->
<div aria-hidden="true" class="min-w-6 h-auto text-current wp-block-ska-image">
<svg 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 -->Message with a floating icon
Lorem ipsum dolor sit amet: Maecenas aliquam, dolor gravida vestibulum laoreet egestas ipsum at convallis. Maecenas aliquam, dolor gravida elementum maximus, eros ante rutrum velit, sed aliquet urna lorem at dui rutrum velit, sed aliquet urna lorem at dui elementum maximus.
<!-- wp:ska/element {"skaBlocks":{"cx":"px-4 py-3 text-base/none text-site bg-plain-light rounded border","css":".px-4{padding-inline:var(--spacing-4)}.py-3{padding-block:var(--spacing-3)}.text-base\\/none{font-size:var(--text-base);line-height:var(--leading-none)}.text-site{color:var(--color-site)}.bg-plain-light{background-color:var(--color-plain-light)}.rounded{border-radius:var(--radius)}.border{border-style:var(--tw-border-style);border-width:1px}","t":1758876679},"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="px-4 py-3 text-base/none text-site bg-plain-light rounded border wp-block-ska-element">
<!-- wp:ska/image {"mode":"icon","role":"presentation","svg":"\u003csvg viewBox=\u00220 0 24 24\u0022 fill=\u0022none\u0022 xmlns=\u0022http://www.w3.org/2000/svg\u0022\u003e\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\u003c/svg\u003e","collection":"heroicons","icon":"24/outline/information-circle","skaBlocks":{"cx":"float-left mt-1 mr-1.5 min-w-6 h-auto text-current","css":".float-left{float:left}.mt-1{margin-top:var(--spacing-1)}.mr-1\\.5{margin-right:var(--spacing-1_5)}.min-w-6{min-width:var(--spacing-6)}.h-auto{height:auto}.text-current{color:currentColor}","t":1758876679},"skaBlocksFloat":{"v":{"$":{"@":"left"}}},"skaBlocksMargin":{"v":{"$":{"@":"","r":"1.5","t":"1","l":""}},"t":"sides"},"skaBlocksMinWidth":{"v":{"$":{"@":"6"}}},"skaBlocksHeight":{"v":{"$":{"@":"auto"}}},"skaBlocksTextColor":{"v":{"$":{"@":"current"}}}} -->
<div aria-hidden="true" class="float-left mt-1 mr-1.5 min-w-6 h-auto text-current wp-block-ska-image">
<svg 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 dolor sit amet</strong>: Maecenas aliquam, dolor gravida vestibulum laoreet egestas ipsum at convallis. Maecenas aliquam, dolor gravida elementum maximus, eros ante rutrum velit, sed aliquet urna lorem at dui rutrum velit, sed aliquet urna lorem at dui elementum maximus.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:ska/element -->Message with a header and content
Lorem ipsum dolor sit amet
Vestibulum laoreet egestas ipsum at convallis. Maecenas aliquam, dolor gravida elementum maximus, eros ante rutrum velit, sed aliquet urna lorem at dui.
<!-- wp:ska/element {"skaBlocks":{"cx":"px-4 py-3 text-site bg-plain-light rounded border","css":".px-4{padding-inline:var(--spacing-4)}.py-3{padding-block:var(--spacing-3)}.text-site{color:var(--color-site)}.bg-plain-light{background-color:var(--color-plain-light)}.rounded{border-radius:var(--radius)}.border{border-style:var(--tw-border-style);border-width:1px}","t":1758876679},"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(--spacing-1)*-1)}.mb-0{margin-bottom:var(--spacing-0)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}","t":1758876679},"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(--text-sm);line-height:var(--leading-tight)}","t":1758876679},"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 -->Message with a list
Lorem ipsum dolor sit amet
- Nam vestibulum sapien viverra nisi auctor mollis
- Ut vitae erat vitae neque interdum congue
- Suspendisse eleifend dolor vel eleifend
<!-- wp:ska/element {"skaBlocks":{"cx":"px-4 py-3 text-site bg-plain-light rounded border","css":".px-4{padding-inline:var(--spacing-4)}.py-3{padding-block:var(--spacing-3)}.text-site{color:var(--color-site)}.bg-plain-light{background-color:var(--color-plain-light)}.rounded{border-radius:var(--radius)}.border{border-style:var(--tw-border-style);border-width:1px}","t":1758876679},"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(--spacing-1)*-1)}.mb-0{margin-bottom:var(--spacing-0)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}","t":1758876679},"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(--spacing-5)}.text-sm\\/normal{font-size:var(--text-sm);line-height:var(--leading-normal)}.list-disc{list-style-type:disc}","t":1758876679},"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 -->Message with an icon, header and content
Lorem ipsum dolor sit amet
Vestibulum laoreet egestas ipsum at convallis. Maecenas aliquam, dolor gravida elementum maximus, eros ante rutrum velit, sed aliquet urna lorem at dui.
<!-- 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(--spacing-3)}.items-center{align-items:center}.px-4{padding-inline:var(--spacing-4)}.py-3{padding-block:var(--spacing-3)}.text-site{color:var(--color-site)}.bg-plain-light{background-color:var(--color-plain-light)}.rounded{border-radius:var(--radius)}.border{border-style:var(--tw-border-style);border-width:1px}","t":1758876679},"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","role":"presentation","svg":"\u003csvg viewBox=\u00220 0 24 24\u0022 fill=\u0022none\u0022 xmlns=\u0022http://www.w3.org/2000/svg\u0022\u003e\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\u003c/svg\u003e","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(--spacing-10)}.h-auto{height:auto}.text-site\\/75{color:#000000a6}@supports (color:color-mix(in lab, red, red)){.text-site\\/75{color:color-mix(in oklab,var(--color-site)75%,transparent)}}","t":1758876679},"skaBlocksMinWidth":{"v":{"$":{"@":"10"}}},"skaBlocksHeight":{"v":{"$":{"@":"auto"}}},"skaBlocksTextColor":{"v":{"$":{"@":"site/75"}}}} -->
<div aria-hidden="true" class="min-w-10 h-auto text-site/75 wp-block-ska-image">
<svg 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(--spacing-1)*-1)}.mb-0{margin-bottom:var(--spacing-0)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}","t":1758876679},"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(--text-sm);line-height:var(--leading-tight)}","t":1758876679},"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 -->Info section
Lorem ipsum dolor sit amet
Vestibulum laoreet egestas ipsum at convallis. Maecenas aliquam, dolor gravida elementum maximus, eros ante rutrum velit, sed aliquet urna lorem at dui.
Curabitur sit amet nunc sed tellus sollicitudin fermentum. Vivamus feugiat libero quis vulputate ullamcorper.
<!-- wp:ska/element {"skaBlocks":{"cx":"px-gutter py-5 text-sm text-info-text bg-info-background border-l-3 border-info-border","css":".px-gutter{padding-inline:var(--gutter)}.py-5{padding-block:var(--spacing-5)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-info-text{color:var(--color-info-text)}.bg-info-background{background-color:var(--color-info-background)}.border-l-3{border-left-style:var(--tw-border-style);border-left-width:3px}.border-info-border{border-color:var(--color-info-border)}","t":1758876679,"p":[{"id":"ska-theme--links","isStatic":true}]},"skaBlocksPadding":{"v":{"$":{"@":"","x":"gutter","y":"5"}},"t":"axis"},"skaBlocksFontSize":{"v":{"$":{"@":"sm"}}},"skaBlocksTextColor":{"v":{"$":{"@":"info-text"}}},"skaBlocksBackgroundColor":{"v":{"$":{"@":"info-background"}}},"skaBlocksBorderWidth":{"v":{"$":{"@":"","l":"3"}},"t":"sides"},"skaBlocksBorderColor":{"v":{"$":{"@":"info-border"}}}} -->
<div class="px-gutter py-5 text-sm text-info-text bg-info-background border-l-3 border-info-border wp-block-ska-element">
<!-- wp:heading {"level":4,"skaBlocks":{"cx":"text-base","css":".text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}","t":1758876679},"skaBlocksFontSize":{"v":{"$":{"@":"base"}}}} -->
<h4 class="text-base wp-block-heading">Lorem ipsum dolor sit amet</h4>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>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 -->
<!-- wp:paragraph -->
<p>Curabitur sit amet nunc sed tellus sollicitudin fermentum. Vivamus feugiat libero quis vulputate ullamcorper.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p><a href="#">Read more -></a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:ska/element -->Warning section
Lorem ipsum dolor sit amet
Vestibulum laoreet egestas ipsum at convallis. Maecenas aliquam, dolor gravida elementum maximus, eros ante rutrum velit, sed aliquet urna lorem at dui.
Curabitur sit amet nunc sed tellus sollicitudin fermentum. Vivamus feugiat libero quis vulputate ullamcorper.
<!-- wp:ska/element {"skaBlocks":{"cx":"px-gutter py-5 text-sm text-warning-text bg-warning-background border-l-3 border-warning-border","css":".px-gutter{padding-inline:var(--gutter)}.py-5{padding-block:var(--spacing-5)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-warning-text{color:var(--color-warning-text)}.bg-warning-background{background-color:var(--color-warning-background)}.border-l-3{border-left-style:var(--tw-border-style);border-left-width:3px}.border-warning-border{border-color:var(--color-warning-border)}","t":1758876679,"p":[{"id":"ska-theme--links","isStatic":true}]},"skaBlocksPadding":{"v":{"$":{"@":"","x":"gutter","y":"5"}},"t":"axis"},"skaBlocksFontSize":{"v":{"$":{"@":"sm"}}},"skaBlocksTextColor":{"v":{"$":{"@":"warning-text"}}},"skaBlocksBackgroundColor":{"v":{"$":{"@":"warning-background"}}},"skaBlocksBorderWidth":{"v":{"$":{"@":"","l":"3"}},"t":"sides"},"skaBlocksBorderColor":{"v":{"$":{"@":"warning-border"}}}} -->
<div class="px-gutter py-5 text-sm text-warning-text bg-warning-background border-l-3 border-warning-border wp-block-ska-element">
<!-- wp:heading {"level":4,"skaBlocks":{"cx":"text-base","css":".text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}","t":1758876679},"skaBlocksFontSize":{"v":{"$":{"@":"base"}}}} -->
<h4 class="text-base wp-block-heading">Lorem ipsum dolor sit amet</h4>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>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 -->
<!-- wp:paragraph -->
<p>Curabitur sit amet nunc sed tellus sollicitudin fermentum. Vivamus feugiat libero quis vulputate ullamcorper.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p><a href="#">Read more -></a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:ska/element -->Positive section
Lorem ipsum dolor sit amet
Vestibulum laoreet egestas ipsum at convallis. Maecenas aliquam, dolor gravida elementum maximus, eros ante rutrum velit, sed aliquet urna lorem at dui.
Curabitur sit amet nunc sed tellus sollicitudin fermentum. Vivamus feugiat libero quis vulputate ullamcorper.
<!-- wp:ska/element {"skaBlocks":{"cx":"px-gutter py-5 text-sm text-positive-text bg-positive-background border-l-3 border-positive-border","css":".px-gutter{padding-inline:var(--gutter)}.py-5{padding-block:var(--spacing-5)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-positive-text{color:var(--color-positive-text)}.bg-positive-background{background-color:var(--color-positive-background)}.border-l-3{border-left-style:var(--tw-border-style);border-left-width:3px}.border-positive-border{border-color:var(--color-positive-border)}","t":1758876679,"p":[{"id":"ska-theme--links","isStatic":true}]},"skaBlocksPadding":{"v":{"$":{"@":"","x":"gutter","y":"5"}},"t":"axis"},"skaBlocksFontSize":{"v":{"$":{"@":"sm"}}},"skaBlocksTextColor":{"v":{"$":{"@":"positive-text"}}},"skaBlocksBackgroundColor":{"v":{"$":{"@":"positive-background"}}},"skaBlocksBorderWidth":{"v":{"$":{"@":"","l":"3"}},"t":"sides"},"skaBlocksBorderColor":{"v":{"$":{"@":"positive-border"}}}} -->
<div class="px-gutter py-5 text-sm text-positive-text bg-positive-background border-l-3 border-positive-border wp-block-ska-element">
<!-- wp:heading {"level":4,"skaBlocks":{"cx":"text-base","css":".text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}","t":1758876679},"skaBlocksFontSize":{"v":{"$":{"@":"base"}}}} -->
<h4 class="text-base wp-block-heading">Lorem ipsum dolor sit amet</h4>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>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 -->
<!-- wp:paragraph -->
<p>Curabitur sit amet nunc sed tellus sollicitudin fermentum. Vivamus feugiat libero quis vulputate ullamcorper.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p><a href="#">Read more -></a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:ska/element -->Negative section
Lorem ipsum dolor sit amet
Vestibulum laoreet egestas ipsum at convallis. Maecenas aliquam, dolor gravida elementum maximus, eros ante rutrum velit, sed aliquet urna lorem at dui.
Curabitur sit amet nunc sed tellus sollicitudin fermentum. Vivamus feugiat libero quis vulputate ullamcorper.
<!-- wp:ska/element {"skaBlocks":{"cx":"px-gutter py-5 text-sm text-negative-text bg-negative-background border-l-3 border-negative-border","css":".px-gutter{padding-inline:var(--gutter)}.py-5{padding-block:var(--spacing-5)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-negative-text{color:var(--color-negative-text)}.bg-negative-background{background-color:var(--color-negative-background)}.border-l-3{border-left-style:var(--tw-border-style);border-left-width:3px}.border-negative-border{border-color:var(--color-negative-border)}","t":1758876679,"p":[{"id":"ska-theme--links","isStatic":true}]},"skaBlocksPadding":{"v":{"$":{"@":"","x":"gutter","y":"5"}},"t":"axis"},"skaBlocksFontSize":{"v":{"$":{"@":"sm"}}},"skaBlocksTextColor":{"v":{"$":{"@":"negative-text"}}},"skaBlocksBackgroundColor":{"v":{"$":{"@":"negative-background"}}},"skaBlocksBorderWidth":{"v":{"$":{"@":"","l":"3"}},"t":"sides"},"skaBlocksBorderColor":{"v":{"$":{"@":"negative-border"}}}} -->
<div class="px-gutter py-5 text-sm text-negative-text bg-negative-background border-l-3 border-negative-border wp-block-ska-element">
<!-- wp:heading {"level":4,"skaBlocks":{"cx":"text-base","css":".text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}","t":1758876679},"skaBlocksFontSize":{"v":{"$":{"@":"base"}}}} -->
<h4 class="text-base wp-block-heading">Lorem ipsum dolor sit amet</h4>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>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 -->
<!-- wp:paragraph -->
<p>Curabitur sit amet nunc sed tellus sollicitudin fermentum. Vivamus feugiat libero quis vulputate ullamcorper.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p><a href="#">Read more -></a></p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:ska/element -->
