@ilo-org/twig 1.6.2 → 1.7.0

package/dist/components/accordion/accordion-item.twig

@@ -1,14 +1,13 @@
 {#
   ACCORDION ITEM COMPONENT
 #}
-{% set uid = "now"|date('Uv') %}
-{% set accordion_id = id ~ uid %}
-{% set button_id = 'button-' ~ accordion_id %}
-{% set panel_id = 'panel-' ~ accordion_id %}
+{% set id = id %}
+{% set button_id = 'button-' ~ id %}
+{% set panel_id = 'panel-' ~ id %}
 {% set expanded_class = defaultExpanded ? 'ilo' ~ '--accordion--panel__open' : '' %}
 {% set scroll_class = scroll ? 'ilo' ~ '--accordion--panel__scroll' : '' %}
 
-<li class="ilo--accordion--item" id="{{ accordion_id }}">
+<li class="ilo--accordion--item" id="{{ id }}">
 	<div class="ilo--h3">
 		<button class="ilo--accordion--button ilo--accordion--button__{{ size|default('small') }}" aria-expanded="{{ defaultExpanded }}" aria-controls="{{ panel_id }}" id="{{ button_id }}">
 			<span class="ilo--accordion--label">{{label}}</span>

package/dist/components/tabs/tabs.behavior.js

@@ -3,7 +3,7 @@
 
   const t={CONTROLS:"aria-controls",EXPANDED:"aria-expanded",HIDDEN:"aria-hidden",SELECTED:"aria-selected",SORT:"aria-sort"},d={ANIMATIONEND:"animationend",BEFOREUNLOAD:"beforeunload",BLUR:"blur",CHANGE:"change",CLEAR_FILTERS:"clearfilters",CLICK:"click",CUSTOM_EVENT:"customevent",DISPLAY_SUBHEADING:"displaysubheading",DROPDOWN_CHANGED:"dropdownchanged",FORM_ERROR:"formerror",FORM_SUCCESS:"formsuccess",FOCUS:"focus",HEADER_HIDING:"header-hiding",INDEX_CHANGED:"indexChanged",INPUT:"input",ITEMSLOADING:"itemsloading",ITEMSLOADED:"itemsloaded",KEY_DOWN:"keydown",MOUSEMOVE:"mousemove",MOUSEOUT:"mouseout",MOUSEOVER:"mouseover",PAGESHOW:"pageshow",PAUSE_VIDEO:"pausevideo",RENDERED:"rendered",REQUEST_MADE:"requestmade",RESIZE:"resize",RESULTS_RETURNED:"resultsreturnd",SCROLL:"scroll",SIMULATED_CLICK:"simulated-click",SHOW_HIDE:"showhide",SUBMIT:"submit",TOUCH_END:"touchend",TOUCH_START:"touchstart",TRANSITIONEND:"transitionend",TWEET_LOADED:"tweetLoaded",UPDATE_POST_COUNT:"updatepostcount",UPDATE_IN_VIEWPORT_MODULES:"updateinviewportmodules",UPDATE_SEARCH_WITH_NEW_ITEMS:"updatesearchwithnewitems",UPDATE_SETTINGS:"updatesettings",WHEEL:"wheel"};
 
-  class Tabs{constructor(element){this.element=element;this.prefix=this.element.dataset.prefix;this.init();}init(){this.cacheDomReferences().setupHandlers().enable();return this}cacheDomReferences(){this.tabButtons=this.element.querySelectorAll(`.${this.prefix}--tabs--selection--button`);this.tabPanels=this.element.querySelectorAll('[role="tabpanel"]');this.firstTab;return this}setupHandlers(){this.OnClickHandler=this.onClick.bind(this);this.KeyPressHandler=this.onKeyPress.bind(this);this.OnPrevHandler=this.setSelectedToPreviousTab.bind(this);this.OnNextHandler=this.setSelectedToNextTab.bind(this);return this}enable(){this.element.classList.add("tabs--js");Array.from(this.tabButtons).forEach(button=>{button.addEventListener(d.CLICK,e=>this.OnClickHandler(e));button.addEventListener(d.KEY_DOWN,e=>this.KeyPressHandler(e));if(!this.firstTab){this.firstTab=button.getAttribute(t.CONTROLS);}this.lastTab=button.getAttribute(t.CONTROLS);});return this}onClick(e){e.preventDefault();const tabid=e.currentTarget.getAttribute(t.CONTROLS);this.selectTab(tabid);return this}onKeyPress(e){let flag=false;const tabid=e.currentTarget.getAttribute(t.CONTROLS);switch(e.key){case"ArrowLeft":this.setSelectedToPreviousTab(tabid);flag=true;break;case"ArrowRight":this.setSelectedToNextTab(tabid);flag=true;break;case"Home":this.selectTab(this.firstTab.id);flag=true;break;case"End":this.selectTab(this.lastTab.id);flag=true;break;}if(flag){e.stopPropagation();e.preventDefault();}return this}selectTab(tabid){const selectedTab=this.element.querySelector(`[${t.CONTROLS}="${tabid}"]`);Array.from(this.tabPanels).forEach(panel=>{panel.setAttribute(t.EXPANDED,false);});Array.from(this.tabButtons).forEach(button=>{button.setAttribute(t.SELECTED,false);});selectedTab.focus();selectedTab.setAttribute(t.SELECTED,true);document.getElementById(tabid).setAttribute(t.EXPANDED,true);return this}setSelectedToPreviousTab(tabid){const prevTab=document.getElementById(tabid).previousElementSibling!==null?document.getElementById(tabid).previousElementSibling:document.getElementById(this.lastTab);this.selectTab(prevTab.id);return this}setSelectedToNextTab(tabid){const nextTab=document.getElementById(tabid).nextElementSibling!==null?document.getElementById(tabid).nextElementSibling:document.getElementById(this.firstTab);this.selectTab(nextTab.id);return this}}
+  class Tabs{constructor(element){this.element=element;this.prefix=this.element.dataset.prefix;this.init();}init(){this.cacheDomReferences().setupHandlers().enable();return this}cacheDomReferences(){this.tabButtons=this.element.querySelectorAll(`.${this.prefix}--tabs--selection--button`);this.tabPanels=this.element.querySelectorAll('[role="tabpanel"]');this.firstTab;return this}setupHandlers(){this.OnClickHandler=this.onClick.bind(this);this.KeyPressHandler=this.onKeyPress.bind(this);this.OnPrevHandler=this.setSelectedToPreviousTab.bind(this);this.OnNextHandler=this.setSelectedToNextTab.bind(this);return this}enable(){Array.from(this.tabButtons).forEach(button=>{button.addEventListener(d.CLICK,e=>this.OnClickHandler(e));button.addEventListener(d.KEY_DOWN,e=>this.KeyPressHandler(e));if(!this.firstTab){this.firstTab=button.getAttribute(t.CONTROLS);}this.lastTab=button.getAttribute(t.CONTROLS);});return this}onClick(e){e.preventDefault();const tabid=e.currentTarget.getAttribute(t.CONTROLS);this.selectTab(tabid);return this}onKeyPress(e){let flag=false;const tabid=e.currentTarget.getAttribute(t.CONTROLS);switch(e.key){case"ArrowLeft":this.setSelectedToPreviousTab(tabid);flag=true;break;case"ArrowRight":this.setSelectedToNextTab(tabid);flag=true;break;case"Home":this.selectTab(this.firstTab.id);flag=true;break;case"End":this.selectTab(this.lastTab.id);flag=true;break;}if(flag){e.stopPropagation();e.preventDefault();}return this}selectTab(tabid){const selectedTab=this.element.querySelector(`[${t.CONTROLS}="${tabid}"]`);Array.from(this.tabPanels).forEach(panel=>{panel.setAttribute(t.EXPANDED,false);});Array.from(this.tabButtons).forEach(button=>{button.setAttribute(t.SELECTED,false);});selectedTab.focus();selectedTab.setAttribute(t.SELECTED,true);document.getElementById(tabid).setAttribute(t.EXPANDED,true);return this}setSelectedToPreviousTab(tabid){const prevTab=document.getElementById(tabid).previousElementSibling!==null?document.getElementById(tabid).previousElementSibling:document.getElementById(this.lastTab);this.selectTab(prevTab.id);return this}setSelectedToNextTab(tabid){const nextTab=document.getElementById(tabid).nextElementSibling!==null?document.getElementById(tabid).nextElementSibling:document.getElementById(this.firstTab);this.selectTab(nextTab.id);return this}}
 
   var top="top";var bottom="bottom";var right="right";var left="left";var auto="auto";var basePlacements=[top,bottom,right,left];var start="start";var end="end";var clippingParents="clippingParents";var viewport="viewport";var popper="popper";var reference="reference";var variationPlacements=basePlacements.reduce(function(acc,placement){return acc.concat([placement+"-"+start,placement+"-"+end])},[]);var placements=[].concat(basePlacements,[auto]).reduce(function(acc,placement){return acc.concat([placement,placement+"-"+start,placement+"-"+end])},[]);var beforeRead="beforeRead";var read="read";var afterRead="afterRead";var beforeMain="beforeMain";var main="main";var afterMain="afterMain";var beforeWrite="beforeWrite";var write="write";var afterWrite="afterWrite";var modifierPhases=[beforeRead,read,afterRead,beforeMain,main,afterMain,beforeWrite,write,afterWrite];
 

package/dist/components/tabs/tabs.component.yml

@@ -31,6 +31,14 @@ tabs:
           componentdata:
             content: "<h2>International Labour Organization</h2> <p>The <b>International Labour Organization</b> (<b>ILO</b>) is a <a href='https://www.un.org'>United Nations</a> agency whose mandate is to advance social and economic justice by setting international labour standards. Founded in October 1919 under the League of Nations, it is the first and oldest specialised agency of the UN. The ILO has 187 member states: 186 out of 193 UN member states plus the Cook Islands.</p> <p>Whereas also the failure of any nation to adopt humane conditions of labour is an obstacle in the way of other nations which desire to improve the conditions in their own countries.</p> <figure><img alt='placeholder image' class='right' src='/images/ilo-headquarters.jpg'><figcaption>The ILO's headquarters in Geneva, Switzerland. ©Steiner SA</figcaption></figure> <h3>ILO Constitution</h3> <p>The driving forces for the ILO's creation arose from security, humanitarian, political and economic considerations.</p> <blockquote> <p>The fundamental ideas that forged the ILO one hundred and three years ago still underpin the global pledge to leave no one behind.</p> <cite>ILO Director-General Gilbert F. Houngbo</cite> </blockquote> Reflecting these ideas, the Preamble of the ILO Constitution states:</p> <ol> <li>Whereas universal and lasting peace can be established only if it is based upon social justice;</li> <li>And whereas conditions of labour exist involving such injustice, hardship and privation to large numbers of people as to produce unrest so great that the peace and harmony of the world are imperilled; and an improvement of those conditions is urgently required;</li> <li>Whereas also the failure of any nation to adopt humane conditions of labour is an obstacle in the way of other nations which desire to improve the conditions in their own countries.</li> </ol>"
       required: true
+  settings:
+    theme:
+      type: select
+      label: Theme
+      description: The theme of the tabs
+      options:
+        light: "Light"
+        dark: "Dark"
   variants:
     default:
       label: Default

package/dist/components/tabs/tabs.twig

@@ -1,12 +1,13 @@
+{% set theme = theme|default('light') %}
 {% set uid = "now"|date('Uv') %}
 {% set tabids = [] %}
 {% for item in items %}
   {% set tabids = tabids|merge([random(100000)]) %}
 {% endfor %}
-<div class="ilo--tabs" data-prefix="ilo" id="tabs--{{uid}}" data-loadcomponent="Tabs">
+<div class="ilo--tabs ilo--tabs__theme__{{theme}}" data-prefix="ilo" id="tabs--{{uid}}" data-loadcomponent="Tabs">
     <ul class="ilo--tabs--selection" aria-controls="tabs--{{uid}}" role="tablist" style="--tabscount: {{items|length}};">
       {% for item in items %}
-        <li class="ilo--tabs--selection--item" role="presentation"> {# changed role to presentation for list item #}
+        <li class="ilo--tabs--selection--item" role="presentation">
           <a href="#tab--{{tabids[loop.index - 1]}}" class="ilo--tabs--selection--button{% if item.icon is defined %} icon{% endif %}" aria-controls="tab--{{tabids[loop.index - 1]}}" role="tab" tabindex="0" {% if loop.index == 1 %}aria-selected="true"{% else %}aria-selected="false"{% endif %} title="{{item.label}}">
             <span class="ilo--tabs--selection--label">{{item.label}}</span>
             {% if item.icon is defined %}

package/dist/components/tabs/tabs.wingsuit.yml

@@ -31,6 +31,14 @@ tabs:
           componentdata:
             content: "<h2>International Labour Organization</h2> <p>The <b>International Labour Organization</b> (<b>ILO</b>) is a <a href='https://www.un.org'>United Nations</a> agency whose mandate is to advance social and economic justice by setting international labour standards. Founded in October 1919 under the League of Nations, it is the first and oldest specialised agency of the UN. The ILO has 187 member states: 186 out of 193 UN member states plus the Cook Islands.</p> <p>Whereas also the failure of any nation to adopt humane conditions of labour is an obstacle in the way of other nations which desire to improve the conditions in their own countries.</p> <figure><img alt='placeholder image' class='right' src='/images/ilo-headquarters.jpg'><figcaption>The ILO's headquarters in Geneva, Switzerland. ©Steiner SA</figcaption></figure> <h3>ILO Constitution</h3> <p>The driving forces for the ILO's creation arose from security, humanitarian, political and economic considerations.</p> <blockquote> <p>The fundamental ideas that forged the ILO one hundred and three years ago still underpin the global pledge to leave no one behind.</p> <cite>ILO Director-General Gilbert F. Houngbo</cite> </blockquote> Reflecting these ideas, the Preamble of the ILO Constitution states:</p> <ol> <li>Whereas universal and lasting peace can be established only if it is based upon social justice;</li> <li>And whereas conditions of labour exist involving such injustice, hardship and privation to large numbers of people as to produce unrest so great that the peace and harmony of the world are imperilled; and an improvement of those conditions is urgently required;</li> <li>Whereas also the failure of any nation to adopt humane conditions of labour is an obstacle in the way of other nations which desire to improve the conditions in their own countries.</li> </ol>"
       required: true
+  settings:
+    theme:
+      type: select
+      label: Theme
+      description: The theme of the tabs
+      options:
+        light: "Light"
+        dark: "Dark"
   variants:
     default:
       label: Default

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)}}.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-size:23.32px;line-height:29.15px;margin-bottom:1.0404340836rem}.ilo--link-list--headline,.ilo--link-list--links--headline{font-family:var(--ilo-fonts-display);font-weight:700;letter-spacing:-.035em}.ilo--link-list--links--headline{font-size:18.66px;line-height:24.26px;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--link{align-items:center;border-bottom:.1071811361rem solid #edf0f2;color:#230050;display:flex;font-family:var(--ilo-fonts-display);font-size:16px;font-weight:500;justify-content:space-between;letter-spacing:normal;line-height:23.36px;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)}}.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-size:23.32px;line-height:29.15px;margin-bottom:1.0404340836rem}.ilo--link-list--headline,.ilo--link-list--links--headline{font-family:var(--ilo-fonts-display);font-weight:700;letter-spacing:-.035em}.ilo--link-list--links--headline{font-size:18.66px;line-height:24.26px;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:16px;font-weight:500;justify-content:space-between;letter-spacing:normal;line-height:23.36px;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}

package/dist/styles/components/profile.css

@@ -1 +1 @@
-@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--profile{--row-1-height:3.4297963558rem;column-gap:calc(var(--ilo-spacing-base)*4);display:grid;grid-template-columns:min-content 1fr;grid-template-rows:repeat(minmax(var(--row-1-height),auto));max-width:18.3815648446rem;row-gap:calc(var(--ilo-spacing-base)*5);width:100%}.ilo--profile--avatar{border-radius:50%;grid-row:1;height:var(--row-1-height);width:var(--row-1-height)}.ilo--profile figcaption{display:flex;flex-flow:column;grid-column-end:-1;grid-row:1;justify-content:center}.ilo--profile--figcaption--content{position:relative;width:100%}.ilo--profile--figcaption--content:after{border-bottom:2px solid var(--ilo-color-gray-light);bottom:-12px;content:"";position:absolute;width:100%}.ilo--profile__size__small .ilo--profile--figcaption--content:after{content:none}.ilo--profile--name{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)}.ilo--profile--description,.ilo--profile--role{color:var(--ilo-color-gray-accessible);font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg)}.ilo--profile--description{grid-column:1/-1;grid-row:2}.ilo--profile--link{color:var(--ilo-color-dark-blue);font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-medium);grid-column:1/-1;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg)}.ilo--profile--link a{align-items:center;display:inline-flex;flex-flow:row nowrap;gap:calc(var(--ilo-spacing-base)*2);text-decoration:none;transition-duration:.15s;transition-property:color;transition-timing-function:ease-out}.ilo--profile--link a:focus,.ilo--profile--link a:focus-within,.ilo--profile--link a:hover{color:var(--ilo-color-blue)}.ilo--profile--link [class*=icon]{bottom:.0535905681rem;position:relative}[dir=rtl] .ilo--profile--link [class*=icon]{transform:rotate(180deg)}.ilo--profile--link--label{align-items:center;display:flex;flex-flow:row nowrap}.ilo--profile__size__small{--row-1-height:2.5723472669rem;column-gap:calc(var(--ilo-spacing-base)*3)}.ilo--profile__size__small .ilo--profile--name{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg)}.ilo--profile__size__large{--row-1-height:3.4297963558rem}.ilo--profile__theme__dark{color:var(--ilo-color-white)}.ilo--profile__theme__dark .ilo--profile--figcaption--content:after{border-color:var(--ilo-color-white)}.ilo--profile__theme__dark .ilo--profile--description,.ilo--profile__theme__dark .ilo--profile--link,.ilo--profile__theme__dark .ilo--profile--name,.ilo--profile__theme__dark .ilo--profile--role,.ilo--profile__theme__dark a{color:var(--ilo-color-white)}
+@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--profile{--row-1-height:3.4297963558rem;column-gap:calc(var(--ilo-spacing-base)*4);display:grid;grid-template-columns:min-content 1fr;grid-template-rows:repeat(minmax(var(--row-1-height),auto));max-width:18.3815648446rem;row-gap:calc(var(--ilo-spacing-base)*5);width:100%}.ilo--profile--avatar{border-radius:50%;grid-row:1;height:var(--row-1-height);width:var(--row-1-height)}.ilo--profile figcaption{display:flex;flex-flow:column;grid-column-end:-1;grid-row:1;justify-content:center}.ilo--profile--figcaption--content{position:relative;width:100%}.ilo--profile--figcaption--content:after{border-bottom:2px solid var(--ilo-color-gray-light);bottom:-12px;content:"";position:absolute;width:100%}.ilo--profile__size__small .ilo--profile--figcaption--content:after{content:none}.ilo--profile--name{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)}.ilo--profile--description,.ilo--profile--role{color:var(--ilo-color-gray-accessible);font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg)}.ilo--profile--description{grid-column:1/-1;grid-row:2}.ilo--profile--link{color:var(--ilo-color-dark-blue);font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-medium);grid-column:1/-1;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg)}.ilo--profile--link a{align-items:center;display:inline-flex;flex-flow:row nowrap;gap:calc(var(--ilo-spacing-base)*2);text-decoration:none;transition-duration:.15s;transition-property:color background-color;transition-timing-function:ease-out}.ilo--profile--link a:focus,.ilo--profile--link a:focus-within,.ilo--profile--link a:hover{color:var(--ilo-color-blue)}.ilo--profile--link [class*=icon]{bottom:.0535905681rem;position:relative}[dir=rtl] .ilo--profile--link [class*=icon]{transform:rotate(180deg)}.ilo--profile--link--label{align-items:center;display:flex;flex-flow:row nowrap}.ilo--profile__size__small{--row-1-height:2.5723472669rem;column-gap:calc(var(--ilo-spacing-base)*3)}.ilo--profile__size__small .ilo--profile--name{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg)}.ilo--profile__size__large{--row-1-height:3.4297963558rem}.ilo--profile__theme__dark{color:var(--ilo-color-white)}.ilo--profile__theme__dark .ilo--profile--figcaption--content:after{border-color:var(--ilo-color-white)}.ilo--profile__theme__dark .ilo--profile--description,.ilo--profile__theme__dark .ilo--profile--link,.ilo--profile__theme__dark .ilo--profile--name,.ilo--profile__theme__dark .ilo--profile--role,.ilo--profile__theme__dark a{color:var(--ilo-color-white)}.ilo--profile__theme__dark a:hover{background-color:var(--ilo-color-blue-lighter)}

