@ilo-org/twig 1.11.0 → 1.12.0

package/README.md

@@ -2,14 +2,13 @@
 
 This package provides the implementation of the Design System using [Twig](https://twig.symfony.com/). It also includes a [Storybook](https://storybook.js.org/) project for documentation and development of the components in the system. Storybook and twig integration is done by the internal [Maestro](https://github.com/international-labour-organization/designsystem/tree/develop/packages/maestro). It has dependencies on the following other @ilo-org packages:
 
-- [@ilo-org/themes](./packages/themes)
 - [@ilo-org/fonts](./packages/fonts)
 - [@ilo-org/styles](./packages/styles)
 - [@ilo-org/icons](./packages/icons)
 
 ## Drupal Integration
 
-- For the Drupal integration, please refer to the [Main Documentation](https://twig.ui.ilo.org/?path=/docs/get-started-use-with-drupal--docs)
+- For Drupal integration, please refer to the [Main Documentation](https://twig.ui.ilo.org/?path=/docs/get-started-use-with-drupal--docs)
 - [Drupal Base Theme](https://github.com/international-labour-organization/ilo_base_theme)
 
 ## Available Commands

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

@@ -63,7 +63,7 @@ form:
               placeholder: Juan
               labelPlacement: top
               labelSize: small
-              style: "flex: 1 0 49%"
+              style: "flex: 1 0 48%"
               class: my--formfield--class
             - type: textinput
               name: last-name
@@ -71,7 +71,7 @@ form:
               placeholder: Martinez
               labelPlacement: top
               labelSize: small
-              style: "flex: 1 0 49%"
+              style: "flex: 1 0 48%"
               class: my--formfield--class
         - legend: What world of work topics interest you?
           direction: row

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

@@ -63,7 +63,7 @@ form:
               placeholder: Juan
               labelPlacement: top
               labelSize: small
-              style: "flex: 1 0 49%"
+              style: "flex: 1 0 48%"
               class: my--formfield--class
             - type: textinput
               name: last-name
@@ -71,7 +71,7 @@ form:
               placeholder: Martinez
               labelPlacement: top
               labelSize: small
-              style: "flex: 1 0 49%"
+              style: "flex: 1 0 48%"
               class: my--formfield--class
         - legend: What world of work topics interest you?
           direction: row

package/dist/components/localnav/localnav.behavior.js

@@ -3,6 +3,6 @@
 
   class Navigation{constructor(element,callback=null){this.element=element;this.prefix=this.element.dataset.prefix;this.callback=callback;this.init();}init(){this.cacheDomReferences().setupHandlers().enable();return this}cacheDomReferences(){this.subNav=this.element.querySelector(`.${this.prefix}--subnav`);this.subnavButton=this.element.querySelector(`.${this.prefix}--nav--trigger`);this.menuCloseSet=this.element.querySelectorAll(`.${this.prefix}--header--menu--close`);this.subnavBack=this.element.querySelectorAll(`.${this.prefix}--mobile--subnav--back`);this.menuOpen=this.element.querySelector(`.${this.prefix}--header--menu`);this.searchButton=this.element.querySelector(`.${this.prefix}--search--button`);this.searchBox=this.element.querySelector(`.${this.prefix}--search-box`);this.searchInput=this.searchBox?this.searchBox.querySelector("input"):null;this.contextButton=this.element.querySelector(`.${this.prefix}--language-switcher--button`);this.languageButton=this.element.querySelector(`.${this.prefix}--mobile--nav--language--switcher--button`);this.contextLinks=this.element.querySelectorAll(`.${this.prefix}--context-menu--link`);this.languageLinks=this.element.querySelectorAll(`.${this.prefix}--nav--language`);this.body=document.body;return this}setupHandlers(){this.subnavClick=this.handleSubnavClick.bind(this);this.subnavClickOff=this.handleSubnavClickOff.bind(this);this.subnavClickOn=this.handleSubnavClickOn.bind(this);this.subnavBackClick=this.handleSubnavBackClick.bind(this);this.menuCloseClick=this.handleMenuCloseClick.bind(this);this.menuOpenClick=this.handleMenuOpenClick.bind(this);this.languageButtonClick=this.handleLanguageButtonClick.bind(this);this.contextLinkClick=this.handleContextLinkClick.bind(this);this.onResize=this.handleResize.bind(this);this.keyPress=this.handleKeyPress.bind(this);this.contextButtonClick=this.handleContextButtonClick.bind(this);this.contextButtonClickOff=this.handleContextButtonClickOff.bind(this);this.contextButtonClickOn=this.handleContextButtonClickOn.bind(this);this.searchButtonClick=this.handleSearchButtonClick.bind(this);this.searchButtonClickOff=this.handleSearchButtonClickOff.bind(this);this.searchButtonClickOn=this.handleSearchButtonClickOn.bind(this);return this}enable(){if(this.subnavButton){this.subnavButton.addEventListener("click",e=>this.subnavClick(e));this.subnavButton.addEventListener("touchstart",e=>this.subnavClick(e));}if(this.subnavBack.length>0){this.subnavBack.forEach(button=>{button.addEventListener("click",e=>this.subnavBackClick(e));button.addEventListener("touchstart",e=>this.subnavBackClick(e));});}if(this.searchButton){this.searchButton.addEventListener("click",e=>this.searchButtonClick(e));this.searchButton.addEventListener("touchstart",e=>this.searchButtonClick(e));}if(this.menuCloseSet.length>0){this.menuCloseSet.forEach((closeButton,i)=>{closeButton.addEventListener("click",e=>this.menuCloseClick(i,e));closeButton.addEventListener("touchstart",e=>this.menuCloseClick(i,e));});}if(this.menuOpen){this.menuOpen.addEventListener("click",e=>this.menuOpenClick(e));this.menuOpen.addEventListener("touchstart",e=>this.menuOpenClick(e));}if(this.contextButton){this.contextButton.addEventListener("click",e=>this.contextButtonClick(e));this.contextButton.addEventListener("touchstart",e=>this.contextButtonClick(e));}if(this.languageButton){this.languageButton.addEventListener("click",e=>this.languageButtonClick(e));this.languageButton.addEventListener("touchstart",e=>this.languageButtonClick(e));}if(this.contextLinks.length>0&&this.callback){this.contextLinks.forEach(contextLink=>{contextLink.addEventListener("click",e=>this.contextLinkClick(e));contextLink.addEventListener("touchstart",e=>this.contextLinkClick(e));});}if(this.languageLinks.length>0&&this.callback){this.languageLinks.forEach(languageLink=>{languageLink.addEventListener("click",e=>this.contextLinkClick(e));languageLink.addEventListener("touchstart",e=>this.contextLinkClick(e));});}if(this.searchBox){this.searchBox.addEventListener("click",ev=>{ev.stopPropagation();},false);}if(this.subNav){this.subNav.addEventListener("click",ev=>{ev.stopPropagation();},false);}window.addEventListener("resize",e=>{if(window.innerWidth>=1024){this.onResize(e);}});return this}handleContextLinkClick(event){event.preventDefault();this.callback(event);return this}handleKeyPress(e,callback){if(e.key==="Escape"){callback(e);}return this}handleLanguageButtonClick(e){e.preventDefault();e.stopImmediatePropagation();this.element.classList.toggle(`${this.prefix}--select--open`);return this}handleContextButtonClickOn(e){e.stopImmediatePropagation();this.element.classList.add(`${this.prefix}--context--open`);window.addEventListener("keydown",ev=>this.keyPress(ev,this.contextButtonClickOff),false);window.addEventListener("click",this.contextButtonClickOff);return this}handleContextButtonClickOff(e){e.stopImmediatePropagation();this.element.classList.remove(`${this.prefix}--context--open`);window.removeEventListener("keydown",ev=>this.keyPress(ev,this.contextButtonClickOff),false);window.removeEventListener("click",this.contextButtonClickOff);return this}handleContextButtonClick(e){if(this.element.classList.contains(`${this.prefix}--context--open`)){this.contextButtonClickOff(e);}else {this.contextButtonClickOn(e);}return this}handleSearchButtonClickOn(e){e.stopImmediatePropagation();this.searchBox.style.display="block";window.setTimeout(()=>{this.element.classList.add(`${this.prefix}--search--open`);},10);setTimeout(()=>{this.searchInput.focus();},50);window.addEventListener("keydown",ev=>this.keyPress(ev,this.searchButtonClickOff),false);if(window.innerWidth>=1024){window.addEventListener("click",this.searchButtonClickOff,false);}return this}handleSearchButtonClickOff(e){e.stopImmediatePropagation();this.element.classList.remove(`${this.prefix}--search--open`);window.setTimeout(()=>{this.searchBox.style.display="none";},225);window.removeEventListener("keydown",ev=>this.keyPress(ev,this.searchButtonClickOff),false);window.removeEventListener("click",this.searchButtonClickOff,false);return this}handleSearchButtonClick(e){this.element.classList.remove(`${this.prefix}--subnav--open`);if(this.element.classList.contains(`${this.prefix}--search--open`)){this.searchButtonClickOff(e);}else {this.searchButtonClickOn(e);}return this}handleMenuOpenClick(e){e.preventDefault();e.stopImmediatePropagation();this.element.classList.add(`${this.prefix}--mobile--open`);this.body.classList.add(`${this.prefix}--menu--open`);return this}handleSubnavClickOn(e){e.stopImmediatePropagation();this.subNav.style.display="block";window.setTimeout(()=>{this.element.classList.add(`${this.prefix}--subnav--open`);},10);window.addEventListener("keydown",ev=>this.keyPress(ev,this.subnavClickOff),false);if(window.innerWidth>=1024){window.addEventListener("click",this.subnavClickOff);}return this}handleSubnavClickOff(e){e.stopImmediatePropagation();this.element.classList.remove(`${this.prefix}--subnav--open`);window.setTimeout(()=>{this.subNav.style.display="none";},150);window.removeEventListener("keydown",ev=>this.keyPress(ev,this.subnavClickOff),false);window.removeEventListener("click",this.subnavClickOff);return this}handleSubnavClick(e){e.preventDefault();e.stopImmediatePropagation();this.element.classList.remove(`${this.prefix}--search--open`);if(this.element.classList.contains(`${this.prefix}--subnav--open`)){this.subnavClickOff(e);}else {this.subnavClickOn(e);}return this}handleSubnavBackClick(e){e.stopImmediatePropagation();e.preventDefault();this.subnavClickOff(e);this.element.classList.remove(`${this.prefix}--select--open`);return this}handleMenuCloseClick(i,e){e.preventDefault();e.stopImmediatePropagation();this.element.classList.remove(`${this.prefix}--mobile--open`);this.element.classList.remove(`${this.prefix}--subnav--open`);this.body.classList.remove(`${this.prefix}--menu--open`);return this}handleResize(){this.element.classList.remove(`${this.prefix}--context--open`);this.element.classList.remove(`${this.prefix}--mobile--open`);this.element.classList.remove(`${this.prefix}--subnav--open`);this.element.classList.remove(`${this.prefix}--search--open`);return this}}
 
-  Drupal.behaviors.navigation={attach(){Array.prototype.forEach.call(document.querySelectorAll(`[data-loadcomponent="Navigation"]`),element=>{if(!element.dataset.jsProcessed){new Navigation(element);element.dataset.jsProcessed=true;}});}};
+  const warnNavigationDeprecated=(()=>{let warned=false;return ()=>{if(!warned&&typeof console!=="undefined"&&console.warn){console.warn("ILO Design System: The navigation.twig component is deprecated and will be removed in a future release. Switch to the SubsiteNav component with type=main.");warned=true;}}})();Drupal.behaviors.navigation={attach(){warnNavigationDeprecated();Array.prototype.forEach.call(document.querySelectorAll(`[data-loadcomponent="Navigation"]`),element=>{if(!element.dataset.jsProcessed){new Navigation(element);element.dataset.jsProcessed=true;}});}};
 
 })();

package/dist/components/navigation/navigation.behavior.js

@@ -3,6 +3,6 @@
 
   class Navigation{constructor(element,callback=null){this.element=element;this.prefix=this.element.dataset.prefix;this.callback=callback;this.init();}init(){this.cacheDomReferences().setupHandlers().enable();return this}cacheDomReferences(){this.subNav=this.element.querySelector(`.${this.prefix}--subnav`);this.subnavButton=this.element.querySelector(`.${this.prefix}--nav--trigger`);this.menuCloseSet=this.element.querySelectorAll(`.${this.prefix}--header--menu--close`);this.subnavBack=this.element.querySelectorAll(`.${this.prefix}--mobile--subnav--back`);this.menuOpen=this.element.querySelector(`.${this.prefix}--header--menu`);this.searchButton=this.element.querySelector(`.${this.prefix}--search--button`);this.searchBox=this.element.querySelector(`.${this.prefix}--search-box`);this.searchInput=this.searchBox?this.searchBox.querySelector("input"):null;this.contextButton=this.element.querySelector(`.${this.prefix}--language-switcher--button`);this.languageButton=this.element.querySelector(`.${this.prefix}--mobile--nav--language--switcher--button`);this.contextLinks=this.element.querySelectorAll(`.${this.prefix}--context-menu--link`);this.languageLinks=this.element.querySelectorAll(`.${this.prefix}--nav--language`);this.body=document.body;return this}setupHandlers(){this.subnavClick=this.handleSubnavClick.bind(this);this.subnavClickOff=this.handleSubnavClickOff.bind(this);this.subnavClickOn=this.handleSubnavClickOn.bind(this);this.subnavBackClick=this.handleSubnavBackClick.bind(this);this.menuCloseClick=this.handleMenuCloseClick.bind(this);this.menuOpenClick=this.handleMenuOpenClick.bind(this);this.languageButtonClick=this.handleLanguageButtonClick.bind(this);this.contextLinkClick=this.handleContextLinkClick.bind(this);this.onResize=this.handleResize.bind(this);this.keyPress=this.handleKeyPress.bind(this);this.contextButtonClick=this.handleContextButtonClick.bind(this);this.contextButtonClickOff=this.handleContextButtonClickOff.bind(this);this.contextButtonClickOn=this.handleContextButtonClickOn.bind(this);this.searchButtonClick=this.handleSearchButtonClick.bind(this);this.searchButtonClickOff=this.handleSearchButtonClickOff.bind(this);this.searchButtonClickOn=this.handleSearchButtonClickOn.bind(this);return this}enable(){if(this.subnavButton){this.subnavButton.addEventListener("click",e=>this.subnavClick(e));this.subnavButton.addEventListener("touchstart",e=>this.subnavClick(e));}if(this.subnavBack.length>0){this.subnavBack.forEach(button=>{button.addEventListener("click",e=>this.subnavBackClick(e));button.addEventListener("touchstart",e=>this.subnavBackClick(e));});}if(this.searchButton){this.searchButton.addEventListener("click",e=>this.searchButtonClick(e));this.searchButton.addEventListener("touchstart",e=>this.searchButtonClick(e));}if(this.menuCloseSet.length>0){this.menuCloseSet.forEach((closeButton,i)=>{closeButton.addEventListener("click",e=>this.menuCloseClick(i,e));closeButton.addEventListener("touchstart",e=>this.menuCloseClick(i,e));});}if(this.menuOpen){this.menuOpen.addEventListener("click",e=>this.menuOpenClick(e));this.menuOpen.addEventListener("touchstart",e=>this.menuOpenClick(e));}if(this.contextButton){this.contextButton.addEventListener("click",e=>this.contextButtonClick(e));this.contextButton.addEventListener("touchstart",e=>this.contextButtonClick(e));}if(this.languageButton){this.languageButton.addEventListener("click",e=>this.languageButtonClick(e));this.languageButton.addEventListener("touchstart",e=>this.languageButtonClick(e));}if(this.contextLinks.length>0&&this.callback){this.contextLinks.forEach(contextLink=>{contextLink.addEventListener("click",e=>this.contextLinkClick(e));contextLink.addEventListener("touchstart",e=>this.contextLinkClick(e));});}if(this.languageLinks.length>0&&this.callback){this.languageLinks.forEach(languageLink=>{languageLink.addEventListener("click",e=>this.contextLinkClick(e));languageLink.addEventListener("touchstart",e=>this.contextLinkClick(e));});}if(this.searchBox){this.searchBox.addEventListener("click",ev=>{ev.stopPropagation();},false);}if(this.subNav){this.subNav.addEventListener("click",ev=>{ev.stopPropagation();},false);}window.addEventListener("resize",e=>{if(window.innerWidth>=1024){this.onResize(e);}});return this}handleContextLinkClick(event){event.preventDefault();this.callback(event);return this}handleKeyPress(e,callback){if(e.key==="Escape"){callback(e);}return this}handleLanguageButtonClick(e){e.preventDefault();e.stopImmediatePropagation();this.element.classList.toggle(`${this.prefix}--select--open`);return this}handleContextButtonClickOn(e){e.stopImmediatePropagation();this.element.classList.add(`${this.prefix}--context--open`);window.addEventListener("keydown",ev=>this.keyPress(ev,this.contextButtonClickOff),false);window.addEventListener("click",this.contextButtonClickOff);return this}handleContextButtonClickOff(e){e.stopImmediatePropagation();this.element.classList.remove(`${this.prefix}--context--open`);window.removeEventListener("keydown",ev=>this.keyPress(ev,this.contextButtonClickOff),false);window.removeEventListener("click",this.contextButtonClickOff);return this}handleContextButtonClick(e){if(this.element.classList.contains(`${this.prefix}--context--open`)){this.contextButtonClickOff(e);}else {this.contextButtonClickOn(e);}return this}handleSearchButtonClickOn(e){e.stopImmediatePropagation();this.searchBox.style.display="block";window.setTimeout(()=>{this.element.classList.add(`${this.prefix}--search--open`);},10);setTimeout(()=>{this.searchInput.focus();},50);window.addEventListener("keydown",ev=>this.keyPress(ev,this.searchButtonClickOff),false);if(window.innerWidth>=1024){window.addEventListener("click",this.searchButtonClickOff,false);}return this}handleSearchButtonClickOff(e){e.stopImmediatePropagation();this.element.classList.remove(`${this.prefix}--search--open`);window.setTimeout(()=>{this.searchBox.style.display="none";},225);window.removeEventListener("keydown",ev=>this.keyPress(ev,this.searchButtonClickOff),false);window.removeEventListener("click",this.searchButtonClickOff,false);return this}handleSearchButtonClick(e){this.element.classList.remove(`${this.prefix}--subnav--open`);if(this.element.classList.contains(`${this.prefix}--search--open`)){this.searchButtonClickOff(e);}else {this.searchButtonClickOn(e);}return this}handleMenuOpenClick(e){e.preventDefault();e.stopImmediatePropagation();this.element.classList.add(`${this.prefix}--mobile--open`);this.body.classList.add(`${this.prefix}--menu--open`);return this}handleSubnavClickOn(e){e.stopImmediatePropagation();this.subNav.style.display="block";window.setTimeout(()=>{this.element.classList.add(`${this.prefix}--subnav--open`);},10);window.addEventListener("keydown",ev=>this.keyPress(ev,this.subnavClickOff),false);if(window.innerWidth>=1024){window.addEventListener("click",this.subnavClickOff);}return this}handleSubnavClickOff(e){e.stopImmediatePropagation();this.element.classList.remove(`${this.prefix}--subnav--open`);window.setTimeout(()=>{this.subNav.style.display="none";},150);window.removeEventListener("keydown",ev=>this.keyPress(ev,this.subnavClickOff),false);window.removeEventListener("click",this.subnavClickOff);return this}handleSubnavClick(e){e.preventDefault();e.stopImmediatePropagation();this.element.classList.remove(`${this.prefix}--search--open`);if(this.element.classList.contains(`${this.prefix}--subnav--open`)){this.subnavClickOff(e);}else {this.subnavClickOn(e);}return this}handleSubnavBackClick(e){e.stopImmediatePropagation();e.preventDefault();this.subnavClickOff(e);this.element.classList.remove(`${this.prefix}--select--open`);return this}handleMenuCloseClick(i,e){e.preventDefault();e.stopImmediatePropagation();this.element.classList.remove(`${this.prefix}--mobile--open`);this.element.classList.remove(`${this.prefix}--subnav--open`);this.body.classList.remove(`${this.prefix}--menu--open`);return this}handleResize(){this.element.classList.remove(`${this.prefix}--context--open`);this.element.classList.remove(`${this.prefix}--mobile--open`);this.element.classList.remove(`${this.prefix}--subnav--open`);this.element.classList.remove(`${this.prefix}--search--open`);return this}}
 
-  Drupal.behaviors.navigation={attach(){Array.prototype.forEach.call(document.querySelectorAll(`[data-loadcomponent="Navigation"]`),element=>{if(!element.dataset.jsProcessed){new Navigation(element);element.dataset.jsProcessed=true;}});}};
+  const warnNavigationDeprecated=(()=>{let warned=false;return ()=>{if(!warned&&typeof console!=="undefined"&&console.warn){console.warn("ILO Design System: The navigation.twig component is deprecated and will be removed in a future release. Switch to the SubsiteNav component with type=main.");warned=true;}}})();Drupal.behaviors.navigation={attach(){warnNavigationDeprecated();Array.prototype.forEach.call(document.querySelectorAll(`[data-loadcomponent="Navigation"]`),element=>{if(!element.dataset.jsProcessed){new Navigation(element);element.dataset.jsProcessed=true;}});}};
 
 })();

