@ilo-org/twig 1.8.1 → 1.8.2

package/dist/components/breadcrumb/breadcrumb.component.yml

@@ -3,6 +3,16 @@ breadcrumb:
   use: "@components/breadcrumb/breadcrumb.twig"
   label: Breadcrumb
   description: A component for displaying links in a "breadcrumb" ux
+  settings:
+    theme:
+      type: select
+      label: Theme
+      description: The theme of the breadcrumb
+      required: false
+      preview: light
+      options:
+        light: light
+        dark: dark
   fields:
     buttonlabel:
       type: string

package/dist/components/breadcrumb/breadcrumb.twig

@@ -13,7 +13,9 @@
 
 {% set lastlink = links|last %}
 
-<nav class="ilo--breadcrumb {% if className %}{{className}}{% endif %}" data-prefix="ilo" data-loadcomponent="Breadcrumb">
+{% set theme = theme|default("light") %}
+
+<nav class="ilo--breadcrumb {% if className %}{{className}}{% endif %} ilo--breadcrumb__theme__{{theme}}" data-prefix="ilo" data-loadcomponent="Breadcrumb">
 	<div class="ilo--breadcrumb--inner">
 		<ol class="ilo--breadcrumb--items" id="ilo--breadcrumb--container">
 			{# Render the first link on its own as a custom icon #}

package/dist/components/breadcrumb/breadcrumb.wingsuit.yml

@@ -3,6 +3,16 @@ breadcrumb:
   use: "@components/breadcrumb/breadcrumb.twig"
   label: Breadcrumb
   description: A component for displaying links in a "breadcrumb" ux
+  settings:
+    theme:
+      type: select
+      label: Theme
+      description: The theme of the breadcrumb
+      required: false
+      preview: light
+      options:
+        light: light
+        dark: dark
   fields:
     buttonlabel:
       type: string

package/dist/components/card_detail/card_detail.component.yml

@@ -54,6 +54,15 @@ detailcard:
       description: Title field for the card
       preview: Can digital technology be an equality machine?
   settings:
+    theme:
+      type: select
+      label: Theme
+      description: The theme of the card
+      required: false
+      preview: "light"
+      options:
+        light: "light"
+        dark: "dark"
     size:
       type: select
       label: size

package/dist/components/card_detail/card_detail.twig

@@ -1,6 +1,9 @@
 {# card_detail.twig #}
 
-<div class="ilo--card ilo--card__type__detail ilo--card__size__{{size}} {% if isvideo|boolval %} ilo--card__isvideo {% endif %} ilo--card__theme__light">
+{% set theme = theme|default("light") %}
+{% set iconColor = theme == "light" ? "var(--ilo-color-gray-charcoal)" : "var(--ilo-color-gray-light)" %}
+
+<div class="ilo--card ilo--card__type__detail ilo--card__size__{{size}} {% if isvideo|boolval %} ilo--card__isvideo {% endif %} ilo--card__theme__{{theme}}">
 	<a class="ilo--card--link" href="{{link}}" title="{{title}}">
 		<span class="ilo--card--link--text">{{title}}</span>
 	</a>
@@ -32,7 +35,7 @@
 					{% include "@components/icon/icon.twig" with {
 						name: "triangle_right",
 						size: 20,
-						color: "var(--ilo-color-gray-charcoal)"
+						color: iconColor
 					} %}
 					{{dateExtra}}
 				</p>

package/dist/components/card_detail/card_detail.wingsuit.yml

@@ -54,6 +54,15 @@ detailcard:
       description: Title field for the card
       preview: Can digital technology be an equality machine?
   settings:
+    theme:
+      type: select
+      label: Theme
+      description: The theme of the card
+      required: false
+      preview: "light"
+      options:
+        light: "light"
+        dark: "dark"
     size:
       type: select
       label: size

package/dist/components/form/fieldset.twig

@@ -1,13 +1,21 @@
 {# fieldset.twig #}
 
+{% set theme = theme|default('light') %}
+
 {% set baseClass = 'ilo' ~ "--fieldset" %}
 {% set wrapClass = baseClass ~ "--wrap__" ~ wrap %}
 {% set directionClass = baseClass ~ "--direction__" ~ direction %}
 {% set helperClass = baseClass ~ "--helper" %}
 {% set errorClass = baseClass ~ "__error" %}
 {% set disabledClass = baseClass ~ "__disabled" %}
+{% set themeClass = baseClass ~ "__theme__" ~ theme %}
+
+{% set mergeFields = {
+	"prefix": prefix,
+	"theme": theme
+} %}
 
-{% set fieldsetClasses = [fieldsetClass, baseClass, wrapClass, directionClass, class] %}
+{% set fieldsetClasses = [fieldsetClass, baseClass, wrapClass, directionClass, themeClass, class] %}
 {% if disabled %}
 	{% set fieldsetClasses = fieldsetClasses|merge([disabledClass]) %}
 {% endif %}
@@ -30,7 +38,8 @@
 						{% include '@components/tooltip/tooltip.twig' with {
 							"icon": true,
 							"label": tooltip,
-							"theme": "dark",
+							"icontheme": theme,
+							"theme": theme == "dark" ? "light" : "dark",
 							"prefix": prefix,
 							"tooltipId": tooltip
 						} only %}
@@ -45,25 +54,24 @@
 	<div class="{{ baseClass ~ '--elements' }}">
 		{% for field in fields %}
 			{% if field.type == "textinput" %}
-				{% include "@components/textinput/textinput.twig" with field|merge({ "prefix": prefix }) only %}
+				{% include "@components/textinput/textinput.twig" with field|merge(mergeFields) only %}
 			{% elseif field.type == "checkbox" %}
-				{% include "@components/checkbox/checkbox.twig" with field|merge({ "prefix": prefix }) only %}
+				{% include "@components/checkbox/checkbox.twig" with field|merge(mergeFields) only %}
 			{% elseif field.type == "datepicker" %}
-				{% include "@components/datepicker/datepicker.twig" with field|merge({ "prefix": prefix }) only %}
+				{% include "@components/datepicker/datepicker.twig" with field|merge(mergeFields) only %}
 			{% elseif field.type == "dropdown" %}
-				{% include "@components/dropdown/dropdown.twig" with field|merge({ "prefix": prefix }) only %}
+				{% include "@components/dropdown/dropdown.twig" with field|merge(mergeFields) only %}
 			{% elseif field.type == "fileupload" %}
-				{% include "@components/fileupload/fileupload.twig" with field|merge({ "prefix": prefix }) only %}
+				{% include "@components/fileupload/fileupload.twig" with field|merge(mergeFields) only %}
 			{% elseif field.type == "numberpicker" %}
-				{% include "@components/numberpicker/numberpicker.twig" with field|merge({ "prefix": prefix }) only %}
+				{% include "@components/numberpicker/numberpicker.twig" with field|merge(mergeFields) only %}
 			{% elseif field.type == "radio" %}
-				{% include "@components/radio/radio.twig" with field|merge({ "prefix": prefix }) only %}
+				{% include "@components/radio/radio.twig" with field|merge(mergeFields) only %}
 			{% elseif field.type == "search" %}
-				{% include "@components/search/search.twig" with field|merge({ "prefix": prefix }) only %}
+				{% include "@components/search/search.twig" with field|merge(mergeFields) only %}
 			{% elseif field.type == "textarea" %}
-				{% include "@components/textarea/textarea.twig" with field|merge({ "prefix": prefix }) only %}
 			{% elseif field.type == "toggle" %}
-				{% include "@components/toggle/toggle.twig" with field|merge({ "prefix": prefix }) only %}
+				{% include "@components/toggle/toggle.twig" with field|merge(mergeFields) only %}
 			{% endif %}
 		{% endfor %}
 	</div>

package/dist/components/form/form.component.yml

@@ -4,6 +4,14 @@ form:
   label: Form
   description: The Form component provides users with a complete interface that combines all of the form elements in the design system together with a some configuration options for laying them out together.
   visibility: storybook
+  settings:
+    theme:
+      type: select
+      label: Theme
+      description: The theme of the form. Also sets the theme of the form's children. Defaults to `light`.
+      options:
+        light: light
+        dark: dark
   fields:
     headline:
       type: string

package/dist/components/form/form.twig

@@ -1,15 +1,18 @@
 {# form.twig #}
 
+{% set theme = theme|default('light') %}
+
 {% set baseClass = 'ilo' ~ "--form" %}
+{% set themeClass = baseClass ~ "__theme__" ~ theme %}
 
-{% set formControlClass = [baseClass, class] %}
+{% set formControlClass = [baseClass, themeClass, class] %}
 
 <form class="{{ formControlClass|join(' ') }}" data-loadcomponent="Form" {%- for key, value in attributes|default({} ) -%} {{- ' ' ~ key ~ '="' ~ value|e('html_attr') ~ '"' -}} {%- endfor -%}>
 	{% if headline %}
 		<h2>{{ headline }}</h2>
 	{% endif %}
 	{% for fieldset in fieldsets %}
-		{% include "@components/form/fieldset.twig" with fieldset|merge({ "prefix": prefix }) only %}
+		{% include "@components/form/fieldset.twig" with fieldset|merge({ "prefix": prefix, "theme": theme }) only %}
 	{% endfor %}
 	{% if submit %}
 		{% include "@components/button/button.twig" with submit|merge({

package/dist/components/form/form.wingsuit.yml

@@ -4,6 +4,14 @@ form:
   label: Form
   description: The Form component provides users with a complete interface that combines all of the form elements in the design system together with a some configuration options for laying them out together.
   visibility: storybook
+  settings:
+    theme:
+      type: select
+      label: Theme
+      description: The theme of the form. Also sets the theme of the form's children. Defaults to `light`.
+      options:
+        light: light
+        dark: dark
   fields:
     headline:
       type: string

package/dist/components/form/formcontrol.twig

@@ -59,7 +59,10 @@
 {% set showError = error and errorMessage %}
 {% set showHelper = not showError and helper %}
 
-<div class="{{ formControlClass|join(' ') }}" {% if style %} style="{{ style }}" {% endif %}>
+{% set theme = theme|default("light") %}
+{% set themeClass = baseClass ~ "__theme__" ~ theme %}
+
+<div class="{{ formControlClass|join(' ') }} {{ themeClass }}" {% if style %} style="{{ style }}" {% endif %}>
 	{% if label %}
 		<span class="{{ labelClass|join(' ') }}">
 			{% block label %}
@@ -69,7 +72,8 @@
 				{% include '@components/tooltip/tooltip.twig' with {
 				"icon": true,
 				"label": tooltip,
-				"theme": "dark",
+				"theme": "light",
+				"icontheme": "light",
 				"prefix": prefix,
 				"tooltipId": tooltipId
 			} only %}

package/dist/components/pagination/pagination.component.yml

@@ -3,6 +3,14 @@ pagination:
   use: "@components/pagination/pagination.twig"
   label: Pagination
   description: The Pagination component breaks content into pages for easier navigation with intuitive controls like 'Previous' and 'Next' buttons.
+  settings:
+    theme:
+      type: select
+      label: Theme
+      description: The theme of the pagination
+      options:
+        light: "light"
+        dark: "dark"
   fields:
     currentPage:
       type: number

package/dist/components/pagination/pagination.twig

@@ -1,7 +1,8 @@
-{#
-  PAGINATION COMPONENT
-#}
-<div class="ilo--pagination icon icon--{{type}}">
+{# pagination.twig #}
+
+{% set theme = theme|default("light") %}
+
+<div class="ilo--pagination icon icon--{{type}} ilo--pagination__theme__{{theme}}">
   <div class="ilo--pagination--previous-set">
     <a
       class="ilo--pagination--first-page ilo--pagination--link {% if currentPage == 0 %}ilo--pagination--disable{% endif %}"
@@ -24,7 +25,7 @@
     {% set currentPageZeroIndex = currentPage * 1 %}
     {% set currentPageIndex = currentPageZeroIndex + 1 %}
 
-    <span>{{currentPageIndex}}</span> 
+    <span>{{currentPageIndex}}</span>
     <span>{{pageCountPreposition}}</span>
     <span>{{totalPages}}</span>
   </p>

package/dist/components/pagination/pagination.wingsuit.yml

@@ -3,6 +3,14 @@ pagination:
   use: "@components/pagination/pagination.twig"
   label: Pagination
   description: The Pagination component breaks content into pages for easier navigation with intuitive controls like 'Previous' and 'Next' buttons.
+  settings:
+    theme:
+      type: select
+      label: Theme
+      description: The theme of the pagination
+      options:
+        light: "light"
+        dark: "dark"
   fields:
     currentPage:
       type: number

package/dist/components/richtext/richtext.component.yml

@@ -10,4 +10,12 @@ richtext:
       description: HTML content
       preview: "<h1>International Labour Organization</h1><p>The <b>International Labour Organization</b> (<b>ILO</b>) is a <a href='https://www.un.org'>United Nations</a> agency whose mandate is to advance social and economic justice by setting international labour standards. Founded in October 1919 under the League of Nations, it is the first and oldest specialised agency of the UN. The ILO has 187 member states: 186 out of 193 UN member states plus the Cook Islands.</p><figure><img alt='placeholder image' class='right' src='/images/ilo-headquarters.jpg'><figcaption>The ILO's headquarters in Geneva, Switzerland. ©Steiner SA</figcaption></figure><h2>History and Mission</h2><p>The ILO was established in the aftermath of World War I, recognizing that lasting peace could only be achieved through social justice. Since then, the organization has been pivotal in setting international labor standards, promoting rights at work, encouraging decent employment opportunities, and enhancing social protection. Its tripartite structure brings together governments, employers, and workers from its member states to develop policies and programs.</p><p>Over the past century, the ILO has adapted to the evolving needs of the global workforce, addressing challenges such as child labor, forced labor, and gender inequality. Through its conventions and recommendations, the ILO has become a central force in shaping labor laws and practices that protect workers worldwide, fostering equitable and inclusive economic growth.</p><hr><h3>Key Milestones in ILO History</h3><ol><li>1919: ILO was founded as part of the Treaty of Versailles.</li><li>1946: ILO became the first specialized agency of the United Nations.</li><li>1969: ILO was awarded the Nobel Peace Prize.</li><li>2019: ILO celebrated its 100th anniversary.</li></ol><h4>ILO’s Mission</h4><ul><li>Promoting social justice and internationally recognized human and labor rights.</li><li>Developing labor standards and policies to improve working conditions globally.</li><li>Ensuring employment opportunities and social protection for all workers.</li></ul><h2>Watch: The Mission and Work of the ILO</h2><p>This video provides a visual overview of the ILO's mission, its historical impact, and its ongoing initiatives to improve working conditions and promote social justice across the world.</p><article class='responsive-video-embed'><iframe src='https://www.youtube.com/embed/55xQTgUJqhQ?si=zhNOlGG5SXWkB2TW' title='YouTube video player' frameborder='0' allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share' allowfullscreen></iframe></article><blockquote><p>The fundamental ideas that forged the ILO one hundred and three years ago still underpin the global pledge to leave no one behind.</p><cite>ILO Director-General Gilbert F. Houngbo</cite></blockquote><p>Reflecting these ideas, the Preamble of the ILO Constitution states:</p><ol><li>Whereas universal and lasting peace can be established only if it is based upon social justice;</li><li>And whereas conditions of labour exist involving such injustice, hardship, and privation to large numbers of people as to threaten the peace and harmony of the world.</li></ol>"
       required: true
+  settings:
+    theme:
+      type: select
+      label: Theme
+      description: The theme to be used for the RichText component.
+      options:
+        light: light
+        dark: dark
   visibility: storybook

package/dist/components/richtext/richtext.twig

@@ -1,6 +1,7 @@
-{#
-  RICH TEXT COMPONENT
-#}
-<div class="ilo--richtext">
+{# richtext.twig #}
+
+{% set theme = theme|default("light") %}
+
+<div class="ilo--richtext ilo--richtext__theme__{{theme}}">
   {{content}}
 </div>

package/dist/components/richtext/richtext.wingsuit.yml

@@ -10,4 +10,12 @@ richtext:
       description: HTML content
       preview: "<h1>International Labour Organization</h1><p>The <b>International Labour Organization</b> (<b>ILO</b>) is a <a href='https://www.un.org'>United Nations</a> agency whose mandate is to advance social and economic justice by setting international labour standards. Founded in October 1919 under the League of Nations, it is the first and oldest specialised agency of the UN. The ILO has 187 member states: 186 out of 193 UN member states plus the Cook Islands.</p><figure><img alt='placeholder image' class='right' src='/images/ilo-headquarters.jpg'><figcaption>The ILO's headquarters in Geneva, Switzerland. ©Steiner SA</figcaption></figure><h2>History and Mission</h2><p>The ILO was established in the aftermath of World War I, recognizing that lasting peace could only be achieved through social justice. Since then, the organization has been pivotal in setting international labor standards, promoting rights at work, encouraging decent employment opportunities, and enhancing social protection. Its tripartite structure brings together governments, employers, and workers from its member states to develop policies and programs.</p><p>Over the past century, the ILO has adapted to the evolving needs of the global workforce, addressing challenges such as child labor, forced labor, and gender inequality. Through its conventions and recommendations, the ILO has become a central force in shaping labor laws and practices that protect workers worldwide, fostering equitable and inclusive economic growth.</p><hr><h3>Key Milestones in ILO History</h3><ol><li>1919: ILO was founded as part of the Treaty of Versailles.</li><li>1946: ILO became the first specialized agency of the United Nations.</li><li>1969: ILO was awarded the Nobel Peace Prize.</li><li>2019: ILO celebrated its 100th anniversary.</li></ol><h4>ILO’s Mission</h4><ul><li>Promoting social justice and internationally recognized human and labor rights.</li><li>Developing labor standards and policies to improve working conditions globally.</li><li>Ensuring employment opportunities and social protection for all workers.</li></ul><h2>Watch: The Mission and Work of the ILO</h2><p>This video provides a visual overview of the ILO's mission, its historical impact, and its ongoing initiatives to improve working conditions and promote social justice across the world.</p><article class='responsive-video-embed'><iframe src='https://www.youtube.com/embed/55xQTgUJqhQ?si=zhNOlGG5SXWkB2TW' title='YouTube video player' frameborder='0' allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share' allowfullscreen></iframe></article><blockquote><p>The fundamental ideas that forged the ILO one hundred and three years ago still underpin the global pledge to leave no one behind.</p><cite>ILO Director-General Gilbert F. Houngbo</cite></blockquote><p>Reflecting these ideas, the Preamble of the ILO Constitution states:</p><ol><li>Whereas universal and lasting peace can be established only if it is based upon social justice;</li><li>And whereas conditions of labour exist involving such injustice, hardship, and privation to large numbers of people as to threaten the peace and harmony of the world.</li></ol>"
       required: true
+  settings:
+    theme:
+      type: select
+      label: Theme
+      description: The theme to be used for the RichText component.
+      options:
+        light: light
+        dark: dark
   visibility: storybook

package/dist/styles/components/breadcrumb.css

@@ -1 +1 @@
-@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--breadcrumb{position:relative;z-index:10}.ilo--breadcrumb--inner{background-color:var(--ilo-color-white);clip-path:polygon(0 0,100% 0,calc(100% - var(--ilo-spacing-base)*12) 100%,0 100%);display:inline-flex;padding-block:calc(var(--ilo-spacing-base)*4);padding-inline-end:calc(var(--ilo-spacing-base)*12);padding-inline-start:var(--breadcrumb-padding)}[dir=rtl] .ilo--breadcrumb--inner{clip-path:polygon(0 0,100% 0,100% 100%,calc(var(--ilo-spacing-base)*12) 100%)}.ilo--breadcrumb--context,.ilo--breadcrumb--items{align-items:center;display:inline-flex;justify-content:flex-start;list-style:none}.ilo--breadcrumb--context__collapse,.ilo--breadcrumb--item{padding-inline:calc(var(--ilo-spacing-base)*7) calc(var(--ilo-spacing-base)*1);position:relative}.ilo--breadcrumb--context__collapse:before,.ilo--breadcrumb--item:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23230050' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.884 3.116 17.768 12l-8.884 8.884-1.768-1.768L14.232 12 7.116 4.884z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:1.2861736334rem;content:"";height:1.2861736334rem;left:0;position:absolute;width:1.2861736334rem}[dir=rtl] .ilo--breadcrumb--context__collapse:before,[dir=rtl] .ilo--breadcrumb--item:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23230050' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='m15.116 3.116 1.768 1.768L9.768 12l7.116 7.116-1.768 1.768L6.232 12z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;left:auto;right:0}.ilo--breadcrumb--context{position:relative}.ilo--breadcrumb--context--button{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23230050' viewBox='0 0 24 24'%3E%3Cpath d='M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:1.2861736334rem;border:none;display:none;height:1.2861736334rem;margin:0;padding:0;position:relative;width:1.2861736334rem}.ilo--breadcrumb--context--button:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer}.ilo--breadcrumb--context--menu{display:none;position:fixed;width:6.4308681672rem;z-index:10}.ilo--breadcrumb--context--menu__visible{display:inline-block}.ilo--breadcrumb--context__collapse{padding-inline:calc(var(--ilo-spacing-base)*6) 0}.ilo--breadcrumb--context__collapse .ilo--breadcrumb--items{display:none}.ilo--breadcrumb--context__collapse .ilo--breadcrumb--context--button{display:inline-block}.ilo--breadcrumb--item,.ilo--breadcrumb--item__first{align-items:center;display:flex}.ilo--breadcrumb--item__first{height:1.2861736334rem;padding-inline-start:2px;position:relative;width:1.2861736334rem}.ilo--breadcrumb--item__first:before{content:none}.ilo--breadcrumb--item__first:focus .ilo--breadcrumb--link:after,.ilo--breadcrumb--item__first:hover .ilo--breadcrumb--link:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='M4.35 20V10L12 4l7.65 6v10h-5.737v-5.5h-3.825V20z'/%3E%3C/svg%3E");background-repeat:no-repeat;height:1.2861736334rem;width:1.2861736334rem}.ilo--breadcrumb--item__first .ilo--breadcrumb--link{background:0 0;height:.857449089rem;position:relative;width:.857449089rem}.ilo--breadcrumb--item__first .ilo--breadcrumb--link:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23230050' viewBox='0 0 24 24'%3E%3Cpath d='M4.35 20V10L12 4l7.65 6v10h-5.737v-5.5h-3.825V20z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:1.2861736334rem;content:"";display:block;height:1.2861736334rem;left:0;top:0;width:1.2861736334rem}.ilo--breadcrumb--link{align-items:center;color:#230050;display:inline-flex;height:.857449089rem;padding-block:0;text-decoration:none}.ilo--breadcrumb--link--label{font-family:var(--ilo-fonts-copy);font-size:11.94px;font-weight:400;letter-spacing:normal;line-height:16.24px;max-width:30ch;overflow-x:clip;text-overflow:ellipsis;white-space:nowrap}.ilo--breadcrumb--link--label:focus,.ilo--breadcrumb--link--label:hover{color:#1e2dbe;text-decoration:underline;text-decoration-thickness:.1071811361rem;text-underline-offset:.2143622722rem}
+@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--breadcrumb{--ilo-breadcrumb-background-color:var(--ilo-color-white);--ilo-breadcrumb-link-color:var(--ilo-color-blue-dark);--ilo-breadcrumb-link-hover-color:var(--ilo-color-blue);position:relative;z-index:10}.ilo--breadcrumb__theme__dark{--ilo-breadcrumb-background-color:var(--ilo-color-blue-dark);--ilo-breadcrumb-link-color:var(--ilo-color-white);--ilo-breadcrumb-link-hover-color:var(--ilo-color-white)}.ilo--breadcrumb--inner{background-color:var(--ilo-breadcrumb-background-color);clip-path:polygon(0 0,100% 0,calc(100% - var(--ilo-spacing-base)*12) 100%,0 100%);display:inline-flex;padding-block:calc(var(--ilo-spacing-base)*4);padding-inline-end:calc(var(--ilo-spacing-base)*12);padding-inline-start:var(--breadcrumb-padding)}[dir=rtl] .ilo--breadcrumb--inner{clip-path:polygon(0 0,100% 0,100% 100%,calc(var(--ilo-spacing-base)*12) 100%)}.ilo--breadcrumb--context,.ilo--breadcrumb--items{align-items:center;display:inline-flex;justify-content:flex-start;list-style:none}.ilo--breadcrumb--context__collapse,.ilo--breadcrumb--item{padding-inline:calc(var(--ilo-spacing-base)*7) calc(var(--ilo-spacing-base)*1);position:relative}.ilo--breadcrumb--context__collapse:before,.ilo--breadcrumb--item:before{background-color:var(--ilo-breadcrumb-link-color);background-repeat:no-repeat;background-size:1.2861736334rem;content:"";height:1.2861736334rem;left:0;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.884 3.116 17.768 12l-8.884 8.884-1.768-1.768L14.232 12 7.116 4.884z' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.884 3.116 17.768 12l-8.884 8.884-1.768-1.768L14.232 12 7.116 4.884z' clip-rule='evenodd'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;width:1.2861736334rem}[dir=rtl] .ilo--breadcrumb--context__collapse:before,[dir=rtl] .ilo--breadcrumb--item:before{background-color:var(--ilo-breadcrumb-link-color);left:auto;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='m15.116 3.116 1.768 1.768L9.768 12l7.116 7.116-1.768 1.768L6.232 12z' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='m15.116 3.116 1.768 1.768L9.768 12l7.116 7.116-1.768 1.768L6.232 12z' clip-rule='evenodd'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;right:0}.ilo--breadcrumb--context{position:relative}.ilo--breadcrumb--context--button{background-color:var(--ilo-breadcrumb-link-color);background-position:50%;background-repeat:no-repeat;background-size:1.2861736334rem;border:none;display:none;height:1.2861736334rem;margin:0;padding:0;position:relative;width:1.2861736334rem}.ilo--breadcrumb--context--button,.ilo--breadcrumb--context--button:hover{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.ilo--breadcrumb--context--button:hover{background-color:var(--ilo-breadcrumb-link-hover-color);cursor:pointer}.ilo--breadcrumb--context--menu{display:none;position:fixed;width:6.4308681672rem;z-index:10}.ilo--breadcrumb--context--menu__visible{display:inline-block}.ilo--breadcrumb--context__collapse{padding-inline:calc(var(--ilo-spacing-base)*6) 0}.ilo--breadcrumb--context__collapse .ilo--breadcrumb--items{display:none}.ilo--breadcrumb--context__collapse .ilo--breadcrumb--context--button{display:inline-block}.ilo--breadcrumb--item,.ilo--breadcrumb--item__first{align-items:center;display:flex}.ilo--breadcrumb--item__first{height:1.2861736334rem;padding-inline-start:2px;position:relative;width:1.2861736334rem}.ilo--breadcrumb--item__first:before{content:none}.ilo--breadcrumb--item__first .ilo--breadcrumb--link{height:24px;position:relative;width:24px}.ilo--breadcrumb--item__first .ilo--breadcrumb--link:focus:after,.ilo--breadcrumb--item__first .ilo--breadcrumb--link:hover:after{background-color:var(--ilo-breadcrumb-link-hover-color)}.ilo--breadcrumb--item__first .ilo--breadcrumb--link:after,.ilo--breadcrumb--item__first .ilo--breadcrumb--link:focus:after,.ilo--breadcrumb--item__first .ilo--breadcrumb--link:hover:after{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M4.35 20V10L12 4l7.65 6v10h-5.737v-5.5h-3.825V20z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M4.35 20V10L12 4l7.65 6v10h-5.737v-5.5h-3.825V20z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.ilo--breadcrumb--item__first .ilo--breadcrumb--link:after{background-color:var(--ilo-breadcrumb-link-color);content:"";display:block;height:24px;position:relative;width:24px}.ilo--breadcrumb--link{align-items:center;color:var(--ilo-breadcrumb-link-color);display:inline-flex;height:.857449089rem;padding-block:0;text-decoration:none}.ilo--breadcrumb--link--label{font-family:var(--ilo-fonts-copy);font-size:11.94px;font-weight:400;letter-spacing:normal;line-height:16.24px;max-width:30ch;overflow-x:clip;text-overflow:ellipsis;white-space:nowrap}.ilo--breadcrumb--link--label:focus,.ilo--breadcrumb--link--label:hover{color:var(--ilo-breadcrumb-link-hover-color);text-decoration:underline;text-decoration-thickness:.1071811361rem;text-underline-offset:.2143622722rem}

package/dist/styles/components/card.css

@@ -1 +1 @@
-@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card{background-color:var(--ilo-color-white);box-sizing:border-box;flex:1 1 var(--max-width);max-width:var(--max-width);position:relative;transition-property:border-bottom,filter;transition-timing-function:ease-out}.ilo--card,.ilo--card *{transition-duration:.15s}.ilo--card *{transition-property:color,background-color,border-color,opacity,fill,filter;transition-timing-function:ease-out}.ilo--card:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within){filter:drop-shadow(0 -4px 16px rgba(30,45,190,.05)) drop-shadow(0 10px 20px rgba(30,45,190,.08)) drop-shadow(0 4px 8px rgba(30,45,190,.05)) drop-shadow(0 .8px 1.6px rgba(30,45,190,.04))}.ilo--card:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--image--wrapper:before{opacity:.4}.ilo--card:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--picture{filter:saturate(0)}.ilo--card--wrap{height:100%}.ilo--card--wrapper{max-width:var(--max-width);transition-duration:.15s;transition-property:color,background-color,border-color,opacity,fill,filter;transition-timing-function:ease-out}.ilo--card--wrapper:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within){filter:drop-shadow(0 -4px 16px rgba(30,45,190,.05)) drop-shadow(0 10px 20px rgba(30,45,190,.08)) drop-shadow(0 4px 8px rgba(30,45,190,.05)) drop-shadow(0 .8px 1.6px rgba(30,45,190,.04))}.ilo--card--image--wrapper{position:relative}.ilo--card--image--wrapper:before{background-color:var(--ilo-color-blue);content:"";opacity:0;transition-duration:.15s;transition-property:opacity;transition-timing-function:ease-out;z-index:1}.ilo--card--image--wrapper:before,.ilo--card--link{height:100%;left:0;position:absolute;top:0;width:100%}.ilo--card--link{background:0 0;color:transparent;text-decoration:none;z-index:2}.ilo--card--link--text{border:0;height:1px;margin:-1px;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);overflow:hidden}.ilo--card--eyebrow{color:var(--ilo-color-purple);font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);margin-bottom:calc(var(--ilo-spacing-base)*4)}.ilo--card--title{color:var(--ilo-color-blue-dark);font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-lg);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg);margin-bottom:calc(var(--ilo-spacing-base)*6)}.ilo--card--intro{color:var(--ilo-color-gray-charcoal);font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-2xlg)}.ilo--card--date{color:var(--ilo-gray-accessible);margin-bottom:calc(var(--ilo-spacing-base)*6)}.ilo--card--content--item,.ilo--card--date,.ilo--card--event-date{font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg)}.ilo--card--cta{position:relative;z-index:2}.ilo--card__theme__light{background:var(--ilo-color-white);border-bottom:.1607717042rem solid var(--ilo-color-gray-base)}.ilo--card__theme__soft{background:var(--ilo-color-blue-lighter)}.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within),.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within){border-bottom:.1607717042rem solid var(--ilo-color-blue)}.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--content--item,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date-extra,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--eyebrow,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--intro,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--title,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--profile,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--content--item,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date-extra,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--eyebrow,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--intro,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--title,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--profile{color:var(--ilo-color-blue)}.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--content--item .ilo--icon,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date .ilo--icon,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date-extra .ilo--icon,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--eyebrow .ilo--icon,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--intro .ilo--icon,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--title .ilo--icon,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--profile .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--content--item .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date-extra .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--eyebrow .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--intro .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--title .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--profile .ilo--icon{fill:var(--ilo-color-blue)}.ilo--card__theme__dark{background:var(--ilo-color-blue-dark);border-bottom:.1607717042rem solid var(--ilo-color-red)}.ilo--card__theme__dark:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within){border-bottom:.1607717042rem solid var(--ilo-color-white)}.ilo--card__theme__dark .ilo--card--title{color:var(--ilo-color-white)}.ilo--card__theme__dark .ilo--card--content--item,.ilo--card__theme__dark .ilo--card--date,.ilo--card__theme__dark .ilo--card--eyebrow,.ilo--card__theme__dark .ilo--card--intro{color:var(--ilo-color-gray-light)}.ilo--card__theme__dark .ilo--card--content--item .ilo--icon{fill:var(--ilo-color-gray-light)}.ilo--card__size__fluid{--max-width:100%!important}.ilo--card__isvideo .ilo--card--image--wrapper{position:relative}.ilo--card__isvideo .ilo--card--image--wrapper:after,.ilo--card__isvideo .ilo--card--image--wrapper:before{background-position:50%;background-repeat:no-repeat;background-size:18px 20px;content:"";display:block;height:40px;left:0;position:absolute;top:0;width:40px;z-index:1}.ilo--card__isvideo .ilo--card--image--wrapper:before{background-color:var(--ilo-color-gray-charcoal)}.ilo--card__isvideo .ilo--card--image--wrapper:after{background-color:var(--ilo-color-gray-light);mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M17 12 9 6v12z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M17 12 9 6v12z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
+@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card{background-color:var(--ilo-color-white);box-sizing:border-box;flex:1 1 var(--max-width);max-width:var(--max-width);position:relative;transition-property:border-bottom,filter;transition-timing-function:ease-out}.ilo--card,.ilo--card *{transition-duration:.15s}.ilo--card *{transition-property:color,background-color,border-color,opacity,fill,filter;transition-timing-function:ease-out}.ilo--card:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within){filter:drop-shadow(0 -4px 16px rgba(30,45,190,.05)) drop-shadow(0 10px 20px rgba(30,45,190,.08)) drop-shadow(0 4px 8px rgba(30,45,190,.05)) drop-shadow(0 .8px 1.6px rgba(30,45,190,.04))}.ilo--card:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--image--wrapper:before{opacity:.4}.ilo--card:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--picture{filter:saturate(0)}.ilo--card--wrap{height:100%}.ilo--card--wrapper{max-width:var(--max-width);transition-duration:.15s;transition-property:color,background-color,border-color,opacity,fill,filter;transition-timing-function:ease-out}.ilo--card--wrapper:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within){filter:drop-shadow(0 -4px 16px rgba(30,45,190,.05)) drop-shadow(0 10px 20px rgba(30,45,190,.08)) drop-shadow(0 4px 8px rgba(30,45,190,.05)) drop-shadow(0 .8px 1.6px rgba(30,45,190,.04))}.ilo--card--image--wrapper{position:relative}.ilo--card--image--wrapper:before{background-color:var(--ilo-color-blue);content:"";opacity:0;transition-duration:.15s;transition-property:opacity;transition-timing-function:ease-out;z-index:1}.ilo--card--image--wrapper:before,.ilo--card--link{height:100%;left:0;position:absolute;top:0;width:100%}.ilo--card--link{background:0 0;color:transparent;text-decoration:none;z-index:2}.ilo--card--link--text{border:0;height:1px;margin:-1px;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);overflow:hidden}.ilo--card--eyebrow{color:var(--ilo-color-purple);font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);margin-bottom:calc(var(--ilo-spacing-base)*4)}.ilo--card--title{color:var(--ilo-color-blue-dark);font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-lg);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg);margin-bottom:calc(var(--ilo-spacing-base)*6)}.ilo--card--intro{color:var(--ilo-color-gray-charcoal);font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-2xlg)}.ilo--card--date{color:var(--ilo-gray-accessible);margin-bottom:calc(var(--ilo-spacing-base)*6)}.ilo--card--content--item,.ilo--card--date,.ilo--card--event-date{font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg)}.ilo--card--cta{position:relative;z-index:2}.ilo--card__theme__light{background:var(--ilo-color-white);border-bottom:.1607717042rem solid var(--ilo-color-gray-base)}.ilo--card__theme__soft{background:var(--ilo-color-blue-lighter)}.ilo--card__theme__light .ilo--card--date-extra,.ilo--card__theme__soft .ilo--card--date-extra{color:var(--ilo-color-gray-charcoal)}.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within),.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within){border-bottom:.1607717042rem solid var(--ilo-color-blue)}.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--content--item,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date-extra,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--eyebrow,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--intro,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--title,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--profile,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--content--item,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date-extra,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--eyebrow,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--intro,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--title,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--profile{color:var(--ilo-color-blue)}.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--content--item .ilo--icon,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date .ilo--icon,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date-extra .ilo--icon,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--eyebrow .ilo--icon,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--intro .ilo--icon,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--title .ilo--icon,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--profile .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--content--item .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date-extra .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--eyebrow .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--intro .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--title .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--profile .ilo--icon{fill:var(--ilo-color-blue)}.ilo--card__theme__dark{background:var(--ilo-color-blue-dark);border-bottom:.1607717042rem solid var(--ilo-color-red)}.ilo--card__theme__dark:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within){border-bottom:.1607717042rem solid var(--ilo-color-white)}.ilo--card__theme__dark .ilo--card--title{color:var(--ilo-color-white)}.ilo--card__theme__dark .ilo--card--content--item,.ilo--card__theme__dark .ilo--card--date,.ilo--card__theme__dark .ilo--card--date-extra,.ilo--card__theme__dark .ilo--card--eyebrow,.ilo--card__theme__dark .ilo--card--intro{color:var(--ilo-color-gray-light)}.ilo--card__theme__dark .ilo--card--content--item .ilo--icon{fill:var(--ilo-color-gray-light)}.ilo--card__size__fluid{--max-width:100%!important}.ilo--card__isvideo .ilo--card--image--wrapper{position:relative}.ilo--card__isvideo .ilo--card--image--wrapper:after,.ilo--card__isvideo .ilo--card--image--wrapper:before{background-position:50%;background-repeat:no-repeat;background-size:18px 20px;content:"";display:block;height:40px;left:0;position:absolute;top:0;width:40px;z-index:1}.ilo--card__isvideo .ilo--card--image--wrapper:before{background-color:var(--ilo-color-gray-charcoal)}.ilo--card__isvideo .ilo--card--image--wrapper:after{background-color:var(--ilo-color-gray-light);mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M17 12 9 6v12z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M17 12 9 6v12z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}