package/dist/styles/components/tabs.css

@@ -1 +1 @@
-@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--tabs{border-bottom:.1607717042rem solid #edf0f2;border-left:.1607717042rem solid #edf0f2;border-right:.1607717042rem solid #edf0f2}.ilo--tabs:not(.tabs--js) .ilo--tabs--selection{margin-bottom:calc(var(--ilo-spacing-base)*6)}.ilo--tabs:not(.tabs--js) .ilo--tabs--selection--button{background:transparent;border-bottom:1.5px solid #1e2dbe;color:#230050;font-size:inherit;font-weight:inherit;line-height:inherit;text-decoration:none;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--tabs:not(.tabs--js) .ilo--tabs--selection--button:visited{background:transparent;border-bottom:1.5px solid #960a55;color:#960a55}.ilo--tabs:not(.tabs--js) .ilo--tabs--selection--button:hover{background:#fff;border-bottom:3px solid #1e2dbe;color:#1e2dbe;text-decoration:none;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--tabs:not(.tabs--js) .ilo--tabs--selection--button:active,.ilo--tabs:not(.tabs--js) .ilo--tabs--selection--button:focus{background:transparent;border-bottom:1.5px solid #1e2dbe;color:#230050;outline:0}.ilo--tabs.tabs--js .ilo--tabs--selection{--tabscount:1;display:block}.ilo--tabs.tabs--js .ilo--tabs--selection--button{align-items:center;background-color:#edf0f2;border-bottom:.1607717042rem solid #fff;color:#230050;display:flex;font-family:var(--ilo-fonts-display);font-size:16px;font-weight:600;gap:calc(var(--ilo-spacing-base)*1);height:3.2154340836rem;justify-content:flex-start;letter-spacing:-.02em;line-height:21.6px;padding-left:calc(var(--ilo-spacing-base)*2);padding-right:calc(var(--ilo-spacing-base)*6);text-decoration:none;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]{background-color:#fff;border-top:.1607717042rem solid #230050;pointer-events:none;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=false]:not(:hover){border-top:.1607717042rem solid transparent}.ilo--tabs.tabs--js .ilo--tabs--selection--button.icon .ilo--icon{height:.857449089rem;order:1;width:.857449089rem}.ilo--tabs.tabs--js .ilo--tabs--selection--button.icon .ilo--tabs--selection--label{flex:1 1;order:2}.ilo--tabs.tabs--js .ilo--tabs--selection--button:hover,.ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]:hover{background-color:#ebf5fd;border-top:.1607717042rem solid #1e2dbe;color:#1e2dbe;outline:0;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--tabs.tabs--js .ilo--tabs--selection--label{overflow:hidden;padding-top:calc(var(--ilo-spacing-base)*1);text-overflow:ellipsis;white-space:nowrap}.ilo--tabs.tabs--js .ilo--tabs--selection--item{display:block;overflow:hidden;width:100%}.ilo--tabs.tabs--js .ilo--tabs--selection--item:last-of-type .ilo--tabs--selection--button{border-bottom:none;border-right:none}.ilo--tabs.tabs--js .ilo--tabs--content{background-color:#fff;padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*14) calc(var(--ilo-spacing-base)*6)}.ilo--tabs.tabs--js .ilo--tabs--content [aria-expanded=false]{display:none}.ilo--tabs.tabs--js .ilo--tabs--content [aria-expanded=true]{display:block}@media screen and (min-width:610px){.ilo--tabs.tabs--js .ilo--tabs--content{padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*16) calc(var(--ilo-spacing-base)*16) calc(var(--ilo-spacing-base)*16)}.ilo--tabs.tabs--js .ilo--tabs--selection{display:flex;max-width:100%;overflow-x:hidden;overflow-y:hidden}.ilo--tabs.tabs--js .ilo--tabs--selection--button{border-bottom:none;border-right:.2679528403rem solid #fff}.ilo--tabs.tabs--js .ilo--tabs--selection--item{width:min(var(--tabscount)/1 * 100%,100%)}}@media screen and (min-width:1024px){.ilo--tabs.tabs--js .ilo--tabs--selection--item{width:min(var(--tabscount)/1 * 100%,100%)}}.ilo--tabs--secondary{display:flex;flex-wrap:wrap;gap:10px;margin-block:2rem}.ilo--tabs--secondary .ilo--tabs--selection--button{color:#230050;display:block;font-size:16px;font-weight:600;padding:.2em 1em;text-decoration:none}.ilo--tabs--secondary .ilo--tabs--selection--button[aria-selected=false]{background-color:var(--ilo-color-background-highlight);border-bottom:2px solid transparent}.ilo--tabs--secondary .ilo--tabs--selection--button[aria-selected=false]:hover{background-color:var(--ilo-color-background-hover);border-bottom-color:var(--ilo-color-blue);color:var(--ilo-color-blue)}.ilo--tabs--secondary .ilo--tabs--selection--button[aria-selected=true]{border-bottom:2px solid var(--ilo-color-blue-dark);color:var(--ilo-color-blue-dark);pointer-events:none}
+@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--tabs__theme__light{--ilo-tabs-selection-bg-color:var(--ilo-color-white);--ilo-tabs-btn-bg-color:var(--ilo-color-gray-light);--ilo-tabs-btn-bg-color-hover:var(--ilo-color-blue-lighter);--ilo-tabs-btn-bg-color-selected:var(--ilo-color-white);--ilo-tabs-btn-border-top-hover:var(--ilo-color-blue);--ilo-tabs-btn-border-top-selected:var(--ilo-color-blue-dark);--ilo-tabs-btn-color:var(--ilo-color-blue-dark);--ilo-tabs-btn-color-hover:var(--ilo-color-blue);--ilo-tabs-content-bg-color:var(--ilo-color-white)}.ilo--tabs__theme__dark{--ilo-tabs-selection-bg-color:var(--ilo-color-blue-dark);--ilo-tabs-btn-bg-color:var(--ilo-color-blue-ramp);--ilo-tabs-btn-bg-color-hover:var(--ilo-color-blue-dark);--ilo-tabs-btn-bg-color-selected:var(--ilo-color-blue-dark);--ilo-tabs-btn-border-top-selected:var(--ilo-color-white);--ilo-tabs-btn-color:var(--ilo-color-white);--ilo-tabs-btn-color-hover:var(--ilo-color-white);--ilo-tabs-content-bg-color:var(--ilo-color-blue-dark)}.ilo--tabs *{transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--tabs .ilo--tabs--selection{--tabscount:1;background-color:var(--ilo-tabs-selection-bg-color);display:block}.ilo--tabs .ilo--tabs--selection--button{align-items:center;background-color:var(--ilo-tabs-btn-bg-color);border-top:.1607717042rem solid transparent;color:var(--ilo-tabs-btn-color);display:flex;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-lg);font-weight:600;font-weight:var(--ilo-font-weight-medium);gap:calc(var(--ilo-spacing-base)*1);height:3.2154340836rem;justify-content:flex-start;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg);padding-left:calc(var(--ilo-spacing-base)*2);padding-right:calc(var(--ilo-spacing-base)*6);text-decoration:none}.ilo--tabs .ilo--tabs--selection--button[aria-selected=true]{background-color:var(--ilo-tabs-btn-bg-color-selected);border-top-color:var(--ilo-tabs-btn-border-top-selected)}.ilo--tabs .ilo--tabs--selection--button:hover{background-color:var(--ilo-tabs-btn-bg-color-hover);border-top-color:var(--ilo-tabs-btn-border-top-hover);color:var(--ilo-tabs-btn-color-hover)}.ilo--tabs .ilo--tabs--selection--button[aria-selected=true]{pointer-events:none}.ilo--tabs .ilo--tabs--selection--button.icon .ilo--icon{height:.857449089rem;order:1;width:.857449089rem}.ilo--tabs .ilo--tabs--selection--button.icon .ilo--tabs--selection--label{flex:1 1;order:2}.ilo--tabs .ilo--tabs--selection--label{overflow:hidden;padding-top:calc(var(--ilo-spacing-base)*1);text-overflow:ellipsis;white-space:nowrap}.ilo--tabs .ilo--tabs--selection--item{display:block;overflow:hidden;width:100%}.ilo--tabs .ilo--tabs--selection--item:last-of-type .ilo--tabs--selection--button{border-bottom:none;border-right:none}.ilo--tabs .ilo--tabs--content{background-color:var(--ilo-tabs-content-bg-color);padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*14) calc(var(--ilo-spacing-base)*6)}.ilo--tabs .ilo--tabs--content [aria-expanded=false]{display:none}.ilo--tabs .ilo--tabs--content [aria-expanded=true]{display:block}@media screen and (min-width:610px){.ilo--tabs .ilo--tabs--content{padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*16) calc(var(--ilo-spacing-base)*16) calc(var(--ilo-spacing-base)*16)}.ilo--tabs .ilo--tabs--selection{display:flex;flex-flow:row nowrap;gap:calc(var(--ilo-spacing-base)*1);max-width:100%}.ilo--tabs .ilo--tabs--selection--item{width:min(var(--tabscount)/1 * 100%,100%)}}