package/dist/components/notification/notification.twig

@@ -1,6 +1,5 @@
-{#
-  NOTIFICATION COMPONENT
-#}
+{# notification.twig #}
+
 <div class="ilo--notification ilo--notification--{{placement}} icon icon--{{type}}" role="status" aria-live="polite" aria-relevant="additions" data-loadcomponent="Notification" data-prefix="ilo">
   <div class="ilo--notification--content">
     <h2 class="ilo--notification--headline">{{headline}}</h2>
@@ -9,10 +8,24 @@
       <time class="ilo--notification--date" datetime="{{timestamp.unix}}">{{timestamp.human}}</time>
     {% endif %}
     {% if cta %}
-      <a class="ilo--notification--cta ilo--button ilo--button--small ilo--button--secondary  --light" href="{{cta.url}}">
-        <span class="link__label">{{cta.label}}</span>
-      </a>
+      {% include "@components/button/button.twig" with {
+        prefix: prefix,
+        size: "small",
+        type: "secondary",
+        label: cta.label,
+        url: cta.url,
+      } only %}
     {% endif %}
   </div>
-  <button class="ilo--notification--close" type="button"><span>{{closelabel}}</span></button>
+  {% include "@components/button/button.twig" with {
+    className: 'ilo' ~ "--notification--close",
+    prefix: prefix,
+    size: "small",
+    type: "secondary",
+    label: closelabel,
+    icononly: true,
+    icon: {
+      name: "close",
+    },
+  } only %}
 </div>

package/dist/components/search/search.behavior.js

@@ -1,7 +1,9 @@
 (function () {
   'use strict';
 
-  class Search{constructor(element){this.element=element;this.multipleExpanded=false;this.init();}init(){this.cacheDomReferences().setupHandlers().enable();return this}cacheDomReferences(){this.searchButton=this.element.querySelector(".ilo--searchfield--clear-button");this.searchInputField=this.element.querySelector(".ilo--input");return this}setupHandlers(){this.onClick=this.onClick.bind(this);this.KeyPressHandler=this.onKeyPress.bind(this);return this}enable(){this.searchButton.addEventListener("click",this.onClick.bind(this));this.searchInputField.addEventListener("keyup",this.onKeyPress.bind(this,this.searchButton));return this}onClick(){this.searchInputField.value="";this.searchButton.classList.remove("show");}onKeyPress(searchButton,e){const inputValue=e.target.value.trim();if(inputValue!==""){this.searchButton.classList.add("show");}else {this.searchButton.classList.remove("show");}}}
+  class StatefulComponent{constructor(element,initialState={}){this.element=element;this.initialState=initialState;this.state=this.#setupState(this.initialState);this.stateHandlers=new Map;this.#init();}#init(){this.setupState=this.#setupState.bind(this);this.registerStateHandler=this.registerStateHandler.bind(this);}registerStateHandler(prop,handler){if(!this.stateHandlers.has(prop)){this.stateHandlers.set(prop,[]);}this.stateHandlers.get(prop).push(handler);}#setupState(initialState){if(initialState===void 0)initialState={};return new Proxy(initialState,{set:(target,prop,value)=>{if(value!==target[prop]){target[prop]=value;const handlers=this.stateHandlers.get(prop);if(handlers){handlers.forEach(handler=>handler(value,prop));}}return true}})}}
+
+  class Search extends StatefulComponent{constructor(element){const initialState={inputValue:""};super(element,initialState);this.cacheDomReferences=()=>{this.clearButton=this.element.querySelector(".ilo--searchfield--clear-button");this.inputField=this.element.querySelector(".ilo--input");return this};this.bindHandlers=()=>{this.handleClearClick=this.handleClearClick.bind(this);this.handleInputKeyUp=this.handleInputKeyUp.bind(this);return this};this.registerStateHandlers=()=>{this.registerStateHandler("inputValue",this.handleInputValueChange);return this};this.enable=()=>{if(this.clearButton){this.clearButton.addEventListener("click",this.handleClearClick);}if(this.inputField){this.inputField.addEventListener("keyup",this.handleInputKeyUp);}return this};this.syncInitialState=()=>{if(this.inputField){this.state.inputValue=this.inputField.value.trim();}return this};this.handleInputValueChange=value=>{if(value===void 0)value="";this.toggleClearButton(value);this.updateInputField(value);};this.updateInputField=value=>{if(value===void 0)value="";if(!this.inputField||this.inputField.value===value)return;this.inputField.value=value;};this.init();}init(){return this.cacheDomReferences().bindHandlers().registerStateHandlers().enable().syncInitialState()}handleClearClick(){if(!this.inputField)return;this.state.inputValue="";this.inputField.focus();}handleInputKeyUp(event){this.state.inputValue=event.target.value;}toggleClearButton(value){if(!this.clearButton)return;if(value?.trim()){this.clearButton.classList.add("show");}else {this.clearButton.classList.remove("show");}}}
 
   Drupal.behaviors.search={attach(){Array.prototype.forEach.call(document.querySelectorAll(`[data-loadcomponent="Search"]`),element=>{if(!element.dataset.jsProcessed){new Search(element);element.dataset.jsProcessed=true;}});}};
 

package/dist/components/search/search.twig

@@ -6,6 +6,7 @@
 {% set searchClass = [baseClass, class] %}
 {% set inputClass = 'ilo' ~ "--input" %}
 {% set buttonClass = baseClass ~ "--button" %}
+{% set buttonContainerClass = baseClass ~ "--button-container" %}
 {% set fieldSetClass = 'ilo' ~ "--fieldset" %}
 {% set clearButtonClass = baseClass ~ "--clear-button" %}
 
@@ -16,16 +17,15 @@
 {% block formfield %}
 	<div data-loadcomponent="Search" class="{{ searchClass|join(" ") }}" {% if style %} style={{ style }} {% endif %}>
 		<div class="{{fieldSetClass}}">
-		<input name="{{name}}" type="{{type}}" class="{{ inputClass }}{% if error %} error{% endif %}" {% if placeholder %} placeholder="{{placeholder}}" {% endif %} {% if disabled %} disabled {% endif %} {% if required %} required {% endif %} id="{% if id %}{{id}}{% else %}{{name}}{% endif %}"/>
-		<span class="{{clearButtonClass}}" >
-			{% include "@components/icon/icon.twig" with {
-  				"name": "Close",
-  				"size": "24",
-  				"color": "#230050"
-			} %}
-		</span>
+			<input name="{{name}}" type="{{type}}" class="{{ inputClass }}{% if error %} error{% endif %}" {% if placeholder %} placeholder="{{placeholder}}" {% endif %} {% if disabled %} disabled {% endif %} {% if required %} required {% endif %} id="{% if id %}{{id}}{% else %}{{name}}{% endif %}"/>
+			<span class="{{clearButtonClass}}" >
+				{% include "@components/icon/icon.twig" with {
+						"name": "Close",
+						"size": "24",
+						"color": "var(--ilo-color-blue-dark)"
+				} %}
+			</span>
 		</div>
-		<input class="{{ buttonClass }}" type="submit"/>
-
+		<button class="{{ buttonClass }}" type="submit"></button>
 	</div>
 {% endblock %}

package/dist/styles/components/container.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)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--container{margin-left:auto;margin-right:auto;max-width:1300px;padding:0 1.0718113612rem;width:100%}
+@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--container{margin-left:auto;margin-right:auto;max-width:var(--ilo-layout-max-width);padding:0 var(--ilo-layout-padding);width:100%}

package/dist/styles/components/contextmenu.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)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--context-menu{background-color:var(--ilo-color-gray-light);border-radius:.1071811361rem;display:inline-block;list-style:none;position:relative;width:auto}.ilo--context-menu:before{border-bottom:.6430868167rem solid var(--ilo-color-gray-light);border-left:.5359056806rem solid transparent;border-right:.5359056806rem solid transparent;content:"";height:0;left:calc(50% - 5px);position:absolute;top:-.2679528403rem;width:0}.ilo--context-menu--item{padding:0 calc(var(--ilo-spacing-base)*2)}.ilo--context-menu--item:first-of-type{border-top-left-radius:.1071811361rem;border-top-right-radius:.1071811361rem}.ilo--context-menu--item:last-of-type{border-bottom-left-radius:.1071811361rem;border-bottom-right-radius:.1071811361rem}.ilo--context-menu--item:last-of-type a{border-bottom:none}.ilo--context-menu--item:focus,.ilo--context-menu--item:hover{background-color:var(--ilo-color-blue-lighter)}.ilo--context-menu--item.endsection{border-bottom:.1607717042rem solid var(--ilo-color-white)}.ilo--context-menu--item.endsection .ilo--context-menu--link{border-bottom:none}.ilo--context-menu--link{border-bottom:.1071811361rem solid var(--ilo-color-white);color:var(--ilo-color-blue-dark);display:inline-block;font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-xsm);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*2);text-decoration:none;width:100%}.ilo--context-menu--link:active{color:var(--ilo-color-blue);outline:0}.ilo--context-menu--link:focus,.ilo--context-menu--link:hover{color:var(--ilo-color-blue);outline:0;text-decoration:underline;text-decoration-thickness:.1071811361rem}
+@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--context-menu{background-color:var(--ilo-color-gray-light);border-radius:.1071811361rem;display:inline-block;list-style:none;position:relative;width:auto}.ilo--context-menu:before{border-bottom:.6430868167rem solid var(--ilo-color-gray-light);border-left:.5359056806rem solid transparent;border-right:.5359056806rem solid transparent;content:"";height:0;left:calc(50% - 5px);position:absolute;top:-.2679528403rem;width:0}.ilo--context-menu--item{padding:0 calc(var(--ilo-spacing-base)*2)}.ilo--context-menu--item:first-of-type{border-top-left-radius:.1071811361rem;border-top-right-radius:.1071811361rem}.ilo--context-menu--item:last-of-type{border-bottom-left-radius:.1071811361rem;border-bottom-right-radius:.1071811361rem}.ilo--context-menu--item:last-of-type a{border-bottom:none}.ilo--context-menu--item:focus,.ilo--context-menu--item:hover{background-color:var(--ilo-color-blue-lighter)}.ilo--context-menu--item.endsection{border-bottom:.1607717042rem solid var(--ilo-color-white)}.ilo--context-menu--item.endsection .ilo--context-menu--link{border-bottom:none}.ilo--context-menu--link{border-bottom:var(--ilo-border-md) solid var(--ilo-color-white);color:var(--ilo-color-blue-dark);display:inline-block;font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-xsm);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*2);text-decoration:none;width:100%}.ilo--context-menu--link:active{color:var(--ilo-color-blue);outline:0}.ilo--context-menu--link:focus,.ilo--context-menu--link:hover{color:var(--ilo-color-blue);outline:0;text-decoration:underline;text-decoration-thickness:var(--ilo-border-md)}

