@ilo-org/twig 0.18.0 → 1.0.0

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 (39) hide show
  1. package/dist/components/card_detail/card_detail.twig +27 -27
  2. package/dist/components/card_detail/card_detail.wingsuit.yml +12 -0
  3. package/dist/components/card_factlist/card_factlist.twig +11 -11
  4. package/dist/components/card_factlist/card_factlist.wingsuit.yml +12 -0
  5. package/dist/components/card_feature/card_feature.twig +24 -24
  6. package/dist/components/card_feature/card_feature.wingsuit.yml +12 -0
  7. package/dist/components/card_multilink/card_multilink.twig +1 -1
  8. package/dist/components/card_multilink/card_multilink.wingsuit.yml +12 -0
  9. package/dist/components/card_promo/card_promo.twig +23 -23
  10. package/dist/components/card_promo/card_promo.wingsuit.yml +12 -0
  11. package/dist/components/card_stat/card_stat.twig +1 -1
  12. package/dist/components/card_stat/card_stat.wingsuit.yml +12 -0
  13. package/dist/components/card_text/card_text.twig +21 -21
  14. package/dist/components/card_text/card_text.wingsuit.yml +12 -0
  15. package/dist/components/cardgroup/cardgroup.twig +16 -18
  16. package/dist/components/cardgroup/cardgroup.wingsuit.yml +12 -0
  17. package/dist/components/navigation/navigation.behavior.js +1 -1
  18. package/dist/components/navigation/navigation.css +1 -1
  19. package/dist/components/navigation/navigation.twig +27 -27
  20. package/dist/components/promocard/promocard.css +1 -1
  21. package/package.json +4 -4
  22. package/src/patterns/components/card_detail/card_detail.twig +27 -27
  23. package/src/patterns/components/card_detail/card_detail.wingsuit.yml +12 -0
  24. package/src/patterns/components/card_factlist/card_factlist.twig +11 -11
  25. package/src/patterns/components/card_factlist/card_factlist.wingsuit.yml +12 -0
  26. package/src/patterns/components/card_feature/card_feature.twig +24 -24
  27. package/src/patterns/components/card_feature/card_feature.wingsuit.yml +12 -0
  28. package/src/patterns/components/card_multilink/card_multilink.twig +1 -1
  29. package/src/patterns/components/card_multilink/card_multilink.wingsuit.yml +12 -0
  30. package/src/patterns/components/card_promo/card_promo.twig +23 -23
  31. package/src/patterns/components/card_promo/card_promo.wingsuit.yml +12 -0
  32. package/src/patterns/components/card_stat/card_stat.twig +1 -1
  33. package/src/patterns/components/card_stat/card_stat.wingsuit.yml +12 -0
  34. package/src/patterns/components/card_text/card_text.twig +21 -21
  35. package/src/patterns/components/card_text/card_text.wingsuit.yml +12 -0
  36. package/src/patterns/components/cardgroup/cardgroup.twig +16 -18
  37. package/src/patterns/components/cardgroup/cardgroup.wingsuit.yml +12 -0
  38. package/src/patterns/components/navigation/navigation.js +27 -3
  39. package/src/patterns/components/navigation/navigation.twig +27 -27
