@ilo-org/twig 1.0.1 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/dist/components/accordion/accordion-item.twig +2 -2
  2. package/dist/components/accordion/accordion.behavior.js +1 -1
  3. package/dist/components/accordion/accordion.css +1 -1
  4. package/dist/components/breadcrumb/breadcrumb.behavior.js +1 -1
  5. package/dist/components/breadcrumb/breadcrumb.css +1 -1
  6. package/dist/components/breadcrumb/breadcrumb.twig +48 -36
  7. package/dist/components/breadcrumb/breadcrumb.wingsuit.yml +7 -8
  8. package/dist/components/contextmenu/contextmenu.css +1 -1
  9. package/dist/components/contextmenu/contextmenu.twig +9 -9
  10. package/dist/components/herocard/herocard.css +1 -1
  11. package/dist/components/logogrid/logogrid.wingsuit.yml +1 -1
  12. package/dist/components/navigation/navigation.css +1 -1
  13. package/dist/components/promocard/promocard.css +1 -1
  14. package/dist/components/richtext/richtext.css +1 -1
  15. package/dist/components/statcard/statcard.css +1 -1
  16. package/dist/components/tabs/tabs.css +1 -1
  17. package/dist/components/tabs/tabs.twig +4 -1
  18. package/dist/components/tabs/tabs.wingsuit.yml +3 -134
  19. package/dist/components/textcard/textcard.css +1 -1
  20. package/package.json +6 -6
  21. package/src/patterns/components/accordion/accordion-item.twig +2 -2
  22. package/src/patterns/components/accordion/accordion.js +3 -3
  23. package/src/patterns/components/breadcrumb/breadcrumb.js +176 -22
  24. package/src/patterns/components/breadcrumb/breadcrumb.twig +48 -36
  25. package/src/patterns/components/breadcrumb/breadcrumb.wingsuit.yml +7 -8
  26. package/src/patterns/components/contextmenu/contextmenu.twig +9 -9
  27. package/src/patterns/components/logogrid/logogrid.wingsuit.yml +1 -1
  28. package/src/patterns/components/tabs/tabs.twig +4 -1
  29. package/src/patterns/components/tabs/tabs.wingsuit.yml +3 -134
@@ -5,12 +5,12 @@
5
5
  {% set accordion_id = id ~ uid %}
6
6
  {% set button_id = 'button-' ~ accordion_id %}
7
7
  {% set panel_id = 'panel-' ~ accordion_id %}
8
- {% set expanded_class = defaultExpanded ? 'ilo' ~ '--accordion--panel--open' : '' %}
8
+ {% set expanded_class = defaultExpanded ? 'ilo' ~ '--accordion--panel__open' : '' %}
9
9
  {% set scroll_class = scroll ? 'ilo' ~ '--accordion--panel__scroll' : '' %}
10
10
 
11
11
  <li class="ilo--accordion--item" id="{{ accordion_id }}">
12
12
  <div class="ilo--h3">
13
- <button class="ilo--accordion--button ilo--accordion--button--{{ size|default('small') }}" aria-expanded="{{ defaultExpanded }}" aria-controls="{{ panel_id }}" id="{{ button_id }}">
13
+ <button class="ilo--accordion--button ilo--accordion--button__{{ size|default('small') }}" aria-expanded="{{ defaultExpanded }}" aria-controls="{{ panel_id }}" id="{{ button_id }}">
14
14
  {{label}}
15
15
  </button>
16
16
  </div>