package/dist/styles/components/factlistcard.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)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--card__type__factlist{--max-width:20.0964630225rem;border-bottom:.1607717042rem solid var(--ilo-color-gray-base);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)*12)}@media screen and (min-width:1024px){.ilo--card__type__factlist{padding:calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*14)}}.ilo--card__type__factlist.ilo--card__size__wide{--max-width:45.8735262594rem;padding:calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*14)}@media screen and (min-width:610px){.ilo--card__type__factlist.ilo--card__size__wide{clip-path:polygon(0 0,calc(100% - 87px) 0,100% 48px,100% 100%,0 100%)}}.ilo--card__type__factlist.ilo--card__size__narrow{--max-width:20.0964630225rem;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)*12)}.ilo--card__type__factlist.ilo--card__theme__dark{border-bottom:.1607717042rem solid var(--ilo-color-red);color:var(--ilo-color-white)}.ilo--card__type__factlist.ilo--card__theme__dark .ilo--list--item:last-of-type{margin-bottom:0}.ilo--card__type__factlist.ilo--card__theme__dark .ilo--card--title{color:var(--ilo-color-white)}.ilo--card__type__factlist .ilo--card--skeleton--title{height:1.0718113612rem;margin-bottom:calc(var(--ilo-spacing-base)*4);width:60%}.ilo--card__type__factlist .ilo--card--skeleton--list-item,.ilo--card__type__factlist .ilo--card--skeleton--title{animation-delay:.5s;animation-duration:2s;animation-iteration-count:infinite;animation-name:pulse;animation-timing-function:ease-in-out;background:var(--ilo-skeleton-element-background-color)}.ilo--card__type__factlist .ilo--card--skeleton--list-item{display:table-cell;height:.857449089rem;width:95%}.ilo--card__type__factlist .ilo--card--title{color:#2d2d2d;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);margin-bottom:calc(var(--ilo-spacing-base)*4)}@media screen and (min-width:610px){.ilo--card__type__factlist .ilo--card--title{font-size:var(--ilo-font-size-3xlg);margin-bottom:calc(var(--ilo-spacing-base)*6)}}
+@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--card__type__factlist{--max-width:20.0964630225rem;border-bottom:.1607717042rem solid var(--ilo-color-gray-base);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)*12)}@media screen and (min-width:1024px){.ilo--card__type__factlist{padding:calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*14)}}.ilo--card__type__factlist.ilo--card__size__wide{--max-width:45.8735262594rem;padding:calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*14)}@media screen and (min-width:610px){.ilo--card__type__factlist.ilo--card__size__wide{clip-path:polygon(0 0,calc(100% - 87px) 0,100% 48px,100% 100%,0 100%)}}.ilo--card__type__factlist.ilo--card__size__narrow{--max-width:20.0964630225rem;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)*12)}.ilo--card__type__factlist.ilo--card__theme__dark{border-bottom:.1607717042rem solid var(--ilo-color-red);color:var(--ilo-color-white)}.ilo--card__type__factlist.ilo--card__theme__dark .ilo--list--item:last-of-type{margin-bottom:0}.ilo--card__type__factlist.ilo--card__theme__dark .ilo--card--title{color:var(--ilo-color-white)}.ilo--card__type__factlist .ilo--card--skeleton--title{height:1.0718113612rem;margin-bottom:calc(var(--ilo-spacing-base)*4);width:60%}.ilo--card__type__factlist .ilo--card--skeleton--list-item,.ilo--card__type__factlist .ilo--card--skeleton--title{animation-delay:.5s;animation-duration:2s;animation-iteration-count:infinite;animation-name:pulse;animation-timing-function:ease-in-out;background:var(--ilo-skeleton-element-background-color)}.ilo--card__type__factlist .ilo--card--skeleton--list-item{display:table-cell;height:.857449089rem;width:95%}.ilo--card__type__factlist .ilo--card--title{color:var(--ilo-color-gray-charcoal);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);margin-bottom:calc(var(--ilo-spacing-base)*4)}@media screen and (min-width:610px){.ilo--card__type__factlist .ilo--card--title{font-size:var(--ilo-font-size-3xlg);margin-bottom:calc(var(--ilo-spacing-base)*6)}}

package/dist/styles/components/fieldset.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)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.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:var(--ilo-font-size-md);font-weight:700;font-weight:var(--ilo-font-weight-medium);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);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:var(--ilo-font-size-xsm);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);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)}
+@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.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:1.2861736334rem}.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:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-bold);font-weight:var(--ilo-font-weight-medium);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);line-height:1.0718113612rem}.ilo--fieldset--direction__column>.ilo--fieldset--elements{align-items:flex-start;display:flex;flex-direction:column;gap:1.2861736334rem;justify-content:flex-start}.ilo--fieldset--direction__row>.ilo--fieldset--elements{align-items:flex-start;display:flex;flex-direction:row;gap:1.2861736334rem;justify-content:flex-start}.ilo--fieldset--direction__row-reverse>.ilo--fieldset--elements{align-items:flex-start;display:flex;flex-direction:row-reverse;gap:1.2861736334rem;justify-content:flex-start}.ilo--fieldset--direction__column-reverse>.ilo--fieldset--elements{align-items:flex-start;display:flex;flex-direction:column-reverse;gap:1.2861736334rem;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:var(--ilo-font-size-xsm);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);margin-top:.3215434084rem}.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/file-upload.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)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--file-upload--input{background-color:#fff;border:1.5px solid #b8c4cc;border-bottom-left-radius:2px;border-bottom-right-radius:2px;border-top-left-radius:2px;border-top-right-radius:2px;color:#230050;content:attr(data-label);display:inline-block;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:700;font-weight:var(--ilo-font-weight-medium);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);order:3;padding:7px 18px}.ilo--file-upload--input input{color:transparent;visibility:hidden;width:0}.ilo--form__theme__dark .ilo--file-upload--input{color:#230050}.ilo--file-upload--input:hover{background-color:#ebf5fd;border:1.5px solid #1e2dbe;color:#1e2dbe;cursor:pointer;outline:0}.ilo--file-upload--input:focus{background-color:#fff;border:1.5px solid #1e2dbe;color:#230050;outline:0}.ilo--file-upload--input:focus-visible{outline:0}.ilo--file-upload--input:active{background-color:#1e2dbe;border:2px solid #1e2dbe;color:#ebf5fd}.ilo--file-upload--input:disabled{opacity:.45;pointer-events:none}.error .ilo--file-upload--input,.ilo--file-upload--input.error,.ilo--file-upload--input:invalid{background-color:#fff;border:.1071811361rem solid #b8c4cc;border-left:.1607717042rem solid #c8303c}.ilo--file-upload--list{display:flex;flex-flow:column;gap:calc(var(--ilo-spacing-base)*2);order:4;padding-top:calc(var(--ilo-spacing-base)*2)}.ilo--file-upload--list-item{background-color:#edf0f2;border:.1071811361rem solid #edf0f2;border-left:.1607717042rem solid #230050;box-sizing:border-box;display:block;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:500;font-weight:var(--ilo-font-weight-medium);height:2.5723472669rem;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);outline:0;padding:calc(var(--ilo-spacing-base)*3) calc(var(--ilo-spacing-base)*3) calc(var(--ilo-spacing-base)*4)}
+@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--file-upload--input{background-color:var(--ilo-color-white);border:var(--ilo-border-sm) solid var(--ilo-color-gray-base);border-radius:.1071811361rem;color:var(--ilo-color-blue-dark);content:attr(data-label);display:inline-block;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-bold);font-weight:var(--ilo-font-weight-medium);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);order:3;padding-block:.3751339764rem;padding-inline:.9646302251rem}.ilo--file-upload--input input{color:transparent;visibility:hidden;width:0}.ilo--form__theme__dark .ilo--file-upload--input{color:var(--ilo-color-blue-dark)}.ilo--file-upload--input:hover{background-color:var(--ilo-color-blue-lighter);cursor:pointer}.ilo--file-upload--input:focus,.ilo--file-upload--input:hover{border:var(--ilo-border-sm) solid var(--ilo-color-blue);color:var(--ilo-color-blue);outline:0}.ilo--file-upload--input:focus{background-color:var(--ilo-color-white)}.ilo--file-upload--input:focus-visible{outline:0}.ilo--file-upload--input:active{background-color:var(--ilo-color-blue);border:var(--ilo-border-md) solid var(--ilo-color-blue-dark);color:var(--ilo-color-white)}.ilo--file-upload--input:disabled{opacity:.45;pointer-events:none}.error .ilo--file-upload--input,.ilo--file-upload--input.error,.ilo--file-upload--input:invalid{background-color:var(--ilo-color-white);border:var(--ilo-border-md) solid var(--ilo-color-gray-base);border-left:.1607717042rem solid var(--ilo-color-red-dark)}.ilo--file-upload--list{display:flex;flex-flow:column;gap:calc(var(--ilo-spacing-base)*2);order:4;padding-top:calc(var(--ilo-spacing-base)*2)}.ilo--file-upload--list-item{background-color:var(--ilo-color-gray-light);border:var(--ilo-border-md) solid var(--ilo-color-gray-light);border-left:.1607717042rem solid var(--ilo-color-blue-dark);box-sizing:border-box;display:block;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-medium);height:2.5723472669rem;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);outline:0;padding:calc(var(--ilo-spacing-base)*3) calc(var(--ilo-spacing-base)*3) calc(var(--ilo-spacing-base)*4)}