package/dist/components/navigation/navigation.css CHANGED
@@ -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{opacity:0;visibility:hidden;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{opacity:1;visibility:visible;z-index:1}.ilo--language-switcher .ilo--language-switcher--button:focus+.ilo--context-menu{opacity:1;visibility:visible;z-index:1}.ilo--subnav{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{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{background:#fff;left:0;position:absolute;top:0;transform:translateX(100%);transition:transform 225ms ease-out;width:100%}.ilo--search--open .ilo--search-box{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:transform 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,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}
package/dist/components/navigation/navigation.twig CHANGED
@@ -8,10 +8,10 @@
8
8
  {% if languagecontextmenu.links is not empty %}
9
9
  <div class="ilo--language-switcher">
10
10
  <div class="ilo--language-switcher--wrap">
11
- <button class="ilo--language-switcher--button" type="button">
11
+ <button tabindex="2" class="ilo--language-switcher--button" type="button">
12
12
  {{languagelabel}}
13
13
  </button>
14
- {% include '@components/contextmenu/contextmenu.twig' with {
14
+ {% include '@components/contextmenu/contextmenu.twig' with {
15
15
  links: languagecontextmenu.links,
16
16
  prefix: prefix
17
17
  }
@@ -20,12 +20,12 @@
20
20
  <!-- /.ilo--language-switcher--wrap -->
21
21
  </div>
22
22
  <!-- /.ilo--language-switcher -->
23
- {% endif %}
23
+ {% endif %}
24
24
  </div>
25
25
  <!-- /.ilo--header--utility-bar -->
26
26
  <div class="ilo--header--logo-bar">
27
27
  <div class="ilo--header--inner {{ prefix }}--container">
28
- <a href="{{siteurl}}" class="ilo--header--logo-link">
28
+ <a tabindex="1" href="{{siteurl}}" class="ilo--header--logo-link">
29
29
  <img class="ilo--header--logo" src="{{logo.image}}" alt="{{logo.alt}}">
30
30
  </a>
31
31
  <p class="ilo--header--logo-tagline">
@@ -39,7 +39,9 @@
39
39
 
40
40
  <!-- /.ilo--header--logo-bar -->
41
41
  <div class="ilo--header--navigation">
42
- <div class="ilo--header--inner {{ prefix }}--container">
42
+ <div
43
+ class="ilo--header--inner {{ prefix }}--container">
44
+ <!-- /.ilo--mobile--nav -->
43
45
  <div class="ilo--mobile--nav">
44
46
  <div class="ilo--mobile--nav--logo">
45
47
  <a href="{{siteurl}}" class="ilo--header--logo-link">
@@ -50,7 +52,7 @@
50
52
  <!-- /.ilo--mobile--logo -->
51
53
  <div class="ilo--mobile--nav--search">
52
54
  {% block mobileSearch %}
53
- {% include '@components/form/form.twig' with {
55
+ {% include '@components/form/form.twig' with {
54
56
  attributes: {
55
57
  action: searchfield.action,
56
58
  "aria-label": label,
@@ -74,29 +76,27 @@
74
76
  <button class="ilo--mobile--nav--language--switcher--button" type="button">{{languagelabel}}</button>
75
77
  </div>
76
78
  {% endif %}
77
- <!-- /.ilo--mobile--nav--language--switcher -->
78
- <div class="ilo--mobile--nav--language--select">
79
- <div class="ilo--header--inner {{ prefix }}--container">
80
- <div class="ilo--mobile--subnav--menu">
81
- <button class="ilo--mobile--subnav--back" type="button">{{subnav.mobilebacklabel}}</button>
82
- <button class="ilo--header--menu--close">{{subnav.mobilecloselabel}}</button>
83
- <h6 class="ilo--mobile--subnav--label">{{languagelabel}}</h6>
84
- </div>
85
- <!-- /ilo--mobile--subnav--menu -->
86
- <ul class="ilo--nav--set">
87
- {% for item in languagecontextmenu.links %}
88
- <li class="ilo--nav--items">
89
- <a href="{{item.url}}" class="ilo--nav--link ilo--nav--language">
90
- {{item.label}}
91
- </a>
92
- </li>
93
- {% endfor %}
94
- </ul>
79
+ <!-- /.ilo--mobile--nav--language--switcher -->
80
+ <div class="ilo--mobile--nav--language--select">
81
+ <div class="ilo--header--inner {{ prefix }}--container">
82
+ <div class="ilo--mobile--subnav--menu">
83
+ <button class="ilo--mobile--subnav--back" type="button">{{subnav.mobilebacklabel}}</button>
84
+ <button class="ilo--header--menu--close">{{subnav.mobilecloselabel}}</button>
85
+ <h6 class="ilo--mobile--subnav--label">{{languagelabel}}</h6>
95
86
  </div>
87
+ <!-- /ilo--mobile--subnav--menu -->
88
+ <ul class="ilo--nav--set">
89
+ {% for item in languagecontextmenu.links %}
90
+ <li class="ilo--nav--items">
91
+ <a href="{{item.url}}" class="ilo--nav--link ilo--nav--language">
92
+ {{item.label}}
93
+ </a>
94
+ </li>
95
+ {% endfor %}
96
+ </ul>
96
97
  </div>
97
98
  </div>
98
-
99
- <!-- /.ilo--mobile--nav -->
99
+ </div>
100
100
  <nav class="ilo--nav" aria-labelledby="primary-navigation">
101
101
  <h2 class="ilo--nav--label" id="primary-navigation">{{primarynav.navlabel}}</h2>
102
102
  <ul class="ilo--nav--set">
@@ -146,7 +146,7 @@
146
146
  <div class="ilo--search-box">
147
147
  <div class="ilo--header--inner {{ prefix }}--container">
148
148
  {% block desktopSearch %}
149
- {% include '@components/form/form.twig' with {
149
+ {% include '@components/form/form.twig' with {
150
150
  attributes: {
151
151
  action: searchfield.action,
152
152
  "aria-label": label,
package/dist/components/promocard/promocard.css CHANGED
@@ -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:36.45px;letter-spacing:-.035em;line-height:43.74px}}.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:36.45px;letter-spacing:-.035em;line-height:43.74px}}.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(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}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ilo-org/twig",
3
- "version": "0.18.0",
3
+ "version": "1.0.0",
4
4
  "license": "Apache-2.0",
5
5
  "description": "Twig components for the ILO's Design System",
6
6
  "publishConfig": {
@@ -49,10 +49,10 @@
49
49
  "video.js": "^7.21.2",
50
50
  "videojs-youtube": "^3.0.1",
51
51
  "@ilo-org/brand-assets": "0.5.1",
52
- "@ilo-org/fonts": "0.2.1",
53
- "@ilo-org/styles": "0.16.1",
54
- "@ilo-org/themes": "0.8.1",
55
52
  "@ilo-org/icons": "0.3.1",
53
+ "@ilo-org/styles": "1.0.0",
54
+ "@ilo-org/themes": "0.8.1",
55
+ "@ilo-org/fonts": "0.2.1",
56
56
  "@ilo-org/utils": "0.1.1"
57
57
  },
58
58
  "devDependencies": {
package/src/patterns/components/card_detail/card_detail.twig CHANGED
@@ -3,35 +3,35 @@
3
3
  #}
4
4
 
5
5
  <div class="{{prefix}}--card {{prefix}}--card__type__detail {{prefix}}--card__action {{prefix}}--card__size__{{size}} {% if isvideo %} {{prefix}}--card__isvideo {% endif %}">
6
- <a class="{{prefix}}--card--link" href="{{link}}" title="{{title}}">
7
- <span class="{{prefix}}--card--link--text">{{title}}</span>
8
- </a>
9
- <div class="{{prefix}}--card--wrap">
10
- {% if image %}
11
- <div class="{{prefix}}--card--image--wrapper">
12
- {% include "@components/picture/picture.twig" with {
6
+ <a class="{{prefix}}--card--link" href="{{link}}" title="{{title}}">
7
+ <span class="{{prefix}}--card--link--text">{{title}}</span>
8
+ </a>
9
+ <div class="{{prefix}}--card--wrap">
10
+ {% if image %}
11
+ <div class="{{prefix}}--card--image--wrapper">
12
+ {% include "@components/picture/picture.twig" with {
13
13
  image: image,
14
14
  class: "card"
15
15
  }
16
16
  %}
17
- </div>
18
- {% endif %}
19
- <div class="{{prefix}}--card--content">
20
- {% if eyebrow %}
21
- <p class="{{prefix}}--card--eyebrow">{{eyebrow}}</p>
22
- {% endif %}
23
- {% if title %}
24
- <h3 class="{{prefix}}--card--title">{{title}}</h3>
25
- {% endif %}
26
- {% if intro %}
27
- <p class="{{prefix}}--card--intro">{{intro}}</p>
28
- {% endif %}
29
- {% if date %}
30
- <time class="{{prefix}}--card--date" datetime="{{date.unix}}">{{date.human}}</time>
31
- {% endif %}
32
- {% if dateExtra %}
33
- <p class="{{prefix}}--card--date-extra">{{dateExtra}}</p>
34
- {% endif %}
35
- </div>
36
- </div>
17
+ </div>
18
+ {% endif %}
19
+ <div class="{{prefix}}--card--content">
20
+ {% if eyebrow %}
21
+ <p class="{{prefix}}--card--eyebrow">{{eyebrow}}</p>
22
+ {% endif %}
23
+ {% if title %}
24
+ <{{titleLevel|default('p')}} class="{{ prefix }}--card--title">{{ title }}</{{titleLevel|default('p')}}>
25
+ {% endif %}
26
+ {% if intro %}
27
+ <p class="{{prefix}}--card--intro">{{intro}}</p>
28
+ {% endif %}
29
+ {% if date %}
30
+ <time class="{{prefix}}--card--date" datetime="{{date.unix}}">{{date.human}}</time>
31
+ {% endif %}
32
+ {% if dateExtra %}
33
+ <p class="{{prefix}}--card--date-extra">{{dateExtra}}</p>
34
+ {% endif %}
35
+ </div>
36
+ </div>
37
37
  </div>
package/src/patterns/components/card_detail/card_detail.wingsuit.yml CHANGED
@@ -69,3 +69,15 @@ detailcard:
69
69
  options:
70
70
  "true": "true"
71
71
  "false": "false"
72
+ titleLevel:
73
+ type: select
74
+ label: Title Element
75
+ description: HTML element used for the title
76
+ required: false
77
+ options:
78
+ p: p
79
+ h1: h1
80
+ h2: h2
81
+ h3: h3
82
+ h4: h4
83
+ h5: h5
package/src/patterns/components/card_factlist/card_factlist.twig CHANGED
@@ -1,21 +1,21 @@
1
1
  {#
2
2
  FACT LIST CARD COMPONENT
3
3
  #}
4
- <div class="{{prefix}}--card {{prefix}}--card__type__factlist {{prefix}}--card__size__{{size}} {{prefix}}--card__theme__{{theme}}">
5
- <div class="{{prefix}}--card--wrap">
6
- <div class="{{prefix}}--card--content">
7
- {% if title %}
8
- <h3 class="{{prefix}}--card--title">{{title}}</h3>
9
- {% endif %}
10
- {% if list %}
11
- {% include "@components/list/list.twig" with {
4
+ <div class="{{prefix}}--card {{prefix}}--card__type__factlist {{prefix}}--card__size__{{size}} {{prefix}}--card__theme__{{theme}}">
5
+ <div class="{{prefix}}--card--wrap">
6
+ <div class="{{prefix}}--card--content">
7
+ {% if title %}
8
+ <{{titleLevel|default('p')}} class="{{ prefix }}--card--title">{{ title }}</{{titleLevel|default('p')}}>
9
+ {% endif %}
10
+ {% if list %}
11
+ {% include "@components/list/list.twig" with {
12
12
  title: list.title,
13
13
  ordered: list.ordered,
14
14
  alignment: list.alignment,
15
15
  items: list.items,
16
16
  prefix: prefix,
17
17
  } only %}
18
- {% endif %}
19
- </div>
20
- </div>
18
+ {% endif %}
19
+ </div>
20
+ </div>
21
21
  </div>
package/src/patterns/components/card_factlist/card_factlist.wingsuit.yml CHANGED
@@ -44,3 +44,15 @@ factlistcard:
44
44
  options:
45
45
  dark: Dark
46
46
  light: Light
47
+ titleLevel:
48
+ type: select
49
+ label: Title Element
50
+ description: HTML element used for the title
51
+ required: false
52
+ options:
53
+ p: p
54
+ h1: h1
55
+ h2: h2
56
+ h3: h3
57
+ h4: h4
58
+ h5: h5
package/src/patterns/components/card_feature/card_feature.twig CHANGED
@@ -3,37 +3,37 @@
3
3
  #}
4
4
 
5
5
  <div class="{{prefix}}--card {{prefix}}--card__type__feature {{prefix}}--card__action {{prefix}}--card__theme__{{theme}} {{prefix}}--card__size__{{ size }} {% if isvideo %} {{prefix}}--card__isvideo {% endif %} {% if cta %} {{prefix}}--card__linklist {% endif %}">
6
- <a class="{{prefix}}--card--link" href="{{link}}" title="{{title}}">
7
- <span class="{{prefix}}--card--link--text">{{title}}</span>
8
- </a>
9
- <div class="{{prefix}}--card--wrap">
10
- {% if image %}
11
- <div class="{{prefix}}--card--image--wrapper">
12
- {% include "@components/picture/picture.twig" with {
6
+ <a class="{{prefix}}--card--link" href="{{link}}" title="{{title}}">
7
+ <span class="{{prefix}}--card--link--text">{{title}}</span>
8
+ </a>
9
+ <div class="{{prefix}}--card--wrap">
10
+ {% if image %}
11
+ <div class="{{prefix}}--card--image--wrapper">
12
+ {% include "@components/picture/picture.twig" with {
13
13
  image: image,
14
14
  class: "card"
15
15
  }
16
16
  %}
17
- </div>
18
- {% endif %}
19
- <div class="{{prefix}}--card--content">
20
- {% if eyebrow %}
21
- <p class="{{prefix}}--card--eyebrow">{{eyebrow}}</p>
22
- {% endif %}
23
- {% if title %}
24
- <h3 class="{{prefix}}--card--title">{{title}}</h3>
25
- {% endif %}
26
- {% if date %}
27
- <time class="{{prefix}}--card--date" datetime="{{date.unix}}">{{date.human}}</time>
28
- {% endif %}
29
- {% if cta %}
30
- {% include "@components/linklist/linklist.twig" with {
17
+ </div>
18
+ {% endif %}
19
+ <div class="{{prefix}}--card--content">
20
+ {% if eyebrow %}
21
+ <p class="{{prefix}}--card--eyebrow">{{eyebrow}}</p>
22
+ {% endif %}
23
+ {% if title %}
24
+ <{{titleLevel|default('p')}} class="{{ prefix }}--card--title">{{ title }}</{{titleLevel|default('p')}}>
25
+ {% endif %}
26
+ {% if date %}
27
+ <time class="{{prefix}}--card--date" datetime="{{date.unix}}">{{date.human}}</time>
28
+ {% endif %}
29
+ {% if cta %}
30
+ {% include "@components/linklist/linklist.twig" with {
31
31
  linkgroup: [{
32
32
  links: [cta]
33
33
  }],
34
34
  prefix: prefix
35
35
  } only %}
36
- {% endif %}
37
- </div>
38
- </div>
36
+ {% endif %}
37
+ </div>
38
+ </div>
39
39
  </div>
package/src/patterns/components/card_feature/card_feature.wingsuit.yml CHANGED
@@ -78,3 +78,15 @@ featurecard:
78
78
  options:
79
79
  dark: Dark
80
80
  light: Light
81
+ titleLevel:
82
+ type: select
83
+ label: Title Element
84
+ description: HTML element used for the title
85
+ required: false
86
+ options:
87
+ p: p
88
+ h1: h1
89
+ h2: h2
90
+ h3: h3
91
+ h4: h4
92
+ h5: h5
package/src/patterns/components/card_multilink/card_multilink.twig CHANGED
@@ -19,7 +19,7 @@
19
19
  <p class="{{prefix}}--card--eyebrow">{{eyebrow}}</p>
20
20
  {% endif %}
21
21
  {% if title %}
22
- <h3 class="{{prefix}}--card--title">{{title}}</h3>
22
+ <{{titleLevel|default('p')}} class="{{ prefix }}--card--title">{{ title }}</{{titleLevel|default('p')}}>
23
23
  {% endif %}
24
24
  {% if image %}
25
25
  <div class="{{prefix}}--card--image--wrapper">
package/src/patterns/components/card_multilink/card_multilink.wingsuit.yml CHANGED
@@ -89,3 +89,15 @@ multilinkcard:
89
89
  narrow: narrow
90
90
  wide: wide
91
91
  fluid: fluid
92
+ titleLevel:
93
+ type: select
94
+ label: Title Element
95
+ description: HTML element used for the title
96
+ required: false
97
+ options:
98
+ p: p
99
+ h1: h1
100
+ h2: h2
101
+ h3: h3
102
+ h4: h4
103
+ h5: h5
package/src/patterns/components/card_promo/card_promo.twig CHANGED
@@ -3,33 +3,33 @@
3
3
  #}
4
4
 
5
5
  <div class="{{prefix}}--card--wrapper {{prefix}}--card--wrapper__type__promo {{prefix}}--card--wrapper__type__promo__size__{{ size }}">
6
- <div class="{{prefix}}--card {{prefix}}--card__type__promo {{prefix}}--card__size__{{ size }} {{prefix}}--card__action {{prefix}}--card__theme__{{theme}} {% if cornercut %}{{prefix}}--card__cornercut{% endif %}">
7
- <a class="{{prefix}}--card--link" href="{{link}}" title="{{title}}">
8
- <span class="{{prefix}}--card--link--text">{{title}}</span>
9
- </a>
10
- <div class="{{prefix}}--card--wrap">
11
- <div class="{{prefix}}--card--content">
12
- {% if eyebrow %}
13
- <p class="{{prefix}}--card--eyebrow">{{eyebrow}}</p>
14
- {% endif %}
15
- {% if title %}
16
- <h3 class="{{prefix}}--card--title">{{title}}</h3>
17
- {% endif %}
18
- {% if intro %}
19
- <p class="{{prefix}}--card--intro">{{intro}}</p>
20
- {% endif %}
21
- {% if cta %}
22
- <div class="{{prefix}}--card--cta">
23
- {% include "@components/button/button.twig" with {
6
+ <div class="{{prefix}}--card {{prefix}}--card__type__promo {{prefix}}--card__size__{{ size }} {{prefix}}--card__action {{prefix}}--card__theme__{{theme}} {% if cornercut %}{{prefix}}--card__cornercut{% endif %}">
7
+ <a class="{{prefix}}--card--link" href="{{link}}" title="{{title}}">
8
+ <span class="{{prefix}}--card--link--text">{{title}}</span>
9
+ </a>
10
+ <div class="{{prefix}}--card--wrap">
11
+ <div class="{{prefix}}--card--content">
12
+ {% if eyebrow %}
13
+ <p class="{{prefix}}--card--eyebrow">{{eyebrow}}</p>
14
+ {% endif %}
15
+ {% if title %}
16
+ <{{titleLevel|default('p')}} class="{{ prefix }}--card--title">{{ title }}</{{titleLevel|default('p')}}>
17
+ {% endif %}
18
+ {% if intro %}
19
+ <p class="{{prefix}}--card--intro">{{intro}}</p>
20
+ {% endif %}
21
+ {% if cta %}
22
+ <div class="{{prefix}}--card--cta">
23
+ {% include "@components/button/button.twig" with {
24
24
  size: "medium",
25
25
  url: cta.url,
26
26
  label: cta.label,
27
27
  type: "primary",
28
28
  prefix: prefix,
29
29
  } only %}
30
- </div>
31
- {% endif %}
32
- </div>
33
- </div>
34
- </div>
30
+ </div>
31
+ {% endif %}
32
+ </div>
33
+ </div>
34
+ </div>
35
35
  </div>
package/src/patterns/components/card_promo/card_promo.wingsuit.yml CHANGED
@@ -69,3 +69,15 @@ promocard:
69
69
  options:
70
70
  dark: Dark
71
71
  light: Light
72
+ titleLevel:
73
+ type: select
74
+ label: Title Element
75
+ description: HTML element used for the title
76
+ required: false
77
+ options:
78
+ p: p
79
+ h1: h1
80
+ h2: h2
81
+ h3: h3
82
+ h4: h4
83
+ h5: h5
package/src/patterns/components/card_stat/card_stat.twig CHANGED
@@ -5,7 +5,7 @@
5
5
  <div class="{{prefix}}--card--wrap">
6
6
  <div class="{{prefix}}--card--content">
7
7
  {% if title %}
8
- <h3 class="{{prefix}}--card--title">{{title}}</h3>
8
+ <{{titleLevel|default('p')}} class="{{ prefix }}--card--title">{{ title }}</{{titleLevel|default('p')}}>
9
9
  {% endif %}
10
10
  {% if intro %}
11
11
  <p class="{{prefix}}--card--intro">{{intro}}</p>
package/src/patterns/components/card_stat/card_stat.wingsuit.yml CHANGED
@@ -42,3 +42,15 @@ statcard:
42
42
  yellow: yellow
43
43
  blue: blue
44
44
  preview: "blue"
45
+ titleLevel:
46
+ type: select
47
+ label: Title Element
48
+ description: HTML element used for the title
49
+ required: false
50
+ options:
51
+ p: p
52
+ h1: h1
53
+ h2: h2
54
+ h3: h3
55
+ h4: h4
56
+ h5: h5