package/dist/styles/components/datacard.css

@@ -1 +1 @@
-@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__data{--max-width:32.154340836rem;background:#ebf5fd;border-bottom:.1607717042rem solid #bedcfa;padding:calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*14);position:relative;width:100%}.ilo--card__type__data--content-links-list{display:flex;flex-wrap:wrap}.ilo--card__type__data--content-link.ilo--link{margin-bottom:0!important}.ilo--card__type__data .ilo--card--content{display:grid;grid-template-columns:1fr;grid-template-rows:auto;row-gap:1.3933547696rem}@media screen and (min-width:610px){.ilo--card__type__data{padding:calc(var(--ilo-spacing-base)*12)}.ilo--card__type__data__columns__two .ilo--card--content{column-gap:14%;grid-template-columns:minmax(10.718113612rem,32%) minmax(53%,1fr)}.ilo--card__type__data__columns__two .ilo--card--content__with-image .ilo--card--area--image{grid-column:1/2;grid-row:1/span 4}.ilo--card__type__data__columns__two .ilo--card--content__with-image .ilo--card--area--content,.ilo--card__type__data__columns__two .ilo--card--content__with-image .ilo--card--area--cta,.ilo--card__type__data__columns__two .ilo--card--content__with-image .ilo--card--area--files,.ilo--card__type__data__columns__two .ilo--card--content__with-image .ilo--card--area--links{grid-column:2/3}.ilo--card__type__data__columns__two .ilo--card--content__no-image-with-links .ilo--card--area--content,.ilo--card__type__data__columns__two .ilo--card--content__no-image-with-links .ilo--card--area--files{grid-column:1/2}.ilo--card__type__data__columns__two .ilo--card--content__no-image-with-links .ilo--card--area--cta{grid-column:1/2/3/3}.ilo--card__type__data__columns__two .ilo--card--content__no-image-with-links .ilo--card--area--links{grid-area:1/2/3/3}}.ilo--card__type__data.ilo--card__size__narrow{--max-width:16.1307609861rem;clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px,100% 100%,0 100%);padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*14)}@media screen and (max-width:609px){.ilo--card__type__data.ilo--card__size__narrow{--max-width:100%}}.ilo--card__type__data.ilo--card__size__wide{--max-width:41.6934619507rem}.ilo--card__type__data.ilo--card__size__wide.ilo--card__type__data__columns__one{padding:calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*14)}.ilo--card__type__data.ilo--card__size__wide.ilo--card__type__data__columns__two{padding:calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*14) calc(var(--ilo-spacing-base)*28)}.ilo--card__type__data.ilo--card__size__fluid,.ilo--card__type__data.ilo--card__size__wide{clip-path:polygon(0 0,calc(100% - 86px) 0,100% 48px,100% 100%,0 100%)}.ilo--card__type__data .ilo--card--image{max-width:200px;width:100%}.ilo--card__type__data .ilo--card--picture{max-width:100%;width:100%}.ilo--card__type__data--content-label{color:#6d6d6d;font-size:14.93px;letter-spacing:normal;line-height:20.3px;margin-bottom:.4932760997rem}.ilo--card__type__data .ilo--card--eyebrow{margin:0 0 .857449089rem}.ilo--card__type__data--content-copy{color:#2d2d2d;font-family:var(--ilo-fonts-display);font-size:23.32px;font-weight:500;letter-spacing:-.035em;line-height:29.15px}.ilo--card__type__data [class*=ilo--link]{font-size:18.66px;letter-spacing:-.035em;line-height:24.26px;line-height:1.8;margin-inline-end:.6430868167rem;margin-bottom:.6430868167rem}.ilo--card__type__data [class*=button]{margin:.2143622722rem .4287245445rem .2143622722rem 0}.ilo--card__type__data [class*=button]:last-of-type{margin-right:0}
+@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__data{--max-width:32.154340836rem;background:var(--ilo-color-blue-lighter);border-bottom:.1607717042rem solid var(--ilo-color-blue-light);padding:calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*14);position:relative;width:100%}.ilo--card__type__data--content-links-list{display:flex;flex-wrap:wrap}.ilo--card__type__data--content-link.ilo--link{margin-bottom:0!important}.ilo--card__type__data .ilo--card--content{display:grid;grid-template-columns:1fr;grid-template-rows:auto;row-gap:1.3933547696rem}@media screen and (min-width:610px){.ilo--card__type__data{padding:calc(var(--ilo-spacing-base)*12)}.ilo--card__type__data__columns__two .ilo--card--content{column-gap:14%;grid-template-columns:minmax(10.718113612rem,32%) minmax(53%,1fr)}.ilo--card__type__data__columns__two .ilo--card--content__with-image .ilo--card--area--image{grid-column:1/2;grid-row:1/span 4}.ilo--card__type__data__columns__two .ilo--card--content__with-image .ilo--card--area--content,.ilo--card__type__data__columns__two .ilo--card--content__with-image .ilo--card--area--cta,.ilo--card__type__data__columns__two .ilo--card--content__with-image .ilo--card--area--files,.ilo--card__type__data__columns__two .ilo--card--content__with-image .ilo--card--area--links{grid-column:2/3}.ilo--card__type__data__columns__two .ilo--card--content__no-image-with-links .ilo--card--area--content,.ilo--card__type__data__columns__two .ilo--card--content__no-image-with-links .ilo--card--area--files{grid-column:1/2}.ilo--card__type__data__columns__two .ilo--card--content__no-image-with-links .ilo--card--area--cta{grid-column:1/2/3/3}.ilo--card__type__data__columns__two .ilo--card--content__no-image-with-links .ilo--card--area--links{grid-area:1/2/3/3}}.ilo--card__type__data.ilo--card__size__narrow{--max-width:16.1307609861rem;clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px,100% 100%,0 100%);padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*14)}@media screen and (max-width:609px){.ilo--card__type__data.ilo--card__size__narrow{--max-width:100%}}.ilo--card__type__data.ilo--card__size__wide{--max-width:41.6934619507rem}.ilo--card__type__data.ilo--card__size__wide.ilo--card__type__data__columns__one{padding:calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*14)}.ilo--card__type__data.ilo--card__size__wide.ilo--card__type__data__columns__two{padding:calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*14) calc(var(--ilo-spacing-base)*28)}.ilo--card__type__data.ilo--card__size__fluid,.ilo--card__type__data.ilo--card__size__wide{clip-path:polygon(0 0,calc(100% - 86px) 0,100% 48px,100% 100%,0 100%)}.ilo--card__type__data .ilo--card--image{max-width:200px;width:100%}.ilo--card__type__data .ilo--card--picture{max-width:100%;width:100%}.ilo--card__type__data--content-label{color:var(--ilo-color-gray-accessible);font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);margin-block-end:calc(var(--ilo-spacing-base)*2)}.ilo--card__type__data .ilo--card--eyebrow{margin:0 0 .857449089rem}.ilo--card__type__data--content-copy{color:var(--ilo-color-gray-charcoal);font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-lg);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-2xlg)}@media screen and (min-width:610px){.ilo--card__size__fluid .ilo--card__type__data--content-copy,.ilo--card__size__wide .ilo--card__type__data--content-copy{font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-xlg);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-2xlg)}}.ilo--card__type__data [class*=ilo--link]{font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-lg);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-2xlg);line-height:1.8;margin-inline-end:.6430868167rem;margin-bottom:.6430868167rem}.ilo--card__type__data [class*=button]{margin:.2143622722rem .4287245445rem .2143622722rem 0}.ilo--card__type__data [class*=button]:last-of-type{margin-right:0}