package/dist/styles/components/hero.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)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.hero{--added-offset:0px;--base-offset:calc(50vw - 650px);--breadcrumb-padding:max(var(--base-offset),calc(var(--ilo-spacing-base)*4));--card-padding-start:71px;--corner-cut-height:40px;display:grid;grid-template-columns:1fr;grid-template-rows:minmax(1rem,1fr) 27px 40px auto;overflow:hidden;position:relative;width:100%}.hero--image{display:grid;grid-template-rows:minmax(216px,1fr) 27px 40px auto}.hero__gap__transparent{background:0 0}.hero__gap__white{background-color:#fff}.hero__gap__light{background-color:#ebf5fd}.hero__gap__dark{background-color:#230050}.hero--background{background-color:#ebf5fd;display:grid;grid-area:1/1/4/2;position:relative}.hero--background img{height:100%;object-fit:cover;position:absolute;width:100%}.hero--breadcrumbs{display:flex;flex-flow:row nowrap;grid-area:1/1/2/5;z-index:1}.hero--breadcrumbs--wrapper{width:100%}.hero--card{grid-area:3/1/5/2}.hero--caption{grid-area:2/1/3/2}.hero--caption--wrapper{--ilo-caption-icon-wrapper-bg-color:var(--ilo-color-gray-charcoal);align-items:center;background:var(--ilo-caption-icon-wrapper-bg-color);display:flex;height:27px;justify-content:center;position:relative;width:30px}.hero--caption--wrapper:after{border-left:23px solid var(--ilo-caption-icon-wrapper-bg-color);border-right:none;border-top:27px solid transparent;content:"";height:0;left:100%;position:absolute;top:0;width:0}@media screen and (min-width:1024px){.hero{--card-width:625px;--corner-cut-height:64px;--breadcrumbs-height:48px;--image-gap:240px;--row-1-lg:var(--breadcrumbs-height);--row-2-lg:calc(var(--image-gap) - var(--breadcrumbs-height));--row-3-lg:auto;--row-4-lg:27px;--row-5-lg:72px;--col-1-lg:0;--col-2-lg:var(--card-width);--col-3-lg:30px;--col-4-lg:1fr;grid-template-columns:var(--col-1-lg) var(--col-2-lg) var(--col-3-lg) var(--col-4-lg);grid-template-rows:var(--row-1-lg) var(--row-2-lg) var(--row-3-lg) var(--row-4-lg)}.hero__poster-size__small{--image-gap:112px}.hero__poster-size__medium{--image-gap:176px}.hero__poster-size__large{--image-gap:240px}.hero__poster-size__xlarge{--image-gap:527px}.hero__card-size__small{--card-width:625px}.hero__card-size__medium{--card-width:721px}.hero__card-size__large{--card-width:856px}.hero__card-size__xlarge{--card-width:920px}.hero__card-size__xxlarge{--card-width:998px}.hero__card-justify__offset,.hero__card-justify__start{--card-padding-start:max(16px,min(var(--base-offset) + var(--added-offset),71px));--col-1-lg:calc(var(--base-offset) - 71px + var(--added-offset))}.hero__card-justify__offset{--added-offset:109px}.hero__card-justify__center{--col-1-lg:calc((100% - var(--card-width))/2);--col-4-lg:calc((100% - var(--card-width))/2 - 30px)}.hero__card-align__center{--row-4-lg:45px;--row-5-lg:27px}.hero__card-align__bottom{--row-3-lg:0;--row-4-lg:var(--corner-cut-height);--row-5-lg:auto}.hero__card-background__transparent .hero--card-offset{background-color:transparent!important;box-shadow:none!important}.hero__card-theme__dark .hero--card-offset{background-color:#230050;box-shadow:.3px 0 0 0 #230050;position:relative}.hero__card-theme__dark[class*=semi-transparent] .hero--card-offset{background:rgba(35,0,80,.6);box-shadow:.3px 0 0 0 rgba(35,0,80,.6)}.hero__card-theme__light .hero--card-offset{background:#fff;box-shadow:.3px 0 0 0 #fff}.hero__card-theme__light[class*=semi-transparent] .hero--card-offset{background:hsla(0,0%,100%,.6);box-shadow:.3px 0 0 0 hsla(0,0%,100%,.6)}.hero--background{grid-area:1/1/5/5}.hero__card-align__center .hero--background{grid-area:1/1/6/5}.hero__card-align__bottom .hero--background{grid-area:1/1/5/5}.hero--card-offset{grid-area:3/1/6/2;position:relative;z-index:0}.hero__card-justify__center .hero--card-offset,.hero__card-justify__offset .hero--card-offset{background:0 0!important}.hero__card-align__center .hero--card-offset{grid-area:3/1/4/2}.hero__card-align__bottom .hero--card-offset{grid-area:4/1/6/2}.hero--card{grid-area:3/2/6/3}.hero__card-align__center .hero--card{grid-area:3/2/4/3}.hero__card-align__bottom .hero--card{grid-area:4/2/6/3}.hero--caption{grid-area:4/3/5/4;position:relative}.hero__card-align__center .hero--caption{grid-area:5/1/6/3}.hero__card-align__bottom .hero--caption{grid-area:4/1/5/2}.hero__card-align__bottom .hero--caption--wrapper,.hero__card-align__center .hero--caption--wrapper{bottom:0;left:0;position:absolute}.hero__card-align__bottom.hero__card-justify__start .hero--caption{grid-area:1/1/3/3}.hero__card-align__bottom.hero__card-justify__offset .hero--caption{grid-area:1/2/3/3}.hero__card-align__bottom.hero__card-justify__offset .hero--caption .hero--caption--wrapper,.hero__card-align__bottom.hero__card-justify__start .hero--caption .hero--caption--wrapper{--ilo-caption-icon-wrapper-bg-color:var(--ilo-color-gray-charcoal);align-items:center;background:var(--ilo-caption-icon-wrapper-bg-color);bottom:0;display:flex;height:27px;justify-content:center;left:0;position:relative;position:absolute;right:auto;width:30px}.hero__card-align__bottom.hero__card-justify__offset .hero--caption .hero--caption--wrapper:after,.hero__card-align__bottom.hero__card-justify__start .hero--caption .hero--caption--wrapper:after{border-left:23px solid var(--ilo-caption-icon-wrapper-bg-color);border-right:none;border-top:27px solid transparent;content:"";height:0;left:100%;position:absolute;top:0;width:0}}[dir=rtl] .hero--caption--wrapper{--ilo-caption-icon-wrapper-bg-color:var(--ilo-color-gray-charcoal);align-items:center;background:var(--ilo-caption-icon-wrapper-bg-color);display:flex;height:27px;justify-content:center;position:relative;position:absolute;right:0;width:30px}[dir=rtl] .hero--caption--wrapper:after{border-left:none;border-right:23px solid var(--ilo-caption-icon-wrapper-bg-color);border-top:27px solid transparent;content:"";height:0;left:auto;position:absolute;right:100%;top:0;width:0}@media screen and (min-width:1024px){[dir=rtl] .hero__card-align__bottom.hero__card-justify__offset .hero--caption--wrapper,[dir=rtl] .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper{--ilo-caption-icon-wrapper-bg-color:var(--ilo-color-gray-charcoal);align-items:center;background:var(--ilo-caption-icon-wrapper-bg-color);bottom:0;display:flex;height:27px;justify-content:center;left:auto;position:relative;position:absolute;right:0;width:30px}[dir=rtl] .hero__card-align__bottom.hero__card-justify__offset .hero--caption--wrapper:after,[dir=rtl] .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper:after{border-left:none;border-right:23px solid var(--ilo-caption-icon-wrapper-bg-color);border-top:27px solid transparent;content:"";height:0;left:auto;position:absolute;right:100%;top:0;width:0}}
+@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.hero{--hero-card-padding-y-sm:calc(var(--ilo-spacing-base)*10);--hero-card-padding-y-lg:3.0010718114rem;--hero-card-padding-x-sm:calc(var(--ilo-spacing-base)*4);--hero-card-padding-x-lg:3.8049303323rem;--hero-card-corner-cut-width-sm:3.8585209003rem;--hero-card-corner-cut-width-lg:6.216505895rem;--hero-card-corner-cut-height-sm:2.1436227224rem;--hero-card-corner-cut-height-lg:3.4297963558rem;--hero-tooltip-width:1.6077170418rem;--hero-tooltip-height:1.4469453376rem;--hero-image-min-height:11.575562701rem;--added-offset:0px;--base-offset:calc(50vw - 34.83387rem);--breadcrumb-padding:max(var(--base-offset),calc(var(--ilo-spacing-base)*4));--card-padding-start:var(--hero-card-padding-x-lg);--corner-cut-height:var(--hero-card-corner-cut-height-sm);grid-template-columns:1fr;overflow:hidden;position:relative;width:100%}.hero,.hero--image{display:grid;grid-template-rows:minmax(var(--hero-image-min-height),1fr) var(--hero-tooltip-height) var(--hero-card-corner-cut-height-sm) auto}.hero__gap__transparent{background:0 0}.hero__gap__white{background-color:var(--ilo-color-white)}.hero__gap__light{background-color:var(--ilo-color-blue-lighter)}.hero__gap__dark{background-color:var(--ilo-color-blue-dark)}.hero--background{background-color:var(--ilo-color-blue-lighter);display:grid;grid-area:1/1/4/2;position:relative}.hero--background img{height:100%;object-fit:cover;position:absolute;width:100%}.hero--breadcrumbs{display:flex;flex-flow:row nowrap;grid-area:1/1/2/5;z-index:1}.hero--breadcrumbs--wrapper{width:100%}.hero--card{grid-area:3/1/5/2}.hero--caption{grid-area:2/1/3/2}.hero--caption--wrapper{--ilo-caption-icon-wrapper-bg-color:var(--ilo-color-gray-charcoal);align-items:center;background:var(--ilo-caption-icon-wrapper-bg-color);display:flex;height:var(--hero-tooltip-height);justify-content:center;position:relative;width:var(--hero-tooltip-width)}.hero--caption--wrapper:after{border-left:calc(var(--hero-tooltip-height) - 4px) solid var(--ilo-caption-icon-wrapper-bg-color);border-right:none;border-top:var(--hero-tooltip-height) solid transparent;content:"";height:0;left:100%;position:absolute;top:0;width:0}@media screen and (min-width:1024px){.hero{--card-width:625px;--corner-cut-height:var(--hero-card-corner-cut-height-lg);--breadcrumbs-height:48px;--image-gap:240px;--row-1-lg:var(--breadcrumbs-height);--row-2-lg:calc(var(--image-gap) - var(--breadcrumbs-height));--row-3-lg:auto;--row-4-lg:var(--hero-tooltip-height);--row-5-lg:72px;--col-1-lg:0;--col-2-lg:var(--card-width);--col-3-lg:var(--hero-tooltip-width);--col-4-lg:1fr;grid-template-columns:var(--col-1-lg) var(--col-2-lg) var(--col-3-lg) var(--col-4-lg);grid-template-rows:var(--row-1-lg) var(--row-2-lg) var(--row-3-lg) var(--row-4-lg)}.hero__poster-size__small{--image-gap:112px}.hero__poster-size__medium{--image-gap:176px}.hero__poster-size__large{--image-gap:240px}.hero__poster-size__xlarge{--image-gap:527px}.hero__card-size__small{--card-width:625px}.hero__card-size__medium{--card-width:721px}.hero__card-size__large{--card-width:856px}.hero__card-size__xlarge{--card-width:920px}.hero__card-size__xxlarge{--card-width:998px}.hero__card-justify__offset,.hero__card-justify__start{--card-padding-start:max(calc(var(--ilo-spacing-base)*4),min(var(--base-offset) + var(--added-offset),var(--hero-card-padding-x-lg)));--col-1-lg:calc(var(--base-offset) - var(--hero-card-padding-x-lg) + var(--added-offset))}.hero__card-justify__offset{--added-offset:109px}.hero__card-justify__center{--col-1-lg:calc((100% - var(--card-width))/2);--col-4-lg:calc((100% - var(--card-width))/2 - var(--hero-tooltip-width))}.hero__card-align__center{--row-4-lg:calc(3.85852rem - var(--hero-tooltip-height));--row-5-lg:var(--hero-tooltip-height)}.hero__card-align__bottom{--row-3-lg:0;--row-4-lg:var(--corner-cut-height);--row-5-lg:auto}.hero__card-background__transparent .hero--card-offset{background-color:transparent!important;box-shadow:none!important}.hero__card-theme__dark .hero--card-offset{background-color:var(--ilo-color-blue-dark);box-shadow:.3px 0 0 0 var(--ilo-color-blue-dark);position:relative}.hero__card-theme__dark[class*=semi-transparent] .hero--card-offset{background:rgba(35,0,80,.6);box-shadow:.3px 0 0 0 rgba(35,0,80,.6)}.hero__card-theme__light .hero--card-offset{background:var(--ilo-color-white);box-shadow:.3px 0 0 0 var(--ilo-color-white)}.hero__card-theme__light[class*=semi-transparent] .hero--card-offset{background:hsla(0,0%,100%,.6);box-shadow:.3px 0 0 0 hsla(0,0%,100%,.6)}.hero--background{grid-area:1/1/5/5}.hero__card-align__center .hero--background{grid-area:1/1/6/5}.hero__card-align__bottom .hero--background{grid-area:1/1/5/5}.hero--card-offset{grid-area:3/1/6/2;position:relative;z-index:0}.hero__card-justify__center .hero--card-offset,.hero__card-justify__offset .hero--card-offset{background:0 0!important}.hero__card-align__center .hero--card-offset{grid-area:3/1/4/2}.hero__card-align__bottom .hero--card-offset{grid-area:4/1/6/2}.hero--card{grid-area:3/2/6/3}.hero__card-align__center .hero--card{grid-area:3/2/4/3}.hero__card-align__bottom .hero--card{grid-area:4/2/6/3}.hero--caption{grid-area:4/3/5/4;position:relative}.hero__card-align__center .hero--caption{grid-area:5/1/6/3}.hero__card-align__bottom .hero--caption{grid-area:4/1/5/2}.hero__card-align__bottom .hero--caption--wrapper,.hero__card-align__center .hero--caption--wrapper{bottom:0;left:0;position:absolute}.hero__card-align__bottom.hero__card-justify__start .hero--caption{grid-area:1/1/3/3}.hero__card-align__bottom.hero__card-justify__offset .hero--caption{grid-area:1/2/3/3}.hero__card-align__bottom.hero__card-justify__offset .hero--caption .hero--caption--wrapper,.hero__card-align__bottom.hero__card-justify__start .hero--caption .hero--caption--wrapper{--ilo-caption-icon-wrapper-bg-color:var(--ilo-color-gray-charcoal);align-items:center;background:var(--ilo-caption-icon-wrapper-bg-color);bottom:0;display:flex;height:var(--hero-tooltip-height);justify-content:center;left:0;position:relative;position:absolute;right:auto;width:var(--hero-tooltip-width)}.hero__card-align__bottom.hero__card-justify__offset .hero--caption .hero--caption--wrapper:after,.hero__card-align__bottom.hero__card-justify__start .hero--caption .hero--caption--wrapper:after{border-left:calc(var(--hero-tooltip-height) - 4px) solid var(--ilo-caption-icon-wrapper-bg-color);border-right:none;border-top:var(--hero-tooltip-height) solid transparent;content:"";height:0;left:100%;position:absolute;top:0;width:0}}[dir=rtl] .hero--caption--wrapper{--ilo-caption-icon-wrapper-bg-color:var(--ilo-color-gray-charcoal);align-items:center;background:var(--ilo-caption-icon-wrapper-bg-color);display:flex;height:var(--hero-tooltip-height);justify-content:center;position:relative;position:absolute;right:0;width:var(--hero-tooltip-width)}[dir=rtl] .hero--caption--wrapper:after{border-left:none;border-right:calc(var(--hero-tooltip-height) - 4px) solid var(--ilo-caption-icon-wrapper-bg-color);border-top:var(--hero-tooltip-height) solid transparent;content:"";height:0;left:auto;position:absolute;right:100%;top:0;width:0}@media screen and (min-width:1024px){[dir=rtl] .hero__card-align__bottom.hero__card-justify__offset .hero--caption--wrapper,[dir=rtl] .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper{--ilo-caption-icon-wrapper-bg-color:var(--ilo-color-gray-charcoal);align-items:center;background:var(--ilo-caption-icon-wrapper-bg-color);bottom:0;display:flex;height:var(--hero-tooltip-height);justify-content:center;left:auto;position:relative;position:absolute;right:0;width:var(--hero-tooltip-width)}[dir=rtl] .hero__card-align__bottom.hero__card-justify__offset .hero--caption--wrapper:after,[dir=rtl] .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper:after{border-left:none;border-right:calc(var(--hero-tooltip-height) - 4px) solid var(--ilo-caption-icon-wrapper-bg-color);border-top:var(--hero-tooltip-height) solid transparent;content:"";height:0;left:auto;position:absolute;right:100%;top:0;width:0}}

package/dist/styles/components/herocard.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)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--hero-card{height:100%;padding:40px 16px;position:relative}@media screen and (min-width:1024px){.ilo--hero-card{padding-block:56px;padding-inline-end:71px;padding-inline-start:var(--card-padding-start)}}.ilo--hero-card--title-link{color:inherit;text-decoration:none}.ilo--hero-card--title-link:hover{text-decoration:underline}.ilo--hero-card__theme__light{background:#fff;color:#2d2d2d}@media screen and (min-width:1024px){.ilo--hero-card__theme__light.ilo--hero-card__background__semi-transparent{background:hsla(0,0%,100%,.6)}}.ilo--hero-card__theme__dark{background:#230050;color:#fff}@media screen and (min-width:1024px){.ilo--hero-card__theme__dark.ilo--hero-card__background__semi-transparent{background:rgba(35,0,80,.6)}.ilo--hero-card__theme__dark.ilo--hero-card__background__transparent,.ilo--hero-card__theme__light.ilo--hero-card__background__transparent{background:0 0;color:#fff}.ilo--hero-card__theme__dark.ilo--hero-card__background__transparent *,.ilo--hero-card__theme__light.ilo--hero-card__background__transparent *{filter:drop-shadow(1px 1px 12px rgb(45,45,45))}}.ilo--hero-card__cornercut{clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px,100% 100%,0 100%)}[dir=rtl] .ilo--hero-card__cornercut{clip-path:polygon(72px 0,100% 0,100% 100%,0 100%,0 40px)}@media screen and (min-width:1024px){.ilo--hero-card__cornercut{clip-path:polygon(0 0,calc(100% - 116px) 0,100% 64px,100% 100%,0 100%)}[dir=rtl] .ilo--hero-card__cornercut{clip-path:polygon(116px 0,100% 0,100% 100%,0 100%,0 64px)}}.ilo--hero-card--datecopy{color:#6d6d6d;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);margin-bottom:1.5005359057rem}.ilo--hero-card__theme__dark .ilo--hero-card--datecopy{color:#fff}.ilo--hero-card__theme__light .ilo--hero-card--datecopy{color:#6d6d6d}.ilo--hero-card__background__semi-transparent .ilo--hero-card--datecopy,.ilo--hero-card__background__transparent .ilo--hero-card--datecopy{color:#fff}.ilo--hero-card--eyebrow{color:#960a55;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);margin-bottom:calc(var(--ilo-spacing-base)*4)}.ilo--hero-card__theme__dark .ilo--hero-card--eyebrow{color:#fff}.ilo--hero-card__theme__light .ilo--hero-card--eyebrow{color:#960a55}.ilo--hero-card__background__transparent .ilo--hero-card--eyebrow{color:#fff}.ilo--hero-card--intro{font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-lg);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);margin-bottom:calc(var(--ilo-spacing-base)*7)}@media screen and (min-width:1024px){.ilo--hero-card--intro{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)}}.ilo--hero-card--title{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-5xlg);font-size:var(--ilo-font-size-4xlg);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-md);margin-bottom:calc(var(--ilo-spacing-base)*4)}@media screen and (min-width:1024px){.ilo--hero-card--title{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-5xlg);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)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--hero-card{--hero-card-padding-y-sm:40px;--hero-card-padding-x-sm:16px;--hero-card-padding-y-lg:56px;--hero-card-padding-x-lg:32px;--hero-card-corner-cut-width-sm:72px;--hero-card-corner-cut-height-sm:40px;--hero-card-corner-cut-width-lg:116px;--hero-card-corner-cut-height-lg:64px;height:100%;padding:var(--hero-card-padding-y-sm) var(--hero-card-padding-x-sm);position:relative}@media screen and (min-width:1024px){.ilo--hero-card{padding-block:var(--hero-card-padding-y-lg);padding-inline-end:var(--hero-card-padding-x-lg);padding-inline-start:var(--card-padding-start)}}.ilo--hero-card--title-link{color:inherit;text-decoration:none}.ilo--hero-card--title-link:hover{text-decoration:underline}.ilo--hero-card__theme__light{background:var(--ilo-color-white);color:var(--ilo-color-gray-charcoal)}@media screen and (min-width:1024px){.ilo--hero-card__theme__light.ilo--hero-card__background__semi-transparent{background:hsla(0,0%,100%,.6)}}.ilo--hero-card__theme__dark{background:var(--ilo-color-blue-dark);color:var(--ilo-color-white)}@media screen and (min-width:1024px){.ilo--hero-card__theme__dark.ilo--hero-card__background__semi-transparent{background:rgba(35,0,80,.6)}.ilo--hero-card__theme__dark.ilo--hero-card__background__transparent,.ilo--hero-card__theme__light.ilo--hero-card__background__transparent{background:0 0;color:var(--ilo-color-white)}.ilo--hero-card__theme__dark.ilo--hero-card__background__transparent *,.ilo--hero-card__theme__light.ilo--hero-card__background__transparent *{filter:drop-shadow(1px 1px 12px var(--ilo-color-gray-charcoal))}}.ilo--hero-card__cornercut{clip-path:polygon(0 0,calc(100% - var(--hero-card-corner-cut-width-sm)) 0,100% var(--hero-card-corner-cut-height-sm),100% 100%,0 100%)}[dir=rtl] .ilo--hero-card__cornercut{clip-path:polygon(var(--hero-card-corner-cut-width-sm) 0,100% 0,100% 100%,0 100%,0 var(--hero-card-corner-cut-height-sm))}@media screen and (min-width:1024px){.ilo--hero-card__cornercut{clip-path:polygon(0 0,calc(100% - var(--hero-card-corner-cut-width-lg)) 0,100% var(--hero-card-corner-cut-height-lg),100% 100%,0 100%)}[dir=rtl] .ilo--hero-card__cornercut{clip-path:polygon(var(--hero-card-corner-cut-width-lg) 0,100% 0,100% 100%,0 100%,0 var(--hero-card-corner-cut-height-lg))}}.ilo--hero-card--datecopy{color:var(--ilo-color-gray-accessible);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);margin-bottom:1.5005359057rem}.ilo--hero-card__theme__dark .ilo--hero-card--datecopy{color:var(--ilo-color-white)}.ilo--hero-card__theme__light .ilo--hero-card--datecopy{color:var(--ilo-color-gray-accessible)}.ilo--hero-card__background__semi-transparent .ilo--hero-card--datecopy,.ilo--hero-card__background__transparent .ilo--hero-card--datecopy{color:var(--ilo-color-white)}.ilo--hero-card--eyebrow{color:var(--ilo-color-purple);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);margin-bottom:calc(var(--ilo-spacing-base)*4)}.ilo--hero-card__theme__dark .ilo--hero-card--eyebrow{color:var(--ilo-color-white)}.ilo--hero-card__theme__light .ilo--hero-card--eyebrow{color:var(--ilo-color-purple)}.ilo--hero-card__background__transparent .ilo--hero-card--eyebrow{color:var(--ilo-color-white)}.ilo--hero-card--intro{font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-lg);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);margin-bottom:calc(var(--ilo-spacing-base)*7)}@media screen and (min-width:1024px){.ilo--hero-card--intro{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)}}.ilo--hero-card--title{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-5xlg);font-size:var(--ilo-font-size-4xlg);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-md);margin-bottom:calc(var(--ilo-spacing-base)*4)}@media screen and (min-width:1024px){.ilo--hero-card--title{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-5xlg);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/input.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)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;box-sizing:border-box;font-family:var(--ilo-fonts-copy);font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:500;font-weight:var(--ilo-font-weight-medium);height:2.5723472669rem;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);margin:calc(var(--ilo-spacing-base)*0);padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*3) calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*3);width:100%}.ilo--input,.ilo--input:focus{border:.1071811361rem solid #b8c4cc;outline:0}.ilo--input:focus{background-color:#ebf5fd;border-left:.1607717042rem solid #1e2dbe;padding-left:calc(var(--ilo-spacing-base)*3)}.ilo--input:disabled{opacity:.45;pointer-events:none}.error .ilo--input,.ilo--input.error,.ilo--input:invalid{background-color:#fff;border:.1071811361rem solid #b8c4cc;border-left:.1607717042rem solid #c8303c}
+@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--input{appearance:none;background-color:var(--ilo-color-white);box-sizing:border-box;font-family:var(--ilo-fonts-copy);font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-medium);height:2.5723472669rem;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);margin:calc(var(--ilo-spacing-base)*0);padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*3) calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*3);width:100%}.ilo--input,.ilo--input:focus{border:var(--ilo-border-md) solid var(--ilo-color-gray-base);outline:0}.ilo--input:focus{background-color:var(--ilo-color-blue-lighter);padding-left:calc(var(--ilo-spacing-base)*3)}.ilo--input:disabled{opacity:.45;pointer-events:none}.error .ilo--input,.ilo--input.error,.ilo--input:invalid{background-color:var(--ilo-color-white);border:var(--ilo-border-md) solid var(--ilo-color-gray-base);border-left:.1607717042rem solid var(--ilo-color-red-dark)}