package/dist/styles/global.css

@@ -1,2 +1,2 @@
-@charset "UTF-8";*,::after,::before{box-sizing:border-box}address,blockquote,body,dl,fieldset,figure,form,iframe,legend,ol,option,p,pre,table,ul{margin:0;padding:0;border:0}h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit;font-weight:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ul{list-style:none}table{border-color:inherit;border-collapse:collapse;border-spacing:0}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:0 0;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}textarea{overflow:auto}select{-webkit-appearance:none;-moz-appearance:none}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}:root{--ilo-fonts-display:Overpass,Noto Sans,sans-serif;--ilo-fonts-display-zh:PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;--ilo-fonts-display-jp:Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,sans-serif;--ilo-fonts-copy:Noto Sans,sans-serif;--ilo-fonts-copy-zh:PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;--ilo-fonts-copy-jp:Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,sans-serif;--ilo-fonts-monospace:monospace;--ilo-line-height:1.46;--ilo-font-size-2xsm:px-to-rem(10px);--ilo-font-size-xsm:px-to-rem(12px);--ilo-font-size-sm:px-to-rem(14px);--ilo-font-size-md:px-to-rem(16px);--ilo-font-size-lg:px-to-rem(18px);--ilo-font-size-xlg:px-to-rem(24px);--ilo-font-size-2xlg:px-to-rem(28px);--ilo-font-size-3xlg:px-to-rem(32px);--ilo-font-size-4xlg:px-to-rem(36px);--ilo-font-size-5xlg:px-to-rem(44px);--ilo-font-weight-light:300;--ilo-font-weight-regular:400;--ilo-font-weight-medium:500;--ilo-font-weight-bold:700;--ilo-line-height-xsm:1.15;--ilo-line-height-sm:1.2;--ilo-line-height-md:1.25;--ilo-line-height-lg:1.3;--ilo-line-height-xlg:1.35;--ilo-line-height-2xlg:1.45;--ilo-line-height-3xlg:1.5;--ilo-letter-spacing-xsm:-3.5%;--ilo-letter-spacing-sm:-2%;--ilo-letter-spacing-md:0;--ilo-letter-spacing-lg:2%}:root{--ilo-scale:1;--ilo-color-white:rgba(255, 255, 255, 1);--ilo-color-blue:rgba(30, 45, 190, 1);--ilo-color-blue-lighter:rgba(235, 245, 253, 1);--ilo-color-blue-light:rgba(190, 220, 250, 1);--ilo-color-blue-dark:rgba(35, 0, 80, 1);--ilo-color-blue-medium:rgba(210, 213, 242, 1);--ilo-color-blue-ramp:rgba(30, 45, 190, 0.4);--ilo-color-blue-dark-ramp:rgba(35, 0, 80, 0.5);--ilo-color-gray-charcoal:rgba(45, 45, 45, 1);--ilo-color-gray-accessible:rgba(109, 109, 109, 1);--ilo-color-gray-light:rgba(237, 240, 242, 1);--ilo-color-gray-light-semi-transparent:rgba(237, 240, 242, 0.25);--ilo-color-gray-base:rgba(184, 196, 204, 1);--ilo-color-red:rgba(250, 60, 75, 1);--ilo-color-red-light:rgba(254, 216, 219, 1);--ilo-color-red-dark:rgba(200, 48, 60, 1);--ilo-color-red-ramp:rgba(250, 60, 75, 0.2);--ilo-color-yellow:rgba(255, 205, 45, 1);--ilo-color-yellow-light:rgba(255, 245, 200, 1);--ilo-color-yellow-ramp:rgba(255, 205, 45, 0.2);--ilo-color-green:rgba(140, 225, 100, 1);--ilo-color-green-light:rgba(232, 249, 224, 1);--ilo-color-green-ramp:rgba(140, 225, 100, 0.2);--ilo-color-turquoise:rgba(5, 210, 210, 1);--ilo-color-purple:rgba(150, 10, 85, 1);--ilo-color-notification-type-error:var(--ilo-color-red);--ilo-color-notification-type-info:var(--ilo-color-blue);--ilo-color-notification-type-success:var(--ilo-color-green);--ilo-color-notification-type-warning:var(--ilo-color-yellow);--ilo-color-background-default:var(--ilo-color-white);--ilo-color-background-active:var(--ilo-color-blue);--ilo-color-background-highlight:var(--ilo-color-gray-light);--ilo-color-background-hover:var(--ilo-color-blue-lighter);--ilo-color-background-focus:var(--ilo-color-white);--ilo-color-borders-default:var(--ilo-color-gray-base);--ilo-color-borders-hover:var(--ilo-color-blue);--ilo-color-borders-active:var(--ilo-color-blue);--ilo-color-borders-focus:var(--ilo-color-yellow);--ilo-breakpoint-xs:320px;--ilo-breakpoint-sm:414px;--ilo-breakpoint-md:610px;--ilo-breakpoint-lg:1024px;--ilo-breakpoint-xl:1140px;--ilo-breakpoint-xxl:1168px;--ilo-border-radius:calc(0.1071811361rem * var(--ilo-scale));--ilo-font-size-2xsm:calc(0.5359056806rem * var(--ilo-scale));--ilo-font-size-xsm:calc(0.6430868167rem * var(--ilo-scale));--ilo-font-size-sm:calc(0.7502679528rem * var(--ilo-scale));--ilo-font-size-md:calc(0.857449089rem * var(--ilo-scale));--ilo-font-size-lg:calc(0.9646302251rem * var(--ilo-scale));--ilo-font-size-xlg:calc(1.2861736334rem * var(--ilo-scale));--ilo-font-size-2xlg:calc(1.5005359057rem * var(--ilo-scale));--ilo-font-size-3xlg:calc(1.7148981779rem * var(--ilo-scale));--ilo-font-size-4xlg:calc(1.9292604502rem * var(--ilo-scale));--ilo-font-size-5xlg:calc(2.3579849946rem * var(--ilo-scale));--ilo-font-weight-regular:400;--ilo-font-weight-medium:500;--ilo-font-weight-bold:700;--ilo-line-height-xsm:115%;--ilo-line-height-sm:120%;--ilo-line-height-md:125%;--ilo-line-height-lg:130%;--ilo-line-height-xlg:135%;--ilo-line-height-2xlg:145%;--ilo-line-height-3xlg:150%;--ilo-letter-spacing-xsm:-3.5%;--ilo-letter-spacing-sm:-2%;--ilo-letter-spacing-md:0;--ilo-letter-spacing-lg:2%;--ilo-spacing-base:calc(0.2143622722rem * var(--ilo-scale));--ilo-transition-duration:150ms;--ilo-transition-timing-function:ease-out;--ilo-border-xs:calc(0.0535905681rem * var(--ilo-scale));--ilo-border-sm:calc(0.0803858521rem * var(--ilo-scale));--ilo-border-md:calc(0.1071811361rem * var(--ilo-scale));--ilo-border-lg:calc(0.2143622722rem * var(--ilo-scale))}body,html{color:#2d2d2d;font-family:var(--ilo-fonts-copy);font-size:18.66px;line-height:27.24px;letter-spacing:normal;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5{font-family:var(--ilo-fonts-display)}html[lang*=zh]{--ilo-fonts-display:var(--ilo-fonts-display-zh);--ilo-fonts-copy:var(--ilo-fonts-copy-zh)}html[lang*=ja]{--ilo-fonts-display:var(--ilo-fonts-display-jp);--ilo-fonts-copy:var(--ilo-fonts-copy-jp)}
+@charset "UTF-8";*,::after,::before{box-sizing:border-box}address,blockquote,body,dl,fieldset,figure,form,iframe,legend,ol,option,p,pre,table,ul{margin:0;padding:0;border:0}h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit;font-weight:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ul{list-style:none}table{border-color:inherit;border-collapse:collapse;border-spacing:0}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:0 0;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}textarea{overflow:auto}select{-webkit-appearance:none;-moz-appearance:none}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}:root{--ilo-fonts-display:Overpass,Noto Sans,sans-serif;--ilo-fonts-display-zh:PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;--ilo-fonts-display-jp:Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,sans-serif;--ilo-fonts-copy:Noto Sans,sans-serif;--ilo-fonts-copy-zh:PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;--ilo-fonts-copy-jp:Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,sans-serif;--ilo-fonts-monospace:monospace;--ilo-line-height:1.46;--ilo-font-size-2xsm:px-to-rem(10px);--ilo-font-size-xsm:px-to-rem(12px);--ilo-font-size-sm:px-to-rem(14px);--ilo-font-size-md:px-to-rem(16px);--ilo-font-size-lg:px-to-rem(18px);--ilo-font-size-xlg:px-to-rem(24px);--ilo-font-size-2xlg:px-to-rem(28px);--ilo-font-size-3xlg:px-to-rem(32px);--ilo-font-size-4xlg:px-to-rem(36px);--ilo-font-size-5xlg:px-to-rem(44px);--ilo-font-weight-light:300;--ilo-font-weight-regular:400;--ilo-font-weight-medium:500;--ilo-font-weight-bold:700;--ilo-line-height-xsm:1.15;--ilo-line-height-sm:1.2;--ilo-line-height-md:1.25;--ilo-line-height-lg:1.3;--ilo-line-height-xlg:1.35;--ilo-line-height-2xlg:1.45;--ilo-line-height-3xlg:1.5;--ilo-letter-spacing-xsm:-3.5%;--ilo-letter-spacing-sm:-2%;--ilo-letter-spacing-md:0;--ilo-letter-spacing-lg:2%}:root{--ilo-scale:1;--ilo-color-white:rgba(255, 255, 255, 1);--ilo-color-blue:rgba(30, 45, 190, 1);--ilo-color-blue-lighter:rgba(235, 245, 253, 1);--ilo-color-blue-light:rgba(190, 220, 250, 1);--ilo-color-blue-dark:rgba(35, 0, 80, 1);--ilo-color-blue-medium:rgba(210, 213, 242, 1);--ilo-color-blue-ramp:rgba(33, 18, 124, 1);--ilo-color-blue-dark-ramp:rgba(35, 0, 80, 0.5);--ilo-color-gray-charcoal:rgba(45, 45, 45, 1);--ilo-color-gray-accessible:rgba(109, 109, 109, 1);--ilo-color-gray-light:rgba(237, 240, 242, 1);--ilo-color-gray-light-semi-transparent:rgba(237, 240, 242, 0.25);--ilo-color-gray-base:rgba(184, 196, 204, 1);--ilo-color-red:rgba(250, 60, 75, 1);--ilo-color-red-light:rgba(254, 216, 219, 1);--ilo-color-red-dark:rgba(200, 48, 60, 1);--ilo-color-red-ramp:rgba(250, 60, 75, 0.2);--ilo-color-yellow:rgba(255, 205, 45, 1);--ilo-color-yellow-light:rgba(255, 245, 200, 1);--ilo-color-yellow-ramp:rgba(255, 205, 45, 0.2);--ilo-color-green:rgba(140, 225, 100, 1);--ilo-color-green-light:rgba(232, 249, 224, 1);--ilo-color-green-ramp:rgba(140, 225, 100, 0.2);--ilo-color-turquoise:rgba(5, 210, 210, 1);--ilo-color-purple:rgba(150, 10, 85, 1);--ilo-color-notification-type-error:var(--ilo-color-red);--ilo-color-notification-type-info:var(--ilo-color-blue);--ilo-color-notification-type-success:var(--ilo-color-green);--ilo-color-notification-type-warning:var(--ilo-color-yellow);--ilo-color-background-default:var(--ilo-color-white);--ilo-color-background-active:var(--ilo-color-blue);--ilo-color-background-highlight:var(--ilo-color-gray-light);--ilo-color-background-hover:var(--ilo-color-blue-lighter);--ilo-color-background-focus:var(--ilo-color-white);--ilo-color-borders-default:var(--ilo-color-gray-base);--ilo-color-borders-hover:var(--ilo-color-blue);--ilo-color-borders-active:var(--ilo-color-blue);--ilo-color-borders-focus:var(--ilo-color-yellow);--ilo-breakpoint-xs:320px;--ilo-breakpoint-sm:414px;--ilo-breakpoint-md:610px;--ilo-breakpoint-lg:1024px;--ilo-breakpoint-xl:1140px;--ilo-breakpoint-xxl:1168px;--ilo-border-radius:calc(0.1071811361rem * var(--ilo-scale));--ilo-font-size-2xsm:calc(0.5359056806rem * var(--ilo-scale));--ilo-font-size-xsm:calc(0.6430868167rem * var(--ilo-scale));--ilo-font-size-sm:calc(0.7502679528rem * var(--ilo-scale));--ilo-font-size-md:calc(0.857449089rem * var(--ilo-scale));--ilo-font-size-lg:calc(0.9646302251rem * var(--ilo-scale));--ilo-font-size-xlg:calc(1.2861736334rem * var(--ilo-scale));--ilo-font-size-2xlg:calc(1.5005359057rem * var(--ilo-scale));--ilo-font-size-3xlg:calc(1.7148981779rem * var(--ilo-scale));--ilo-font-size-4xlg:calc(1.9292604502rem * var(--ilo-scale));--ilo-font-size-5xlg:calc(2.3579849946rem * var(--ilo-scale));--ilo-font-weight-regular:400;--ilo-font-weight-medium:500;--ilo-font-weight-bold:700;--ilo-line-height-xsm:115%;--ilo-line-height-sm:120%;--ilo-line-height-md:125%;--ilo-line-height-lg:130%;--ilo-line-height-xlg:135%;--ilo-line-height-2xlg:145%;--ilo-line-height-3xlg:150%;--ilo-letter-spacing-xsm:-3.5%;--ilo-letter-spacing-sm:-2%;--ilo-letter-spacing-md:0;--ilo-letter-spacing-lg:2%;--ilo-spacing-base:calc(0.2143622722rem * var(--ilo-scale));--ilo-transition-duration:150ms;--ilo-transition-timing-function:ease-out;--ilo-border-xs:calc(0.0535905681rem * var(--ilo-scale));--ilo-border-sm:calc(0.0803858521rem * var(--ilo-scale));--ilo-border-md:calc(0.1071811361rem * var(--ilo-scale));--ilo-border-lg:calc(0.2143622722rem * var(--ilo-scale))}body,html{color:#2d2d2d;font-family:var(--ilo-fonts-copy);font-size:18.66px;line-height:27.24px;letter-spacing:normal;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5{font-family:var(--ilo-fonts-display)}html[lang*=zh]{--ilo-fonts-display:var(--ilo-fonts-display-zh);--ilo-fonts-copy:var(--ilo-fonts-copy-zh)}html[lang*=ja]{--ilo-fonts-display:var(--ilo-fonts-display-jp);--ilo-fonts-copy:var(--ilo-fonts-copy-jp)}
 /*# sourceMappingURL=global.css.map */