package/dist/styles/components/detailcard.css

@@ -1 +1 @@
-@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__detail{--max-width:100%;border-bottom:.1607717042rem solid var(--ilo-color-gray-light);padding:calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*4);position:relative}.ilo--card__type__detail .ilo--card--wrap{display:flex;flex-flow:column}.ilo--card__type__detail .ilo--card--image--wrapper{height:auto;margin-bottom:calc(var(--ilo-spacing-base)*8);width:5.359056806rem}.ilo--card__type__detail .ilo--card--image--wrapper picture{display:flex}.ilo--card__type__detail .ilo--card--image--wrapper img{height:100%;width:100%}.ilo--card__type__detail .ilo--card--eyebrow{margin-bottom:calc(var(--ilo-spacing-base)*4)}.ilo--card__type__detail .ilo--card--title{margin-bottom:calc(var(--ilo-spacing-base)*2)}.ilo--card__type__detail .ilo--card--intro{margin-bottom:calc(var(--ilo-spacing-base)*8)}.ilo--card__type__detail .ilo--card--date{color:var(--ilo-color-gray-accessible);font-size:var(--ilo-font-size-sm);line-height:var(--ilo-line-height-xlg)}.ilo--card__type__detail .ilo--card--date,.ilo--card__type__detail .ilo--card--date-extra{font-family:var(--ilo-fonts-copy);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md)}.ilo--card__type__detail .ilo--card--date-extra{color:var(--ilo-color-gray-charcoal);font-size:var(--ilo-font-size-md);gap:calc(var(--ilo-spacing-base)*2);line-height:var(--ilo-line-height-2xlg);margin-inline-start:-.2143622722rem;padding-inline-start:1.2861736334rem;text-indent:-1.2861736334rem}.ilo--card__type__detail .ilo--card--date-extra .ilo--icon{display:inline-block;position:relative;top:.0535905681rem;vertical-align:sub}@media screen and (min-width:610px){.ilo--card__type__detail.ilo--card__size__narrow{--max-width:18.3815648446rem}.ilo--card__type__detail.ilo--card__size__wide{--max-width:39.9249732047rem}.ilo--card__type__detail.ilo--card__size__fluid,.ilo--card__type__detail.ilo--card__size__wide{padding:calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*0)}.ilo--card__type__detail.ilo--card__size__fluid .ilo--card--image--wrapper,.ilo--card__type__detail.ilo--card__size__wide .ilo--card--image--wrapper{flex:0 0 5.359056806rem;height:100%;margin:0}.ilo--card__type__detail.ilo--card__size__fluid .ilo--card--picture,.ilo--card__type__detail.ilo--card__size__wide .ilo--card--picture{height:auto}.ilo--card__type__detail.ilo--card__size__fluid .ilo--card--wrap,.ilo--card__type__detail.ilo--card__size__wide .ilo--card--wrap{flex-flow:row;gap:calc(var(--ilo-spacing-base)*4)}}@media screen and (min-width:1024px){.ilo--card__type__detail.ilo--card__size__fluid,.ilo--card__type__detail.ilo--card__size__wide{padding:calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*0)}.ilo--card__type__detail.ilo--card__size__fluid .ilo--card--wrap,.ilo--card__type__detail.ilo--card__size__wide .ilo--card--wrap{gap:calc(var(--ilo-spacing-base)*6)}.ilo--card__type__detail.ilo--card__size__fluid .ilo--card--image--wrapper,.ilo--card__type__detail.ilo--card__size__wide .ilo--card--image--wrapper{flex:0 0 10.5037513398rem}.ilo--card__type__detail.ilo--card__size__fluid .ilo--card--title,.ilo--card__type__detail.ilo--card__size__wide .ilo--card--title{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-xlg);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-md)}}
+@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__detail{--max-width:100%;border-bottom:.1607717042rem solid var(--ilo-color-gray-light);padding:calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*4);position:relative}.ilo--card__type__detail .ilo--card--wrap{display:flex;flex-flow:column}.ilo--card__type__detail .ilo--card--image--wrapper{height:auto;margin-bottom:calc(var(--ilo-spacing-base)*8);width:5.359056806rem}.ilo--card__type__detail .ilo--card--image--wrapper picture{display:flex}.ilo--card__type__detail .ilo--card--image--wrapper img{height:100%;width:100%}.ilo--card__type__detail .ilo--card--eyebrow{margin-bottom:calc(var(--ilo-spacing-base)*4)}.ilo--card__type__detail .ilo--card--title{margin-bottom:calc(var(--ilo-spacing-base)*2)}.ilo--card__type__detail .ilo--card--intro{margin-bottom:calc(var(--ilo-spacing-base)*8)}.ilo--card__type__detail .ilo--card--date{color:var(--ilo-color-gray-accessible);font-size:var(--ilo-font-size-sm);line-height:var(--ilo-line-height-xlg)}.ilo--card__type__detail .ilo--card--date,.ilo--card__type__detail .ilo--card--date-extra{font-family:var(--ilo-fonts-copy);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md)}.ilo--card__type__detail .ilo--card--date-extra{font-size:var(--ilo-font-size-md);gap:calc(var(--ilo-spacing-base)*2);line-height:var(--ilo-line-height-2xlg);margin-inline-start:-.2143622722rem;padding-inline-start:1.2861736334rem;text-indent:-1.2861736334rem}.ilo--card__type__detail .ilo--card--date-extra .ilo--icon{display:inline-block;position:relative;top:.0535905681rem;vertical-align:sub}@media screen and (min-width:610px){.ilo--card__type__detail.ilo--card__size__narrow{--max-width:18.3815648446rem}.ilo--card__type__detail.ilo--card__size__wide{--max-width:39.9249732047rem}.ilo--card__type__detail.ilo--card__size__fluid,.ilo--card__type__detail.ilo--card__size__wide{padding:calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*0)}.ilo--card__type__detail.ilo--card__size__fluid .ilo--card--image--wrapper,.ilo--card__type__detail.ilo--card__size__wide .ilo--card--image--wrapper{flex:0 0 5.359056806rem;height:100%;margin:0}.ilo--card__type__detail.ilo--card__size__fluid .ilo--card--picture,.ilo--card__type__detail.ilo--card__size__wide .ilo--card--picture{height:auto}.ilo--card__type__detail.ilo--card__size__fluid .ilo--card--wrap,.ilo--card__type__detail.ilo--card__size__wide .ilo--card--wrap{flex-flow:row;gap:calc(var(--ilo-spacing-base)*4)}}@media screen and (min-width:1024px){.ilo--card__type__detail.ilo--card__size__fluid,.ilo--card__type__detail.ilo--card__size__wide{padding:calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*0)}.ilo--card__type__detail.ilo--card__size__fluid .ilo--card--wrap,.ilo--card__type__detail.ilo--card__size__wide .ilo--card--wrap{gap:calc(var(--ilo-spacing-base)*6)}.ilo--card__type__detail.ilo--card__size__fluid .ilo--card--image--wrapper,.ilo--card__type__detail.ilo--card__size__wide .ilo--card--image--wrapper{flex:0 0 10.5037513398rem}.ilo--card__type__detail.ilo--card__size__fluid .ilo--card--title,.ilo--card__type__detail.ilo--card__size__wide .ilo--card--title{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-xlg);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-md)}}

