@ilo-org/twig 1.0.1 → 1.0.2
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.
- package/dist/components/breadcrumb/breadcrumb.css +1 -1
- package/dist/components/breadcrumb/breadcrumb.twig +1 -1
- package/dist/components/navigation/navigation.css +1 -1
- package/dist/components/tabs/tabs.css +1 -1
- package/dist/components/tabs/tabs.twig +4 -1
- package/dist/components/tabs/tabs.wingsuit.yml +3 -134
- package/package.json +3 -3
- package/src/patterns/components/breadcrumb/breadcrumb.twig +1 -1
- package/src/patterns/components/tabs/tabs.twig +4 -1
- package/src/patterns/components/tabs/tabs.wingsuit.yml +3 -134
|
@@ -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
|
|
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}.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;font-size:11.94px;letter-spacing:normal;line-height:16.24px}.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}
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
{% if not loop.first and not loop.last %}
|
|
25
25
|
<li class="ilo--breadcrumb--item">
|
|
26
26
|
<a href="{{link.url}}" class="ilo--breadcrumb--link">
|
|
27
|
-
<span class="ilo--breadcrumb--link--label--dropdown
|
|
27
|
+
<span class="ilo--breadcrumb--link--label--dropdown">{{link.label}}</span>
|
|
28
28
|
</a>
|
|
29
29
|
</li>
|
|
30
30
|
{% endif %}
|
|
@@ -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
|
-
@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;
|
|
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 {
|
|
13
|
+
{% include '@components/icon/icon.twig' with {
|
|
14
|
+
name: item.icon,
|
|
15
|
+
size: '24'
|
|
16
|
+
} %}
|
|
14
17
|
{% endif %}
|
|
15
18
|
</a>
|
|
16
19
|
</li>
|
|
@@ -7,9 +7,10 @@ tabs:
|
|
|
7
7
|
items:
|
|
8
8
|
type: object
|
|
9
9
|
label: Items
|
|
10
|
-
description: The items and labels for each tab
|
|
10
|
+
description: The items and labels for each tab. Each item takes a `label` property which gives the tag a name, a `component` property which specifies the kind of component the tab should render, and the `componentdata` which contains the data that will be passed to that component. You can also include an optional `icon` component with the name of the icon to render next to the label.
|
|
11
11
|
preview:
|
|
12
12
|
- label: "Tab Label With A Really Really Lenghty Title Even Though We Do Not Recommend Such A Lengthy Title"
|
|
13
|
+
icon: "info"
|
|
13
14
|
component: "image"
|
|
14
15
|
componentdata:
|
|
15
16
|
alt: "My alt text"
|
|
@@ -33,137 +34,5 @@ tabs:
|
|
|
33
34
|
default:
|
|
34
35
|
label: Default
|
|
35
36
|
description: the default settings for the Tabs
|
|
36
|
-
|
|
37
|
-
label: With Icon
|
|
38
|
-
description: Tabs with Icons
|
|
39
|
-
fields:
|
|
40
|
-
items:
|
|
41
|
-
- label: "Tab One"
|
|
42
|
-
component: "image"
|
|
43
|
-
componentdata:
|
|
44
|
-
alt: "My alt text"
|
|
45
|
-
caption: "my image caption"
|
|
46
|
-
credit: "Photo: copyright 2022 Person S. Name"
|
|
47
|
-
url:
|
|
48
|
-
- breakpoint: 0
|
|
49
|
-
src: "https://place-hold.it/400x300?text=Tab One Image"
|
|
50
|
-
- breakpoint: 800
|
|
51
|
-
src: "https://place-hold.it/800x600?text=Tab One tImage"
|
|
52
|
-
- breakpoint: 1200
|
|
53
|
-
src: "https://place-hold.it/1200x900?text=Tab One Image"
|
|
54
|
-
- breakpoint: 1440
|
|
55
|
-
src: "https://place-hold.it/1600x1200?text=Tab One Image"
|
|
56
|
-
icon: error
|
|
57
|
-
- label: "Tab Two"
|
|
58
|
-
component: "image"
|
|
59
|
-
componentdata:
|
|
60
|
-
alt: "My alt text"
|
|
61
|
-
caption: "my image caption"
|
|
62
|
-
credit: "Photo: copyright 2022 Person S. Name"
|
|
63
|
-
url:
|
|
64
|
-
- breakpoint: 0
|
|
65
|
-
src: "https://place-hold.it/400x300?text=Tab Two Image"
|
|
66
|
-
- breakpoint: 800
|
|
67
|
-
src: "https://place-hold.it/800x600?text=Tab Two Image"
|
|
68
|
-
- breakpoint: 1200
|
|
69
|
-
src: "https://place-hold.it/1200x900?text=Tab Two Image"
|
|
70
|
-
- breakpoint: 1440
|
|
71
|
-
src: "https://place-hold.it/1600x1200?text=Tab Two Image"
|
|
72
|
-
icon: error
|
|
73
|
-
- label: "Tab Three"
|
|
74
|
-
component: "image"
|
|
75
|
-
componentdata:
|
|
76
|
-
alt: "My alt text"
|
|
77
|
-
caption: "my image caption"
|
|
78
|
-
credit: "Photo: copyright 2022 Person S. Name"
|
|
79
|
-
url:
|
|
80
|
-
- breakpoint: 0
|
|
81
|
-
src: "https://place-hold.it/400x300?text=Tab Three Image"
|
|
82
|
-
- breakpoint: 800
|
|
83
|
-
src: "https://place-hold.it/800x600?text=Tab Three Image"
|
|
84
|
-
- breakpoint: 1200
|
|
85
|
-
src: "https://place-hold.it/1200x900?text=Tab Three Image"
|
|
86
|
-
- breakpoint: 1440
|
|
87
|
-
src: "https://place-hold.it/1600x1200?text=Tab Three Image"
|
|
88
|
-
icon: error
|
|
89
|
-
fiveitems:
|
|
90
|
-
label: Five Items
|
|
91
|
-
description: Tab component with five items
|
|
92
|
-
fields:
|
|
93
|
-
items:
|
|
94
|
-
- label: "Tab One"
|
|
95
|
-
component: "image"
|
|
96
|
-
componentdata:
|
|
97
|
-
alt: "My alt text"
|
|
98
|
-
caption: "my image caption"
|
|
99
|
-
credit: "Photo: copyright 2022 Person S. Name"
|
|
100
|
-
url:
|
|
101
|
-
- breakpoint: 0
|
|
102
|
-
src: "https://place-hold.it/400x300?text=Tab One Image"
|
|
103
|
-
- breakpoint: 800
|
|
104
|
-
src: "https://place-hold.it/800x600?text=Tab One tImage"
|
|
105
|
-
- breakpoint: 1200
|
|
106
|
-
src: "https://place-hold.it/1200x900?text=Tab One Image"
|
|
107
|
-
- breakpoint: 1440
|
|
108
|
-
src: "https://place-hold.it/1600x1200?text=Tab One Image"
|
|
109
|
-
- label: "Tab Two"
|
|
110
|
-
component: "image"
|
|
111
|
-
componentdata:
|
|
112
|
-
alt: "My alt text"
|
|
113
|
-
caption: "my image caption"
|
|
114
|
-
credit: "Photo: copyright 2022 Person S. Name"
|
|
115
|
-
url:
|
|
116
|
-
- breakpoint: 0
|
|
117
|
-
src: "https://place-hold.it/400x300?text=Tab Two Image"
|
|
118
|
-
- breakpoint: 800
|
|
119
|
-
src: "https://place-hold.it/800x600?text=Tab Two Image"
|
|
120
|
-
- breakpoint: 1200
|
|
121
|
-
src: "https://place-hold.it/1200x900?text=Tab Two Image"
|
|
122
|
-
- breakpoint: 1440
|
|
123
|
-
src: "https://place-hold.it/1600x1200?text=Tab Two Image"
|
|
124
|
-
- label: "Tab Three"
|
|
125
|
-
component: "image"
|
|
126
|
-
componentdata:
|
|
127
|
-
alt: "My alt text"
|
|
128
|
-
caption: "my image caption"
|
|
129
|
-
credit: "Photo: copyright 2022 Person S. Name"
|
|
130
|
-
url:
|
|
131
|
-
- breakpoint: 0
|
|
132
|
-
src: "https://place-hold.it/400x300?text=Tab Three Image"
|
|
133
|
-
- breakpoint: 800
|
|
134
|
-
src: "https://place-hold.it/800x600?text=Tab Three Image"
|
|
135
|
-
- breakpoint: 1200
|
|
136
|
-
src: "https://place-hold.it/1200x900?text=Tab Three Image"
|
|
137
|
-
- breakpoint: 1440
|
|
138
|
-
src: "https://place-hold.it/1600x1200?text=Tab Three Image"
|
|
139
|
-
- label: "Tab Four Has A Really Lenghthy Title Which Might Get Truncated"
|
|
140
|
-
component: "image"
|
|
141
|
-
componentdata:
|
|
142
|
-
alt: "My alt text"
|
|
143
|
-
caption: "my image caption"
|
|
144
|
-
credit: "Photo: copyright 2022 Person S. Name"
|
|
145
|
-
url:
|
|
146
|
-
- breakpoint: 0
|
|
147
|
-
src: "https://place-hold.it/400x300?text=Tab Four Image"
|
|
148
|
-
- breakpoint: 800
|
|
149
|
-
src: "https://place-hold.it/800x600?text=Tab Four Image"
|
|
150
|
-
- breakpoint: 1200
|
|
151
|
-
src: "https://place-hold.it/1200x900?text=Tab Four Image"
|
|
152
|
-
- breakpoint: 1440
|
|
153
|
-
src: "https://place-hold.it/1600x1200?text=Tab Four Image"
|
|
154
|
-
- label: "Tab Five"
|
|
155
|
-
component: "image"
|
|
156
|
-
componentdata:
|
|
157
|
-
alt: "My alt text"
|
|
158
|
-
caption: "my image caption"
|
|
159
|
-
credit: "Photo: copyright 2022 Person S. Name"
|
|
160
|
-
url:
|
|
161
|
-
- breakpoint: 0
|
|
162
|
-
src: "https://place-hold.it/400x300?text=Tab Five Image"
|
|
163
|
-
- breakpoint: 800
|
|
164
|
-
src: "https://place-hold.it/800x600?text=Tab Five Image"
|
|
165
|
-
- breakpoint: 1200
|
|
166
|
-
src: "https://place-hold.it/1200x900?text=Tab Five Image"
|
|
167
|
-
- breakpoint: 1440
|
|
168
|
-
src: "https://place-hold.it/1600x1200?text=Tab Five Image"
|
|
37
|
+
|
|
169
38
|
visibility: storybook
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ilo-org/twig",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.2",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"description": "Twig components for the ILO's Design System",
|
|
6
6
|
"publishConfig": {
|
|
@@ -49,9 +49,9 @@
|
|
|
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.
|
|
52
|
+
"@ilo-org/fonts": "0.2.2",
|
|
53
53
|
"@ilo-org/icons": "0.3.1",
|
|
54
|
-
"@ilo-org/styles": "1.0.
|
|
54
|
+
"@ilo-org/styles": "1.0.2",
|
|
55
55
|
"@ilo-org/themes": "0.8.1",
|
|
56
56
|
"@ilo-org/utils": "0.1.1"
|
|
57
57
|
},
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
{% if not loop.first and not loop.last %}
|
|
25
25
|
<li class="{{prefix}}--breadcrumb--item">
|
|
26
26
|
<a href="{{link.url}}" class="{{prefix}}--breadcrumb--link">
|
|
27
|
-
<span class="{{prefix}}--breadcrumb--link--label--dropdown
|
|
27
|
+
<span class="{{prefix}}--breadcrumb--link--label--dropdown">{{link.label}}</span>
|
|
28
28
|
</a>
|
|
29
29
|
</li>
|
|
30
30
|
{% endif %}
|
|
@@ -10,7 +10,10 @@
|
|
|
10
10
|
<a href="#tab--{{tabids[loop.index - 1]}}" class="{{prefix}}--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="{{prefix}}--tabs--selection--label">{{item.label}}</span>
|
|
12
12
|
{% if item.icon is defined %}
|
|
13
|
-
{% include '@components/icon/icon.twig' with {
|
|
13
|
+
{% include '@components/icon/icon.twig' with {
|
|
14
|
+
name: item.icon,
|
|
15
|
+
size: '24'
|
|
16
|
+
} %}
|
|
14
17
|
{% endif %}
|
|
15
18
|
</a>
|
|
16
19
|
</li>
|
|
@@ -7,9 +7,10 @@ tabs:
|
|
|
7
7
|
items:
|
|
8
8
|
type: object
|
|
9
9
|
label: Items
|
|
10
|
-
description: The items and labels for each tab
|
|
10
|
+
description: The items and labels for each tab. Each item takes a `label` property which gives the tag a name, a `component` property which specifies the kind of component the tab should render, and the `componentdata` which contains the data that will be passed to that component. You can also include an optional `icon` component with the name of the icon to render next to the label.
|
|
11
11
|
preview:
|
|
12
12
|
- label: "Tab Label With A Really Really Lenghty Title Even Though We Do Not Recommend Such A Lengthy Title"
|
|
13
|
+
icon: "info"
|
|
13
14
|
component: "image"
|
|
14
15
|
componentdata:
|
|
15
16
|
alt: "My alt text"
|
|
@@ -33,137 +34,5 @@ tabs:
|
|
|
33
34
|
default:
|
|
34
35
|
label: Default
|
|
35
36
|
description: the default settings for the Tabs
|
|
36
|
-
|
|
37
|
-
label: With Icon
|
|
38
|
-
description: Tabs with Icons
|
|
39
|
-
fields:
|
|
40
|
-
items:
|
|
41
|
-
- label: "Tab One"
|
|
42
|
-
component: "image"
|
|
43
|
-
componentdata:
|
|
44
|
-
alt: "My alt text"
|
|
45
|
-
caption: "my image caption"
|
|
46
|
-
credit: "Photo: copyright 2022 Person S. Name"
|
|
47
|
-
url:
|
|
48
|
-
- breakpoint: 0
|
|
49
|
-
src: "https://place-hold.it/400x300?text=Tab One Image"
|
|
50
|
-
- breakpoint: 800
|
|
51
|
-
src: "https://place-hold.it/800x600?text=Tab One tImage"
|
|
52
|
-
- breakpoint: 1200
|
|
53
|
-
src: "https://place-hold.it/1200x900?text=Tab One Image"
|
|
54
|
-
- breakpoint: 1440
|
|
55
|
-
src: "https://place-hold.it/1600x1200?text=Tab One Image"
|
|
56
|
-
icon: error
|
|
57
|
-
- label: "Tab Two"
|
|
58
|
-
component: "image"
|
|
59
|
-
componentdata:
|
|
60
|
-
alt: "My alt text"
|
|
61
|
-
caption: "my image caption"
|
|
62
|
-
credit: "Photo: copyright 2022 Person S. Name"
|
|
63
|
-
url:
|
|
64
|
-
- breakpoint: 0
|
|
65
|
-
src: "https://place-hold.it/400x300?text=Tab Two Image"
|
|
66
|
-
- breakpoint: 800
|
|
67
|
-
src: "https://place-hold.it/800x600?text=Tab Two Image"
|
|
68
|
-
- breakpoint: 1200
|
|
69
|
-
src: "https://place-hold.it/1200x900?text=Tab Two Image"
|
|
70
|
-
- breakpoint: 1440
|
|
71
|
-
src: "https://place-hold.it/1600x1200?text=Tab Two Image"
|
|
72
|
-
icon: error
|
|
73
|
-
- label: "Tab Three"
|
|
74
|
-
component: "image"
|
|
75
|
-
componentdata:
|
|
76
|
-
alt: "My alt text"
|
|
77
|
-
caption: "my image caption"
|
|
78
|
-
credit: "Photo: copyright 2022 Person S. Name"
|
|
79
|
-
url:
|
|
80
|
-
- breakpoint: 0
|
|
81
|
-
src: "https://place-hold.it/400x300?text=Tab Three Image"
|
|
82
|
-
- breakpoint: 800
|
|
83
|
-
src: "https://place-hold.it/800x600?text=Tab Three Image"
|
|
84
|
-
- breakpoint: 1200
|
|
85
|
-
src: "https://place-hold.it/1200x900?text=Tab Three Image"
|
|
86
|
-
- breakpoint: 1440
|
|
87
|
-
src: "https://place-hold.it/1600x1200?text=Tab Three Image"
|
|
88
|
-
icon: error
|
|
89
|
-
fiveitems:
|
|
90
|
-
label: Five Items
|
|
91
|
-
description: Tab component with five items
|
|
92
|
-
fields:
|
|
93
|
-
items:
|
|
94
|
-
- label: "Tab One"
|
|
95
|
-
component: "image"
|
|
96
|
-
componentdata:
|
|
97
|
-
alt: "My alt text"
|
|
98
|
-
caption: "my image caption"
|
|
99
|
-
credit: "Photo: copyright 2022 Person S. Name"
|
|
100
|
-
url:
|
|
101
|
-
- breakpoint: 0
|
|
102
|
-
src: "https://place-hold.it/400x300?text=Tab One Image"
|
|
103
|
-
- breakpoint: 800
|
|
104
|
-
src: "https://place-hold.it/800x600?text=Tab One tImage"
|
|
105
|
-
- breakpoint: 1200
|
|
106
|
-
src: "https://place-hold.it/1200x900?text=Tab One Image"
|
|
107
|
-
- breakpoint: 1440
|
|
108
|
-
src: "https://place-hold.it/1600x1200?text=Tab One Image"
|
|
109
|
-
- label: "Tab Two"
|
|
110
|
-
component: "image"
|
|
111
|
-
componentdata:
|
|
112
|
-
alt: "My alt text"
|
|
113
|
-
caption: "my image caption"
|
|
114
|
-
credit: "Photo: copyright 2022 Person S. Name"
|
|
115
|
-
url:
|
|
116
|
-
- breakpoint: 0
|
|
117
|
-
src: "https://place-hold.it/400x300?text=Tab Two Image"
|
|
118
|
-
- breakpoint: 800
|
|
119
|
-
src: "https://place-hold.it/800x600?text=Tab Two Image"
|
|
120
|
-
- breakpoint: 1200
|
|
121
|
-
src: "https://place-hold.it/1200x900?text=Tab Two Image"
|
|
122
|
-
- breakpoint: 1440
|
|
123
|
-
src: "https://place-hold.it/1600x1200?text=Tab Two Image"
|
|
124
|
-
- label: "Tab Three"
|
|
125
|
-
component: "image"
|
|
126
|
-
componentdata:
|
|
127
|
-
alt: "My alt text"
|
|
128
|
-
caption: "my image caption"
|
|
129
|
-
credit: "Photo: copyright 2022 Person S. Name"
|
|
130
|
-
url:
|
|
131
|
-
- breakpoint: 0
|
|
132
|
-
src: "https://place-hold.it/400x300?text=Tab Three Image"
|
|
133
|
-
- breakpoint: 800
|
|
134
|
-
src: "https://place-hold.it/800x600?text=Tab Three Image"
|
|
135
|
-
- breakpoint: 1200
|
|
136
|
-
src: "https://place-hold.it/1200x900?text=Tab Three Image"
|
|
137
|
-
- breakpoint: 1440
|
|
138
|
-
src: "https://place-hold.it/1600x1200?text=Tab Three Image"
|
|
139
|
-
- label: "Tab Four Has A Really Lenghthy Title Which Might Get Truncated"
|
|
140
|
-
component: "image"
|
|
141
|
-
componentdata:
|
|
142
|
-
alt: "My alt text"
|
|
143
|
-
caption: "my image caption"
|
|
144
|
-
credit: "Photo: copyright 2022 Person S. Name"
|
|
145
|
-
url:
|
|
146
|
-
- breakpoint: 0
|
|
147
|
-
src: "https://place-hold.it/400x300?text=Tab Four Image"
|
|
148
|
-
- breakpoint: 800
|
|
149
|
-
src: "https://place-hold.it/800x600?text=Tab Four Image"
|
|
150
|
-
- breakpoint: 1200
|
|
151
|
-
src: "https://place-hold.it/1200x900?text=Tab Four Image"
|
|
152
|
-
- breakpoint: 1440
|
|
153
|
-
src: "https://place-hold.it/1600x1200?text=Tab Four Image"
|
|
154
|
-
- label: "Tab Five"
|
|
155
|
-
component: "image"
|
|
156
|
-
componentdata:
|
|
157
|
-
alt: "My alt text"
|
|
158
|
-
caption: "my image caption"
|
|
159
|
-
credit: "Photo: copyright 2022 Person S. Name"
|
|
160
|
-
url:
|
|
161
|
-
- breakpoint: 0
|
|
162
|
-
src: "https://place-hold.it/400x300?text=Tab Five Image"
|
|
163
|
-
- breakpoint: 800
|
|
164
|
-
src: "https://place-hold.it/800x600?text=Tab Five Image"
|
|
165
|
-
- breakpoint: 1200
|
|
166
|
-
src: "https://place-hold.it/1200x900?text=Tab Five Image"
|
|
167
|
-
- breakpoint: 1440
|
|
168
|
-
src: "https://place-hold.it/1600x1200?text=Tab Five Image"
|
|
37
|
+
|
|
169
38
|
visibility: storybook
|