@@ -1 +1 @@
1
- !function(e){"function"==typeof define&&define.amd?define(e):e()}((function(){"use strict";function e(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}function t(t,n){for(var i=0;i<n.length;i++){var o=n[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,e(o.key),o)}}var n="aria-expanded",i="aria-hidden",o="click",a=["a","button","input","select","textarea","[tabindex]:not([tabindex='-1'])"],r=function(){return e=function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.element=t,this.multipleExpanded=!1,this.init()},(r=[{key:"init",value:function(){return this.cacheDomReferences().setupHandlers().enable(),this}},{key:"cacheDomReferences",value:function(){return this.accordionItems=this.element.querySelectorAll(".ilo--accordion--item"),this.multipleExpanded=this.element.hasAttribute("data-multipleexpanded"),this.accordionPanels=this.element.querySelectorAll(".ilo--accordion--panel"),this.accordionButtons=this.element.querySelectorAll(".ilo--accordion--button"),this}},{key:"setupHandlers",value:function(){return this.collapseSection=this.collapseSection.bind(this),this.expandSection=this.expandSection.bind(this),this.onClick=this.onClick.bind(this),this.updateAccordionItems=this.updateAccordionItems.bind(this),this}},{key:"enable",value:function(){var e=this;return this.accordionButtons.length>0&&this.accordionButtons.forEach((function(t){t.addEventListener(o,(function(t){return e.onClick(t)}))})),this.accordionPanels.length>0&&this.accordionPanels.forEach((function(t){e.handleTabIndex(t,"REMOVE")})),this}},{key:"onClick",value:function(e){return this.updateAccordionItems(e.target),this}},{key:"updateAccordionItems",value:function(e){var t=this,n=e.closest(".ilo--accordion--item").querySelector(".ilo--accordion--panel"),i=n.classList.contains("ilo--accordion--panel--open");return this.multipleExpanded||this.accordionPanels.forEach((function(e){n!==e&&t.collapseSection(e)})),i?this.collapseSection(n):this.expandSection(n),e.blur(),this}},{key:"collapseSection",value:function(e){e.classList.remove("ilo--accordion--panel--open"),e.parentElement.querySelector(".ilo--accordion--button").setAttribute(n,"false"),e.setAttribute(i,"true"),this.handleTabIndex(e,"REMOVE")}},{key:"expandSection",value:function(e){e.parentElement.querySelector(".ilo--accordion--button").setAttribute(n,"true"),e.setAttribute(i,"false"),e.classList.add("ilo--accordion--panel--open"),this.handleTabIndex(e,"ADD")}},{key:"handleTabIndex",value:function(e,t){e.querySelectorAll(a.join(", ")).forEach((function(e){"ADD"!==t?e.setAttribute("tabindex","-1"):e.removeAttribute("tabindex")}))}}])&&t(e.prototype,r),c&&t(e,c),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,r,c}();Drupal.behaviors.accordion={attach:function(){Array.prototype.forEach.call(document.querySelectorAll('[data-loadcomponent="Accordion"]'),(function(e){e.dataset.jsProcessed||(new r(e),e.dataset.jsProcessed=!0)}))}}}));
1
+ !function(e){"function"==typeof define&&define.amd?define(e):e()}((function(){"use strict";function e(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}function t(t,n){for(var i=0;i<n.length;i++){var o=n[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,e(o.key),o)}}var n="aria-expanded",i="aria-hidden",o="click",a=["a","button","input","select","textarea","[tabindex]:not([tabindex='-1'])"],r=function(){return e=function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.element=t,this.multipleExpanded=!1,this.init()},(r=[{key:"init",value:function(){return this.cacheDomReferences().setupHandlers().enable(),this}},{key:"cacheDomReferences",value:function(){return this.accordionItems=this.element.querySelectorAll(".ilo--accordion--item"),this.multipleExpanded=this.element.hasAttribute("data-multipleexpanded"),this.accordionPanels=this.element.querySelectorAll(".ilo--accordion--panel"),this.accordionButtons=this.element.querySelectorAll(".ilo--accordion--button"),this}},{key:"setupHandlers",value:function(){return this.collapseSection=this.collapseSection.bind(this),this.expandSection=this.expandSection.bind(this),this.onClick=this.onClick.bind(this),this.updateAccordionItems=this.updateAccordionItems.bind(this),this}},{key:"enable",value:function(){var e=this;return this.accordionButtons.length>0&&this.accordionButtons.forEach((function(t){t.addEventListener(o,(function(t){return e.onClick(t)}))})),this.accordionPanels.length>0&&this.accordionPanels.forEach((function(t){e.handleTabIndex(t,"REMOVE")})),this}},{key:"onClick",value:function(e){return this.updateAccordionItems(e.target),this}},{key:"updateAccordionItems",value:function(e){var t=this,n=e.closest(".ilo--accordion--item").querySelector(".ilo--accordion--panel"),i=n.classList.contains("ilo--accordion--panel__open");return this.multipleExpanded||this.accordionPanels.forEach((function(e){n!==e&&t.collapseSection(e)})),i?this.collapseSection(n):this.expandSection(n),e.blur(),this}},{key:"collapseSection",value:function(e){e.classList.remove("ilo--accordion--panel__open"),e.parentElement.querySelector(".ilo--accordion--button").setAttribute(n,"false"),e.setAttribute(i,"true"),this.handleTabIndex(e,"REMOVE")}},{key:"expandSection",value:function(e){e.parentElement.querySelector(".ilo--accordion--button").setAttribute(n,"true"),e.setAttribute(i,"false"),e.classList.add("ilo--accordion--panel__open"),this.handleTabIndex(e,"ADD")}},{key:"handleTabIndex",value:function(e,t){e.querySelectorAll(a.join(", ")).forEach((function(e){"ADD"!==t?e.setAttribute("tabindex","-1"):e.removeAttribute("tabindex")}))}}])&&t(e.prototype,r),c&&t(e,c),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,r,c}();Drupal.behaviors.accordion={attach:function(){Array.prototype.forEach.call(document.querySelectorAll('[data-loadcomponent="Accordion"]'),(function(e){e.dataset.jsProcessed||(new r(e),e.dataset.jsProcessed=!0)}))}}}));
@@ -1 +1 @@
1
- @charset "UTF-8";.ilo--accordion{margin-right:.2143622722rem}.ilo--accordion--button{display:flex;align-items:center;flex-direction:row;justify-content:space-between;text-align:start;width:100%;margin:0;padding:.857449089rem 0;padding-inline-end:2.3579849946rem;background-color:#fff;background-position:calc(100% - .3215434084rem) 50%;background-repeat:no-repeat;background-size:1.2861736334rem 1.2861736334rem;border:none;border-top:2px solid #edf0f2;fill:#230050;font-family:Overpass,Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;color:#230050;font-weight:500;font-size:16px;letter-spacing:-.02em;line-height:21.6px;transition:all .5s ease-in-out;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23230050' d='M18 11h-5V6h-2v5H6v2h5v5h2v-5h5v-2z'/%3E%3C/svg%3E")}.ilo--accordion--button--large{font-size:18.66px;letter-spacing:-.035em;line-height:24.26px;padding:1.0718113612rem 0;padding-inline-end:2.3579849946rem}.ilo--accordion--button:focus,.ilo--accordion--button:hover{background-color:#ebf5fd;border-top-color:#1e2dbe;color:#1e2dbe;cursor:pointer;fill:#1e2dbe}.ilo--accordion--button:focus[aria-expanded=true],.ilo--accordion--button:hover[aria-expanded=true]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M18 11H6v2h12v-2z'/%3E%3C/svg%3E")}.ilo--accordion--button:focus[aria-expanded=false],.ilo--accordion--button:hover[aria-expanded=false]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M18 11h-5V6h-2v5H6v2h5v5h2v-5h5v-2z'/%3E%3C/svg%3E")}@media screen and (min-width:610px){.ilo--accordion--button{font-size:16px;letter-spacing:-.02em;line-height:21.6px}.ilo--accordion--button--large{font-size:18.66px;letter-spacing:-.035em;line-height:24.26px;padding:1.0718113612rem 0;padding-inline-end:2.3579849946rem}}.ilo--accordion--button[aria-expanded=true]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23230050' d='M18 11H6v2h12v-2z'/%3E%3C/svg%3E")}.ilo--accordion--button[aria-expanded=false]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23230050' d='M18 11h-5V6h-2v5H6v2h5v5h2v-5h5v-2z'/%3E%3C/svg%3E")}[dir=rtl] .ilo--accordion--button{background-position:calc(0% + .3215434084rem) 50%}.ilo--accordion--panel{max-height:0;transition:all .5s cubic-bezier(0,1,0,1);overflow:hidden}.ilo--accordion--panel .ilo--accordion--innerpanel{padding-bottom:1.9292604502rem;padding-top:.4287245445rem}.ilo--accordion--panel--open{max-height:100vh;transition:all .5s ease-in-out}.ilo--accordion--panel--open.ilo--accordion--panel__scroll{max-height:300px;overflow-y:auto;padding-right:1.7148981779rem}
1
+ @charset "UTF-8";.ilo--accordion--button{display:flex;flex-direction:row;justify-content:space-between;width:100%;margin:0;padding-block:.857449089rem;padding-inline-end:2.3579849946rem;background-color:#fff;background-position:calc(100% - .3215434084rem) 50%;background-repeat:no-repeat;background-size:1.2861736334rem 1.2861736334rem;border:none;border-top:2px solid #edf0f2;fill:#230050;font-family:Overpass,Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;color:#230050;font-weight:500;transition:all .5s ease-in-out;font-size:16px;letter-spacing:-.02em;line-height:21.6px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23230050' d='M18 11h-5V6h-2v5H6v2h5v5h2v-5h5v-2z'/%3E%3C/svg%3E")}.ilo--accordion--button__large{font-size:18.66px;letter-spacing:-.035em;line-height:24.26px;padding-block:1.0718113612rem;padding-inline-end:2.3579849946rem}.ilo--accordion--button:focus,.ilo--accordion--button:hover{background-color:#ebf5fd;border-top-color:#1e2dbe;color:#1e2dbe;fill:#1e2dbe;cursor:pointer}.ilo--accordion--button:focus[aria-expanded=true],.ilo--accordion--button:hover[aria-expanded=true]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M18 11H6v2h12v-2z'/%3E%3C/svg%3E")}.ilo--accordion--button:focus[aria-expanded=false],.ilo--accordion--button:hover[aria-expanded=false]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M18 11h-5V6h-2v5H6v2h5v5h2v-5h5v-2z'/%3E%3C/svg%3E")}@media screen and (min-width:610px){.ilo--accordion--button{font-size:16px;letter-spacing:-.02em;line-height:21.6px}.ilo--accordion--button__large{font-size:18.66px;letter-spacing:-.035em;line-height:24.26px;padding:1.0718113612rem 0;padding-inline-end:2.3579849946rem}}.ilo--accordion--button[aria-expanded=true]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23230050' d='M18 11H6v2h12v-2z'/%3E%3C/svg%3E")}.ilo--accordion--button[aria-expanded=false]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23230050' d='M18 11h-5V6h-2v5H6v2h5v5h2v-5h5v-2z'/%3E%3C/svg%3E")}[dir=rtl] .ilo--accordion--button{background-position:calc(0% + .3215434084rem) 50%}.ilo--accordion--panel{max-height:0;transition:all .5s cubic-bezier(0,1,0,1);overflow:hidden}.ilo--accordion--panel .ilo--accordion--innerpanel{padding-bottom:1.9292604502rem;padding-top:.4287245445rem}.ilo--accordion--panel__open{max-height:100vh;transition:all .5s ease-in-out}.ilo--accordion--panel__open.ilo--accordion--panel__scroll{max-height:300px;overflow-y:auto;padding-right:1.7148981779rem}
@@ -1 +1 @@
1
- !function(e){"function"==typeof define&&define.amd?define(e):e()}((function(){"use strict";function e(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}function t(t,n){for(var i=0;i<n.length;i++){var r=n[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,e(r.key),r)}}var n="click",i="resize",r=function(){return e=function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.element=t,this.prefix=this.element.dataset.prefix,this.init()},(r=[{key:"init",value:function(){return this.cacheDomReferences().setupHandlers().enable().onResize(),this}},{key:"cacheDomReferences",value:function(){return this.breadcrumbs=this.element.querySelector(".ilo--breadcrumb--items"),this.breadcrumbwidth=this.breadcrumbs.offsetWidth,this.ContextButton=this.element.querySelector(".".concat(this.prefix,"--breadcrumb--item--context")),this.ContextMenu=this.element.querySelector(".context--menu"),this}},{key:"setupHandlers",value:function(){return this.onResize=this.onResize.bind(this),this.onClick=this.onClick.bind(this),this}},{key:"enable",value:function(){var e=this;return window.addEventListener(i,(function(t){return e.onResize(t)})),this.ContextButton&&this.ContextButton.addEventListener(n,(function(){return e.onClick()})),this}},{key:"onResize",value:function(){return this.ContextMenu&&(this.breadcrumbwidth>this.element.offsetWidth/2?(this.element.classList.add("contextmenu"),this.ContextMenu.classList.remove("open")):(this.element.classList.remove("contextmenu"),this.ContextMenu.classList.remove("open"))),this}},{key:"onClick",value:function(){return this.ContextMenu&&(this.ContextMenu.classList.contains("open")?this.ContextMenu.classList.remove("open"):this.ContextMenu.classList.add("open")),this}}])&&t(e.prototype,r),o&&t(e,o),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,r,o}();Drupal.behaviors.breadcrumb={attach:function(){Array.prototype.forEach.call(document.querySelectorAll('[data-loadcomponent="Breadcrumb"]'),(function(e){e.dataset.jsProcessed||(new r(e),e.dataset.jsProcessed=!0)}))}}}));
1
+ !function(t){"function"==typeof define&&define.amd?define(t):t()}((function(){"use strict";function t(t){var e=function(t,e){if("object"!=typeof t||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var s=n.call(t,e||"default");if("object"!=typeof s)return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==typeof e?e:e+""}function e(e,n){for(var s=0;s<n.length;s++){var i=n[s];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,t(i.key),i)}}var n="click",s="resize",i=function(){return t=function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.element=e,this.prefix=this.element.dataset.prefix,this.init()},(i=[{key:"init",value:function(){return this.cacheDomReferences().setupHandlers().enable().onResize(),this}},{key:"cacheDomReferences",value:function(){return this.breadcrumbsId="".concat(this.prefix,"--breadcrumb--container"),this.contextAreaClass="".concat(this.prefix,"--breadcrumb--context"),this.contextMenuItemsClass="".concat(this.prefix,"--context-menu"),this.contextCollapseClass="".concat(this.contextAreaClass,"__collapse"),this.contextButtonClass="".concat(this.contextAreaClass,"--button"),this.contextMenuClass="".concat(this.contextAreaClass,"--menu"),this.contextMenuVisibleClass="".concat(this.contextMenuClass,"__visible"),this.breadcrumbs=this.element.querySelector("#".concat(this.breadcrumbsId)),this.contextArea=this.element.querySelector(".".concat(this.contextAreaClass)),this.contextMenu=this.element.querySelector(".".concat(this.contextMenuClass)),this.contextButton=this.element.querySelector(".".concat(this.contextButtonClass)),this.breadcrumbsLastLink=this.element.querySelector("#".concat(this.breadcrumbsId," > li:last-child a")),this.contextMenuItems=this.element.querySelector(".".concat(this.contextMenuItemsClass)),this.contextMenuItemFirstLink=this.contextMenuItems.querySelector("li:first-child a"),this.contextMenuItemLastLink=this.contextMenuItems.querySelector("li:last-child a"),this.breadcrumbsWidth=this.breadcrumbs.offsetWidth,this}},{key:"setupHandlers",value:function(){return this.onResize=this.onResize.bind(this),this.onClick=this.onClick.bind(this),this.contexMenuIsOpen=this.contexMenuIsOpen.bind(this),this.openContextMenu=this.openContextMenu.bind(this),this.closeContextMenu=this.closeContextMenu.bind(this),this.focusBreadcrumbsLastLink=this.focusBreadcrumbsLastLink.bind(this),this.focusContextMenuItemFirstLink=this.focusContextMenuItemFirstLink.bind(this),this.onKeydown=this.onKeydown.bind(this),this}},{key:"enable",value:function(){var t=this;if(window.addEventListener(s,(function(e){return t.onResize(e)})),this.contextButton)return this.contextButton.addEventListener(n,(function(e){return t.onClick(e)})),this.element.addEventListener("keydown",(function(e){return t.onKeydown(e)})),this}},{key:"onClick",value:function(t){return t.stopPropagation(),this.contexMenuIsOpen()?this.closeContextMenu():(this.openContextMenu(),window.addEventListener("click",this.closeContextMenu,{once:!0})),this}},{key:"onResize",value:function(){return this.contextArea&&this.breadcrumbsWidth&&(this.breadcrumbsWidth>=window.innerWidth/1.5?this.contextArea.classList.add(this.contextCollapseClass):(this.contextArea.classList.remove(this.contextCollapseClass),this.closeContextMenu())),this}},{key:"onKeydown",value:function(t){return t.shiftKey?("tab"===t.key.toLowerCase()&&document.activeElement===this.contextMenuItemFirstLink&&(t.preventDefault(),this.contextButton.focus()),this):("tab"===t.key.toLowerCase()&&this.contexMenuIsOpen()&&(document.activeElement===this.contextButton&&(t.preventDefault(),this.focusContextMenuItemFirstLink()),document.activeElement===this.contextMenuItemLastLink&&(t.preventDefault(),this.focusBreadcrumbsLastLink(),this.closeContextMenu())),this)}},{key:"positionContextMenu",value:function(){var t=this.contextButton.getBoundingClientRect(),e=t.left+t.width/2-this.contextMenu.offsetWidth/2,n=t.bottom+16;return this.contextMenu.style.left=e+"px",this.contextMenu.style.top=n+"px",this}},{key:"openContextMenu",value:function(){return this.contextMenu.classList.add(this.contextMenuVisibleClass),this.contextButton.setAttribute("aria-expanded","true"),this.positionContextMenu(),this}},{key:"closeContextMenu",value:function(){this.contextMenu.classList.remove(this.contextMenuVisibleClass),this.contextButton.setAttribute("aria-expanded","false")}},{key:"contexMenuIsOpen",value:function(){return this.contextMenu.classList.contains(this.contextMenuVisibleClass)}},{key:"focusContextMenuItemFirstLink",value:function(){return this.contextMenuItemFirstLink.focus(),this}},{key:"focusBreadcrumbsLastLink",value:function(){return this.breadcrumbsLastLink.focus(),this}}])&&e(t.prototype,i),o&&e(t,o),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,i,o}();Drupal.behaviors.breadcrumb={attach:function(){Array.prototype.forEach.call(document.querySelectorAll('[data-loadcomponent="Breadcrumb"]'),(function(t){t.dataset.jsProcessed||(new i(t),t.dataset.jsProcessed=!0)}))}}}));
@@ -1 +1 @@
1
- @charset "UTF-8";.ilo--breadcrumb{position:relative;z-index:10}.ilo--breadcrumb--items{align-items:center;background-color:#fff;display:inline-flex;justify-content:flex-start;padding-block:.857449089rem;padding-inline-end:0;padding-inline-start:var(--breadcrumb-padding);position:relative}.ilo--breadcrumb--items.context--menu{padding:0}.ilo--breadcrumb--link{align-items:center;background-position:100%;background-repeat:no-repeat;color:#230050;display:inline-flex;height:.857449089rem;padding-block:0;padding-inline-start:.857449089rem;padding-inline-end:1.2861736334rem;text-decoration:none;text-decoration-thickness:.1071811361rem;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3E%3Cpath fill='%23230050' d='M1.731 16l-1.118-.815L5.838 8 .613.814 1.731 0l5.522 7.593a.69.69 0 0 1 0 .814L1.731 16z'/%3E%3C/svg%3E")}[dir=rtl] .ilo--breadcrumb--link{background-position:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3E%3Cpath fill='%23230050' d='M.7 8.4c0-.1-.1-.3-.1-.4s0-.3.1-.4L6.3 0l1.1.8L2.2 8l5.2 7.2-1.1.8L.7 8.4z'/%3E%3C/svg%3E")}.ilo--breadcrumb--link--label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40ch;font-weight:400;font-size:11.94px;letter-spacing:normal;line-height:16.24px}.ilo--breadcrumb--link--label,.ilo--breadcrumb--link--label--dropdown{font-family:Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif}.ilo--breadcrumb--link:focus,.ilo--breadcrumb--link:hover{color:#1e2dbe;text-decoration:underline;text-decoration-thickness:.1071811361rem;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3E%3Cpath fill='%231E2DBE' d='M1.731 16l-1.118-.815L5.838 8 .613.814 1.731 0l5.522 7.593a.69.69 0 0 1 0 .814L1.731 16z'/%3E%3C/svg%3E")}[dir=rtl] .ilo--breadcrumb--link:focus,[dir=rtl] .ilo--breadcrumb--link:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3E%3Cpath fill='%231E2DBE' d='M.7 8.4c0-.1-.1-.3-.1-.4s0-.3.1-.4L6.3 0l1.1.8L2.2 8l5.2 7.2-1.1.8L.7 8.4z'/%3E%3C/svg%3E")}.ilo--breadcrumb--item{align-items:center;display:flex;height:.857449089rem}.ilo--breadcrumb--item.home{align-items:center;display:flex;position:relative}.ilo--breadcrumb--item.home .ilo--breadcrumb--link--label{width:1px;height:1px;margin:-1px;padding:0;border:0;position:absolute;clip:rect(0 0 0 0);overflow:hidden}.ilo--breadcrumb--item.home .ilo--breadcrumb--link:before{background-position:50%;background-repeat:no-repeat;content:"";display:block;height:.857449089rem;left:0;position:absolute;top:0;width:.857449089rem;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23230050' d='M15.388 5.717L8.43.152a.696.696 0 0 0-.862 0L.612 5.717a.696.696 0 0 0-.264.542v9.044a.696.696 0 0 0 .695.695h4.87v-5.565h4.174V16h4.87a.696.696 0 0 0 .695-.696V6.259a.695.695 0 0 0-.264-.542z'/%3E%3C/svg%3E")}[dir=rtl] .ilo--breadcrumb--item.home .ilo--breadcrumb--link:before{left:auto;right:0}.ilo--breadcrumb--item.home:focus .ilo--breadcrumb--link:before,.ilo--breadcrumb--item.home:hover .ilo--breadcrumb--link:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%231E2DBE' d='M15.388 5.717L8.43.152a.696.696 0 0 0-.862 0L.612 5.717a.696.696 0 0 0-.264.542v9.044a.696.696 0 0 0 .695.695h4.87v-5.565h4.174V16h4.87a.696.696 0 0 0 .695-.696V6.259a.695.695 0 0 0-.264-.542z'/%3E%3C/svg%3E")}.ilo--breadcrumb--item.final .ilo--breadcrumb--link{background-image:none}.ilo--breadcrumb .ilo--breadcrumb--item--context{align-items:flex-start;display:flex;height:.857449089rem}.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context{background-position:50%;background-repeat:no-repeat;background-size:16px 4px;position:relative;width:2.2508038585rem;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 4'%3E%3Cpath fill='%23230050' d='M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm6 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm6 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/%3E%3C/svg%3E")}.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context:hover{cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 4'%3E%3Cpath fill='%231E2DBE' d='M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm6 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm6 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/%3E%3C/svg%3E")}.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context:after{background-position:50%;background-repeat:no-repeat;content:"";display:block;height:.857449089rem;right:-7px;position:absolute;top:0;width:.857449089rem;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3E%3Cpath fill='%23230050' d='M1.731 16l-1.118-.815L5.838 8 .613.814 1.731 0l5.522 7.593a.69.69 0 0 1 0 .814L1.731 16z'/%3E%3C/svg%3E")}[dir=rtl] .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context:after{right:auto;left:-7px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3E%3Cpath fill='%23230050' d='M.7 8.4c0-.1-.1-.3-.1-.4s0-.3.1-.4L6.3 0l1.1.8L2.2 8l5.2 7.2-1.1.8L.7 8.4z'/%3E%3C/svg%3E")}.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu{border-radius:.1071811361rem;background-color:#edf0f2;display:inline-block;left:-2.1436227224rem;opacity:0;position:absolute;top:calc(100% + 24px);width:6.4308681672rem;z-index:10;transition-property:opacity;transition-duration:.15s;transition-timing-function:ease-out}.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu.open{opacity:1;transition-property:opacity;transition-duration:.15s;transition-timing-function:ease-out}.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu:before{background-position:top;background-repeat:no-repeat;background-size:contain;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23EDF0F2' d='M24 24L0 0v24h24z'/%3E%3C/svg%3E");content:"";height:.6430868167rem;position:absolute;left:50%;top:-.3215434084rem;transform:translateX(-50%) rotate(135deg);width:.6430868167rem}.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu:hover{cursor:pointer}.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--item{display:inline-block;height:auto;padding:0 .4287245445rem;position:relative;width:100%}.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--item:last-of-type a{border-bottom:none}.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--item:focus,.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--item:hover{background-color:#ebf5fd;text-decoration:none}.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--item:focus .ilo--breadcrumb--link,.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--item:hover .ilo--breadcrumb--link{text-decoration:underline;text-decoration-thickness:.1071811361rem}.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--item.endsection{border-bottom:.1071811361rem solid #fff}.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--item.endsection .ilo--context-menu--link{border-bottom:none}.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--link{background:0 0;border-bottom:.1071811361rem solid #fff;color:#230050;display:inline-block;font-family:Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-weight:500;height:auto;padding:.857449089rem 0;text-decoration:none;width:100%;font-size:11.94px;letter-spacing:normal;line-height:16.24px}.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--link:visited{color:#230050}.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--link:active{color:#230050;outline:0}.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--link:focus,.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--link:hover{color:#1e2dbe;outline:0;text-decoration:underline;text-decoration-thickness:.1071811361rem}.ilo--breadcrumb--items:after{background:linear-gradient(to bottom right,#fff 50%,transparent 0);content:"";display:inline-block;height:47px;position:absolute;right:-47px;top:0;width:47px}[dir=rtl] .ilo--breadcrumb--items:after{right:auto;left:-47px;transform:scaleX(-1)}.ilo--breadcrumb--items.context--menu:after{content:none}.ilo--breadcrumb.storybook{background-color:#b8c4cc;height:100vh}
1
+ @charset "UTF-8";.ilo--breadcrumb{position:relative;display:inline-block;z-index:10}.ilo--breadcrumb--inner{display:inline-flex;padding-inline-start:var(--breadcrumb-padding);padding-inline-end:2.5723472669rem;padding-block:.857449089rem;background-color:#fff;clip-path:polygon(0 0,100% 0,calc(100% - 2.5723472669rem) 100%,0 100%)}[dir=rtl] .ilo--breadcrumb--inner{clip-path:polygon(0 0,100% 0,100% 100%,2.5723472669rem 100%)}.ilo--breadcrumb--context,.ilo--breadcrumb--items{align-items:center;display:inline-flex;justify-content:flex-start;list-style:none}.ilo--breadcrumb--context__collapse,.ilo--breadcrumb--item{background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3E%3Cpath fill='%23230050' d='M1.731 16l-1.118-.815L5.838 8 .613.814 1.731 0l5.522 7.593a.69.69 0 0 1 0 .814L1.731 16z'/%3E%3C/svg%3E");background-position:0;padding-inline:1.2861736334rem .857449089rem}[dir=rtl] .ilo--breadcrumb--context__collapse,[dir=rtl] .ilo--breadcrumb--item{background-position:100%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3E%3Cpath fill='%23230050' d='M.7 8.4c0-.1-.1-.3-.1-.4s0-.3.1-.4L6.3 0l1.1.8L2.2 8l5.2 7.2-1.1.8L.7 8.4z'/%3E%3C/svg%3E")}.ilo--breadcrumb--context{position:relative}.ilo--breadcrumb--context--button{display:none;padding:0;margin:0;border:none;background-position:50%;background-repeat:no-repeat;background-size:16px 4px;position:relative;width:2.2508038585rem;height:.857449089rem;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 4'%3E%3Cpath fill='%23230050' d='M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm6 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm6 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/%3E%3C/svg%3E")}.ilo--breadcrumb--context--button:hover{cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 4'%3E%3Cpath fill='%231E2DBE' d='M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm6 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm6 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/%3E%3C/svg%3E")}.ilo--breadcrumb--context--menu{display:none;position:fixed;width:6.4308681672rem;z-index:10}.ilo--breadcrumb--context--menu__visible{display:inline-block}.ilo--breadcrumb--context__collapse{padding-inline:.6430868167rem .2143622722rem}.ilo--breadcrumb--context__collapse .ilo--breadcrumb--items{display:none}.ilo--breadcrumb--context__collapse .ilo--breadcrumb--context--button{display:inline-block}.ilo--breadcrumb--item,.ilo--breadcrumb--item__first{align-items:center;display:flex}.ilo--breadcrumb--item__first{position:relative;background:0 0!important;padding-inline-start:2px}.ilo--breadcrumb--item__first:focus .ilo--breadcrumb--link:after,.ilo--breadcrumb--item__first:hover .ilo--breadcrumb--link:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%231E2DBE' d='M15.388 5.717L8.43.152a.696.696 0 0 0-.862 0L.612 5.717a.696.696 0 0 0-.264.542v9.044a.696.696 0 0 0 .695.695h4.87v-5.565h4.174V16h4.87a.696.696 0 0 0 .695-.696V6.259a.695.695 0 0 0-.264-.542z'/%3E%3C/svg%3E")}.ilo--breadcrumb--item__first .ilo--breadcrumb--link{background:0 0;width:.857449089rem;height:.857449089rem;position:relative}.ilo--breadcrumb--item__first .ilo--breadcrumb--link:after{background-position:50%;background-repeat:no-repeat;content:"";display:block;height:.857449089rem;left:0;position:absolute;top:0;width:.857449089rem;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23230050' d='M15.388 5.717L8.43.152a.696.696 0 0 0-.862 0L.612 5.717a.696.696 0 0 0-.264.542v9.044a.696.696 0 0 0 .695.695h4.87v-5.565h4.174V16h4.87a.696.696 0 0 0 .695-.696V6.259a.695.695 0 0 0-.264-.542z'/%3E%3C/svg%3E")}.ilo--breadcrumb--link{display:inline-flex;align-items:center;color:#230050;height:.857449089rem;padding-block:0;text-decoration:none}.ilo--breadcrumb--link--label{white-space:nowrap;overflow-x:clip;text-overflow:ellipsis;max-width:30ch;font-family:Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-weight:400;font-size:11.94px;letter-spacing:normal;line-height:16.24px}.ilo--breadcrumb--link--label:focus,.ilo--breadcrumb--link--label:hover{color:#1e2dbe;text-decoration:underline;text-underline-offset:.2143622722rem;text-decoration-thickness:.1071811361rem}
@@ -1,43 +1,55 @@
1
- {#
2
- BREADCRUMB COMPONENT
3
- #}
1
+ {# breadcrumb.twig #}
2
+
3
+ {# If a home field is passed, it will be used as the first link #}
4
+ {# THE `HOME` FIELD WILL BE DEPRECATED IN FUTURE VERSIONS AND SHOULD NOT BE USED #}
5
+ {% if home %}
6
+ {% set firstlink = home %}
7
+ {% set contextLinks = links|slice(0, items|length - 1) %}
8
+ {% endif %}
9
+
10
+ {% if not home %}
11
+ {% set firstlink = links|first %}
12
+ {% set contextLinks = links|slice(1, items|length - 1) %}
13
+ {% endif %}
14
+
4
15
  {% set lastlink = links|last %}
5
- {% set firstlink = links|first %}
6
- <nav class="ilo--breadcrumb{% if className %} {{className}}{% endif %}" data-prefix="ilo" data-loadcomponent="Breadcrumb">
7
- <ol class="ilo--breadcrumb--items">
8
- <li class="ilo--breadcrumb--item home">
9
- <a class="ilo--breadcrumb--link" href="{{home.url}}">
10
- <span class="ilo--breadcrumb--link--label">{{home.label}}</span>
11
- </a>
12
- </li>
13
- {% if links|length >= 2 %}
14
- <li class="ilo--breadcrumb--item first">
15
- <a class="ilo--breadcrumb--link" href="{{firstlink.url}}">
16
- <span class="ilo--breadcrumb--link--label">{{firstlink.label}}</span>
17
- </a>
16
+
17
+ <nav class="ilo--breadcrumb {% if className %}{{className}}{% endif %}" data-prefix="ilo" data-loadcomponent="Breadcrumb">
18
+ <div class="ilo--breadcrumb--inner">
19
+ <ol class="ilo--breadcrumb--items" id="ilo--breadcrumb--container">
20
+ {# Render the first link on its own as a custom icon #}
21
+ <li class="ilo--breadcrumb--item ilo--breadcrumb--item__first">
22
+ <a aria-label="{{firstlink.label}}" class="ilo--breadcrumb--link" href="{{firstlink.url}}}"></a>
18
23
  </li>
19
- {% endif %}
20
- {% if links|length >= 3%}
21
- <li class="ilo--breadcrumb--item--context">
22
- <ul class="ilo--breadcrumb--items context--menu">
23
- {% for link in links %}
24
- {% if not loop.first and not loop.last %}
24
+ {# Render all but the first and last items in the context area #}
25
+ {% if contextLinks|length > 0 %}
26
+ <li class="ilo--breadcrumb--context">
27
+ <ol class="ilo--breadcrumb--items">
28
+ {% for link in contextLinks %}
25
29
  <li class="ilo--breadcrumb--item">
26
30
  <a href="{{link.url}}" class="ilo--breadcrumb--link">
27
- <span class="ilo--breadcrumb--link--label--dropdown ilo--breadcrumb--link--label">{{link.label}}</span>
31
+ <span class="ilo--breadcrumb--link--label">{{link.label}}</span>
28
32
  </a>
29
33
  </li>
30
- {% endif %}
31
- {% endfor %}
32
- </ul>
33
- </li>
34
- {% endif %}
35
- {% if links|length >= 1%}
36
- <li class="ilo--breadcrumb--item final">
37
- <a class="ilo--breadcrumb--link" href="{{lastlink.url}}">
38
- <span class="ilo--breadcrumb--link--label">{{lastlink.label}}</span>
39
- </a>
40
- </li>
41
- {% endif %}
42
- </ol>
34
+ {% endfor %}
35
+ </ol>
36
+ <button aria-label="{{buttonlabel|default('More links')}}" aria-expanded="false" controls="ilo--breadcrumb--menu" class="ilo--breadcrumb--context--button"></button>
37
+ </li>
38
+ {% endif %}
39
+ {# Render the last one outside the context area #}
40
+ {% if links|length > 1 %}
41
+ <li class="ilo--breadcrumb--item">
42
+ <a class="ilo--breadcrumb--link" href="{{lastlink.url}}">
43
+ <span class="ilo--breadcrumb--link--label">{{lastlink.label}}</span>
44
+ </a>
45
+ </li>
46
+ {% endif %}
47
+ </ol>
48
+ </div>
49
+ <div class="ilo--breadcrumb--context--menu" id="ilo--breadcrumb--menu">
50
+ {% include '@components/contextmenu/contextmenu.twig' with {
51
+ links: contextLinks,
52
+ prefix: prefix
53
+ } only %}
54
+ </div>
43
55
  </nav>
@@ -4,14 +4,13 @@ breadcrumb:
4
4
  label: Breadcrumb
5
5
  description: A component for displaying links in a "breadcrumb" ux
6
6
  fields:
7
- home:
8
- type: object
9
- label: Home
10
- description: url and label for link to site home page
11
- required: true
12
- preview:
13
- label: "Home"
14
- url: "/"
7
+ buttonlabel:
8
+ type: string
9
+ label: buttonlabel
10
+ description: The `aria-label` value for the button that toggles the context menu when the Breadcrumbs are collapsed
11
+ required: false
12
+ default: "Toggle links"
13
+ preview: "Toggle links"
15
14
  links:
16
15
  type: object
17
16
  label: Home
@@ -1 +1 @@
1
- @charset "UTF-8";.ilo--context-menu{border-radius:.1071811361rem;background-color:#edf0f2;display:inline-block;position:relative;width:auto}.ilo--context-menu:before{background-position:top;background-repeat:no-repeat;background-size:contain;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23EDF0F2' d='M24 24L0 0v24h24z'/%3E%3C/svg%3E");content:"";height:.6430868167rem;position:absolute;left:50%;top:-.3215434084rem;transform:translateX(-50%) rotate(135deg);width:.6430868167rem}.ilo--context-menu--item{padding:0 .4287245445rem}.ilo--context-menu--item:first-of-type{border-top-left-radius:2px;border-top-right-radius:2px}.ilo--context-menu--item:last-of-type{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.ilo--context-menu--item:last-of-type a{border-bottom:none}.ilo--context-menu--item:focus,.ilo--context-menu--item:hover{background-color:#ebf5fd}.ilo--context-menu--item.endsection{border-bottom:.1607717042rem solid #fff}.ilo--context-menu--item.endsection .ilo--context-menu--link{border-bottom:none}.ilo--context-menu--link{border-bottom:.1071811361rem solid #fff;color:#230050;display:inline-block;font-family:Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-weight:500;padding:.857449089rem .4287245445rem;text-decoration:none;width:100%;font-size:11.94px;letter-spacing:normal;line-height:16.24px;letter-spacing:-.1px}.ilo--context-menu--link:visited{color:#230050}.ilo--context-menu--link:active{color:#230050;outline:0}.ilo--context-menu--link:focus,.ilo--context-menu--link:hover{color:#1e2dbe;outline:0;text-decoration:underline;text-decoration-thickness:.1071811361rem}
1
+ @charset "UTF-8";.ilo--context-menu{border-radius:.1071811361rem;background-color:#edf0f2;display:inline-block;position:relative;width:auto;list-style:none}.ilo--context-menu:before{background-position:top;background-repeat:no-repeat;background-size:contain;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23EDF0F2' d='M24 24L0 0v24h24z'/%3E%3C/svg%3E");content:"";height:.6430868167rem;position:absolute;left:50%;top:-.3215434084rem;transform:translateX(-50%) rotate(135deg);width:.6430868167rem}.ilo--context-menu--item{padding:0 .4287245445rem}.ilo--context-menu--item:first-of-type{border-top-left-radius:2px;border-top-right-radius:2px}.ilo--context-menu--item:last-of-type{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.ilo--context-menu--item:last-of-type a{border-bottom:none}.ilo--context-menu--item:focus,.ilo--context-menu--item:hover{background-color:#ebf5fd}.ilo--context-menu--item.endsection{border-bottom:.1607717042rem solid #fff}.ilo--context-menu--item.endsection .ilo--context-menu--link{border-bottom:none}.ilo--context-menu--link{border-bottom:.1071811361rem solid #fff;color:#230050;display:inline-block;font-family:Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-weight:500;padding:.857449089rem .4287245445rem;text-decoration:none;width:100%;font-size:11.94px;letter-spacing:normal;line-height:16.24px;letter-spacing:-.1px}.ilo--context-menu--link:visited{color:#230050}.ilo--context-menu--link:active{color:#230050;outline:0}.ilo--context-menu--link:focus,.ilo--context-menu--link:hover{color:#1e2dbe;outline:0;text-decoration:underline;text-decoration-thickness:.1071811361rem}
@@ -1,12 +1,12 @@
1
1
  {#
2
2
  CONTEXT MENU COMPONENT
3
3
  #}
4
- <ul class="ilo--context-menu">
5
- {% for link in links %}
6
- <li class="ilo--context-menu--item{% if link.endsection == 'true' %} endsection{% endif %}">
7
- <a href="{{link.url}}" class="ilo--context-menu--link">
8
- <span class="ilo--context-menu--label">{{link.label}}</span>
9
- </a>
10
- </li>
11
- {% endfor %}
12
- </ul>
4
+ <ol class="ilo--context-menu">
5
+ {% for link in links %}
6
+ <li class="ilo--context-menu--item{% if link.endsection == 'true' %} endsection{% endif %}">
7
+ <a href="{{link.url}}" class="ilo--context-menu--link">
8
+ <span class="ilo--context-menu--label">{{link.label}}</span>
9
+ </a>
10
+ </li>
11
+ {% endfor %}
12
+ </ol>
@@ -1 +1 @@
1
- @charset "UTF-8";.ilo--hero-card{height:100%;position:relative;padding:40px 16px}@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{color:#2d2d2d;background:#fff}@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)}}@media screen and (min-width:1024px){.ilo--hero-card__theme__dark.ilo--hero-card__background__transparent,.ilo--hero-card__theme__light.ilo--hero-card__background__transparent{color:#fff;background:0 0}.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,[dir=rtl] .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,[dir=rtl] .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{font-size:16px;letter-spacing:normal;line-height:23.36px;margin-bottom:1.5005359057rem;color:#6d6d6d}.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{font-size:16px;letter-spacing:normal;line-height:23.36px;margin-bottom:.857449089rem;color:#960a55}.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-size:16px;letter-spacing:normal;line-height:23.36px;margin-bottom:1.5005359057rem}@media screen and (min-width:1024px){.ilo--hero-card--intro{font-size:18.66px;letter-spacing:normal;line-height:27.24px}}.ilo--hero-card--title{font-size:36.45px;letter-spacing:-.035em;line-height:43.74px;margin-bottom:1.1117935901rem;font-family:Overpass,Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-weight:700}@media screen and (min-width:1024px){.ilo--hero-card--title{font-size:45.56px;letter-spacing:-.035em;line-height:52.39px}}
1
+ @charset "UTF-8";.ilo--hero-card{height:100%;position:relative;padding:40px 16px}@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{color:#2d2d2d;background:#fff}@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)}}@media screen and (min-width:1024px){.ilo--hero-card__theme__dark.ilo--hero-card__background__transparent,.ilo--hero-card__theme__light.ilo--hero-card__background__transparent{color:#fff;background:0 0}.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{font-size:16px;letter-spacing:normal;line-height:23.36px;margin-bottom:1.5005359057rem;color:#6d6d6d}.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{font-size:16px;letter-spacing:normal;line-height:23.36px;margin-bottom:.857449089rem;color:#960a55}.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-size:16px;letter-spacing:normal;line-height:23.36px;margin-bottom:1.5005359057rem}@media screen and (min-width:1024px){.ilo--hero-card--intro{font-size:18.66px;letter-spacing:normal;line-height:27.24px}}.ilo--hero-card--title{font-size:36.45px;letter-spacing:-.035em;line-height:43.74px;margin-bottom:1.1117935901rem;font-family:Overpass,Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-weight:700}@media screen and (min-width:1024px){.ilo--hero-card--title{font-size:45.56px;letter-spacing:-.035em;line-height:52.39px}}
@@ -1,5 +1,5 @@
1
1
  logogrid:
2
- namespace: Components/Brand
2
+ namespace: Components/Media
3
3
  use: "@components/logogrid/logogrid.twig"
4
4
  label: Logo Grid
5
5
  description: The Logo Grid component renders a series of logos representing a group of organizations. It can be shown on a light or dark background.
@@ -1 +1 @@
1
- @charset "UTF-8";.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{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23FFF' d='M24 8H8v2.667h16V8zm0 6.667H8v2.667h16v-2.667zm0 6.666H8V24h16v-2.667z'/%3E%3C/svg%3E");align-self:center;background-color:transparent;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-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%231E2DBE' d='M24 8H8v2.667h16V8zm0 6.667H8v2.667h16v-2.667zm0 6.666H8V24h16v-2.667z'/%3E%3C/svg%3E");background-color:#ebf5fd}@media screen and (min-width:1024px){.ilo--header--menu{display:none}}.ilo--header--menu--close{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23230050' d='M16.95 15.536L13.414 12l3.536-3.535-1.414-1.415L12 10.586 8.464 7.05 7.05 8.465 10.586 12 7.05 15.536l1.414 1.414L12 13.414l3.536 3.536 1.414-1.414z'/%3E%3C/svg%3E");background-color:#edf0f2;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-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M16.95 15.536L13.414 12l3.536-3.535-1.414-1.415L12 10.586 8.464 7.05 7.05 8.465 10.586 12 7.05 15.536l1.414 1.414L12 13.414l3.536 3.536 1.414-1.414z'/%3E%3C/svg%3E");background-color:#ebf5fd;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:3.0010718114rem}@media screen and (min-width:1024px){.ilo--header--logo{height:3.8585209003rem}}.ilo--header--logo-link{display:block;padding:.857449089rem 0;width:auto}@media screen and (min-width:1024px){.ilo--header--logo-link{padding:0 0 1.2861736334rem}}.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 1.0718113612rem}.ilo--header--utility-bar--local .ilo--language-switcher{display:none}.ilo--header--utility-bar--local .ilo--language-switcher--link{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' d='M7.9 12.5l-.2-.2c0-.1-.1-.2-.1-.3s0-.2.1-.3c0-.1.1-.2.2-.2L15.4 4l1 1-7 7 7 7-1 1-7.5-7.5z'/%3E%3C/svg%3E");font-size:11.94px;letter-spacing:-.02em;line-height:16.12px;appearance:none;background-color:inherit;background-position:16px 50%;background-repeat:no-repeat;background-size:24px;border:none;color:#fff;cursor:pointer;font-family:Overpass,Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-weight:500;padding:.857449089rem .857449089rem .857449089rem 1.9292604502rem;text-decoration:none;transition:all .15s ease-out;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.ilo--header--utility-bar--local .ilo--language-switcher--link:focus,.ilo--header--utility-bar--local .ilo--language-switcher--link:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M7.9 12.5l-.2-.2c0-.1-.1-.2-.1-.3s0-.2.1-.3c0-.1.1-.2.2-.2L15.4 4l1 1-7 7 7 7-1 1-7.5-7.5z'/%3E%3C/svg%3E");background-color:#ebf5fd;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' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' d='M8.638 19.996l-.988-.988L14.657 12 7.65 4.992l.988-.989 7.505 7.5a.702.702 0 0 1 0 .995l-7.505 7.498z'/%3E%3C/svg%3E");background-position:calc(100% - 16px) 50%;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-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M8.638 19.996l-.988-.988L14.657 12 7.65 4.992l.988-.989 7.505 7.5a.702.702 0 0 1 0 .995l-7.505 7.498z'/%3E%3C/svg%3E");background-color:#ebf5fd;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}}@media screen and (min-width:1024px){.ilo--header--utility-bar--local{padding:0}}@media screen and (min-width:1024px){.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 1.0718113612rem}.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;width:100%;visibility:hidden}.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}}@media screen and (min-width:1024px){.ilo--header--navigation{background:#230050;overflow:visible;position:static;transform:none;visibility:visible}}.ilo--header--logo-tagline{font-size:18.66px;letter-spacing:-.035em;line-height:24.26px;color:#fff;display:none;font-family:Overpass,Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-weight:700;padding:.857449089rem 0;text-align:right}@media screen and (min-width:1024px){.ilo--header--logo-tagline{display:block}}.ilo--header--logo-tagline--small{font-size:11.9px;letter-spacing:-.02em;line-height:19.4px;color:#bedcfa;display:block;font-weight:500}.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-size:16px;letter-spacing:-.02em;line-height:21.6px;font-family:Overpass,Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-weight:500}@media screen and (min-width:1024px){.ilo--nav--items{display:flex;align-items:center}.ilo--nav--items:first-of-type{margin-left:-1.0718113612rem}}.ilo--nav--link{color:#230050;display:block;padding:.857449089rem 1.9292604502rem .857449089rem .4287245445rem;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 1.2861736334rem 20.5px}.ilo--nav--link:focus,.ilo--nav--link:hover{background:#ebf5fd;color:#1e2dbe;text-decoration:none}}.ilo--nav--trigger{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23230050' d='M8.638 19.996l-.988-.988L14.657 12 7.65 4.992l.988-.989 7.505 7.5a.702.702 0 0 1 0 .995l-7.505 7.498z'/%3E%3C/svg%3E");font-size:16px;letter-spacing:-.02em;line-height:21.6px;appearance:none;background-color:#fff;background-position:calc(100% - 16px) 55%;background-repeat:no-repeat;background-size:24px;background-position-y:center;border:none;color:#230050;cursor:pointer;display:block;font-family:Overpass,Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-weight:500;padding:.857449089rem 1.9292604502rem .857449089rem .4287245445rem;line-height:24px;text-align:left;transition:all .15s ease-out;width:100%}.ilo--nav--trigger:focus,.ilo--nav--trigger:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M8.638 19.996l-.988-.988L14.657 12 7.65 4.992l.988-.989 7.505 7.5a.702.702 0 0 1 0 .995l-7.505 7.498z'/%3E%3C/svg%3E");background-color:#ebf5fd;color:#1e2dbe}[dir=rtl] .ilo--nav--trigger{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23230050' d='M7.9 12.5l-.2-.2c0-.1-.1-.2-.1-.3s0-.2.1-.3c0-.1.1-.2.2-.2L15.4 4l1 1-7 7 7 7-1 1-7.5-7.5z'/%3E%3C/svg%3E");background-color:#fff;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-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M7.9 12.5l-.2-.2c0-.1-.1-.2-.1-.3s0-.2.1-.3c0-.1.1-.2.2-.2L15.4 4l1 1-7 7 7 7-1 1-7.5-7.5z'/%3E%3C/svg%3E");background-color:#ebf5fd;color:#1e2dbe}@media screen and (min-width:1024px){.ilo--nav--trigger{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' d='M18 11h-5V6h-2v5H6v2h5v5h2v-5h5v-2z'/%3E%3C/svg%3E");font-size:14.93px;letter-spacing:-.02em;line-height:20.16px;background-color:#230050;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-weight:700;margin-left:1.0718113612rem;padding:7px 1.7148981779rem 5px 15px;text-align:center;transition:all .15s ease-out;width:auto}.ilo--nav--trigger:focus,.ilo--nav--trigger:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M18 11h-5V6h-2v5H6v2h5v5h2v-5h5v-2z'/%3E%3C/svg%3E");background-color:#fff;border-color:#fff;color:#1e2dbe}[dir=rtl] .ilo--nav--trigger{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' d='M18 11h-5V6h-2v5H6v2h5v5h2v-5h5v-2z'/%3E%3C/svg%3E");background-color:#230050;background-repeat:no-repeat;background-size:20px;background-position:10% 55%;padding:7px 15px 5px 1.7148981779rem}[dir=rtl] .ilo--nav--trigger:focus,[dir=rtl] .ilo--nav--trigger:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M18 11h-5V6h-2v5H6v2h5v5h2v-5h5v-2z'/%3E%3C/svg%3E");background-color:#fff;color:#1e2dbe}}.ilo--nav--local{--logo-width:150px;flex:1 1 auto;display:flex;justify-content:space-between}@media screen and (min-width:1024px){.ilo--nav--local [dir=rtl]{padding:0 max((100% - 1260px)/2,20px) 0 0}}@media screen and (min-width:1024px){.ilo--nav--local{padding:0 32px 0 max((100% - 1260px)/2,20px)}}.ilo--nav--local--logo-wrapper{display:flex;padding:.857449089rem 0}.ilo--nav--local--logo{width:var(--logo-width)}.ilo--nav--local--logo-link{display:flex;align-items:center}.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{font-size:16px;letter-spacing:-.02em;line-height:21.6px;color:#fff;font-family:Overpass,Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-weight:500}.ilo--nav--local--link{background:inherit;color:#fff;padding:0 1.2861736334rem;height:100%;text-decoration:none;text-align:center;transition:all .15s ease-out;display:flex;flex-flow:column;justify-content:center;align-items:flex-start}.ilo--nav--local--link:focus,.ilo--nav--local--link:hover{background:#ebf5fd;color:#1e2dbe}.ilo--mobile--nav{border-bottom:3px solid #edf0f2;margin-bottom:.857449089rem;padding-bottom:.857449089rem}.ilo--mobile--nav--logo{align-items:center;display:flex;justify-content:space-between}.ilo--mobile--nav--language--select{background:#fff;left:0;height:100%;padding:0 0 1.7148981779rem;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{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23230050' fill-rule='evenodd' d='M1.087 7.467H3.21c.075-1.93.553-3.687 1.31-5.011.14-.245.29-.478.453-.695a6.936 6.936 0 0 0-3.886 5.706zM8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm-.533 1.141c-.726.204-1.437.822-2.02 1.844-.654 1.143-1.095 2.713-1.17 4.482h3.19V1.14zm0 7.392h-3.19c.075 1.77.516 3.339 1.17 4.482.583 1.022 1.294 1.64 2.02 1.844V8.533zM4.973 14.24a6.907 6.907 0 0 1-.453-.695c-.757-1.324-1.235-3.082-1.31-5.01H1.087a6.937 6.937 0 0 0 3.886 5.705zm3.56.62V8.533h3.19c-.075 1.77-.516 3.339-1.17 4.482-.583 1.022-1.294 1.64-2.02 1.844zm3.19-7.392h-3.19V1.14c.726.204 1.437.822 2.02 1.844.654 1.143 1.095 2.713 1.17 4.482zm1.067 0c-.075-1.93-.553-3.687-1.31-5.011a6.911 6.911 0 0 0-.453-.695 6.936 6.936 0 0 1 3.886 5.706H12.79zm0 1.066c-.075 1.93-.553 3.687-1.31 5.011a6.91 6.91 0 0 1-.453.695 6.936 6.936 0 0 0 3.886-5.706H12.79z' clip-rule='evenodd'/%3E%3C/svg%3E");font-size:16px;letter-spacing:-.02em;line-height:21.6px;appearance:none;background-color:#fff;background-position:calc(100% - 16px) 55%;background-repeat:no-repeat;background-size:16px;background-position-y:center;border:none;color:#230050;cursor:pointer;display:block;font-family:Overpass,Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-weight:500;padding:.857449089rem 1.9292604502rem .857449089rem .4287245445rem;line-height:16px;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-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%231E2DBE' fill-rule='evenodd' d='M1.087 7.467H3.21c.075-1.93.553-3.687 1.31-5.011.14-.245.29-.478.453-.695a6.936 6.936 0 0 0-3.886 5.706zM8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm-.533 1.141c-.726.204-1.437.822-2.02 1.844-.654 1.143-1.095 2.713-1.17 4.482h3.19V1.14zm0 7.392h-3.19c.075 1.77.516 3.339 1.17 4.482.583 1.022 1.294 1.64 2.02 1.844V8.533zM4.973 14.24a6.907 6.907 0 0 1-.453-.695c-.757-1.324-1.235-3.082-1.31-5.01H1.087a6.937 6.937 0 0 0 3.886 5.705zm3.56.62V8.533h3.19c-.075 1.77-.516 3.339-1.17 4.482-.583 1.022-1.294 1.64-2.02 1.844zm3.19-7.392h-3.19V1.14c.726.204 1.437.822 2.02 1.844.654 1.143 1.095 2.713 1.17 4.482zm1.067 0c-.075-1.93-.553-3.687-1.31-5.011a6.911 6.911 0 0 0-.453-.695 6.936 6.936 0 0 1 3.886 5.706H12.79zm0 1.066c-.075 1.93-.553 3.687-1.31 5.011a6.91 6.91 0 0 1-.453.695 6.936 6.936 0 0 0 3.886-5.706H12.79z' clip-rule='evenodd'/%3E%3C/svg%3E");background-color:#ebf5fd;color:#1e2dbe}[dir=rtl] .ilo--mobile--nav--language--switcher--button{background-position:16px 55%;text-align:right}.ilo--mobile--nav--search{padding:1.7148981779rem 0 1.2861736334rem}.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,100% 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%,100% 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{font-size:11.94px;letter-spacing:-.02em;line-height:16.24px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M1.087 7.467H3.21c.075-1.93.553-3.687 1.31-5.011.14-.245.29-.478.453-.695a6.936 6.936 0 0 0-3.886 5.706zM8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm-.533 1.141c-.726.204-1.437.822-2.02 1.844-.654 1.143-1.095 2.713-1.17 4.482h3.19V1.14zm0 7.392h-3.19c.075 1.77.516 3.339 1.17 4.482.583 1.022 1.294 1.64 2.02 1.844V8.533zM4.973 14.24a6.907 6.907 0 0 1-.453-.695c-.757-1.324-1.235-3.082-1.31-5.01H1.087a6.937 6.937 0 0 0 3.886 5.705zm3.56.62V8.533h3.19c-.075 1.77-.516 3.339-1.17 4.482-.583 1.022-1.294 1.64-2.02 1.844zm3.19-7.392h-3.19V1.14c.726.204 1.437.822 2.02 1.844.654 1.143 1.095 2.713 1.17 4.482zm1.067 0c-.075-1.93-.553-3.687-1.31-5.011a6.911 6.911 0 0 0-.453-.695 6.936 6.936 0 0 1 3.886 5.706H12.79zm0 1.066c-.075 1.93-.553 3.687-1.31 5.011a6.91 6.91 0 0 1-.453.695 6.936 6.936 0 0 0 3.886-5.706H12.79z' clip-rule='evenodd'/%3E%3C/svg%3E");appearance:none;background-color:#230050;background-repeat:no-repeat;background-position:15px;background-size:16px 16px;border:none;color:#fff;cursor:pointer;display:block;font-family:Overpass,Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-weight:500;padding:.4287245445rem 30px .4287245445rem 2.1436227224rem;transition:all .15s ease-out}.ilo--language-switcher--button:focus,.ilo--language-switcher--button:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%231E2DBE' fill-rule='evenodd' d='M1.087 7.467H3.21c.075-1.93.553-3.687 1.31-5.011.14-.245.29-.478.453-.695a6.936 6.936 0 0 0-3.886 5.706zM8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm-.533 1.141c-.726.204-1.437.822-2.02 1.844-.654 1.143-1.095 2.713-1.17 4.482h3.19V1.14zm0 7.392h-3.19c.075 1.77.516 3.339 1.17 4.482.583 1.022 1.294 1.64 2.02 1.844V8.533zM4.973 14.24a6.907 6.907 0 0 1-.453-.695c-.757-1.324-1.235-3.082-1.31-5.01H1.087a6.937 6.937 0 0 0 3.886 5.705zm3.56.62V8.533h3.19c-.075 1.77-.516 3.339-1.17 4.482-.583 1.022-1.294 1.64-2.02 1.844zm3.19-7.392h-3.19V1.14c.726.204 1.437.822 2.02 1.844.654 1.143 1.095 2.713 1.17 4.482zm1.067 0c-.075-1.93-.553-3.687-1.31-5.011a6.911 6.911 0 0 0-.453-.695 6.936 6.936 0 0 1 3.886 5.706H12.79zm0 1.066c-.075 1.93-.553 3.687-1.31 5.011a6.91 6.91 0 0 1-.453.695 6.936 6.936 0 0 0 3.886-5.706H12.79z' clip-rule='evenodd'/%3E%3C/svg%3E");background-color:#ebf5fd;color:#1e2dbe}[dir=rtl] .ilo--language-switcher--button{padding:.4287245445rem 2.1436227224rem .4287245445rem 30px;background-position:calc(100% - 15px) 50%}.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{display:none;visibility:hidden;background:#fff;height:100%;left:0;padding:0 0 1.7148981779rem;position:absolute;top:0;transform:translateX(100%);transition:transform 225ms ease-out;width:100%}.ilo--subnav--open .ilo--subnav{visibility:visible;transform:translateX(0)}@media screen and (min-width:1024px){.ilo--subnav{height:auto;left:0;padding:1.7148981779rem 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{font-size:16px;letter-spacing:-.02em;line-height:21.6px;background:#fff;color:#230050;display:flex;font-family:Overpass,Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-weight:500;padding:18px .4287245445rem;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{font-size:16px;letter-spacing:-.02em;line-height:21.6px;background-color:#fff;border:none;color:#230050;cursor:pointer;font-family:Overpass,Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-weight:500;padding:1.0718113612rem .857449089rem .857449089rem 1.7148981779rem;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' viewBox='0 0 24 24'%3E%3Cpath fill='%23230050' d='M7.9 12.5l-.2-.2c0-.1-.1-.2-.1-.3s0-.2.1-.3c0-.1.1-.2.2-.2L15.4 4l1 1-7 7 7 7-1 1-7.5-7.5z'/%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:1.0718113612rem 1.7148981779rem .857449089rem .857449089rem}[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' viewBox='0 0 24 24'%3E%3Cpath fill='%23230050' d='M8.638 19.996l-.988-.988L14.657 12 7.65 4.992l.988-.989 7.505 7.5a.702.702 0 0 1 0 .995l-7.505 7.498z'/%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' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M7.9 12.5l-.2-.2c0-.1-.1-.2-.1-.3s0-.2.1-.3c0-.1.1-.2.2-.2L15.4 4l1 1-7 7 7 7-1 1-7.5-7.5z'/%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' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M8.638 19.996l-.988-.988L14.657 12 7.65 4.992l.988-.989 7.505 7.5a.702.702 0 0 1 0 .995l-7.505 7.498z'/%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{font-size:18.66px;letter-spacing:-.035em;line-height:24.26px;border-bottom:3px solid #edf0f2;color:#2d2d2d;font-family:Overpass,Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-weight:700;margin-bottom:.857449089rem;padding:1.0718113612rem .4287245445rem;width:100%}.ilo--search-box{display:none;visibility:hidden;background:#fff;left:0;position:absolute;top:0;transform:translateX(100%);transition:transform 225ms ease-out;width:100%}.ilo--search--open .ilo--search-box{visibility:visible;transform:translateX(0)}@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:1.7148981779rem 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:4.2872454448rem 1.0718113612rem}.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{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' d='M16.707 15.257a6.85 6.85 0 0 0 1.4-4.2 7 7 0 0 0-7-7.1 7.1 7.1 0 0 0 0 14.2 6.64 6.64 0 0 0 4.2-1.4l3 3a1 1 0 0 0 1.4 0 1 1 0 0 0 0-1.4l-3-3.1zm-5.6.8a5 5 0 0 1-5.1-5 5.1 5.1 0 0 1 10.2 0 4.999 4.999 0 0 1-5.1 5z'/%3E%3C/svg%3E");appearance:none;background-color:transparent;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-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M16.707 15.257a6.85 6.85 0 0 0 1.4-4.2 7 7 0 0 0-7-7.1 7.1 7.1 0 0 0 0 14.2 6.64 6.64 0 0 0 4.2-1.4l3 3a1 1 0 0 0 1.4 0 1 1 0 0 0 0-1.4l-3-3.1zm-5.6.8a5 5 0 0 1-5.1-5 5.1 5.1 0 0 1 10.2 0 4.999 4.999 0 0 1-5.1 5z'/%3E%3C/svg%3E");background-color:#ebf5fd}.ilo--search--open .ilo--search--button{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23230050' d='M16.95 15.536L13.414 12l3.536-3.535-1.414-1.415L12 10.586 8.464 7.05 7.05 8.465 10.586 12 7.05 15.536l1.414 1.414L12 13.414l3.536 3.536 1.414-1.414z'/%3E%3C/svg%3E");background-color:#fff;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-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M16.95 15.536L13.414 12l3.536-3.535-1.414-1.415L12 10.586 8.464 7.05 7.05 8.465 10.586 12 7.05 15.536l1.414 1.414L12 13.414l3.536 3.536 1.414-1.414z'/%3E%3C/svg%3E");background-color:#ebf5fd}.ilo--menu--open{height:100%;padding-top:85px;overflow:hidden;width:100%}#anchor--components-navigation--navigation .docs-story>div:first-child,.sb-show-main.sb-main-padded{padding-top:0}
1
+ @charset "UTF-8";.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{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23FFF' d='M24 8H8v2.667h16V8zm0 6.667H8v2.667h16v-2.667zm0 6.666H8V24h16v-2.667z'/%3E%3C/svg%3E");align-self:center;background-color:transparent;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-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%231E2DBE' d='M24 8H8v2.667h16V8zm0 6.667H8v2.667h16v-2.667zm0 6.666H8V24h16v-2.667z'/%3E%3C/svg%3E");background-color:#ebf5fd}@media screen and (min-width:1024px){.ilo--header--menu{display:none}}.ilo--header--menu--close{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23230050' d='M16.95 15.536L13.414 12l3.536-3.535-1.414-1.415L12 10.586 8.464 7.05 7.05 8.465 10.586 12 7.05 15.536l1.414 1.414L12 13.414l3.536 3.536 1.414-1.414z'/%3E%3C/svg%3E");background-color:#edf0f2;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-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M16.95 15.536L13.414 12l3.536-3.535-1.414-1.415L12 10.586 8.464 7.05 7.05 8.465 10.586 12 7.05 15.536l1.414 1.414L12 13.414l3.536 3.536 1.414-1.414z'/%3E%3C/svg%3E");background-color:#ebf5fd;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:3.0010718114rem}@media screen and (min-width:1024px){.ilo--header--logo{height:3.8585209003rem}}.ilo--header--logo-link{display:block;padding:.857449089rem 0;width:auto}@media screen and (min-width:1024px){.ilo--header--logo-link{padding:0 0 1.2861736334rem}}.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 1.0718113612rem}.ilo--header--utility-bar--local .ilo--language-switcher{display:none}.ilo--header--utility-bar--local .ilo--language-switcher--link{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' d='M7.9 12.5l-.2-.2c0-.1-.1-.2-.1-.3s0-.2.1-.3c0-.1.1-.2.2-.2L15.4 4l1 1-7 7 7 7-1 1-7.5-7.5z'/%3E%3C/svg%3E");font-size:11.94px;letter-spacing:-.02em;line-height:16.12px;appearance:none;background-color:inherit;background-position:16px 50%;background-repeat:no-repeat;background-size:24px;border:none;color:#fff;cursor:pointer;font-family:Overpass,Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-weight:500;padding:.857449089rem .857449089rem .857449089rem 1.9292604502rem;text-decoration:none;transition:all .15s ease-out;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.ilo--header--utility-bar--local .ilo--language-switcher--link:focus,.ilo--header--utility-bar--local .ilo--language-switcher--link:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M7.9 12.5l-.2-.2c0-.1-.1-.2-.1-.3s0-.2.1-.3c0-.1.1-.2.2-.2L15.4 4l1 1-7 7 7 7-1 1-7.5-7.5z'/%3E%3C/svg%3E");background-color:#ebf5fd;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' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' d='M8.638 19.996l-.988-.988L14.657 12 7.65 4.992l.988-.989 7.505 7.5a.702.702 0 0 1 0 .995l-7.505 7.498z'/%3E%3C/svg%3E");background-position:calc(100% - 16px) 50%;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-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M8.638 19.996l-.988-.988L14.657 12 7.65 4.992l.988-.989 7.505 7.5a.702.702 0 0 1 0 .995l-7.505 7.498z'/%3E%3C/svg%3E");background-color:#ebf5fd;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}}@media screen and (min-width:1024px){.ilo--header--utility-bar--local{padding:0}}@media screen and (min-width:1024px){.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 1.0718113612rem}.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;width:100%;visibility:hidden}.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}}@media screen and (min-width:1024px){.ilo--header--navigation{background:#230050;overflow:visible;position:static;transform:none;visibility:visible}}.ilo--header--logo-tagline{font-size:18.66px;letter-spacing:-.035em;line-height:24.26px;color:#fff;display:none;font-family:Overpass,Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-weight:700;padding:.857449089rem 0;text-align:right}@media screen and (min-width:1024px){.ilo--header--logo-tagline{display:block}}.ilo--header--logo-tagline--small{font-size:11.9px;letter-spacing:-.02em;line-height:19.4px;color:#bedcfa;display:block;font-weight:500}.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-size:16px;letter-spacing:-.02em;line-height:21.6px;font-family:Overpass,Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-weight:500}@media screen and (min-width:1024px){.ilo--nav--items{display:flex;align-items:center}.ilo--nav--items:first-of-type{margin-left:-1.0718113612rem}}.ilo--nav--link{color:#230050;display:block;padding:.857449089rem 1.9292604502rem .857449089rem .4287245445rem;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 1.2861736334rem 20.5px}.ilo--nav--link:focus,.ilo--nav--link:hover{background:#ebf5fd;color:#1e2dbe;text-decoration:none}}.ilo--nav--trigger{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23230050' d='M8.638 19.996l-.988-.988L14.657 12 7.65 4.992l.988-.989 7.505 7.5a.702.702 0 0 1 0 .995l-7.505 7.498z'/%3E%3C/svg%3E");font-size:16px;letter-spacing:-.02em;line-height:21.6px;appearance:none;background-color:#fff;background-position:calc(100% - 16px) 55%;background-repeat:no-repeat;background-size:24px;background-position-y:center;border:none;color:#230050;cursor:pointer;display:block;font-family:Overpass,Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-weight:500;padding:.857449089rem 1.9292604502rem .857449089rem .4287245445rem;line-height:24px;text-align:left;transition:all .15s ease-out;width:100%}.ilo--nav--trigger:focus,.ilo--nav--trigger:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M8.638 19.996l-.988-.988L14.657 12 7.65 4.992l.988-.989 7.505 7.5a.702.702 0 0 1 0 .995l-7.505 7.498z'/%3E%3C/svg%3E");background-color:#ebf5fd;color:#1e2dbe}[dir=rtl] .ilo--nav--trigger{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23230050' d='M7.9 12.5l-.2-.2c0-.1-.1-.2-.1-.3s0-.2.1-.3c0-.1.1-.2.2-.2L15.4 4l1 1-7 7 7 7-1 1-7.5-7.5z'/%3E%3C/svg%3E");background-color:#fff;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-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M7.9 12.5l-.2-.2c0-.1-.1-.2-.1-.3s0-.2.1-.3c0-.1.1-.2.2-.2L15.4 4l1 1-7 7 7 7-1 1-7.5-7.5z'/%3E%3C/svg%3E");background-color:#ebf5fd;color:#1e2dbe}@media screen and (min-width:1024px){.ilo--nav--trigger{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' d='M18 11h-5V6h-2v5H6v2h5v5h2v-5h5v-2z'/%3E%3C/svg%3E");font-size:14.93px;letter-spacing:-.02em;line-height:20.16px;background-color:#230050;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-weight:700;margin-left:1.0718113612rem;padding:7px 1.7148981779rem 5px 15px;text-align:center;transition:all .15s ease-out;width:auto}.ilo--nav--trigger:focus,.ilo--nav--trigger:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M18 11h-5V6h-2v5H6v2h5v5h2v-5h5v-2z'/%3E%3C/svg%3E");background-color:#fff;border-color:#fff;color:#1e2dbe}[dir=rtl] .ilo--nav--trigger{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' d='M18 11h-5V6h-2v5H6v2h5v5h2v-5h5v-2z'/%3E%3C/svg%3E");background-color:#230050;background-repeat:no-repeat;background-size:20px;background-position:10% 55%;padding:7px 15px 5px 1.7148981779rem}[dir=rtl] .ilo--nav--trigger:focus,[dir=rtl] .ilo--nav--trigger:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M18 11h-5V6h-2v5H6v2h5v5h2v-5h5v-2z'/%3E%3C/svg%3E");background-color:#fff;color:#1e2dbe}}.ilo--nav--local{--logo-width:150px;flex:1 1 auto;display:flex;justify-content:space-between}@media screen and (min-width:1024px){.ilo--nav--local [dir=rtl]{padding:0 max((100% - 1260px)/2,20px) 0 0}}@media screen and (min-width:1024px){.ilo--nav--local{padding:0 32px 0 max((100% - 1260px)/2,20px)}}.ilo--nav--local--logo-wrapper{display:flex;padding:.857449089rem 0}.ilo--nav--local--logo{width:var(--logo-width)}.ilo--nav--local--logo-link{display:flex;align-items:center}.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{font-size:16px;letter-spacing:-.02em;line-height:21.6px;color:#fff;font-family:Overpass,Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-weight:500}.ilo--nav--local--link{background:inherit;color:#fff;padding:0 1.2861736334rem;height:100%;text-decoration:none;text-align:center;transition:all .15s ease-out;display:flex;flex-flow:column;justify-content:center;align-items:flex-start}.ilo--nav--local--link:focus,.ilo--nav--local--link:hover{background:#ebf5fd;color:#1e2dbe}.ilo--mobile--nav{border-bottom:3px solid #edf0f2;margin-bottom:.857449089rem;padding-bottom:.857449089rem}.ilo--mobile--nav--logo{align-items:center;display:flex;justify-content:space-between}.ilo--mobile--nav--language--select{background:#fff;left:0;height:100%;padding:0 0 1.7148981779rem;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{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23230050' fill-rule='evenodd' d='M1.087 7.467H3.21c.075-1.93.553-3.687 1.31-5.011.14-.245.29-.478.453-.695a6.936 6.936 0 0 0-3.886 5.706zM8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm-.533 1.141c-.726.204-1.437.822-2.02 1.844-.654 1.143-1.095 2.713-1.17 4.482h3.19V1.14zm0 7.392h-3.19c.075 1.77.516 3.339 1.17 4.482.583 1.022 1.294 1.64 2.02 1.844V8.533zM4.973 14.24a6.907 6.907 0 0 1-.453-.695c-.757-1.324-1.235-3.082-1.31-5.01H1.087a6.937 6.937 0 0 0 3.886 5.705zm3.56.62V8.533h3.19c-.075 1.77-.516 3.339-1.17 4.482-.583 1.022-1.294 1.64-2.02 1.844zm3.19-7.392h-3.19V1.14c.726.204 1.437.822 2.02 1.844.654 1.143 1.095 2.713 1.17 4.482zm1.067 0c-.075-1.93-.553-3.687-1.31-5.011a6.911 6.911 0 0 0-.453-.695 6.936 6.936 0 0 1 3.886 5.706H12.79zm0 1.066c-.075 1.93-.553 3.687-1.31 5.011a6.91 6.91 0 0 1-.453.695 6.936 6.936 0 0 0 3.886-5.706H12.79z' clip-rule='evenodd'/%3E%3C/svg%3E");font-size:16px;letter-spacing:-.02em;line-height:21.6px;appearance:none;background-color:#fff;background-position:calc(100% - 16px) 55%;background-repeat:no-repeat;background-size:16px;background-position-y:center;border:none;color:#230050;cursor:pointer;display:block;font-family:Overpass,Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-weight:500;padding:.857449089rem 1.9292604502rem .857449089rem .4287245445rem;line-height:16px;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-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%231E2DBE' fill-rule='evenodd' d='M1.087 7.467H3.21c.075-1.93.553-3.687 1.31-5.011.14-.245.29-.478.453-.695a6.936 6.936 0 0 0-3.886 5.706zM8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm-.533 1.141c-.726.204-1.437.822-2.02 1.844-.654 1.143-1.095 2.713-1.17 4.482h3.19V1.14zm0 7.392h-3.19c.075 1.77.516 3.339 1.17 4.482.583 1.022 1.294 1.64 2.02 1.844V8.533zM4.973 14.24a6.907 6.907 0 0 1-.453-.695c-.757-1.324-1.235-3.082-1.31-5.01H1.087a6.937 6.937 0 0 0 3.886 5.705zm3.56.62V8.533h3.19c-.075 1.77-.516 3.339-1.17 4.482-.583 1.022-1.294 1.64-2.02 1.844zm3.19-7.392h-3.19V1.14c.726.204 1.437.822 2.02 1.844.654 1.143 1.095 2.713 1.17 4.482zm1.067 0c-.075-1.93-.553-3.687-1.31-5.011a6.911 6.911 0 0 0-.453-.695 6.936 6.936 0 0 1 3.886 5.706H12.79zm0 1.066c-.075 1.93-.553 3.687-1.31 5.011a6.91 6.91 0 0 1-.453.695 6.936 6.936 0 0 0 3.886-5.706H12.79z' clip-rule='evenodd'/%3E%3C/svg%3E");background-color:#ebf5fd;color:#1e2dbe}[dir=rtl] .ilo--mobile--nav--language--switcher--button{background-position:16px 55%;text-align:right}.ilo--mobile--nav--search{padding:1.7148981779rem 0 1.2861736334rem}.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{font-size:11.94px;letter-spacing:-.02em;line-height:16.24px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M1.087 7.467H3.21c.075-1.93.553-3.687 1.31-5.011.14-.245.29-.478.453-.695a6.936 6.936 0 0 0-3.886 5.706zM8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm-.533 1.141c-.726.204-1.437.822-2.02 1.844-.654 1.143-1.095 2.713-1.17 4.482h3.19V1.14zm0 7.392h-3.19c.075 1.77.516 3.339 1.17 4.482.583 1.022 1.294 1.64 2.02 1.844V8.533zM4.973 14.24a6.907 6.907 0 0 1-.453-.695c-.757-1.324-1.235-3.082-1.31-5.01H1.087a6.937 6.937 0 0 0 3.886 5.705zm3.56.62V8.533h3.19c-.075 1.77-.516 3.339-1.17 4.482-.583 1.022-1.294 1.64-2.02 1.844zm3.19-7.392h-3.19V1.14c.726.204 1.437.822 2.02 1.844.654 1.143 1.095 2.713 1.17 4.482zm1.067 0c-.075-1.93-.553-3.687-1.31-5.011a6.911 6.911 0 0 0-.453-.695 6.936 6.936 0 0 1 3.886 5.706H12.79zm0 1.066c-.075 1.93-.553 3.687-1.31 5.011a6.91 6.91 0 0 1-.453.695 6.936 6.936 0 0 0 3.886-5.706H12.79z' clip-rule='evenodd'/%3E%3C/svg%3E");appearance:none;background-color:#230050;background-repeat:no-repeat;background-position:15px;background-size:16px 16px;border:none;color:#fff;cursor:pointer;display:block;font-family:Overpass,Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-weight:500;padding:.4287245445rem 30px .4287245445rem 2.1436227224rem;transition:all .15s ease-out}.ilo--language-switcher--button:focus,.ilo--language-switcher--button:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%231E2DBE' fill-rule='evenodd' d='M1.087 7.467H3.21c.075-1.93.553-3.687 1.31-5.011.14-.245.29-.478.453-.695a6.936 6.936 0 0 0-3.886 5.706zM8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0zm-.533 1.141c-.726.204-1.437.822-2.02 1.844-.654 1.143-1.095 2.713-1.17 4.482h3.19V1.14zm0 7.392h-3.19c.075 1.77.516 3.339 1.17 4.482.583 1.022 1.294 1.64 2.02 1.844V8.533zM4.973 14.24a6.907 6.907 0 0 1-.453-.695c-.757-1.324-1.235-3.082-1.31-5.01H1.087a6.937 6.937 0 0 0 3.886 5.705zm3.56.62V8.533h3.19c-.075 1.77-.516 3.339-1.17 4.482-.583 1.022-1.294 1.64-2.02 1.844zm3.19-7.392h-3.19V1.14c.726.204 1.437.822 2.02 1.844.654 1.143 1.095 2.713 1.17 4.482zm1.067 0c-.075-1.93-.553-3.687-1.31-5.011a6.911 6.911 0 0 0-.453-.695 6.936 6.936 0 0 1 3.886 5.706H12.79zm0 1.066c-.075 1.93-.553 3.687-1.31 5.011a6.91 6.91 0 0 1-.453.695 6.936 6.936 0 0 0 3.886-5.706H12.79z' clip-rule='evenodd'/%3E%3C/svg%3E");background-color:#ebf5fd;color:#1e2dbe}[dir=rtl] .ilo--language-switcher--button{padding:.4287245445rem 2.1436227224rem .4287245445rem 30px;background-position:calc(100% - 15px) 50%}.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{display:none;visibility:hidden;background:#fff;height:100%;left:0;padding:0 0 1.7148981779rem;position:absolute;top:0;transform:translateX(100%);transition:transform 225ms ease-out;width:100%}.ilo--subnav--open .ilo--subnav{visibility:visible;transform:translateX(0)}@media screen and (min-width:1024px){.ilo--subnav{height:auto;left:0;padding:1.7148981779rem 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{font-size:16px;letter-spacing:-.02em;line-height:21.6px;background:#fff;color:#230050;display:flex;font-family:Overpass,Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-weight:500;padding:18px .4287245445rem;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{font-size:16px;letter-spacing:-.02em;line-height:21.6px;background-color:#fff;border:none;color:#230050;cursor:pointer;font-family:Overpass,Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-weight:500;padding:1.0718113612rem .857449089rem .857449089rem 1.7148981779rem;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' viewBox='0 0 24 24'%3E%3Cpath fill='%23230050' d='M7.9 12.5l-.2-.2c0-.1-.1-.2-.1-.3s0-.2.1-.3c0-.1.1-.2.2-.2L15.4 4l1 1-7 7 7 7-1 1-7.5-7.5z'/%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:1.0718113612rem 1.7148981779rem .857449089rem .857449089rem}[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' viewBox='0 0 24 24'%3E%3Cpath fill='%23230050' d='M8.638 19.996l-.988-.988L14.657 12 7.65 4.992l.988-.989 7.505 7.5a.702.702 0 0 1 0 .995l-7.505 7.498z'/%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' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M7.9 12.5l-.2-.2c0-.1-.1-.2-.1-.3s0-.2.1-.3c0-.1.1-.2.2-.2L15.4 4l1 1-7 7 7 7-1 1-7.5-7.5z'/%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' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M8.638 19.996l-.988-.988L14.657 12 7.65 4.992l.988-.989 7.505 7.5a.702.702 0 0 1 0 .995l-7.505 7.498z'/%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{font-size:18.66px;letter-spacing:-.035em;line-height:24.26px;border-bottom:3px solid #edf0f2;color:#2d2d2d;font-family:Overpass,Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-weight:700;margin-bottom:.857449089rem;padding:1.0718113612rem .4287245445rem;width:100%}.ilo--search-box{display:none;visibility:hidden;background:#fff;left:0;position:absolute;top:0;transform:translateX(100%);transition:transform 225ms ease-out;width:100%}.ilo--search--open .ilo--search-box{visibility:visible;transform:translateX(0)}@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:1.7148981779rem 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:4.2872454448rem 1.0718113612rem}.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{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' d='M16.707 15.257a6.85 6.85 0 0 0 1.4-4.2 7 7 0 0 0-7-7.1 7.1 7.1 0 0 0 0 14.2 6.64 6.64 0 0 0 4.2-1.4l3 3a1 1 0 0 0 1.4 0 1 1 0 0 0 0-1.4l-3-3.1zm-5.6.8a5 5 0 0 1-5.1-5 5.1 5.1 0 0 1 10.2 0 4.999 4.999 0 0 1-5.1 5z'/%3E%3C/svg%3E");appearance:none;background-color:transparent;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-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M16.707 15.257a6.85 6.85 0 0 0 1.4-4.2 7 7 0 0 0-7-7.1 7.1 7.1 0 0 0 0 14.2 6.64 6.64 0 0 0 4.2-1.4l3 3a1 1 0 0 0 1.4 0 1 1 0 0 0 0-1.4l-3-3.1zm-5.6.8a5 5 0 0 1-5.1-5 5.1 5.1 0 0 1 10.2 0 4.999 4.999 0 0 1-5.1 5z'/%3E%3C/svg%3E");background-color:#ebf5fd}.ilo--search--open .ilo--search--button{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23230050' d='M16.95 15.536L13.414 12l3.536-3.535-1.414-1.415L12 10.586 8.464 7.05 7.05 8.465 10.586 12 7.05 15.536l1.414 1.414L12 13.414l3.536 3.536 1.414-1.414z'/%3E%3C/svg%3E");background-color:#fff;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-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M16.95 15.536L13.414 12l3.536-3.535-1.414-1.415L12 10.586 8.464 7.05 7.05 8.465 10.586 12 7.05 15.536l1.414 1.414L12 13.414l3.536 3.536 1.414-1.414z'/%3E%3C/svg%3E");background-color:#ebf5fd}.ilo--menu--open{height:100%;padding-top:85px;overflow:hidden;width:100%}#anchor--components-navigation--navigation .docs-story>div:first-child,.sb-show-main.sb-main-padded{padding-top:0}
@@ -1 +1 @@
1
- .ilo--card--wrapper__type__promo{--max-width:33.9764201501rem}.ilo--card--wrapper__type__promo__size__narrow{--max-width:18.3815648446rem}@media screen and (max-width:609px){.ilo--card--wrapper__type__promo__size__narrow{--max-width:100%}}.ilo--card--wrapper__type__promo__size__standard{--max-width:33.9764201501rem}.ilo--card--wrapper__type__promo__size__wide{--max-width:49.3033226152rem}.ilo--card--wrapper__type__promo__size__fluid{--max-width:100%}.ilo--card__type__promo{padding:2.1436227224rem 1.2861736334rem;width:100%}@media screen and (min-width:610px){.ilo--card__type__promo{padding:2.5723472669rem}}@media screen and (min-width:1024px){.ilo--card__type__promo{padding:3.4297963558rem 3.8585209003rem}}.ilo--card__type__promo .ilo--card--title{margin-bottom:.6430868167rem}.ilo--card__type__promo.ilo--card__size__standard{padding:2.5723472669rem}.ilo--card__type__promo.ilo--card__size__standard.ilo--card__cornercut{clip-path:polygon(0 0,calc(100% - 87px) 0,100% 48px,100% 100%,0 100%)}[dir=rtl] .ilo--card__type__promo.ilo--card__size__standard.ilo--card__cornercut{clip-path:polygon(0 0,calc(100% - 87px) 0,100% 48px,100% 100%,0 100%);clip-path:polygon(87px 0,100% 0,100% 100%,0 100%,0 48px)}.ilo--card__type__promo.ilo--card__size__fluid,.ilo--card__type__promo.ilo--card__size__wide{padding:3.4297963558rem 3.8585209003rem}.ilo--card__type__promo.ilo--card__size__fluid.ilo--card__cornercut,.ilo--card__type__promo.ilo--card__size__wide.ilo--card__cornercut{clip-path:polygon(0 0,calc(100% - 116px) 0,100% 64px,100% 100%,0 100%)}[dir=rtl] .ilo--card__type__promo.ilo--card__size__fluid.ilo--card__cornercut,[dir=rtl] .ilo--card__type__promo.ilo--card__size__wide.ilo--card__cornercut{clip-path:polygon(0 0,calc(100% - 116px) 0,100% 64px,100% 100%,0 100%);clip-path:polygon(116px 0,100% 0,100% 100%,0 100%,0 64px)}.ilo--card__type__promo.ilo--card__size__narrow{padding:2.1436227224rem 1.2861736334rem}.ilo--card__type__promo.ilo--card__size__narrow.ilo--card__cornercut{clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px,100% 100%,0 100%)}[dir=rtl] .ilo--card__type__promo.ilo--card__size__narrow.ilo--card__cornercut{clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px left,100% 100%,0 100%)}.ilo--card__type__promo.ilo--card__size__narrow .ilo--card--title{font-size:29.16px;letter-spacing:-.035em;line-height:36.45px;margin-bottom:.4287245445rem}@media screen and (min-width:610px){.ilo--card__type__promo.ilo--card__size__narrow .ilo--card--title{font-size:45.56px;letter-spacing:-.035em;line-height:52.39px}}.ilo--card__type__promo.ilo--card__size__narrow .ilo--card--intro{font-size:16px;letter-spacing:normal;line-height:23.36px}.ilo--card__type__promo.ilo--card__theme__light:not(:hover) .ilo--card--title{color:#2d2d2d;transition-property:color;transition-duration:.15s;transition-timing-function:ease-out}.ilo--card__type__promo .ilo--card--title{font-size:29.16px;letter-spacing:-.035em;line-height:36.45px}@media screen and (min-width:610px){.ilo--card__type__promo .ilo--card--title{font-size:45.56px;letter-spacing:-.035em;line-height:52.39px}}.ilo--card__type__promo .ilo--card--intro{font-size:16px;letter-spacing:normal;line-height:23.36px;margin-bottom:1.7148981779rem}@media screen and (min-width:610px){.ilo--card__type__promo .ilo--card--intro{font-size:18.66px;letter-spacing:normal;line-height:27.24px}}
1
+ .ilo--card--wrapper__type__promo{--max-width:33.9764201501rem}.ilo--card--wrapper__type__promo__size__narrow{--max-width:18.3815648446rem}@media screen and (max-width:609px){.ilo--card--wrapper__type__promo__size__narrow{--max-width:100%}}.ilo--card--wrapper__type__promo__size__standard{--max-width:33.9764201501rem}.ilo--card--wrapper__type__promo__size__wide{--max-width:49.3033226152rem}.ilo--card--wrapper__type__promo__size__fluid{--max-width:100%}.ilo--card__type__promo{padding:2.1436227224rem 1.2861736334rem;width:100%}@media screen and (min-width:610px){.ilo--card__type__promo{padding:2.5723472669rem}}@media screen and (min-width:1024px){.ilo--card__type__promo{padding:3.4297963558rem 3.8585209003rem}}.ilo--card__type__promo .ilo--card--title{margin-bottom:.6430868167rem}.ilo--card__type__promo.ilo--card__size__standard{padding:2.5723472669rem}.ilo--card__type__promo.ilo--card__size__standard.ilo--card__cornercut{clip-path:polygon(0 0,calc(100% - 87px) 0,100% 48px,100% 100%,0 100%)}[dir=rtl] .ilo--card__type__promo.ilo--card__size__standard.ilo--card__cornercut{clip-path:polygon(87px 0,100% 0,100% 100%,0 100%,0 48px)}.ilo--card__type__promo.ilo--card__size__fluid,.ilo--card__type__promo.ilo--card__size__wide{padding:3.4297963558rem 3.8585209003rem}.ilo--card__type__promo.ilo--card__size__fluid.ilo--card__cornercut,.ilo--card__type__promo.ilo--card__size__wide.ilo--card__cornercut{clip-path:polygon(0 0,calc(100% - 116px) 0,100% 64px,100% 100%,0 100%)}[dir=rtl] .ilo--card__type__promo.ilo--card__size__fluid.ilo--card__cornercut,[dir=rtl] .ilo--card__type__promo.ilo--card__size__wide.ilo--card__cornercut{clip-path:polygon(116px 0,100% 0,100% 100%,0 100%,0 64px)}.ilo--card__type__promo.ilo--card__size__narrow{padding:2.1436227224rem 1.2861736334rem}.ilo--card__type__promo.ilo--card__size__narrow.ilo--card__cornercut{clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px,100% 100%,0 100%)}[dir=rtl] .ilo--card__type__promo.ilo--card__size__narrow.ilo--card__cornercut{clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px left,100% 100%,0 100%)}.ilo--card__type__promo.ilo--card__size__narrow .ilo--card--title{font-size:29.16px;letter-spacing:-.035em;line-height:36.45px;margin-bottom:.4287245445rem}@media screen and (min-width:610px){.ilo--card__type__promo.ilo--card__size__narrow .ilo--card--title{font-size:45.56px;letter-spacing:-.035em;line-height:52.39px}}.ilo--card__type__promo.ilo--card__size__narrow .ilo--card--intro{font-size:16px;letter-spacing:normal;line-height:23.36px}.ilo--card__type__promo.ilo--card__theme__light:not(:hover) .ilo--card--title{color:#2d2d2d;transition-property:color;transition-duration:.15s;transition-timing-function:ease-out}.ilo--card__type__promo .ilo--card--title{font-size:29.16px;letter-spacing:-.035em;line-height:36.45px}@media screen and (min-width:610px){.ilo--card__type__promo .ilo--card--title{font-size:45.56px;letter-spacing:-.035em;line-height:52.39px}}.ilo--card__type__promo .ilo--card--intro{font-size:16px;letter-spacing:normal;line-height:23.36px;margin-bottom:1.7148981779rem}@media screen and (min-width:610px){.ilo--card__type__promo .ilo--card--intro{font-size:18.66px;letter-spacing:normal;line-height:27.24px}}
@@ -1 +1 @@
1
- @charset "UTF-8";.ilo--richtext{font-family:Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-weight:400;font-size:18.66px;letter-spacing:normal;line-height:27.24px}.ilo--richtext a{background:transparent;color:#230050;font-size:inherit;font-weight:inherit;line-height:inherit;text-decoration:underline;text-underline-offset:.3215434084rem;text-decoration-thickness:.0803858521rem;padding-bottom:.2143622722rem}.ilo--richtext a:visited{background:transparent;color:#960a55}.ilo--richtext a:hover{background:#fff;color:#1e2dbe;text-decoration-thickness:3px}.ilo--richtext a:active,.ilo--richtext a:focus{background:#ffcd2d;color:#230050;text-decoration-thickness:3px}.ilo--richtext a--dark{background:transparent;color:#edf0f2}.ilo--richtext a--dark:visited{background:transparent;color:#b8c4cc}.ilo--richtext a--dark:hover{background:#fff;color:#1e2dbe;text-decoration-thickness:3px}.ilo--richtext a--dark:active,.ilo--richtext a--dark:focus{background:#ffcd2d;color:#230050;text-decoration-thickness:3px}.ilo--richtext a--footer{font-size:11.94px;letter-spacing:normal;line-height:16.24px;background:transparent;color:#6d6d6d}.ilo--richtext a--footer:visited{background:transparent;color:#960a55}.ilo--richtext a--footer:hover{background:#fff;color:#1e2dbe;text-decoration-thickness:3px}.ilo--richtext a--footer:active,.ilo--richtext a--footer:focus{background:#ffcd2d;color:#230050;text-decoration-thickness:3px}.ilo--richtext img{width:100%}.ilo--richtext p{margin-bottom:1.2861736334rem}.ilo--richtext blockquote+hr,.ilo--richtext dl+hr,.ilo--richtext dl+img,.ilo--richtext ol+hr,.ilo--richtext ol+img,.ilo--richtext p+blockquote,.ilo--richtext p+figure,.ilo--richtext p+hr,.ilo--richtext p+iframe,.ilo--richtext p+img,.ilo--richtext ul+hr,.ilo--richtext ul+img{margin-top:2.7675813769rem}.ilo--richtext article,.ilo--richtext figure,.ilo--richtext iframe{margin-bottom:3.0010718114rem}.ilo--richtext figure{width:100%}.ilo--richtext figcaption{border-left:3px solid #b8c4cc;color:#6d6d6d;font-weight:400;margin-top:.857449089rem;padding-left:.4287245445rem;font-size:14.93px;letter-spacing:-.02em;line-height:20.16px}.ilo--richtext em,.ilo--richtext i{font-style:italic}.ilo--richtext b,.ilo--richtext strong{font-weight:700}.ilo--richtext hr{background-color:#edf0f2;border:none;height:.2143622722rem;margin-bottom:3.0010718114rem}.ilo--richtext h1,.ilo--richtext h2,.ilo--richtext h3,.ilo--richtext h4,.ilo--richtext h5{font-family:Overpass,Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-weight:700;margin-top:3.0010718114rem}.ilo--richtext h1{margin-bottom:.6830690456rem;font-size:36px;letter-spacing:-.035em;line-height:43.2px}.ilo--richtext h2{margin-bottom:.8565309039rem;font-size:28px;letter-spacing:-.035em;line-height:35px}.ilo--richtext h3{margin-bottom:.5741425509rem;font-size:24px;letter-spacing:-.035em;line-height:30px}.ilo--richtext h4{margin-bottom:.7188906752rem;font-size:18px;letter-spacing:-.02em;line-height:23.4px}.ilo--richtext h5{margin-bottom:.8175044291rem;font-size:16px;letter-spacing:-.02em;line-height:21.6px}.ilo--richtext blockquote{background-color:#edf0f2;background-position:100% 0;background-repeat:no-repeat;background-size:3.8585209003rem 2.1436227224rem;display:block;font-family:Overpass,Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;margin:1.2861736334rem 0 2.1436227224rem;padding:4.0728831726rem 0 1.9292604502rem 1.7148981779rem;position:relative;width:fit-content;clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px,100% 100%,0 100%)}.ilo--richtext blockquote p{color:#960a55;font-weight:300;margin-bottom:1.2861736334rem;padding:0 2.5723472669rem 0 0;position:relative;font-size:29.16px;letter-spacing:-.035em;line-height:36.45px}.ilo--richtext blockquote p:after{background-repeat:no-repeat;bottom:0;content:"";display:inline-block;height:1.0718113612rem;position:absolute;right:0;transform:scaleX(-1);width:1.4201500536rem;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='%23960A55' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.564-5.515c-6.238-2.357-10.251-11.145-10.251-16.821h10.251V0H38.688zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.255-2.357-10.267-11.152-10.267-16.821h10.22V0H0z'/%3E%3C/svg%3E")}.ilo--richtext blockquote cite{color:#6d6d6d;font-weight:400;font-size:14.93px;letter-spacing:-.02em;line-height:20.16px}.ilo--richtext blockquote:before{background-repeat:no-repeat;content:"";display:inline-block;height:2.1436227224rem;left:0;position:absolute;width:2.8403001072rem;top:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='%23960A55' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.564-5.515c-6.238-2.357-10.251-11.145-10.251-16.821h10.251V0H38.688zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.255-2.357-10.267-11.152-10.267-16.821h10.22V0H0z'/%3E%3C/svg%3E")}.ilo--richtext ol{counter-reset:a}.ilo--richtext ol li{counter-increment:a;display:table}.ilo--richtext ol li:before{content:counter(a) ".";display:table-cell;text-align:right;padding-inline-end:.4287245445rem}.ilo--richtext ul li{position:relative;padding-inline-start:1.2861736334rem}.ilo--richtext ul li:before{content:"";position:absolute;height:.7502679528rem;width:.6430868167rem;top:.3215434084rem;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 12.4'%3E%3Cpath fill='%23B8C4CC' d='M10.8 6.4L0 .4v12l10.8-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;left:0;right:0}[dir=rtl] .ilo--richtext ul li:before{transform:rotate(180deg)}@media screen and (min-width:610px){.ilo--richtext ul li:before{top:.3751339764rem}}.ilo--richtext li{font-size:16px;letter-spacing:normal;line-height:23.36px;font-family:Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;margin-bottom:.857449089rem}.ilo--richtext li b,.ilo--richtext li strong{font-weight:700;letter-spacing:-.02em}@media screen and (min-width:610px){.ilo--richtext,.ilo--richtext li{font-size:18.66px;letter-spacing:normal;line-height:27.24px}.ilo--richtext h1,.ilo--richtext h2,.ilo--richtext h3,.ilo--richtext h4,.ilo--richtext h5{margin-top:3.4297963558rem}.ilo--richtext h1{margin-bottom:.8520418857rem;font-size:44px;letter-spacing:-.035em;line-height:50.6px}.ilo--richtext h2{margin-bottom:1.1117935901rem;font-size:36px;letter-spacing:-.035em;line-height:43.2px}.ilo--richtext h3{margin-bottom:.8565309039rem;font-size:28px;letter-spacing:-.035em;line-height:35px}.ilo--richtext h4{margin-bottom:1.0028670954rem;font-size:24px;letter-spacing:-.035em;line-height:30px}.ilo--richtext h5{margin-bottom:1.1476152197rem;font-size:18px;letter-spacing:-.02em;line-height:23.4px}.ilo--richtext p{margin-bottom:.9381095829rem}.ilo--richtext blockquote+hr,.ilo--richtext dl+hr,.ilo--richtext dl+img,.ilo--richtext ol+hr,.ilo--richtext ol+img,.ilo--richtext p+blockquote,.ilo--richtext p+figure,.ilo--richtext p+hr,.ilo--richtext p+iframe,.ilo--richtext p+img,.ilo--richtext ul+hr,.ilo--richtext ul+img{margin-top:3.0817323053rem}.ilo--richtext hr{margin-bottom:4.0728831726rem}.ilo--richtext figure{width:100%;margin-bottom:3.0817323053rem}.ilo--richtext blockquote{background-size:4.6087888532rem 2.5723472669rem;margin:1.7148981779rem 0 4.0728831726rem;padding:3.4297963558rem 0 2.5723472669rem 2.5723472669rem;clip-path:polygon(0 0,calc(100% - 86px) 0,100% 48px,100% 100%,0 100%)}.ilo--richtext blockquote p{margin-bottom:1.2861736334rem;padding:0 2.5723472669rem 0 0;position:relative;font-size:36.45px;letter-spacing:-.035em;line-height:43.74px}.ilo--richtext blockquote p:after{height:1.2861736334rem;width:1.7148981779rem}.ilo--richtext blockquote:before{height:2.5723472669rem;width:3.4297963558rem}}[dir=rtl] .ilo--richtext figcaption{border-left:none;border-right:3px solid #b8c4cc;padding-left:0;padding-right:.4287245445rem}[dir=rtl] .ilo--richtext blockquote{background-position:-1px -1px;padding:3.0010718114rem 1.7148981779rem 1.9292604502rem 0;clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px,100% 100%,0 100%);clip-path:polygon(72px 0,100% 0,100% 100%,0 100%,0 40px)}[dir=rtl] .ilo--richtext blockquote p{padding:0 0 0 2.5723472669rem}[dir=rtl] .ilo--richtext blockquote p:after{left:0;right:auto;transform:scaleX(1)}[dir=rtl] .ilo--richtext blockquote:before{left:auto;right:0;transform:scaleX(-1)}@media screen and (min-width:610px){[dir=rtl] .ilo--richtext blockquote{padding:3.2154340836rem 2.5723472669rem 2.5723472669rem 0}[dir=rtl] .ilo--richtext blockquote blockquote{clip-path:polygon(0 0,calc(100% - 86px) 0,100% 48px,100% 100%,0 100%);clip-path:polygon(86px 0,100% 0,100% 100%,0 100%,0 48px)}}
1
+ @charset "UTF-8";.ilo--richtext{font-family:Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-weight:400;font-size:18.66px;letter-spacing:normal;line-height:27.24px}.ilo--richtext a{background:transparent;color:#230050;font-size:inherit;font-weight:inherit;line-height:inherit;text-decoration:underline;text-underline-offset:.3215434084rem;text-decoration-thickness:.0803858521rem;padding-bottom:.2143622722rem}.ilo--richtext a:visited{background:transparent;color:#960a55}.ilo--richtext a:hover{background:#fff;color:#1e2dbe;text-decoration-thickness:3px}.ilo--richtext a:active,.ilo--richtext a:focus{background:#ffcd2d;color:#230050;text-decoration-thickness:3px}.ilo--richtext a--dark{background:transparent;color:#edf0f2}.ilo--richtext a--dark:visited{background:transparent;color:#b8c4cc}.ilo--richtext a--dark:hover{background:#fff;color:#1e2dbe;text-decoration-thickness:3px}.ilo--richtext a--dark:active,.ilo--richtext a--dark:focus{background:#ffcd2d;color:#230050;text-decoration-thickness:3px}.ilo--richtext a--footer{font-size:11.94px;letter-spacing:normal;line-height:16.24px;background:transparent;color:#6d6d6d}.ilo--richtext a--footer:visited{background:transparent;color:#960a55}.ilo--richtext a--footer:hover{background:#fff;color:#1e2dbe;text-decoration-thickness:3px}.ilo--richtext a--footer:active,.ilo--richtext a--footer:focus{background:#ffcd2d;color:#230050;text-decoration-thickness:3px}.ilo--richtext img{width:100%}.ilo--richtext p{margin-bottom:1.2861736334rem}.ilo--richtext blockquote+hr,.ilo--richtext dl+hr,.ilo--richtext dl+img,.ilo--richtext ol+hr,.ilo--richtext ol+img,.ilo--richtext p+blockquote,.ilo--richtext p+figure,.ilo--richtext p+hr,.ilo--richtext p+iframe,.ilo--richtext p+img,.ilo--richtext ul+hr,.ilo--richtext ul+img{margin-top:2.7675813769rem}.ilo--richtext article,.ilo--richtext figure,.ilo--richtext iframe{margin-bottom:3.0010718114rem}.ilo--richtext figure{width:100%}.ilo--richtext figcaption{border-left:3px solid #b8c4cc;color:#6d6d6d;font-weight:400;margin-top:.857449089rem;padding-left:.4287245445rem;font-size:14.93px;letter-spacing:-.02em;line-height:20.16px}.ilo--richtext em,.ilo--richtext i{font-style:italic}.ilo--richtext b,.ilo--richtext strong{font-weight:700}.ilo--richtext hr{background-color:#edf0f2;border:none;height:.2143622722rem;margin-bottom:3.0010718114rem}.ilo--richtext h1,.ilo--richtext h2,.ilo--richtext h3,.ilo--richtext h4,.ilo--richtext h5{font-family:Overpass,Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-weight:700;margin-top:3.0010718114rem}.ilo--richtext h1{margin-bottom:.6830690456rem;font-size:36px;letter-spacing:-.035em;line-height:43.2px}.ilo--richtext h2{margin-bottom:.8565309039rem;font-size:28px;letter-spacing:-.035em;line-height:35px}.ilo--richtext h3{margin-bottom:.5741425509rem;font-size:24px;letter-spacing:-.035em;line-height:30px}.ilo--richtext h4{margin-bottom:.7188906752rem;font-size:18px;letter-spacing:-.02em;line-height:23.4px}.ilo--richtext h5{margin-bottom:.8175044291rem;font-size:16px;letter-spacing:-.02em;line-height:21.6px}.ilo--richtext blockquote{background-color:#edf0f2;background-position:100% 0;background-repeat:no-repeat;background-size:3.8585209003rem 2.1436227224rem;display:block;font-family:Overpass,Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;margin:1.2861736334rem 0 2.1436227224rem;padding:4.0728831726rem 0 1.9292604502rem 1.7148981779rem;position:relative;width:fit-content;clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px,100% 100%,0 100%)}.ilo--richtext blockquote p{color:#960a55;font-weight:300;margin-bottom:1.2861736334rem;padding:0 2.5723472669rem 0 0;position:relative;font-size:29.16px;letter-spacing:-.035em;line-height:36.45px}.ilo--richtext blockquote p:after{background-repeat:no-repeat;bottom:0;content:"";display:inline-block;height:1.0718113612rem;position:absolute;right:0;transform:scaleX(-1);width:1.4201500536rem;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='%23960A55' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.564-5.515c-6.238-2.357-10.251-11.145-10.251-16.821h10.251V0H38.688zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.255-2.357-10.267-11.152-10.267-16.821h10.22V0H0z'/%3E%3C/svg%3E")}.ilo--richtext blockquote cite{color:#6d6d6d;font-weight:400;font-size:14.93px;letter-spacing:-.02em;line-height:20.16px}.ilo--richtext blockquote:before{background-repeat:no-repeat;content:"";display:inline-block;height:2.1436227224rem;left:0;position:absolute;width:2.8403001072rem;top:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='%23960A55' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.564-5.515c-6.238-2.357-10.251-11.145-10.251-16.821h10.251V0H38.688zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.255-2.357-10.267-11.152-10.267-16.821h10.22V0H0z'/%3E%3C/svg%3E")}.ilo--richtext ol{counter-reset:a}.ilo--richtext ol li{counter-increment:a;display:table}.ilo--richtext ol li:before{content:counter(a) ".";display:table-cell;text-align:right;padding-inline-end:.4287245445rem}.ilo--richtext ul li{position:relative;padding-inline-start:1.2861736334rem}.ilo--richtext ul li:before{content:"";position:absolute;height:.7502679528rem;width:.6430868167rem;top:.3215434084rem;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 12.4'%3E%3Cpath fill='%23B8C4CC' d='M10.8 6.4L0 .4v12l10.8-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;left:0;right:0}[dir=rtl] .ilo--richtext ul li:before{transform:rotate(180deg)}@media screen and (min-width:610px){.ilo--richtext ul li:before{top:.3751339764rem}}.ilo--richtext li{font-size:16px;letter-spacing:normal;line-height:23.36px;font-family:Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;margin-bottom:.857449089rem}.ilo--richtext li b,.ilo--richtext li strong{font-weight:700;letter-spacing:-.02em}@media screen and (min-width:610px){.ilo--richtext,.ilo--richtext li{font-size:18.66px;letter-spacing:normal;line-height:27.24px}.ilo--richtext h1,.ilo--richtext h2,.ilo--richtext h3,.ilo--richtext h4,.ilo--richtext h5{margin-top:3.4297963558rem}.ilo--richtext h1{margin-bottom:.8520418857rem;font-size:44px;letter-spacing:-.035em;line-height:50.6px}.ilo--richtext h2{margin-bottom:1.1117935901rem;font-size:36px;letter-spacing:-.035em;line-height:43.2px}.ilo--richtext h3{margin-bottom:.8565309039rem;font-size:28px;letter-spacing:-.035em;line-height:35px}.ilo--richtext h4{margin-bottom:1.0028670954rem;font-size:24px;letter-spacing:-.035em;line-height:30px}.ilo--richtext h5{margin-bottom:1.1476152197rem;font-size:18px;letter-spacing:-.02em;line-height:23.4px}.ilo--richtext p{margin-bottom:.9381095829rem}.ilo--richtext blockquote+hr,.ilo--richtext dl+hr,.ilo--richtext dl+img,.ilo--richtext ol+hr,.ilo--richtext ol+img,.ilo--richtext p+blockquote,.ilo--richtext p+figure,.ilo--richtext p+hr,.ilo--richtext p+iframe,.ilo--richtext p+img,.ilo--richtext ul+hr,.ilo--richtext ul+img{margin-top:3.0817323053rem}.ilo--richtext hr{margin-bottom:4.0728831726rem}.ilo--richtext figure{width:100%;margin-bottom:3.0817323053rem}.ilo--richtext blockquote{background-size:4.6087888532rem 2.5723472669rem;margin:1.7148981779rem 0 4.0728831726rem;padding:3.4297963558rem 0 2.5723472669rem 2.5723472669rem;clip-path:polygon(0 0,calc(100% - 86px) 0,100% 48px,100% 100%,0 100%)}.ilo--richtext blockquote p{margin-bottom:1.2861736334rem;padding:0 2.5723472669rem 0 0;position:relative;font-size:36.45px;letter-spacing:-.035em;line-height:43.74px}.ilo--richtext blockquote p:after{height:1.2861736334rem;width:1.7148981779rem}.ilo--richtext blockquote:before{height:2.5723472669rem;width:3.4297963558rem}}[dir=rtl] .ilo--richtext figcaption{border-left:none;border-right:3px solid #b8c4cc;padding-left:0;padding-right:.4287245445rem}[dir=rtl] .ilo--richtext blockquote{background-position:-1px -1px;padding:3.0010718114rem 1.7148981779rem 1.9292604502rem 0;clip-path:polygon(72px 0,100% 0,100% 100%,0 100%,0 40px)}[dir=rtl] .ilo--richtext blockquote p{padding:0 0 0 2.5723472669rem}[dir=rtl] .ilo--richtext blockquote p:after{left:0;right:auto;transform:scaleX(1)}[dir=rtl] .ilo--richtext blockquote:before{left:auto;right:0;transform:scaleX(-1)}@media screen and (min-width:610px){[dir=rtl] .ilo--richtext blockquote{padding:3.2154340836rem 2.5723472669rem 2.5723472669rem 0}[dir=rtl] .ilo--richtext blockquote blockquote{clip-path:polygon(86px 0,100% 0,100% 100%,0 100%,0 48px)}}
@@ -1 +1 @@
1
- @charset "UTF-8";.ilo--card__type__stat{--max-width:18.3815648446rem;border-bottom:.1607717042rem solid #960a55;padding:2.1436227224rem 1.2861736334rem 1.7148981779rem;position:relative;width:100%;clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px,100% 100%,0 100%)}@media screen and (max-width:609px){.ilo--card__type__stat{--max-width:100%}}[dir=rtl] .ilo--card__type__stat{clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px,100% 100%,0 100%);clip-path:polygon(72px 0,100% 0,100% 100%,0 100%,0 40px)}.ilo--card__type__stat.ilo--card__color__blue{background:#ebf5fd}.ilo--card__type__stat.ilo--card__color__yellow{background:#ffcd2d}.ilo--card__type__stat.ilo--card__color__green{background:#8ce164}.ilo--card__type__stat.ilo--card__color__turquoise{background:#05d2d2}.ilo--card__type__stat .ilo--card--content{display:flex;flex-flow:column;align-items:flex-start;justify-content:flex-start;height:100%}.ilo--card__type__stat .ilo--card--title{color:#230050;font-size:36.45px;letter-spacing:-.035em;line-height:43.74px;margin-bottom:.4278063594rem;width:100%}.ilo--card__type__stat .ilo--card--intro{color:#230050;font-family:Overpass,Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-size:18.66px;letter-spacing:normal;line-height:27.24px;margin-bottom:1.6734954235rem;width:100%}.ilo--card__type__stat .ilo--card--source{display:flex;flex:auto;flex-flow:column;justify-content:flex-end;align-items:flex-start}.ilo--card__type__stat .ilo--link{font-size:11.94px;letter-spacing:-.02em;line-height:16.24px;line-height:1.2861736334rem}
1
+ @charset "UTF-8";.ilo--card__type__stat{--max-width:18.3815648446rem;border-bottom:.1607717042rem solid #960a55;padding:2.1436227224rem 1.2861736334rem 1.7148981779rem;position:relative;width:100%;clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px,100% 100%,0 100%)}@media screen and (max-width:609px){.ilo--card__type__stat{--max-width:100%}}[dir=rtl] .ilo--card__type__stat{clip-path:polygon(72px 0,100% 0,100% 100%,0 100%,0 40px)}.ilo--card__type__stat.ilo--card__color__blue{background:#ebf5fd}.ilo--card__type__stat.ilo--card__color__yellow{background:#ffcd2d}.ilo--card__type__stat.ilo--card__color__green{background:#8ce164}.ilo--card__type__stat.ilo--card__color__turquoise{background:#05d2d2}.ilo--card__type__stat .ilo--card--content{display:flex;flex-flow:column;align-items:flex-start;justify-content:flex-start;height:100%}.ilo--card__type__stat .ilo--card--title{color:#230050;font-size:36.45px;letter-spacing:-.035em;line-height:43.74px;margin-bottom:.4278063594rem;width:100%}.ilo--card__type__stat .ilo--card--intro{color:#230050;font-family:Overpass,Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-size:18.66px;letter-spacing:normal;line-height:27.24px;margin-bottom:1.6734954235rem;width:100%}.ilo--card__type__stat .ilo--card--source{display:flex;flex:auto;flex-flow:column;justify-content:flex-end;align-items:flex-start}.ilo--card__type__stat .ilo--link{font-size:11.94px;letter-spacing:-.02em;line-height:16.24px;line-height:1.2861736334rem}
@@ -1 +1 @@
1
- @charset "UTF-8";.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:1.2861736334rem}.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-property:color,background-color,border-color;transition-duration:.15s;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-property:color,background-color,border-color;transition-duration:.15s;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;font-family:Overpass,Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-weight:600;display:flex;height:3.2154340836rem;justify-content:flex-start;padding-left:.4287245445rem;padding-right:1.2861736334rem;text-decoration:none;font-size:16px;letter-spacing:-.02em;line-height:21.6px;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:ease-out}.ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]{background-color:#fff;border-top:.1607717042rem solid #230050;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:ease-out}.ilo--tabs.tabs--js .ilo--tabs--selection--button.icon .ilo--icon{height:.857449089rem;margin-right:.2679528403rem;order:1;width:.857449089rem}.ilo--tabs.tabs--js .ilo--tabs--selection--button.icon .ilo--tabs--selection--label{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;color:#1e2dbe;outline:0;border-top:.1607717042rem solid #1e2dbe;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:ease-out}.ilo--tabs.tabs--js .ilo--tabs--selection--button:hover.has--tooltip .ilo--tooltip--wrapper,.ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]:hover.has--tooltip .ilo--tooltip--wrapper{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%231E2DBE' d='M8 0C6.4 0 4.9.5 3.6 1.3c-1.4.9-2.4 2.2-3 3.6C0 6.4-.2 8 .2 9.6c.3 1.6 1.1 3 2.2 4.1 1.1 1.1 2.5 1.9 4.1 2.2s3.2.2 4.6-.5c1.5-.6 2.7-1.6 3.6-2.9.8-1.4 1.3-2.9 1.3-4.5 0-2.1-.8-4.2-2.3-5.7C12.2.8 10.1 0 8 0zm0 14c-1.2 0-2.3-.4-3.3-1-1-.7-1.8-1.6-2.2-2.7C2 9.2 1.9 8 2.1 6.8c.2-1.2.8-2.2 1.6-3.1.8-.8 1.9-1.4 3.1-1.6 1.2-.2 2.4-.1 3.5.4s2 1.2 2.7 2.2c.7 1 1 2.1 1 3.3 0 1.6-.6 3.1-1.8 4.2C11.1 13.4 9.6 14 8 14z'/%3E%3Cpath fill='%231E2DBE' d='M9 7H7v5h2V7zM8 6c.6 0 1-.4 1-1s-.4-1-1-1-1 .4-1 1 .4 1 1 1z'/%3E%3C/svg%3E")}.ilo--tabs.tabs--js .ilo--tabs--selection--label{display:-webkit-box;-webkit-line-clamp:1;overflow:hidden;padding-top:.2143622722rem}.ilo--tabs.tabs--js .ilo--tabs--selection--item{display:block;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:2.1436227224rem 1.2861736334rem 3.0010718114rem}.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:2.1436227224rem 3.4297963558rem 3.4297963558rem}.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%)}}
1
+ @charset "UTF-8";.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:1.2861736334rem}.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-property:color,background-color,border-color;transition-duration:.15s;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-property:color,background-color,border-color;transition-duration:.15s;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;font-family:Overpass,Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-weight:600;display:flex;gap:.2143622722rem;height:3.2154340836rem;justify-content:flex-start;padding-left:.4287245445rem;padding-right:1.2861736334rem;text-decoration:none;font-size:16px;letter-spacing:-.02em;line-height:21.6px;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:ease-out}.ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]{background-color:#fff;border-top:.1607717042rem solid #230050;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:ease-out}.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{order:2;flex:1 1}.ilo--tabs.tabs--js .ilo--tabs--selection--button:hover,.ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]:hover{background-color:#ebf5fd;color:#1e2dbe;outline:0;border-top:.1607717042rem solid #1e2dbe;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:ease-out}.ilo--tabs.tabs--js .ilo--tabs--selection--button:hover.has--tooltip .ilo--tooltip--wrapper,.ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]:hover.has--tooltip .ilo--tooltip--wrapper{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%231E2DBE' d='M8 0C6.4 0 4.9.5 3.6 1.3c-1.4.9-2.4 2.2-3 3.6C0 6.4-.2 8 .2 9.6c.3 1.6 1.1 3 2.2 4.1 1.1 1.1 2.5 1.9 4.1 2.2s3.2.2 4.6-.5c1.5-.6 2.7-1.6 3.6-2.9.8-1.4 1.3-2.9 1.3-4.5 0-2.1-.8-4.2-2.3-5.7C12.2.8 10.1 0 8 0zm0 14c-1.2 0-2.3-.4-3.3-1-1-.7-1.8-1.6-2.2-2.7C2 9.2 1.9 8 2.1 6.8c.2-1.2.8-2.2 1.6-3.1.8-.8 1.9-1.4 3.1-1.6 1.2-.2 2.4-.1 3.5.4s2 1.2 2.7 2.2c.7 1 1 2.1 1 3.3 0 1.6-.6 3.1-1.8 4.2C11.1 13.4 9.6 14 8 14z'/%3E%3Cpath fill='%231E2DBE' d='M9 7H7v5h2V7zM8 6c.6 0 1-.4 1-1s-.4-1-1-1-1 .4-1 1 .4 1 1 1z'/%3E%3C/svg%3E")}.ilo--tabs.tabs--js .ilo--tabs--selection--label{overflow:hidden;padding-top:.2143622722rem;white-space:nowrap;text-overflow:ellipsis}.ilo--tabs.tabs--js .ilo--tabs--selection--item{overflow:hidden;display:block;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:2.1436227224rem 1.2861736334rem 3.0010718114rem}.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:2.1436227224rem 3.4297963558rem 3.4297963558rem}.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%)}}
@@ -10,7 +10,10 @@
10
10
  <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}}">
11
11
  <span class="ilo--tabs--selection--label">{{item.label}}</span>
12
12
  {% if item.icon is defined %}
13
- {% include '@components/icon/icon.twig' with {icon: item.icon} %}
13
+ {% include '@components/icon/icon.twig' with {
14
+ name: item.icon,
15
+ size: '24'
16
+ } %}
14
17
  {% endif %}
15
18
  </a>
16
19
  </li>