package/dist/styles/components/featurecard.css

@@ -1 +1 @@
-@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__feature{--max-width:22.0793140407rem;display:flex;flex-flow:column;margin-top:0;position:relative}.ilo--card__type__feature .ilo--card--image--wrapper{height:0;overflow:hidden;padding-top:56.25%;width:100%}.ilo--card__type__feature .ilo--card--image--wrapper img{height:auto;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.ilo--card__type__feature .ilo--card--content{display:flex;flex:1 1 auto;flex-direction:column;padding:calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*6)}.ilo--card__type__feature .ilo--card--eyebrow{margin-bottom:calc(var(--ilo-spacing-base)*4)}.ilo--card__type__feature .ilo--card--title{margin-bottom:calc(var(--ilo-spacing-base)*6)}.ilo--card__type__feature .ilo--card--date{margin-bottom:calc(var(--ilo-spacing-base)*8)}.ilo--card__type__feature.ilo--card__size__narrow .ilo--card--wrap{display:flex;flex-wrap:wrap;width:100%}.ilo--card__type__feature.ilo--card__size__narrow .ilo--card--content,.ilo--card__type__feature.ilo--card__size__narrow .ilo--card--image--wrapper{width:100%}.ilo--card__type__feature.ilo--card__size__narrow .ilo--link-list{margin:0 -1.2861736334rem}.ilo--card__type__feature.ilo--card__size__fluid,.ilo--card__type__feature.ilo--card__size__wide{--max-width:40.4072883173rem}@media screen and (min-width:610px){.ilo--card__type__feature.ilo--card__size__fluid .ilo--card--wrap,.ilo--card__type__feature.ilo--card__size__wide .ilo--card--wrap{flex-direction:row}.ilo--card__type__feature.ilo--card__size__fluid .ilo--card--content,.ilo--card__type__feature.ilo--card__size__wide .ilo--card--content{display:flex;flex-wrap:wrap;position:relative;width:50%}.ilo--card__type__feature.ilo--card__size__fluid .ilo--card--image--wrapper,.ilo--card__type__feature.ilo--card__size__wide .ilo--card--image--wrapper{height:auto;padding:0;width:50%}.ilo--card__type__feature.ilo--card__size__fluid img,.ilo--card__type__feature.ilo--card__size__wide img{height:100%;max-width:none;object-fit:cover;width:100%}.ilo--card__type__feature.ilo--card__size__fluid .ilo--card--date,.ilo--card__type__feature.ilo--card__size__wide .ilo--card--date{align-self:flex-end;width:100%}.ilo--card__type__feature.ilo--card__size__fluid .ilo--card--eyebrow,.ilo--card__type__feature.ilo--card__size__fluid .ilo--card--title,.ilo--card__type__feature.ilo--card__size__fluid .ilo--link-list,.ilo--card__type__feature.ilo--card__size__wide .ilo--card--eyebrow,.ilo--card__type__feature.ilo--card__size__wide .ilo--card--title,.ilo--card__type__feature.ilo--card__size__wide .ilo--link-list{width:100%}}.ilo--card__type__feature .ilo--card--wrap{display:flex;flex-direction:column;width:100%}.ilo--card__type__feature .ilo--card--title{font-family:var(--ilo-fonts-display);font-size:23.32px;font-weight:700;letter-spacing:-.035em;line-height:29.15px}.ilo--card__type__feature.ilo--card__linklist .ilo--card--content{padding-bottom:0}.ilo--card__type__feature .ilo--link-list{border-top:.1071811361rem solid var(--ilo-color-gray-light);position:relative;z-index:2}.ilo--card__type__feature .ilo--link-list a{border-bottom:none}.ilo--card__type__feature .ilo--link-list--link,.ilo--card__type__feature .ilo--link-list--link:hover{border-bottom:none;padding-inline:calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*2)}.ilo--card__type__feature.ilo--card__theme__dark .ilo--link-list{border-top:2px solid var(--ilo-color-gray-light-semi-transparent)}
+@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__feature{--max-width:22.0793140407rem;display:flex;flex-flow:column;margin-top:0;position:relative}.ilo--card__type__feature .ilo--card--image--wrapper{height:0;overflow:hidden;padding-top:56.25%;width:100%}.ilo--card__type__feature .ilo--card--image--wrapper img{height:100%;left:50%;object-fit:cover;object-position:center;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.ilo--card__type__feature .ilo--card--content{display:flex;flex:1 1 auto;flex-direction:column;padding:calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*6)}.ilo--card__type__feature .ilo--card--eyebrow{margin-bottom:calc(var(--ilo-spacing-base)*4)}.ilo--card__type__feature .ilo--card--title{margin-bottom:calc(var(--ilo-spacing-base)*6)}.ilo--card__type__feature .ilo--card--date{margin-bottom:calc(var(--ilo-spacing-base)*8)}.ilo--card__type__feature.ilo--card__size__narrow .ilo--card--wrap{display:flex;flex-wrap:wrap;width:100%}.ilo--card__type__feature.ilo--card__size__narrow .ilo--card--content,.ilo--card__type__feature.ilo--card__size__narrow .ilo--card--image--wrapper{width:100%}.ilo--card__type__feature.ilo--card__size__narrow .ilo--link-list{margin:0 -1.2861736334rem}.ilo--card__type__feature.ilo--card__size__fluid,.ilo--card__type__feature.ilo--card__size__wide{--max-width:40.4072883173rem}@media screen and (min-width:610px){.ilo--card__type__feature.ilo--card__size__fluid .ilo--card--wrap,.ilo--card__type__feature.ilo--card__size__wide .ilo--card--wrap{flex-direction:row}.ilo--card__type__feature.ilo--card__size__fluid .ilo--card--content,.ilo--card__type__feature.ilo--card__size__wide .ilo--card--content{display:flex;flex-wrap:wrap;position:relative;width:50%}.ilo--card__type__feature.ilo--card__size__fluid .ilo--card--image--wrapper,.ilo--card__type__feature.ilo--card__size__wide .ilo--card--image--wrapper{height:auto;padding:0;width:50%}.ilo--card__type__feature.ilo--card__size__fluid img,.ilo--card__type__feature.ilo--card__size__wide img{height:100%;max-width:none;object-fit:cover;width:100%}.ilo--card__type__feature.ilo--card__size__fluid .ilo--card--date,.ilo--card__type__feature.ilo--card__size__wide .ilo--card--date{align-self:flex-end;width:100%}.ilo--card__type__feature.ilo--card__size__fluid .ilo--card--eyebrow,.ilo--card__type__feature.ilo--card__size__fluid .ilo--card--title,.ilo--card__type__feature.ilo--card__size__fluid .ilo--link-list,.ilo--card__type__feature.ilo--card__size__wide .ilo--card--eyebrow,.ilo--card__type__feature.ilo--card__size__wide .ilo--card--title,.ilo--card__type__feature.ilo--card__size__wide .ilo--link-list{width:100%}}.ilo--card__type__feature .ilo--card--wrap{display:flex;flex-direction:column;width:100%}.ilo--card__type__feature .ilo--card--title{font-family:var(--ilo-fonts-display);font-size:23.32px;font-weight:700;letter-spacing:-.035em;line-height:29.15px}.ilo--card__type__feature.ilo--card__linklist .ilo--card--content{padding-bottom:0}.ilo--card__type__feature .ilo--link-list{border-top:.1071811361rem solid var(--ilo-color-gray-light);position:relative;z-index:2}.ilo--card__type__feature .ilo--link-list a{border-bottom:none}.ilo--card__type__feature .ilo--link-list--link,.ilo--card__type__feature .ilo--link-list--link:hover{border-bottom:none;padding-inline:calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*2)}.ilo--card__type__feature.ilo--card__theme__dark .ilo--link-list{border-top:2px solid var(--ilo-color-gray-light-semi-transparent)}