package/dist/styles/components/linklist.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)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--link-list{--ilo-link-list-color-icon:var(--ilo-color-blue-dark);--ilo-link-list-color-indent-icon:var(--ilo-color-gray-base)}.ilo--link-list--headline{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-xlg);font-weight:700;font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-md);margin-bottom:1.0404340836rem}.ilo--link-list--links--headline{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-lg);font-weight:700;font-weight:var(--ilo-font-weight-medium);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg);margin-bottom:.9782761332rem;margin-top:2.1036780625rem}.ilo--link-list--links--item.indented{padding-left:calc(var(--ilo-spacing-base)*8)}.ilo--link-list--links--item.indented .ilo--link-list--label{padding-left:calc(var(--ilo-spacing-base)*8);position:relative}.ilo--link-list--links--item.indented .ilo--link-list--label:before{background-color:var(--ilo-link-list-color-indent-icon);content:"";display:block;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 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;position:absolute;top:50%;transform:translateY(-50%);transform-origin:center;width:1.2861736334rem}[dir=rtl] .ilo--link-list--links--item.indented .ilo--link-list--label{padding-right:calc(var(--ilo-spacing-base)*6)}[dir=rtl] .ilo--link-list--links--item.indented .ilo--link-list--label:before{background-color:var(--ilo-link-list-color-indent-icon);left:unset;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='m7 12 8 6V6z'/%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='m7 12 8 6V6z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;right:0;transform:translateY(-50%)}.ilo--link-list--links--item.indented .ilo--link-list--link:focus,.ilo--link-list--links--item.indented .ilo--link-list--link:hover,.ilo--link-list--links--item.indented:focus,.ilo--link-list--links--item.indented:hover{--ilo-link-list-color-indent-icon:var(--ilo-color-blue)}.ilo--link-list .ilo--link-list--icon{background-color:var(--ilo-link-list-color-icon);height:1.2861736334rem;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;width:1.2861736334rem}.ilo--link-list .ilo--link-list--label{flex-basis:90%}.ilo--link-list--link{align-items:center;border-bottom:.1071811361rem solid #edf0f2;color:#230050;display:flex;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:500;font-weight:var(--ilo-font-weight-bold);justify-content:space-between;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);padding-bottom:calc(var(--ilo-spacing-base)*4);padding-top:calc(var(--ilo-spacing-base)*4);text-decoration:none;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--link-list--link:active,.ilo--link-list--link:visited{color:#230050;transition-duration:.15s;transition-property:color;transition-timing-function:ease-out}.ilo--link-list--link:active{outline:0}.ilo--link-list--link:focus,.ilo--link-list--link:hover{--ilo-link-list-color-icon:var(--ilo-color-blue);background-color:#ebf5fd;border-bottom:.1071811361rem solid #1e2dbe;color:#1e2dbe;outline:0;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}[dir=rtl] .ilo--link-list--link .ilo--link-list--icon{background-color:var(--ilo-link-list-color-icon);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}.ilo--link-list--dark{--ilo-link-list-color-icon:var(--ilo-color-white);--ilo-link-list-color-indent-icon:var(--ilo-color-white)}.ilo--link-list--dark .ilo--link-list--headline,.ilo--link-list--dark .ilo--link-list--links--headline{color:#fff}.ilo--link-list--dark .ilo--link-list--link{border-bottom:.1071811361rem solid rgba(237,240,242,.4)}.ilo--link-list--dark .ilo--link-list--link .ilo--link-list--label{color:#fff}.ilo--link-list--dark .ilo--link-list--link:visited .ilo--link-list--label{color:#fff;transition-duration:.15s;transition-property:color;transition-timing-function:ease-out}.ilo--link-list--dark .ilo--link-list--link:active{outline:0}.ilo--link-list--dark .ilo--link-list--link:active .ilo--link-list--label{color:#230050;transition-duration:.15s;transition-property:color;transition-timing-function:ease-out}.ilo--link-list--dark .ilo--link-list--link:focus,.ilo--link-list--dark .ilo--link-list--link:hover{outline:0}.ilo--link-list--dark .ilo--link-list--link:focus .ilo--link-list--label,.ilo--link-list--dark .ilo--link-list--link:hover .ilo--link-list--label{color:#1e2dbe;transition-duration:.15s;transition-property:color;transition-timing-function:ease-out}
+@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--link-list{--ilo-link-list-color-icon:var(--ilo-color-blue-dark);--ilo-link-list-color-indent-icon:var(--ilo-color-gray-base)}.ilo--link-list--headline{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);margin-bottom:1.6077170418rem}.ilo--link-list--links--headline{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-lg);font-weight:var(--ilo-font-weight-medium);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg);margin:calc(var(--ilo-spacing-base)*10) 0 calc(var(--ilo-spacing-base)*5)}.ilo--link-list--links--item.indented{padding-left:calc(var(--ilo-spacing-base)*8)}.ilo--link-list--links--item.indented .ilo--link-list--label{padding-left:calc(var(--ilo-spacing-base)*8);position:relative}.ilo--link-list--links--item.indented .ilo--link-list--label:before{background-color:var(--ilo-link-list-color-indent-icon);content:"";display:block;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 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;position:absolute;top:50%;transform:translateY(-50%);transform-origin:center;width:1.2861736334rem}[dir=rtl] .ilo--link-list--links--item.indented .ilo--link-list--label{padding-right:calc(var(--ilo-spacing-base)*6)}[dir=rtl] .ilo--link-list--links--item.indented .ilo--link-list--label:before{background-color:var(--ilo-link-list-color-indent-icon);left:unset;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='m7 12 8 6V6z'/%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='m7 12 8 6V6z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;right:0;transform:translateY(-50%)}.ilo--link-list--links--item.indented .ilo--link-list--link:focus,.ilo--link-list--links--item.indented .ilo--link-list--link:hover,.ilo--link-list--links--item.indented:focus,.ilo--link-list--links--item.indented:hover{--ilo-link-list-color-indent-icon:var(--ilo-color-blue)}.ilo--link-list .ilo--link-list--icon{background-color:var(--ilo-link-list-color-icon);height:1.2861736334rem;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;width:1.2861736334rem}.ilo--link-list .ilo--link-list--label{flex-basis:90%}.ilo--link-list--link{align-items:center;border-bottom:var(--ilo-border-md) solid var(--ilo-color-gray-light);display:flex;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-medium);justify-content:space-between;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);padding-bottom:calc(var(--ilo-spacing-base)*4);padding-top:calc(var(--ilo-spacing-base)*4);text-decoration:none;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--link-list--link,.ilo--link-list--link:visited{color:var(--ilo-link-color-default-light);transition-duration:.15s}.ilo--link-list--link:visited{transition-property:color;transition-timing-function:ease-out}.ilo--link-list--link:active{color:var(--ilo-link-color-active-light);outline:0;transition-duration:.15s;transition-property:color;transition-timing-function:ease-out}.ilo--link-list--link:focus,.ilo--link-list--link:hover{--ilo-link-list-color-icon:var(--ilo-color-blue);background-color:var(--ilo-color-blue-lighter);border-bottom:var(--ilo-border-md) solid var(--ilo-link-color-hover-light);color:var(--ilo-link-color-hover-light);outline:0;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}[dir=rtl] .ilo--link-list--link .ilo--link-list--icon{background-color:var(--ilo-link-list-color-icon);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}.ilo--link-list--dark{--ilo-link-list-color-icon:var(--ilo-color-white);--ilo-link-list-color-indent-icon:var(--ilo-color-white)}.ilo--link-list--dark .ilo--link-list--headline,.ilo--link-list--dark .ilo--link-list--links--headline{color:var(--ilo-color-white)}.ilo--link-list--dark .ilo--link-list--link{border-bottom:var(--ilo-border-md) solid rgba(237,240,242,.4)}.ilo--link-list--dark .ilo--link-list--link .ilo--link-list--label{color:var(--ilo-color-white)}.ilo--link-list--dark .ilo--link-list--link:visited .ilo--link-list--label{color:var(--ilo-color-white);transition-duration:.15s;transition-property:color;transition-timing-function:ease-out}.ilo--link-list--dark .ilo--link-list--link:active{outline:0}.ilo--link-list--dark .ilo--link-list--link:active .ilo--link-list--label{color:var(--ilo-link-color-active-light);transition-duration:.15s;transition-property:color;transition-timing-function:ease-out}.ilo--link-list--dark .ilo--link-list--link:focus,.ilo--link-list--dark .ilo--link-list--link:hover{outline:0}.ilo--link-list--dark .ilo--link-list--link:focus .ilo--link-list--label,.ilo--link-list--dark .ilo--link-list--link:hover .ilo--link-list--label{color:var(--ilo-color-blue);transition-duration:.15s;transition-property:color;transition-timing-function:ease-out}

package/dist/styles/components/logo.css

@@ -1 +1 @@
-.ilo--logo--visibility--hidden{visibility:hidden}.ilo--logo--size--fluid{height:auto;width:100%}.ilo--logo--theme--light{--logo-theme-color:#1e2dbe}.ilo--logo--theme--dark{--logo-theme-color:#fff}.ilo--logo--link{all:unset;cursor:pointer}.ilo--logo--image{height:100%;width:100%}.ilo--logo--sub-brand{--lockup-height:calc(var(--logo-image-height)*0.703);--lockup-bottom-offset:calc(var(--lockup-height)*0.05);align-items:center;color:var(--logo-theme-color);display:inline-flex;font-family:var(--ilo-fonts-display);font-size:var(--logo-font-size);font-weight:700;justify-content:flex-start;line-height:var(--logo-font-size)}.ilo--logo--sub-brand--image{height:100%;width:50%}.ilo--logo--sub-brand--lock-up{align-items:center;bottom:var(--lockup-bottom-offset);display:flex;flex-flow:row nowrap;height:var(--lockup-height);justify-content:flex-start;position:relative;width:50%}.ilo--logo--sub-brand--lock-up--separator{display:inline-block;height:100%;line-height:0;overflow-y:hidden;padding:0 calc(var(--logo-image-height)*.25)}.ilo--logo--sub-brand--lock-up--separator:before{border-right:calc(var(--logo-image-height)*.033) solid var(--logo-theme-color);content:"";display:inline-block;height:100%;position:relative;width:0}
+.ilo--logo--visibility--hidden{visibility:hidden}.ilo--logo--size--fluid{height:auto;width:100%}.ilo--logo--theme--light{--logo-theme-color:var(--ilo-color-blue)}.ilo--logo--theme--dark{--logo-theme-color:var(--ilo-color-white)}.ilo--logo--link{all:unset;cursor:pointer}.ilo--logo--image{height:100%;width:100%}.ilo--logo--sub-brand{--lockup-height:calc(var(--logo-image-height)*0.703);--lockup-bottom-offset:calc(var(--lockup-height)*0.05);align-items:center;color:var(--logo-theme-color);display:inline-flex;font-family:var(--ilo-fonts-display);font-size:var(--logo-font-size);font-weight:700;justify-content:flex-start;line-height:var(--logo-font-size)}.ilo--logo--sub-brand--image{height:100%;width:50%}.ilo--logo--sub-brand--lock-up{align-items:center;bottom:var(--lockup-bottom-offset);display:flex;flex-flow:row nowrap;height:var(--lockup-height);justify-content:flex-start;position:relative;width:50%}.ilo--logo--sub-brand--lock-up--separator{display:inline-block;height:100%;line-height:0;overflow-y:hidden;padding:0 calc(var(--logo-image-height)*.25)}.ilo--logo--sub-brand--lock-up--separator:before{border-right:calc(var(--logo-image-height)*.033) solid var(--logo-theme-color);content:"";display:inline-block;height:100%;position:relative;width:0}

package/dist/styles/components/logogrid.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)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--logo-grid{--grid-gap:0.857449089rem}.ilo--logo-grid--logos{display:grid;gap:var(--grid-gap);grid-template-columns:1fr}@media screen and (min-width:414px){.ilo--logo-grid--logos{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:610px){.ilo--logo-grid--logos{grid-template-columns:repeat(2,1fr)}.ilo--logo-grid--logos:has(>:nth-child(3)){grid-template-columns:repeat(3,1fr)}}.ilo--logo-grid--link{text-decoration:none;transition:background-color .2s ease-in-out}.ilo--logo-grid__theme__dark .ilo--logo-grid--link:hover,.ilo--logo-grid__theme__light .ilo--logo-grid--link:hover{background-color:#ebf5fd}.ilo--logo-grid--item{align-items:center;display:flex;grid-column:span 1;height:7.18113612rem;justify-content:center;padding:0 12px}.ilo--logo-grid__theme__light .ilo--logo-grid--item{background-color:#edf0f2}.ilo--logo-grid__theme__dark .ilo--logo-grid--item{background-color:#fff}.ilo--logo-grid--item img{height:auto;max-height:5.6806002144rem;max-width:9.6463022508rem;object-fit:contain;width:100%}
+@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--logo-grid{--grid-gap:0.857449089rem}.ilo--logo-grid--logos{display:grid;gap:var(--grid-gap);grid-template-columns:1fr}@media screen and (min-width:414px){.ilo--logo-grid--logos{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:610px){.ilo--logo-grid--logos{grid-template-columns:repeat(2,1fr)}.ilo--logo-grid--logos:has(>:nth-child(3)){grid-template-columns:repeat(3,1fr)}}.ilo--logo-grid--link{text-decoration:none;transition:background-color .2s ease-in-out}.ilo--logo-grid__theme__dark .ilo--logo-grid--link:hover,.ilo--logo-grid__theme__light .ilo--logo-grid--link:hover{background-color:var(--ilo-color-background-hover)}.ilo--logo-grid--item{align-items:center;display:flex;grid-column:span 1;height:7.18113612rem;justify-content:center;padding:0 12px}.ilo--logo-grid__theme__light .ilo--logo-grid--item{background-color:var(--ilo-color-background-highlight)}.ilo--logo-grid__theme__dark .ilo--logo-grid--item{background-color:var(--ilo-color-background-default)}.ilo--logo-grid--item img{height:auto;max-height:5.6806002144rem;max-width:9.6463022508rem;object-fit:contain;width:100%}

package/dist/styles/components/modal.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)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--modal--wrapper{display:none}.ilo--modal--wrapper>*{opacity:0}.ilo--modal.show .ilo--modal--wrapper{display:block;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:10001}.ilo--modal.show.fadein .ilo--modal--wrapper>*{opacity:1;transition-delay:125ms;transition-duration:.15s;transition-property:opacity;transition-timing-function:ease-out}.ilo--modal--background{background-color:rgba(0,0,0,.85);height:100%;left:0;position:absolute;top:0;width:100%;z-index:10002}.ilo--modal--contents{background-color:#fff;left:0;margin:0 4.2%;max-height:96%;overflow:scroll;position:absolute;top:50%;transform:translateY(-50%);width:91.4%;z-index:10003}.ilo--modal .modal--close{height:2.1436227224rem;position:absolute;right:0;top:0;width:2.1436227224rem;z-index:10004}.ilo--modal .modal--close .ilo--icon{left:.1607717042rem;top:.1607717042rem}@media screen and (min-width:610px){.ilo--modal--contents{margin:0 23.2%;width:53.58%}}@media screen and (min-width:1024px){.ilo--modal--contents{margin:0 18.05%;width:63.888%}}.ilo--modal.storybook{height:400px;width:100%}
+@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--modal--wrapper{display:none}.ilo--modal--wrapper>*{opacity:0}.ilo--modal.show .ilo--modal--wrapper{display:block;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:10001}.ilo--modal.show.fadein .ilo--modal--wrapper>*{opacity:1;transition-delay:125ms;transition-duration:.15s;transition-property:opacity;transition-timing-function:ease-out}.ilo--modal--background{background-color:rgba(0,0,0,.85);height:100%;left:0;position:absolute;top:0;width:100%;z-index:10002}.ilo--modal--contents{background-color:var(--ilo-color-white);left:0;margin:0 4.2%;max-height:96%;overflow:scroll;position:absolute;top:50%;transform:translateY(-50%);width:91.4%;z-index:10003}.ilo--modal .modal--close{height:2.1436227224rem;position:absolute;right:0;top:0;width:2.1436227224rem;z-index:10004}.ilo--modal .modal--close .ilo--icon{left:.1607717042rem;top:.1607717042rem}@media screen and (min-width:610px){.ilo--modal--contents{margin:0 23.2%;width:53.58%}}@media screen and (min-width:1024px){.ilo--modal--contents{margin:0 18.05%;width:63.888%}}.ilo--modal.storybook{height:400px;width:100%}

package/dist/styles/components/navigation.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)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--header{overflow:hidden;position:relative;z-index:4}.ilo--header.ilo--mobile--open{height:100%;left:0;min-height:100vh;position:fixed;top:0;width:100%}@media screen and (min-width:1024px){.ilo--header{overflow:visible}}.ilo--header--nav{background:#230050}.ilo--header--menu{align-self:center;background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 24 24'%3E%3Cpath d='M3 18h18v-2H3zm0-5h18v-2H3zm0-7v2h18V6z'/%3E%3C/svg%3E");border:none;cursor:pointer;height:32px;overflow:hidden;position:relative;text-indent:-999%;transition:all .15s ease-out;width:32px}.ilo--header--menu,.ilo--header--menu:focus,.ilo--header--menu:hover{background-position:50%;background-repeat:no-repeat;background-size:32px}.ilo--header--menu:focus,.ilo--header--menu:hover{background-color:#ebf5fd;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='M3 18h18v-2H3zm0-5h18v-2H3zm0-7v2h18V6z'/%3E%3C/svg%3E")}@media screen and (min-width:1024px){.ilo--header--menu{display:none}}.ilo--header--menu--close{background-color:#edf0f2;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='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px;border:none;cursor:pointer;height:32px;overflow:hidden;position:relative;text-indent:-999%;transition:all .15s ease-out;width:32px}.ilo--header--menu--close:focus,.ilo--header--menu--close:hover{background-color:#ebf5fd;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='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px}@media screen and (min-width:1024px){.ilo--header--menu--close{display:none}}.ilo--header--logo{display:block;height:calc(var(--ilo-spacing-base)*14)}@media screen and (min-width:1024px){.ilo--header--logo{height:calc(var(--ilo-spacing-base)*18)}}.ilo--header--logo-link{display:block;padding:calc(var(--ilo-spacing-base)*4) 0;width:auto}@media screen and (min-width:1024px){.ilo--header--logo-link{padding:0 0 calc(var(--ilo-spacing-base)*6)}}.ilo--header--logo-bar{background:#1e2dbe;display:flex;width:100%}.ilo--header--logo-bar .ilo--header--inner{display:flex;justify-content:space-between}@media screen and (min-width:1024px){.ilo--header--logo-bar{background:#1e2dbe}}.ilo--header--utility-bar{display:none;min-height:1.2861736334rem}.ilo--header--utility-bar--local{background:#1e2dbe;display:flex;justify-content:space-between;padding:0 calc(var(--ilo-spacing-base)*5)}.ilo--header--utility-bar--local .ilo--language-switcher{display:none}.ilo--header--utility-bar--local .ilo--language-switcher--link{align-items:center;appearance:none;background-color:inherit;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' 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-position:.6430868167rem 50%;background-repeat:no-repeat;background-size:1.2861736334rem;border:none;color:#fff;cursor:pointer;display:flex;font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-regular);height:100%;justify-content:center;letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*9);text-decoration:none;transition:all .15s ease-out;width:100%}.ilo--header--utility-bar--local .ilo--language-switcher--link:focus,.ilo--header--utility-bar--local .ilo--language-switcher--link:hover{background-color:#ebf5fd;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 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;color:#1e2dbe}.ilo--header--utility-bar--local .ilo--language-switcher--link [dir=rtl]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' 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-position:calc(100% - 16px) 50%;background-repeat:no-repeat;padding:16px 36px 16px 16px}.ilo--header--utility-bar--local .ilo--language-switcher--link [dir=rtl]:focus,.ilo--header--utility-bar--local .ilo--language-switcher--link [dir=rtl]:hover{background-color:#ebf5fd;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 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;color:#1e2dbe}.ilo--header--utility-bar--local .ilo--language-switcher--link--wrap{align-items:center;display:flex}@media screen and (min-width:1024px){.ilo--header--utility-bar--local .ilo--language-switcher{display:flex}.ilo--header--utility-bar--local{padding:0}.ilo--header--utility-bar{background:#1e2dbe;display:flex;justify-content:flex-end;width:100%}.ilo--header--utility-bar--local{justify-content:space-between}}.ilo--subnav--open .ilo--header--inner{visibility:hidden}@media screen and (min-width:1024px){.ilo--header--inner{display:flex;justify-content:space-between;padding:0 calc(var(--ilo-spacing-base)*5)}.ilo--subnav--open .ilo--header--inner{visibility:visible}}.ilo--header--navigation{background:#fff;height:100%;left:0;overflow-x:hidden;overflow-y:scroll;position:absolute;top:0;transform:translateX(100%);transition:transform 225ms ease-out,visibility 225ms 0s;visibility:hidden;width:100%}.ilo--header.ilo--mobile--open .ilo--header--navigation{transform:translateX(0);visibility:visible}@media screen and (min-width:1024px){.ilo--header--local .ilo--header--navigation{display:none}.ilo--header--navigation{background:#230050;overflow:visible;position:static;transform:none;visibility:visible}}.ilo--header--logo-tagline{color:#fff;display:none;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-lg);font-weight:var(--ilo-font-weight-medium);font-weight:700;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg);padding:calc(var(--ilo-spacing-base)*4) 0;text-align:right}@media screen and (min-width:1024px){.ilo--header--logo-tagline{display:block}}.ilo--header--logo-tagline--small{color:#bedcfa;display:block;font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-xsm);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg)}.ilo--nav{width:100%}@media screen and (min-width:1024px){.ilo--nav{width:auto}}.ilo--nav--label:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.ilo--nav--set{width:100%}@media screen and (min-width:1024px){.ilo--nav--set{display:flex;width:auto}}.ilo--nav--items{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-medium);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg)}@media screen and (min-width:1024px){.ilo--nav--items{align-items:center;display:flex}.ilo--nav--items:first-of-type{margin-left:-calc(var(--ilo-spacing-base)*5)}}.ilo--nav--link{color:#230050;display:block;padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*9) calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*2);text-decoration:none;transition:color .15s ease-out,background .15s ease-out}.ilo--nav--link:focus,.ilo--nav--link:hover{background:#ebf5fd;color:#1e2dbe;text-decoration:none}@media screen and (min-width:1024px){.ilo--nav--link{background:#230050;color:#fff;display:inline-block;padding:21.5px calc(var(--ilo-spacing-base)*6) 20.5px}.ilo--nav--link:focus,.ilo--nav--link:hover{background:#ebf5fd;color:#1e2dbe;text-decoration:none}}.ilo--nav--trigger{appearance:none;background-color:#fff;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-position:calc(100% - 16px) 55%;background-position-y:center;background-repeat:no-repeat;background-size:24px;border:none;color:#230050;cursor:pointer;display:block;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-medium);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);line-height:24px;padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*9) calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*2);text-align:left;transition:all .15s ease-out;width:100%}.ilo--nav--trigger:focus,.ilo--nav--trigger:hover{background-color:#ebf5fd;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 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;color:#1e2dbe}[dir=rtl] .ilo--nav--trigger{background-color:#fff;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-position:16px 55%;background-repeat:no-repeat;background-size:24px;text-align:right}[dir=rtl] .ilo--nav--trigger:focus,[dir=rtl] .ilo--nav--trigger:hover{background-color:#ebf5fd;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 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;color:#1e2dbe}@media screen and (min-width:1024px){.ilo--nav--trigger{background-color:#230050;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 24 24'%3E%3Cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z'/%3E%3C/svg%3E");background-position:90% 55%;background-repeat:no-repeat;background-size:20px;border:1.5px solid rgba(184,196,204,.5);border-radius:2px;color:#fff;cursor:pointer;display:inline-block;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);margin-left:calc(var(--ilo-spacing-base)*5);padding:7px calc(var(--ilo-spacing-base)*8) 5px 15px;text-align:center;transition:all .15s ease-out;width:auto}.ilo--nav--trigger:focus,.ilo--nav--trigger:hover{background-color:#fff;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='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z'/%3E%3C/svg%3E");background-repeat:no-repeat;border-color:#fff;color:#1e2dbe}[dir=rtl] .ilo--nav--trigger{background-color:#230050;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 24 24'%3E%3Cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z'/%3E%3C/svg%3E");background-position:10% 55%;background-repeat:no-repeat;background-size:20px;padding:7px 15px 5px calc(var(--ilo-spacing-base)*8)}[dir=rtl] .ilo--nav--trigger:focus,[dir=rtl] .ilo--nav--trigger:hover{background-color:#fff;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='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z'/%3E%3C/svg%3E");background-repeat:no-repeat;color:#1e2dbe}}.ilo--nav--local{--logo-width:150px;display:flex;flex:1 1 auto;justify-content:space-between}@media screen and (min-width:1024px){.ilo--nav--local [dir=rtl]{padding:0 max((100% - 1260px)/2,20px) 0 0}.ilo--nav--local{padding:0 32px 0 max((100% - 1260px)/2,20px)}}.ilo--nav--local--logo-wrapper{display:flex;padding:calc(var(--ilo-spacing-base)*4) 0}.ilo--nav--local--logo{width:var(--logo-width)}.ilo--nav--local--logo-link{align-items:center;display:flex}.ilo--nav--local--set{display:none}@media screen and (min-width:1024px){.ilo--nav--local--set{display:flex;justify-content:space-between}}.ilo--nav--local--item{color:#fff;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-medium);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg)}.ilo--nav--local--link{align-items:flex-start;background:inherit;color:#fff;display:flex;flex-flow:column;height:100%;justify-content:center;padding:0 calc(var(--ilo-spacing-base)*6);text-align:center;text-decoration:none;transition:all .15s ease-out}.ilo--nav--local--link:focus,.ilo--nav--local--link:hover{background:#ebf5fd;color:#1e2dbe}.ilo--mobile--nav{border-bottom:3px solid #edf0f2;margin-bottom:calc(var(--ilo-spacing-base)*4);padding-bottom:calc(var(--ilo-spacing-base)*4)}.ilo--mobile--nav--logo{align-items:center;display:flex;justify-content:space-between}.ilo--mobile--nav--language--select{background:#fff;height:100%;left:0;padding:0 0 calc(var(--ilo-spacing-base)*8);position:absolute;top:0;transform:translateX(100%);transition:transform 225ms ease-out;width:100%}.ilo--select--open .ilo--mobile--nav--language--select{transform:translateX(0)}.ilo--mobile--nav--language--switcher--button{appearance:none;background-color:#fff;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='M11.991 3C7.023 3 3 7.032 3 12s4.023 9 8.991 9C16.968 21 21 16.968 21 12s-4.032-9-9.009-9m6.237 5.4h-2.655a14 14 0 0 0-1.242-3.204A7.23 7.23 0 0 1 18.228 8.4M12 4.836A12.7 12.7 0 0 1 13.719 8.4h-3.438A12.7 12.7 0 0 1 12 4.836M5.034 13.8A7.4 7.4 0 0 1 4.8 12c0-.621.09-1.224.234-1.8h3.042A15 15 0 0 0 7.95 12c0 .612.054 1.206.126 1.8zm.738 1.8h2.655a14 14 0 0 0 1.242 3.204A7.2 7.2 0 0 1 5.772 15.6m2.655-7.2H5.772a7.2 7.2 0 0 1 3.897-3.204c-.54.999-.954 2.079-1.242 3.204M12 19.164a12.7 12.7 0 0 1-1.719-3.564h3.438A12.7 12.7 0 0 1 12 19.164m2.106-5.364H9.894A13 13 0 0 1 9.75 12c0-.612.063-1.215.144-1.8h4.212c.081.585.144 1.188.144 1.8s-.063 1.206-.144 1.8m.225 5.004c.54-.999.954-2.079 1.242-3.204h2.655a7.23 7.23 0 0 1-3.897 3.204m1.593-5.004c.072-.594.126-1.188.126-1.8s-.054-1.206-.126-1.8h3.042c.144.576.234 1.179.234 1.8s-.09 1.224-.234 1.8z'/%3E%3C/svg%3E");background-position:calc(100% - 16px) 55%;background-position-y:center;background-repeat:no-repeat;background-size:24px;border:none;color:#230050;cursor:pointer;display:block;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-medium);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);line-height:16px;padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*9) calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*2);text-align:left;transition:all .15s ease-out;width:100%}.ilo--mobile--nav--language--switcher--button:focus,.ilo--mobile--nav--language--switcher--button:hover{background-color:#ebf5fd;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='M11.991 3C7.023 3 3 7.032 3 12s4.023 9 8.991 9C16.968 21 21 16.968 21 12s-4.032-9-9.009-9m6.237 5.4h-2.655a14 14 0 0 0-1.242-3.204A7.23 7.23 0 0 1 18.228 8.4M12 4.836A12.7 12.7 0 0 1 13.719 8.4h-3.438A12.7 12.7 0 0 1 12 4.836M5.034 13.8A7.4 7.4 0 0 1 4.8 12c0-.621.09-1.224.234-1.8h3.042A15 15 0 0 0 7.95 12c0 .612.054 1.206.126 1.8zm.738 1.8h2.655a14 14 0 0 0 1.242 3.204A7.2 7.2 0 0 1 5.772 15.6m2.655-7.2H5.772a7.2 7.2 0 0 1 3.897-3.204c-.54.999-.954 2.079-1.242 3.204M12 19.164a12.7 12.7 0 0 1-1.719-3.564h3.438A12.7 12.7 0 0 1 12 19.164m2.106-5.364H9.894A13 13 0 0 1 9.75 12c0-.612.063-1.215.144-1.8h4.212c.081.585.144 1.188.144 1.8s-.063 1.206-.144 1.8m.225 5.004c.54-.999.954-2.079 1.242-3.204h2.655a7.23 7.23 0 0 1-3.897 3.204m1.593-5.004c.072-.594.126-1.188.126-1.8s-.054-1.206-.126-1.8h3.042c.144.576.234 1.179.234 1.8s-.09 1.224-.234 1.8z'/%3E%3C/svg%3E");background-repeat:no-repeat;color:#1e2dbe}[dir=rtl] .ilo--mobile--nav--language--switcher--button{background-position:16px 55%;text-align:right}.ilo--mobile--nav--search{padding:calc(var(--ilo-spacing-base)*8) 0 calc(var(--ilo-spacing-base)*6)}.ilo--mobile--nav--search .ilo--fieldset,.ilo--mobile--nav--search .ilo--form,.ilo--mobile--nav--search .ilo--form-control,.ilo--mobile--nav--search .ilo--searchfield{width:100%}@media screen and (min-width:1024px){.ilo--mobile--nav{display:none}}.ilo--language-switcher{background:#230050;display:flex;padding:0 max((100% - 1300px)/2,20px) 0 0;position:relative}[dir=rtl] .ilo--language-switcher{padding:0 0 0 max((100% - 1300px)/2,20px)}.ilo--language-switcher:before{background:#230050;clip-path:polygon(0 0,100% 0,97% 100%);content:"";display:block;height:100%;left:-31px;position:absolute;top:0;width:32px}[dir=rtl] .ilo--language-switcher:before{clip-path:polygon(0 0,0 100%,97% 0);left:auto;right:-31px}.ilo--language-switcher--wrap{display:flex;position:relative}.ilo--language-switcher--empty{height:1.3933547696rem;width:5.359056806rem}.ilo--language-switcher--button{appearance:none;background-color:#230050;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 24 24'%3E%3Cpath d='M11.991 3C7.023 3 3 7.032 3 12s4.023 9 8.991 9C16.968 21 21 16.968 21 12s-4.032-9-9.009-9m6.237 5.4h-2.655a14 14 0 0 0-1.242-3.204A7.23 7.23 0 0 1 18.228 8.4M12 4.836A12.7 12.7 0 0 1 13.719 8.4h-3.438A12.7 12.7 0 0 1 12 4.836M5.034 13.8A7.4 7.4 0 0 1 4.8 12c0-.621.09-1.224.234-1.8h3.042A15 15 0 0 0 7.95 12c0 .612.054 1.206.126 1.8zm.738 1.8h2.655a14 14 0 0 0 1.242 3.204A7.2 7.2 0 0 1 5.772 15.6m2.655-7.2H5.772a7.2 7.2 0 0 1 3.897-3.204c-.54.999-.954 2.079-1.242 3.204M12 19.164a12.7 12.7 0 0 1-1.719-3.564h3.438A12.7 12.7 0 0 1 12 19.164m2.106-5.364H9.894A13 13 0 0 1 9.75 12c0-.612.063-1.215.144-1.8h4.212c.081.585.144 1.188.144 1.8s-.063 1.206-.144 1.8m.225 5.004c.54-.999.954-2.079 1.242-3.204h2.655a7.23 7.23 0 0 1-3.897 3.204m1.593-5.004c.072-.594.126-1.188.126-1.8s-.054-1.206-.126-1.8h3.042c.144.576.234 1.179.234 1.8s-.09 1.224-.234 1.8z'/%3E%3C/svg%3E");background-position:.6430868167rem;background-repeat:no-repeat;background-size:1.2861736334rem;border:none;color:#fff;cursor:pointer;display:block;font-family:var(--ilo-fonts-copy);font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-xsm);font-weight:var(--ilo-font-weight-regular);font-weight:500;letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);padding:calc(var(--ilo-spacing-base)*2) 30px calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*10);transition:all .15s ease-out}.ilo--language-switcher--button:focus,.ilo--language-switcher--button:hover{background-color:#ebf5fd;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='M11.991 3C7.023 3 3 7.032 3 12s4.023 9 8.991 9C16.968 21 21 16.968 21 12s-4.032-9-9.009-9m6.237 5.4h-2.655a14 14 0 0 0-1.242-3.204A7.23 7.23 0 0 1 18.228 8.4M12 4.836A12.7 12.7 0 0 1 13.719 8.4h-3.438A12.7 12.7 0 0 1 12 4.836M5.034 13.8A7.4 7.4 0 0 1 4.8 12c0-.621.09-1.224.234-1.8h3.042A15 15 0 0 0 7.95 12c0 .612.054 1.206.126 1.8zm.738 1.8h2.655a14 14 0 0 0 1.242 3.204A7.2 7.2 0 0 1 5.772 15.6m2.655-7.2H5.772a7.2 7.2 0 0 1 3.897-3.204c-.54.999-.954 2.079-1.242 3.204M12 19.164a12.7 12.7 0 0 1-1.719-3.564h3.438A12.7 12.7 0 0 1 12 19.164m2.106-5.364H9.894A13 13 0 0 1 9.75 12c0-.612.063-1.215.144-1.8h4.212c.081.585.144 1.188.144 1.8s-.063 1.206-.144 1.8m.225 5.004c.54-.999.954-2.079 1.242-3.204h2.655a7.23 7.23 0 0 1-3.897 3.204m1.593-5.004c.072-.594.126-1.188.126-1.8s-.054-1.206-.126-1.8h3.042c.144.576.234 1.179.234 1.8s-.09 1.224-.234 1.8z'/%3E%3C/svg%3E");background-repeat:no-repeat;color:#1e2dbe}[dir=rtl] .ilo--language-switcher--button{background-position:calc(100% - .64309rem);padding:calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*2) 30px}.ilo--language-switcher .ilo--context-menu{display:none;opacity:0;position:absolute;right:0;top:calc(100% + 12px);transition:opacity .15s ease-out;z-index:-1}.ilo--context--open .ilo--language-switcher .ilo--context-menu,.ilo--language-switcher .ilo--context-menu:focus-within,.ilo--language-switcher:focus-within .ilo--language-switcher .ilo--context-menu{display:block;opacity:1;z-index:1}.ilo--language-switcher .ilo--language-switcher--button:focus{display:block;opacity:1;z-index:1}.ilo--subnav{background:#fff;display:none;height:100%;left:0;padding:0 0 calc(var(--ilo-spacing-base)*8);position:absolute;top:0;transform:translateX(100%);transition:transform 225ms ease-out;visibility:hidden;width:100%}.ilo--subnav--open .ilo--subnav{transform:translateX(0);visibility:visible}@media screen and (min-width:1024px){.ilo--subnav{height:auto;left:0;padding:calc(var(--ilo-spacing-base)*8) 0;top:auto;transform:translateY(-100%);transition:transform 225ms ease-out;z-index:-1}.ilo--header.ilo--subnav--open .ilo--subnav{border-bottom:.1607717042rem solid #b8c4cc;filter:drop-shadow(0 .8px 1.6px rgba(30,45,190,.038)) drop-shadow(0 4px 8px rgba(30,45,190,.054)) drop-shadow(0 10px 20px rgba(30,45,190,.08));transform:translateY(0)}.ilo--subnav:has(.ilo--subnav--link:focus){transform:translateY(0)}}@media screen and (min-width:1024px){.ilo--subnav--inner{display:flex;justify-content:space-between}}.ilo--subnav--set{display:grid;grid-template-columns:1fr;width:100%}@media screen and (min-width:1024px){.ilo--subnav--set{grid-auto-flow:column;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr)}}.ilo--subnav--link{background:#fff;color:#230050;display:flex;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-medium);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);padding:18px calc(var(--ilo-spacing-base)*2);text-decoration:none;transition:all .15s ease-out}.ilo--subnav--link:focus,.ilo--subnav--link:hover{background:#ebf5fd;color:#1e2dbe;text-decoration:none}@media screen and (min-width:1024px){.ilo--mobile--subnav{display:none}}.ilo--mobile--subnav--menu{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.ilo--mobile--subnav--back{background-color:#fff;border:none;color:#230050;cursor:pointer;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-medium);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);padding:calc(var(--ilo-spacing-base)*5) calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*8);position:relative;transition:all .15s ease-out}.ilo--mobile--subnav--back: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-position:10%;background-repeat:no-repeat;background-size:24px;content:"";display:block;height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:24px}[dir=rtl] .ilo--mobile--subnav--back{padding:calc(var(--ilo-spacing-base)*5) calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*4)}[dir=rtl] .ilo--mobile--subnav--back: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-position:10%;background-repeat:no-repeat;background-size:24px;left:auto;right:0}.ilo--mobile--subnav--back:focus,.ilo--mobile--subnav--back:hover{background-color:#ebf5fd;color:#1e2dbe}.ilo--mobile--subnav--back:focus:before,.ilo--mobile--subnav--back:hover:before{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 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-position:10%;background-repeat:no-repeat;background-size:24px}[dir=rtl] .ilo--mobile--subnav--back:focus:before,[dir=rtl] .ilo--mobile--subnav--back:hover:before{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 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-position:10%;background-repeat:no-repeat;background-size:24px}@media screen and (min-width:1024px){.ilo--mobile--subnav--back{display:none}}.ilo--mobile--subnav--label{border-bottom:3px solid #edf0f2;color:#2d2d2d;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-lg);font-weight:var(--ilo-font-weight-medium);font-weight:700;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg);margin-bottom:calc(var(--ilo-spacing-base)*4);padding:calc(var(--ilo-spacing-base)*5) calc(var(--ilo-spacing-base)*2);width:100%}.ilo--search-box{background:#fff;display:none;left:0;position:absolute;top:0;transform:translateX(100%);transition:transform 225ms ease-out;visibility:hidden;width:100%}.ilo--search--open .ilo--search-box{transform:translateX(0);visibility:visible}@media screen and (min-width:1024px){.ilo--search-box{filter:drop-shadow(0 .8px 1.6px rgba(30,45,190,.038)) drop-shadow(0 4px 8px rgba(30,45,190,.054)) drop-shadow(0 10px 20px rgba(30,45,190,.08));left:0;padding:calc(var(--ilo-spacing-base)*8) 0;top:auto;transform:translateY(-100%);transition:all 225ms ease-out;z-index:-1}.ilo--header.ilo--search--open .ilo--search-box{transform:translateY(0)}.ilo--search-box:has(.ilo--input:focus),.ilo--search-box:has(.ilo--searchfield--button:focus){transform:translateY(0)}}.ilo--search-box .ilo--header--inner{align-items:center;justify-content:center;padding:calc(var(--ilo-spacing-base)*20) calc(var(--ilo-spacing-base)*5)}.ilo--search-box .ilo--form,.ilo--search-box .ilo--searchfield{max-width:618px;width:100%}.ilo--search-box .ilo--fieldset,.ilo--search-box .ilo--form-control{width:100%}.ilo--search{display:none}@media screen and (min-width:1024px){.ilo--search{display:flex}}.ilo--search--button{appearance:none;background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M14.192 15.606a7 7 0 1 1 1.414-1.414l5.465 5.465-1.414 1.414zM15 10a5 5 0 1 1-10 0 5 5 0 0 1 10 0' clip-rule='evenodd'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;border-radius:0;cursor:pointer;overflow:hidden;position:relative;text-indent:-999%;transition:all .15s ease-out}.ilo--search--button:focus,.ilo--search--button:hover{background-color:#ebf5fd;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 fill-rule='evenodd' d='M14.192 15.606a7 7 0 1 1 1.414-1.414l5.465 5.465-1.414 1.414zM15 10a5 5 0 1 1-10 0 5 5 0 0 1 10 0' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--search--open .ilo--search--button{background-color:#fff;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='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px}.ilo--search--open .ilo--search--button:focus,.ilo--search--open .ilo--search--button:hover{background-color:#ebf5fd;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='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--menu--open{height:100%;overflow:hidden;padding-top:85px;width:100%}#anchor--components-navigation--navigation .docs-story>div:first-child,.sb-show-main.sb-main-padded{padding-top:0}
+@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--header{overflow:hidden;position:relative;z-index:4}.ilo--header.ilo--mobile--open{height:100%;left:0;min-height:100vh;position:fixed;top:0;width:100%}@media screen and (min-width:1024px){.ilo--header{overflow:visible}}.ilo--header--nav{background:var(--ilo-color-blue-dark)}.ilo--header--menu{align-self:center;background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 24 24'%3E%3Cpath d='M3 18h18v-2H3zm0-5h18v-2H3zm0-7v2h18V6z'/%3E%3C/svg%3E");border:none;cursor:pointer;height:32px;overflow:hidden;position:relative;text-indent:-999%;transition:all .15s ease-out;width:32px}.ilo--header--menu,.ilo--header--menu:focus,.ilo--header--menu:hover{background-position:50%;background-repeat:no-repeat;background-size:32px}.ilo--header--menu:focus,.ilo--header--menu:hover{background-color:var(--ilo-color-blue-lighter);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='M3 18h18v-2H3zm0-5h18v-2H3zm0-7v2h18V6z'/%3E%3C/svg%3E")}@media screen and (min-width:1024px){.ilo--header--menu{display:none}}.ilo--header--menu--close{background-color:var(--ilo-color-gray-light);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='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px;border:none;cursor:pointer;height:32px;overflow:hidden;position:relative;text-indent:-999%;transition:all .15s ease-out;width:32px}.ilo--header--menu--close:focus,.ilo--header--menu--close:hover{background-color:var(--ilo-color-blue-lighter);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='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px}@media screen and (min-width:1024px){.ilo--header--menu--close{display:none}}.ilo--header--logo{display:block;height:calc(var(--ilo-spacing-base)*14)}@media screen and (min-width:1024px){.ilo--header--logo{height:calc(var(--ilo-spacing-base)*18)}}.ilo--header--logo-link{display:block;padding:calc(var(--ilo-spacing-base)*4) 0;width:auto}@media screen and (min-width:1024px){.ilo--header--logo-link{padding:0 0 calc(var(--ilo-spacing-base)*6)}}.ilo--header--logo-bar{background:var(--ilo-color-blue);display:flex;width:100%}.ilo--header--logo-bar .ilo--header--inner{display:flex;justify-content:space-between}@media screen and (min-width:1024px){.ilo--header--logo-bar{background:var(--ilo-color-blue)}}.ilo--header--utility-bar{display:none;min-height:1.2861736334rem}.ilo--header--utility-bar--local{background:var(--ilo-color-blue);display:flex;justify-content:space-between;padding:0 calc(var(--ilo-spacing-base)*5)}.ilo--header--utility-bar--local .ilo--language-switcher{display:none}.ilo--header--utility-bar--local .ilo--language-switcher--link{align-items:center;appearance:none;background-color:inherit;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' 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-position:.6430868167rem 50%;background-repeat:no-repeat;background-size:1.2861736334rem;border:none;color:var(--ilo-color-white);cursor:pointer;display:flex;font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-regular);height:100%;justify-content:center;letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*9);text-decoration:none;transition:all .15s ease-out;width:100%}.ilo--header--utility-bar--local .ilo--language-switcher--link:focus,.ilo--header--utility-bar--local .ilo--language-switcher--link:hover{background-color:var(--ilo-color-blue-lighter);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 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;color:var(--ilo-color-blue)}.ilo--header--utility-bar--local .ilo--language-switcher--link [dir=rtl]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' 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-position:calc(100% - 16px) 50%;background-repeat:no-repeat;padding:16px 36px 16px 16px}.ilo--header--utility-bar--local .ilo--language-switcher--link [dir=rtl]:focus,.ilo--header--utility-bar--local .ilo--language-switcher--link [dir=rtl]:hover{background-color:var(--ilo-color-blue-lighter);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 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;color:var(--ilo-color-blue)}.ilo--header--utility-bar--local .ilo--language-switcher--link--wrap{align-items:center;display:flex}@media screen and (min-width:1024px){.ilo--header--utility-bar--local .ilo--language-switcher{display:flex}.ilo--header--utility-bar--local{padding:0}.ilo--header--utility-bar{background:var(--ilo-color-blue);display:flex;justify-content:flex-end;width:100%}.ilo--header--utility-bar--local{justify-content:space-between}}.ilo--subnav--open .ilo--header--inner{visibility:hidden}@media screen and (min-width:1024px){.ilo--header--inner{display:flex;justify-content:space-between;padding:0 calc(var(--ilo-spacing-base)*5)}.ilo--subnav--open .ilo--header--inner{visibility:visible}}.ilo--header--navigation{background:var(--ilo-color-white);height:100%;left:0;overflow-x:hidden;overflow-y:scroll;position:absolute;top:0;transform:translateX(100%);transition:transform 225ms ease-out,visibility 225ms 0s;visibility:hidden;width:100%}.ilo--header.ilo--mobile--open .ilo--header--navigation{transform:translateX(0);visibility:visible}@media screen and (min-width:1024px){.ilo--header--local .ilo--header--navigation{display:none}.ilo--header--navigation{background:var(--ilo-color-blue-dark);overflow:visible;position:static;transform:none;visibility:visible}}.ilo--header--logo-tagline{color:var(--ilo-color-white);display:none;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-lg);font-weight:var(--ilo-font-weight-medium);font-weight:700;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg);padding:calc(var(--ilo-spacing-base)*4) 0;text-align:right}@media screen and (min-width:1024px){.ilo--header--logo-tagline{display:block}}.ilo--header--logo-tagline--small{color:var(--ilo-color-blue-light);display:block;font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-xsm);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg)}.ilo--nav{width:100%}@media screen and (min-width:1024px){.ilo--nav{width:auto}}.ilo--nav--label:not(:focus):not(:active){clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.ilo--nav--set{width:100%}@media screen and (min-width:1024px){.ilo--nav--set{display:flex;width:auto}}.ilo--nav--items{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-medium);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg)}@media screen and (min-width:1024px){.ilo--nav--items{align-items:center;display:flex}.ilo--nav--items:first-of-type{margin-left:-calc(var(--ilo-spacing-base)*5)}}.ilo--nav--link{color:var(--ilo-color-blue-dark);display:block;padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*9) calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*2);text-decoration:none;transition:color .15s ease-out,background .15s ease-out}.ilo--nav--link:focus,.ilo--nav--link:hover{background:var(--ilo-color-blue-lighter);color:var(--ilo-color-blue);text-decoration:none}@media screen and (min-width:1024px){.ilo--nav--link{background:var(--ilo-color-blue-dark);color:var(--ilo-color-white);display:inline-block;padding:21.5px calc(var(--ilo-spacing-base)*6) 20.5px}.ilo--nav--link:focus,.ilo--nav--link:hover{background:var(--ilo-color-blue-lighter);color:var(--ilo-color-blue);text-decoration:none}}.ilo--nav--trigger{appearance:none;background-color:var(--ilo-color-white);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-position:calc(100% - 16px) 55%;background-position-y:center;background-repeat:no-repeat;background-size:24px;border:none;color:var(--ilo-color-blue-dark);cursor:pointer;display:block;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-medium);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);line-height:24px;padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*9) calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*2);text-align:left;transition:all .15s ease-out;width:100%}.ilo--nav--trigger:focus,.ilo--nav--trigger:hover{background-color:var(--ilo-color-blue-lighter);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 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;color:var(--ilo-color-blue)}[dir=rtl] .ilo--nav--trigger{background-color:var(--ilo-color-white);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-position:16px 55%;background-repeat:no-repeat;background-size:24px;text-align:right}[dir=rtl] .ilo--nav--trigger:focus,[dir=rtl] .ilo--nav--trigger:hover{background-color:var(--ilo-color-blue-lighter);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 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;color:var(--ilo-color-blue)}@media screen and (min-width:1024px){.ilo--nav--trigger{background-color:var(--ilo-color-blue-dark);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 24 24'%3E%3Cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z'/%3E%3C/svg%3E");background-position:90% 55%;background-repeat:no-repeat;background-size:20px;border:1.5px solid rgba(184,196,204,.5);border-radius:2px;color:var(--ilo-color-white);cursor:pointer;display:inline-block;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);margin-left:calc(var(--ilo-spacing-base)*5);padding:7px calc(var(--ilo-spacing-base)*8) 5px 15px;text-align:center;transition:all .15s ease-out;width:auto}.ilo--nav--trigger:focus,.ilo--nav--trigger:hover{background-color:var(--ilo-color-white);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='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z'/%3E%3C/svg%3E");background-repeat:no-repeat;border-color:var(--ilo-color-white);color:var(--ilo-color-blue)}[dir=rtl] .ilo--nav--trigger{background-color:var(--ilo-color-blue-dark);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 24 24'%3E%3Cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z'/%3E%3C/svg%3E");background-position:10% 55%;background-repeat:no-repeat;background-size:20px;padding:7px 15px 5px calc(var(--ilo-spacing-base)*8)}[dir=rtl] .ilo--nav--trigger:focus,[dir=rtl] .ilo--nav--trigger:hover{background-color:var(--ilo-color-white);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='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z'/%3E%3C/svg%3E");background-repeat:no-repeat;color:var(--ilo-color-blue)}}.ilo--nav--local{--logo-width:150px;display:flex;flex:1 1 auto;justify-content:space-between}@media screen and (min-width:1024px){.ilo--nav--local [dir=rtl]{padding:0 max((100% - 1260px)/2,20px) 0 0}.ilo--nav--local{padding:0 32px 0 max((100% - 1260px)/2,20px)}}.ilo--nav--local--logo-wrapper{display:flex;padding:calc(var(--ilo-spacing-base)*4) 0}.ilo--nav--local--logo{width:var(--logo-width)}.ilo--nav--local--logo-link{align-items:center;display:flex}.ilo--nav--local--set{display:none}@media screen and (min-width:1024px){.ilo--nav--local--set{display:flex;justify-content:space-between}}.ilo--nav--local--item{color:var(--ilo-color-white);font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-medium);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg)}.ilo--nav--local--link{align-items:flex-start;background:inherit;color:var(--ilo-color-white);display:flex;flex-flow:column;height:100%;justify-content:center;padding:0 calc(var(--ilo-spacing-base)*6);text-align:center;text-decoration:none;transition:all .15s ease-out}.ilo--nav--local--link:focus,.ilo--nav--local--link:hover{background:var(--ilo-color-blue-lighter);color:var(--ilo-color-blue)}.ilo--mobile--nav{border-bottom:3px solid var(--ilo-color-gray-light);margin-bottom:calc(var(--ilo-spacing-base)*4);padding-bottom:calc(var(--ilo-spacing-base)*4)}.ilo--mobile--nav--logo{align-items:center;display:flex;justify-content:space-between}.ilo--mobile--nav--language--select{background:var(--ilo-color-white);height:100%;left:0;padding:0 0 calc(var(--ilo-spacing-base)*8);position:absolute;top:0;transform:translateX(100%);transition:transform 225ms ease-out;width:100%}.ilo--select--open .ilo--mobile--nav--language--select{transform:translateX(0)}.ilo--mobile--nav--language--switcher--button{appearance:none;background-color:var(--ilo-color-white);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='M11.991 3C7.023 3 3 7.032 3 12s4.023 9 8.991 9C16.968 21 21 16.968 21 12s-4.032-9-9.009-9m6.237 5.4h-2.655a14 14 0 0 0-1.242-3.204A7.23 7.23 0 0 1 18.228 8.4M12 4.836A12.7 12.7 0 0 1 13.719 8.4h-3.438A12.7 12.7 0 0 1 12 4.836M5.034 13.8A7.4 7.4 0 0 1 4.8 12c0-.621.09-1.224.234-1.8h3.042A15 15 0 0 0 7.95 12c0 .612.054 1.206.126 1.8zm.738 1.8h2.655a14 14 0 0 0 1.242 3.204A7.2 7.2 0 0 1 5.772 15.6m2.655-7.2H5.772a7.2 7.2 0 0 1 3.897-3.204c-.54.999-.954 2.079-1.242 3.204M12 19.164a12.7 12.7 0 0 1-1.719-3.564h3.438A12.7 12.7 0 0 1 12 19.164m2.106-5.364H9.894A13 13 0 0 1 9.75 12c0-.612.063-1.215.144-1.8h4.212c.081.585.144 1.188.144 1.8s-.063 1.206-.144 1.8m.225 5.004c.54-.999.954-2.079 1.242-3.204h2.655a7.23 7.23 0 0 1-3.897 3.204m1.593-5.004c.072-.594.126-1.188.126-1.8s-.054-1.206-.126-1.8h3.042c.144.576.234 1.179.234 1.8s-.09 1.224-.234 1.8z'/%3E%3C/svg%3E");background-position:calc(100% - 16px) 55%;background-position-y:center;background-repeat:no-repeat;background-size:24px;border:none;color:var(--ilo-color-blue-dark);cursor:pointer;display:block;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-medium);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);line-height:16px;padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*9) calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*2);text-align:left;transition:all .15s ease-out;width:100%}.ilo--mobile--nav--language--switcher--button:focus,.ilo--mobile--nav--language--switcher--button:hover{background-color:var(--ilo-color-blue-lighter);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='M11.991 3C7.023 3 3 7.032 3 12s4.023 9 8.991 9C16.968 21 21 16.968 21 12s-4.032-9-9.009-9m6.237 5.4h-2.655a14 14 0 0 0-1.242-3.204A7.23 7.23 0 0 1 18.228 8.4M12 4.836A12.7 12.7 0 0 1 13.719 8.4h-3.438A12.7 12.7 0 0 1 12 4.836M5.034 13.8A7.4 7.4 0 0 1 4.8 12c0-.621.09-1.224.234-1.8h3.042A15 15 0 0 0 7.95 12c0 .612.054 1.206.126 1.8zm.738 1.8h2.655a14 14 0 0 0 1.242 3.204A7.2 7.2 0 0 1 5.772 15.6m2.655-7.2H5.772a7.2 7.2 0 0 1 3.897-3.204c-.54.999-.954 2.079-1.242 3.204M12 19.164a12.7 12.7 0 0 1-1.719-3.564h3.438A12.7 12.7 0 0 1 12 19.164m2.106-5.364H9.894A13 13 0 0 1 9.75 12c0-.612.063-1.215.144-1.8h4.212c.081.585.144 1.188.144 1.8s-.063 1.206-.144 1.8m.225 5.004c.54-.999.954-2.079 1.242-3.204h2.655a7.23 7.23 0 0 1-3.897 3.204m1.593-5.004c.072-.594.126-1.188.126-1.8s-.054-1.206-.126-1.8h3.042c.144.576.234 1.179.234 1.8s-.09 1.224-.234 1.8z'/%3E%3C/svg%3E");background-repeat:no-repeat;color:var(--ilo-color-blue)}[dir=rtl] .ilo--mobile--nav--language--switcher--button{background-position:16px 55%;text-align:right}.ilo--mobile--nav--search{padding:calc(var(--ilo-spacing-base)*8) 0 calc(var(--ilo-spacing-base)*6)}.ilo--mobile--nav--search .ilo--fieldset,.ilo--mobile--nav--search .ilo--form,.ilo--mobile--nav--search .ilo--form-control,.ilo--mobile--nav--search .ilo--searchfield{width:100%}@media screen and (min-width:1024px){.ilo--mobile--nav{display:none}}.ilo--language-switcher{background:var(--ilo-color-blue-dark);display:flex;padding:0 max((100% - 69.667738478rem)/2,1.0718113612rem) 0 0;position:relative}[dir=rtl] .ilo--language-switcher{padding:0 0 0 max((100% - 69.667738478rem)/2,1.0718113612rem)}.ilo--language-switcher:before{background:var(--ilo-color-blue-dark);clip-path:polygon(0 0,100% 0,97% 100%);content:"";display:block;height:100%;left:-31px;position:absolute;top:0;width:32px}[dir=rtl] .ilo--language-switcher:before{clip-path:polygon(0 0,0 100%,97% 0);left:auto;right:-31px}.ilo--language-switcher--wrap{display:flex;position:relative}.ilo--language-switcher--empty{height:1.3933547696rem;width:5.359056806rem}.ilo--language-switcher--button{appearance:none;background-color:var(--ilo-color-blue-dark);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 24 24'%3E%3Cpath d='M11.991 3C7.023 3 3 7.032 3 12s4.023 9 8.991 9C16.968 21 21 16.968 21 12s-4.032-9-9.009-9m6.237 5.4h-2.655a14 14 0 0 0-1.242-3.204A7.23 7.23 0 0 1 18.228 8.4M12 4.836A12.7 12.7 0 0 1 13.719 8.4h-3.438A12.7 12.7 0 0 1 12 4.836M5.034 13.8A7.4 7.4 0 0 1 4.8 12c0-.621.09-1.224.234-1.8h3.042A15 15 0 0 0 7.95 12c0 .612.054 1.206.126 1.8zm.738 1.8h2.655a14 14 0 0 0 1.242 3.204A7.2 7.2 0 0 1 5.772 15.6m2.655-7.2H5.772a7.2 7.2 0 0 1 3.897-3.204c-.54.999-.954 2.079-1.242 3.204M12 19.164a12.7 12.7 0 0 1-1.719-3.564h3.438A12.7 12.7 0 0 1 12 19.164m2.106-5.364H9.894A13 13 0 0 1 9.75 12c0-.612.063-1.215.144-1.8h4.212c.081.585.144 1.188.144 1.8s-.063 1.206-.144 1.8m.225 5.004c.54-.999.954-2.079 1.242-3.204h2.655a7.23 7.23 0 0 1-3.897 3.204m1.593-5.004c.072-.594.126-1.188.126-1.8s-.054-1.206-.126-1.8h3.042c.144.576.234 1.179.234 1.8s-.09 1.224-.234 1.8z'/%3E%3C/svg%3E");background-position:.6430868167rem;background-repeat:no-repeat;background-size:1.2861736334rem;border:none;color:var(--ilo-color-white);cursor:pointer;display:block;font-family:var(--ilo-fonts-copy);font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-xsm);font-weight:var(--ilo-font-weight-regular);font-weight:500;letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);padding:calc(var(--ilo-spacing-base)*2) 30px calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*10);transition:all .15s ease-out}.ilo--language-switcher--button:focus,.ilo--language-switcher--button:hover{background-color:var(--ilo-color-blue-lighter);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='M11.991 3C7.023 3 3 7.032 3 12s4.023 9 8.991 9C16.968 21 21 16.968 21 12s-4.032-9-9.009-9m6.237 5.4h-2.655a14 14 0 0 0-1.242-3.204A7.23 7.23 0 0 1 18.228 8.4M12 4.836A12.7 12.7 0 0 1 13.719 8.4h-3.438A12.7 12.7 0 0 1 12 4.836M5.034 13.8A7.4 7.4 0 0 1 4.8 12c0-.621.09-1.224.234-1.8h3.042A15 15 0 0 0 7.95 12c0 .612.054 1.206.126 1.8zm.738 1.8h2.655a14 14 0 0 0 1.242 3.204A7.2 7.2 0 0 1 5.772 15.6m2.655-7.2H5.772a7.2 7.2 0 0 1 3.897-3.204c-.54.999-.954 2.079-1.242 3.204M12 19.164a12.7 12.7 0 0 1-1.719-3.564h3.438A12.7 12.7 0 0 1 12 19.164m2.106-5.364H9.894A13 13 0 0 1 9.75 12c0-.612.063-1.215.144-1.8h4.212c.081.585.144 1.188.144 1.8s-.063 1.206-.144 1.8m.225 5.004c.54-.999.954-2.079 1.242-3.204h2.655a7.23 7.23 0 0 1-3.897 3.204m1.593-5.004c.072-.594.126-1.188.126-1.8s-.054-1.206-.126-1.8h3.042c.144.576.234 1.179.234 1.8s-.09 1.224-.234 1.8z'/%3E%3C/svg%3E");background-repeat:no-repeat;color:var(--ilo-color-blue)}[dir=rtl] .ilo--language-switcher--button{background-position:calc(100% - .64309rem);padding:calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*2) 30px}.ilo--language-switcher .ilo--context-menu{display:none;opacity:0;position:absolute;right:0;top:calc(100% + 12px);transition:opacity .15s ease-out;z-index:-1}.ilo--context--open .ilo--language-switcher .ilo--context-menu,.ilo--language-switcher .ilo--context-menu:focus-within,.ilo--language-switcher:focus-within .ilo--language-switcher .ilo--context-menu{display:block;opacity:1;z-index:1}.ilo--language-switcher .ilo--language-switcher--button:focus{display:block;opacity:1;z-index:1}.ilo--subnav{background:var(--ilo-color-white);display:none;height:100%;left:0;padding:0 0 calc(var(--ilo-spacing-base)*8);position:absolute;top:0;transform:translateX(100%);transition:transform 225ms ease-out;visibility:hidden;width:100%}.ilo--subnav--open .ilo--subnav{transform:translateX(0);visibility:visible}@media screen and (min-width:1024px){.ilo--subnav{height:auto;left:0;padding:calc(var(--ilo-spacing-base)*8) 0;top:auto;transform:translateY(-100%);transition:transform 225ms ease-out;z-index:-1}.ilo--header.ilo--subnav--open .ilo--subnav{border-bottom:.1607717042rem solid var(--ilo-color-gray-base);filter:drop-shadow(0 .8px 1.6px rgba(30,45,190,.038)) drop-shadow(0 4px 8px rgba(30,45,190,.054)) drop-shadow(0 10px 20px rgba(30,45,190,.08));transform:translateY(0)}.ilo--subnav:has(.ilo--subnav--link:focus){transform:translateY(0)}}@media screen and (min-width:1024px){.ilo--subnav--inner{display:flex;justify-content:space-between}}.ilo--subnav--set{display:grid;grid-template-columns:1fr;width:100%}@media screen and (min-width:1024px){.ilo--subnav--set{grid-auto-flow:column;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr)}}.ilo--subnav--link{background:var(--ilo-color-white);color:var(--ilo-color-blue-dark);display:flex;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-medium);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);padding:18px calc(var(--ilo-spacing-base)*2);text-decoration:none;transition:all .15s ease-out}.ilo--subnav--link:focus,.ilo--subnav--link:hover{background:var(--ilo-color-blue-lighter);color:var(--ilo-color-blue);text-decoration:none}@media screen and (min-width:1024px){.ilo--mobile--subnav{display:none}}.ilo--mobile--subnav--menu{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.ilo--mobile--subnav--back{background-color:var(--ilo-color-white);border:none;color:var(--ilo-color-blue-dark);cursor:pointer;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-medium);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);padding:calc(var(--ilo-spacing-base)*5) calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*8);position:relative;transition:all .15s ease-out}.ilo--mobile--subnav--back: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-position:10%;background-repeat:no-repeat;background-size:24px;content:"";display:block;height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:24px}[dir=rtl] .ilo--mobile--subnav--back{padding:calc(var(--ilo-spacing-base)*5) calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*4)}[dir=rtl] .ilo--mobile--subnav--back: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-position:10%;background-repeat:no-repeat;background-size:24px;left:auto;right:0}.ilo--mobile--subnav--back:focus,.ilo--mobile--subnav--back:hover{background-color:var(--ilo-color-blue-lighter);color:var(--ilo-color-blue)}.ilo--mobile--subnav--back:focus:before,.ilo--mobile--subnav--back:hover:before{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 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-position:10%;background-repeat:no-repeat;background-size:24px}[dir=rtl] .ilo--mobile--subnav--back:focus:before,[dir=rtl] .ilo--mobile--subnav--back:hover:before{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 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-position:10%;background-repeat:no-repeat;background-size:24px}@media screen and (min-width:1024px){.ilo--mobile--subnav--back{display:none}}.ilo--mobile--subnav--label{border-bottom:3px solid var(--ilo-color-gray-light);color:var(--ilo-color-gray-charcoal);font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-lg);font-weight:var(--ilo-font-weight-medium);font-weight:700;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg);margin-bottom:calc(var(--ilo-spacing-base)*4);padding:calc(var(--ilo-spacing-base)*5) calc(var(--ilo-spacing-base)*2);width:100%}.ilo--search-box{background:var(--ilo-color-white);display:none;left:0;position:absolute;top:0;transform:translateX(100%);transition:transform 225ms ease-out;visibility:hidden;width:100%}.ilo--search--open .ilo--search-box{transform:translateX(0);visibility:visible}@media screen and (min-width:1024px){.ilo--search-box{filter:drop-shadow(0 .8px 1.6px rgba(30,45,190,.038)) drop-shadow(0 4px 8px rgba(30,45,190,.054)) drop-shadow(0 10px 20px rgba(30,45,190,.08));left:0;padding:calc(var(--ilo-spacing-base)*8) 0;top:auto;transform:translateY(-100%);transition:all 225ms ease-out;z-index:-1}.ilo--header.ilo--search--open .ilo--search-box{transform:translateY(0)}.ilo--search-box:has(.ilo--input:focus),.ilo--search-box:has(.ilo--searchfield--button:focus){transform:translateY(0)}}.ilo--search-box .ilo--header--inner{align-items:center;justify-content:center;padding:calc(var(--ilo-spacing-base)*20) calc(var(--ilo-spacing-base)*5)}.ilo--search-box .ilo--form,.ilo--search-box .ilo--searchfield{max-width:618px;width:100%}.ilo--search-box .ilo--fieldset,.ilo--search-box .ilo--form-control{width:100%}.ilo--search{display:none}@media screen and (min-width:1024px){.ilo--search{display:flex}}.ilo--search--button{appearance:none;background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M14.192 15.606a7 7 0 1 1 1.414-1.414l5.465 5.465-1.414 1.414zM15 10a5 5 0 1 1-10 0 5 5 0 0 1 10 0' clip-rule='evenodd'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;border-radius:0;cursor:pointer;overflow:hidden;position:relative;text-indent:-999%;transition:all .15s ease-out}.ilo--search--button:focus,.ilo--search--button:hover{background-color:var(--ilo-color-blue-lighter);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 fill-rule='evenodd' d='M14.192 15.606a7 7 0 1 1 1.414-1.414l5.465 5.465-1.414 1.414zM15 10a5 5 0 1 1-10 0 5 5 0 0 1 10 0' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--search--open .ilo--search--button{background-color:var(--ilo-color-white);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='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px}.ilo--search--open .ilo--search--button:focus,.ilo--search--open .ilo--search--button:hover{background-color:var(--ilo-color-blue-lighter);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='M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--menu--open{height:100%;overflow:hidden;padding-top:85px;width:100%}#anchor--components-navigation--navigation .docs-story>div:first-child,.sb-show-main.sb-main-padded{padding-top:0}