package/dist/styles/components/fieldset.css

@@ -1 +1 @@
-.ilo--fieldset{appearance:none;box-sizing:border-box}.ilo--fieldset--legend-wrapper{margin-bottom:.8717716645rem}.ilo--fieldset--legend-wrapper .ilo--tooltip--wrapper{top:-.0535905681rem}.ilo--fieldset--legend{align-items:center;display:flex;flex-flow:row nowrap;font-family:var(--ilo-fonts-display);font-size:16px;font-weight:700;letter-spacing:-.02em;line-height:21.6px;line-height:1.0718113612rem}.ilo--fieldset--direction__column>.ilo--fieldset--elements{align-items:flex-start;display:flex;flex-direction:column;gap:.8717716645rem;justify-content:flex-start}.ilo--fieldset--direction__row>.ilo--fieldset--elements{align-items:flex-start;display:flex;flex-direction:row;gap:.8717716645rem;justify-content:flex-start}.ilo--fieldset--direction__row-reverse>.ilo--fieldset--elements{align-items:flex-start;display:flex;flex-direction:row-reverse;gap:.8717716645rem;justify-content:flex-start}.ilo--fieldset--direction__column-reverse>.ilo--fieldset--elements{align-items:flex-start;display:flex;flex-direction:column-reverse;gap:.8717716645rem;justify-content:flex-start}.ilo--fieldset--wrap__nowrap>.ilo--fieldset--elements{flex-wrap:nowrap}.ilo--fieldset--wrap__wrap>.ilo--fieldset--elements{flex-wrap:wrap}.ilo--fieldset--wrap__wrap-reverse>.ilo--fieldset--elements{flex-wrap:wrap-reverse}.ilo--fieldset--wrap__reverse>.ilo--fieldset--elements{flex-wrap:reverse}.ilo--fieldset--helper,.ilo--fieldset__error{font-family:var(--ilo-fonts-copy);font-size:11.94px;letter-spacing:normal;line-height:16.24px;margin-top:.4832142725rem}.ilo--fieldset--helper{color:#6d6d6d}.ilo--fieldset__error{color:#c8303c}.ilo--fieldset__disabled{opacity:.5;pointer-events:none}.ilo--fieldset .ilo--tooltip--wrapper{margin-left:calc(var(--ilo-spacing-base)*1)}
+.ilo--fieldset{appearance:none;box-sizing:border-box}.ilo--fieldset,.ilo--fieldset__theme__light{--ilo-fieldset-legend-color:var(--ilo-color-gray-charcoal);--ilo-fieldset-helper-color:var(--ilo-color-gray-accessible);--ilo-fieldset-error-color:var(--ilo-color-red-dark)}.ilo--fieldset__theme__dark{--ilo-fieldset-legend-color:var(--ilo-color-yellow);--ilo-fieldset-helper-color:var(--ilo-color-white);--ilo-fieldset-error-color:var(--ilo-color-red-dark)}.ilo--fieldset--legend-wrapper{margin-bottom:.8717716645rem}.ilo--fieldset--legend-wrapper .ilo--tooltip--wrapper{top:-.0535905681rem}.ilo--fieldset--legend{align-items:center;color:var(--ilo-fieldset-legend-color);display:flex;flex-flow:row nowrap;font-family:var(--ilo-fonts-display);font-size:16px;font-weight:700;letter-spacing:-.02em;line-height:21.6px;line-height:1.0718113612rem}.ilo--fieldset--direction__column>.ilo--fieldset--elements{align-items:flex-start;display:flex;flex-direction:column;gap:.8717716645rem;justify-content:flex-start}.ilo--fieldset--direction__row>.ilo--fieldset--elements{align-items:flex-start;display:flex;flex-direction:row;gap:.8717716645rem;justify-content:flex-start}.ilo--fieldset--direction__row-reverse>.ilo--fieldset--elements{align-items:flex-start;display:flex;flex-direction:row-reverse;gap:.8717716645rem;justify-content:flex-start}.ilo--fieldset--direction__column-reverse>.ilo--fieldset--elements{align-items:flex-start;display:flex;flex-direction:column-reverse;gap:.8717716645rem;justify-content:flex-start}.ilo--fieldset--wrap__nowrap>.ilo--fieldset--elements{flex-wrap:nowrap}.ilo--fieldset--wrap__wrap>.ilo--fieldset--elements{flex-wrap:wrap}.ilo--fieldset--wrap__wrap-reverse>.ilo--fieldset--elements{flex-wrap:wrap-reverse}.ilo--fieldset--wrap__reverse>.ilo--fieldset--elements{flex-wrap:reverse}.ilo--fieldset--helper,.ilo--fieldset__error{font-family:var(--ilo-fonts-copy);font-size:11.94px;letter-spacing:normal;line-height:16.24px;margin-top:.4832142725rem}.ilo--fieldset--helper{color:var(--ilo-fieldset-helper-color)}.ilo--fieldset__error{color:var(--ilo-fieldset-error-color)}.ilo--fieldset__disabled{opacity:.5;pointer-events:none}.ilo--fieldset .ilo--tooltip--wrapper{margin-left:calc(var(--ilo-spacing-base)*1)}

package/dist/styles/components/form.css

@@ -1 +1 @@
-.ilo--form{align-items:flex-start;appearance:none;box-sizing:border-box;display:flex;flex-direction:column;gap:calc(var(--ilo-spacing-base)*8);justify-content:flex-start}.ilo--form,.ilo--form__theme__light,.ilo--form__theme__light label,.ilo--form__theme__light p{color:#2d2d2d}.ilo--form__theme__dark,.ilo--form__theme__dark label,.ilo--form__theme__dark p{color:#edf0f2}.ilo--form__theme__dark legend{color:#ffcd2d}.ilo--form__disabled{opacity:.5;pointer-events:none}
+.ilo--form{align-items:flex-start;appearance:none;box-sizing:border-box;color:var(--ilo-color-gray-charcoal);display:flex;flex-direction:column;gap:calc(var(--ilo-spacing-base)*8);justify-content:flex-start}.ilo--form,.ilo--form__theme__light{--ilo-form-legend-color:var(--ilo-color-blue-dark)}.ilo--form__theme__dark{--ilo-form-legend-color:var(--ilo-color-white)}.ilo--form__disabled{opacity:.5;pointer-events:none}.ilo--form h2{color:var(--ilo-form-legend-color)}

package/dist/styles/components/formcontrol.css

@@ -1 +1 @@
-.ilo--form-control{display:inline-grid;gap:calc(var(--ilo-spacing-base)*2);grid-area:input;grid-template-columns:auto;grid-template-rows:auto}.ilo--form-control__label-placement__start .ilo--form-control--label{grid-area:1/1/2/2}.ilo--form-control__label-placement__start :nth-child(2){grid-area:1/2/2/3}.ilo--form-control__label-placement__start .ilo--form-control--helper{grid-area:2/2/3/3}.ilo--form-control__label-placement__start [class*=file-upload--list]{grid-area:3/1/4/3}.ilo--form-control__label-placement__end .ilo--form-control--label{grid-area:1/2/2/3}.ilo--form-control__label-placement__end :nth-child(2){grid-area:1/1/2/2}.ilo--form-control__label-placement__end .ilo--form-control--helper{grid-area:2/1/3/3}.ilo--form-control__label-placement__end [class*=file-upload--list]{grid-area:3/1/4/4}.ilo--form-control__label-placement__top .ilo--form-control--label{grid-area:1/1/2/2}.ilo--form-control__label-placement__top :nth-child(2){grid-area:2/1/3/2}.ilo--form-control__label-placement__top .ilo--form-control--helper{grid-area:3/1/4/2}.ilo--form-control__label-placement__top [class*=file-upload--list]{grid-area:4/1/5/2}.ilo--form-control__label-placement__bottom .ilo--form-control--label{grid-area:3/1/4/2}.ilo--form-control__label-placement__bottom :nth-child(2){grid-area:2/1/3/2}.ilo--form-control__label-placement__bottom .ilo--form-control--helper{grid-area:1/1/2/2}.ilo--form-control__label-placement__bottom [class*=file-upload--list]{grid-area:4/1/5/2}.ilo--form-control__disabled .ilo--form-control--helper,.ilo--form-control__disabled .ilo--form-control--label{opacity:.5;pointer-events:none}.ilo--form-control__error .ilo--form-control--helper{color:#c8303c}.ilo--form-control--label{align-items:center;color:#2d2d2d;display:flex;flex-flow:row nowrap;grid-area:label;justify-content:flex-start}.ilo--form-control--label__size__small{font-family:var(--ilo-fonts-copy);font-size:.8001071811rem;font-weight:400;letter-spacing:-.0010718114rem;line-height:1.0803858521rem}.ilo--form-control--label__size__medium{font-size:.857449089rem;line-height:1.1575562701rem}.ilo--form-control--label__size__large,.ilo--form-control--label__size__medium{font-family:var(--ilo-fonts-display);font-weight:700;letter-spacing:-.0010718114rem}.ilo--form-control--label__size__large{font-size:1rem;line-height:1.3001071811rem}.ilo--form-control--label label{font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit}.ilo--form-control--label div[class*=tooltip]{margin-left:calc(var(--ilo-spacing-base)*1)}[dir=rtl] .ilo--form-control--label div[class*=tooltip]{margin-right:calc(var(--ilo-spacing-base)*1)}.ilo--form-control--helper{color:#6d6d6d;font-family:var(--ilo-fonts-copy);font-size:11.94px;grid-area:helper;letter-spacing:normal;line-height:16.24px}.ilo--form-control .ilo--tooltip--wrapper{bottom:.0535905681rem}
+.ilo--form-control{display:inline-grid;gap:calc(var(--ilo-spacing-base)*2);grid-area:input;grid-template-columns:auto;grid-template-rows:auto}.ilo--form-control,.ilo--form-control__theme__light{--ilo-form-control-label-color:var(--ilo-color-gray-charcoal);--ilo-form-control-helper-color:var(--ilo-color-gray-accessible);--ilo-form-control-error-color:var(--ilo-color-red-dark)}.ilo--form-control__theme__dark{--ilo-form-control-label-color:var(--ilo-color-white);--ilo-form-control-helper-color:var(--ilo-color-white);--ilo-form-control-error-color:var(--ilo-color-red-dark)}.ilo--form-control__label-placement__start .ilo--form-control--label{grid-area:1/1/2/2}.ilo--form-control__label-placement__start :nth-child(2){grid-area:1/2/2/3}.ilo--form-control__label-placement__start .ilo--form-control--helper{grid-area:2/2/3/3}.ilo--form-control__label-placement__start [class*=file-upload--list]{grid-area:3/1/4/3}.ilo--form-control__label-placement__end .ilo--form-control--label{grid-area:1/2/2/3}.ilo--form-control__label-placement__end :nth-child(2){grid-area:1/1/2/2}.ilo--form-control__label-placement__end .ilo--form-control--helper{grid-area:2/1/3/3}.ilo--form-control__label-placement__end [class*=file-upload--list]{grid-area:3/1/4/4}.ilo--form-control__label-placement__top .ilo--form-control--label{grid-area:1/1/2/2}.ilo--form-control__label-placement__top :nth-child(2){grid-area:2/1/3/2}.ilo--form-control__label-placement__top .ilo--form-control--helper{grid-area:3/1/4/2}.ilo--form-control__label-placement__top [class*=file-upload--list]{grid-area:4/1/5/2}.ilo--form-control__label-placement__bottom .ilo--form-control--label{grid-area:3/1/4/2}.ilo--form-control__label-placement__bottom :nth-child(2){grid-area:2/1/3/2}.ilo--form-control__label-placement__bottom .ilo--form-control--helper{grid-area:1/1/2/2}.ilo--form-control__label-placement__bottom [class*=file-upload--list]{grid-area:4/1/5/2}.ilo--form-control__disabled .ilo--form-control--helper,.ilo--form-control__disabled .ilo--form-control--label{opacity:.5;pointer-events:none}.ilo--form-control__error .ilo--form-control--helper{color:var(--ilo-form-control-error-color)}.ilo--form-control--label{align-items:center;color:var(--ilo-form-control-label-color);display:flex;flex-flow:row nowrap;grid-area:label;justify-content:flex-start}.ilo--form-control--label__size__small{font-family:var(--ilo-fonts-copy);font-size:.8001071811rem;font-weight:400;letter-spacing:-.0010718114rem;line-height:1.0803858521rem}.ilo--form-control--label__size__medium{font-size:.857449089rem;line-height:1.1575562701rem}.ilo--form-control--label__size__large,.ilo--form-control--label__size__medium{font-family:var(--ilo-fonts-display);font-weight:700;letter-spacing:-.0010718114rem}.ilo--form-control--label__size__large{font-size:1rem;line-height:1.3001071811rem}.ilo--form-control--label label{font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit}.ilo--form-control--label div[class*=tooltip]{margin-left:calc(var(--ilo-spacing-base)*1)}[dir=rtl] .ilo--form-control--label div[class*=tooltip]{margin-right:calc(var(--ilo-spacing-base)*1)}.ilo--form-control--helper{color:var(--ilo-form-control-helper-color);font-family:var(--ilo-fonts-copy);font-size:11.94px;grid-area:helper;letter-spacing:normal;line-height:16.24px}.ilo--form-control .ilo--tooltip--wrapper{bottom:.0535905681rem}

package/dist/styles/components/multilinkcard.css

@@ -1 +1 @@
-@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__multilink{--standard-spacing:calc(var(--ilo-spacing-base)*8);--narrow-spacing:calc(var(--ilo-spacing-base)*6);--max-width:28.7245444802rem;border:unset;padding:calc(var(--ilo-spacing-base)*6)}.ilo--card__type__multilink:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within){border:unset;filter:unset}.ilo--card__type__multilink .ilo--card--image--wrapper{background-color:var(--ilo-color-blue-lighter);display:none;height:0;margin-bottom:var(--standard-spacing);overflow:hidden;padding-top:56.25%;position:relative}.ilo--card__type__multilink .ilo--card--image--wrapper img,.ilo--card__type__multilink .ilo--card--image--wrapper picture{height:auto;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.ilo--card__type__multilink .ilo--card--content .ilo--card--image--wrapper{display:block}.ilo--card__type__multilink .ilo--card--title{color:var(--ilo-color-gray-charcoal);font-size:23.32px;letter-spacing:-.035em;line-height:29.15px;margin-bottom:var(--standard-spacing)}@media screen and (min-width:610px){.ilo--card__type__multilink .ilo--card--title{font-size:29.16px;letter-spacing:-.035em;line-height:36.45px}}.ilo--card__type__multilink .ilo--card--intro{color:var(--ilo-color-gray-charcoal);font-size:16px;letter-spacing:normal;line-height:23.36px;margin-bottom:var(--standard-spacing)}@media screen and (min-width:610px){.ilo--card__type__multilink .ilo--card--intro{font-size:18.66px;letter-spacing:normal;line-height:27.24px}}.ilo--card__type__multilink.ilo--card__size__standard{--max-width:28.7245444802rem;padding:calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*10)}.ilo--card__type__multilink.ilo--card__size__narrow{--max-width:20.0964630225rem;padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*12)}.ilo--card__type__multilink.ilo--card__size__narrow .ilo--card--image--wrapper{display:none}.ilo--card__type__multilink.ilo--card__size__narrow .ilo--card--content .ilo--card--image--wrapper{display:block;margin-bottom:var(--narrow-spacing)}@media screen and (min-width:610px){.ilo--card__type__multilink.ilo--card__size__narrow .ilo--card--title{font-size:23.32px;letter-spacing:-.035em;line-height:29.15px;margin-bottom:var(--narrow-spacing)}.ilo--card__type__multilink.ilo--card__size__narrow .ilo--card--intro{font-size:16px;letter-spacing:normal;line-height:23.36px;margin-bottom:var(--narrow-spacing)}}.ilo--card__type__multilink.ilo--card__size__fluid,.ilo--card__type__multilink.ilo--card__size__wide{--max-width:59.1639871383rem;padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*12)}.ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--title,.ilo--card__type__multilink.ilo--card__size__wide .ilo--card--title{margin-bottom:calc(var(--ilo-spacing-base)*3)}@media screen and (min-width:610px){.ilo--card__type__multilink.ilo--card__size__fluid,.ilo--card__type__multilink.ilo--card__size__wide{padding:calc(var(--ilo-spacing-base)*14) calc(var(--ilo-spacing-base)*12)}.ilo--card__type__multilink.ilo--card__size__fluid.ilo--card__align__right .ilo--card--wrap,.ilo--card__type__multilink.ilo--card__size__wide.ilo--card__align__right .ilo--card--wrap{grid-template-areas:"content image"}.ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--wrap,.ilo--card__type__multilink.ilo--card__size__wide .ilo--card--wrap{display:grid;gap:1.7148981779rem;grid-template-areas:"image content";grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--image--wrapper,.ilo--card__type__multilink.ilo--card__size__wide .ilo--card--image--wrapper{display:inline-block;grid-area:image;margin-bottom:0;width:100%}.ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--content,.ilo--card__type__multilink.ilo--card__size__wide .ilo--card--content{grid-area:content}.ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--content .ilo--card--image--wrapper,.ilo--card__type__multilink.ilo--card__size__wide .ilo--card--content .ilo--card--image--wrapper{display:none}.ilo--card__type__multilink.ilo--card__size__fluid.ilo--card--no-image,.ilo--card__type__multilink.ilo--card__size__wide.ilo--card--no-image{--max-width:49.3033226152rem}.ilo--card__type__multilink.ilo--card__size__fluid.ilo--card--no-image .ilo--card--content,.ilo--card__type__multilink.ilo--card__size__wide.ilo--card--no-image .ilo--card--content{width:100%}}.ilo--card__type__multilink .ilo--link-list{position:relative;z-index:3}@media screen and (min-width:610px){.ilo--card__type__multilink{padding:calc(var(--ilo-spacing-base)*10)}}@media screen and (min-width:1024px){.ilo--card__type__multilink{padding:calc(var(--ilo-spacing-base)*14) calc(var(--ilo-spacing-base)*12)}}.ilo--card__theme__soft.ilo--card__type__multilink .ilo--link-list a:hover{background-color:var(--ilo-color-white)}
+@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__multilink{--standard-spacing:calc(var(--ilo-spacing-base)*8);--narrow-spacing:calc(var(--ilo-spacing-base)*6);--max-width:28.7245444802rem;border:unset;padding:calc(var(--ilo-spacing-base)*6)}.ilo--card__type__multilink:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within){border:unset;filter:unset}.ilo--card__type__multilink .ilo--card--image--wrapper{background-color:var(--ilo-color-blue-lighter);display:none;height:0;margin-bottom:var(--standard-spacing);overflow:hidden;padding-top:56.25%;position:relative}.ilo--card__type__multilink .ilo--card--image--wrapper img,.ilo--card__type__multilink .ilo--card--image--wrapper picture{height:100%;left:50%;object-fit:cover;object-position:center;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.ilo--card__type__multilink .ilo--card--content .ilo--card--image--wrapper{display:block}.ilo--card__type__multilink .ilo--card--title{color:var(--ilo-color-gray-charcoal);font-size:23.32px;letter-spacing:-.035em;line-height:29.15px;margin-bottom:var(--standard-spacing)}@media screen and (min-width:610px){.ilo--card__type__multilink .ilo--card--title{font-size:29.16px;letter-spacing:-.035em;line-height:36.45px}}.ilo--card__type__multilink .ilo--card--intro{color:var(--ilo-color-gray-charcoal);font-size:16px;letter-spacing:normal;line-height:23.36px;margin-bottom:var(--standard-spacing)}@media screen and (min-width:610px){.ilo--card__type__multilink .ilo--card--intro{font-size:18.66px;letter-spacing:normal;line-height:27.24px}}.ilo--card__type__multilink.ilo--card__size__standard{--max-width:28.7245444802rem;padding:calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*10)}.ilo--card__type__multilink.ilo--card__size__narrow{--max-width:20.0964630225rem;padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*12)}.ilo--card__type__multilink.ilo--card__size__narrow .ilo--card--image--wrapper{display:none}.ilo--card__type__multilink.ilo--card__size__narrow .ilo--card--content .ilo--card--image--wrapper{display:block;margin-bottom:var(--narrow-spacing)}@media screen and (min-width:610px){.ilo--card__type__multilink.ilo--card__size__narrow .ilo--card--title{font-size:23.32px;letter-spacing:-.035em;line-height:29.15px;margin-bottom:var(--narrow-spacing)}.ilo--card__type__multilink.ilo--card__size__narrow .ilo--card--intro{font-size:16px;letter-spacing:normal;line-height:23.36px;margin-bottom:var(--narrow-spacing)}}.ilo--card__type__multilink.ilo--card__size__fluid,.ilo--card__type__multilink.ilo--card__size__wide{--max-width:59.1639871383rem;padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*12)}.ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--title,.ilo--card__type__multilink.ilo--card__size__wide .ilo--card--title{margin-bottom:calc(var(--ilo-spacing-base)*3)}@media screen and (min-width:610px){.ilo--card__type__multilink.ilo--card__size__fluid,.ilo--card__type__multilink.ilo--card__size__wide{padding:calc(var(--ilo-spacing-base)*14) calc(var(--ilo-spacing-base)*12)}.ilo--card__type__multilink.ilo--card__size__fluid.ilo--card__align__right .ilo--card--wrap,.ilo--card__type__multilink.ilo--card__size__wide.ilo--card__align__right .ilo--card--wrap{grid-template-areas:"content image"}.ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--wrap,.ilo--card__type__multilink.ilo--card__size__wide .ilo--card--wrap{display:grid;gap:1.7148981779rem;grid-template-areas:"image content";grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--image--wrapper,.ilo--card__type__multilink.ilo--card__size__wide .ilo--card--image--wrapper{display:inline-block;grid-area:image;margin-bottom:0;width:100%}.ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--content,.ilo--card__type__multilink.ilo--card__size__wide .ilo--card--content{grid-area:content}.ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--content .ilo--card--image--wrapper,.ilo--card__type__multilink.ilo--card__size__wide .ilo--card--content .ilo--card--image--wrapper{display:none}.ilo--card__type__multilink.ilo--card__size__fluid.ilo--card--no-image,.ilo--card__type__multilink.ilo--card__size__wide.ilo--card--no-image{--max-width:49.3033226152rem}.ilo--card__type__multilink.ilo--card__size__fluid.ilo--card--no-image .ilo--card--content,.ilo--card__type__multilink.ilo--card__size__wide.ilo--card--no-image .ilo--card--content{width:100%}}.ilo--card__type__multilink .ilo--link-list{position:relative;z-index:3}@media screen and (min-width:610px){.ilo--card__type__multilink{padding:calc(var(--ilo-spacing-base)*10)}}@media screen and (min-width:1024px){.ilo--card__type__multilink{padding:calc(var(--ilo-spacing-base)*14) calc(var(--ilo-spacing-base)*12)}}.ilo--card__theme__soft.ilo--card__type__multilink .ilo--link-list a:hover{background-color:var(--ilo-color-white)}