npm - @ilo-org/twig - Versions diffs - 1.0.0 → 1.0.2 - Mend

@ilo-org/twig 1.0.0 → 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.

Files changed (16) hide show

package/dist/components/accordion/accordion.css +1 -1
package/dist/components/breadcrumb/breadcrumb.css +1 -1
package/dist/components/breadcrumb/breadcrumb.twig +1 -1
package/dist/components/hero/hero.css +1 -1
package/dist/components/modal/modal.behavior.js +1 -1
package/dist/components/navigation/navigation.behavior.js +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/modal/modal.js +2 -0
package/src/patterns/components/navigation/navigation.js +20 -17
package/src/patterns/components/tabs/tabs.twig +4 -1
package/src/patterns/components/tabs/tabs.wingsuit.yml +3 -134

package/dist/components/accordion/accordion.css CHANGED Viewed

	@@ -1 +1 @@
1	- @charset "UTF-8";.ilo--accordion{margin-right:.2143622722rem}.ilo--accordion--button{display:flex;align-items:center;flex-direction:row;justify-content:space-between;text-align:start;width:100%;margin:0;padding:.857449089rem 0;padding-inline-end~~:.857449089rem~~;background-color:#fff;background-position:calc(100% - .3215434084rem) 50%;background-repeat:no-repeat;background-size:1.2861736334rem 1.2861736334rem;border:none;border-top:2px solid #edf0f2;fill:#230050;font-family:Overpass,Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;color:#230050;font-weight:500;font-size:16px;letter-spacing:-.02em;line-height:21.6px;transition:all .5s ease-in-out;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23230050' d='M18 11h-5V6h-2v5H6v2h5v5h2v-5h5v-2z'/%3E%3C/svg%3E")}.ilo--accordion--button--large{font-size:18.66px;letter-spacing:-.035em;line-height:24.26px;padding:1.0718113612rem 0;padding-inline-end~~:.857449089rem~~}.ilo--accordion--button:focus,.ilo--accordion--button:hover{background-color:#ebf5fd;border-top-color:#1e2dbe;color:#1e2dbe;cursor:pointer;fill:#1e2dbe}.ilo--accordion--button:focus[aria-expanded=true],.ilo--accordion--button:hover[aria-expanded=true]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M18 11H6v2h12v-2z'/%3E%3C/svg%3E")}.ilo--accordion--button:focus[aria-expanded=false],.ilo--accordion--button:hover[aria-expanded=false]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M18 11h-5V6h-2v5H6v2h5v5h2v-5h5v-2z'/%3E%3C/svg%3E")}@media screen and (min-width:610px){.ilo--accordion--button{font-size:16px;letter-spacing:-.02em;line-height:21.6px}.ilo--accordion--button--large{font-size:18.66px;letter-spacing:-.035em;line-height:24.26px;padding:1.0718113612rem 0;padding-inline-end~~:.857449089rem~~}}.ilo--accordion--button[aria-expanded=true]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23230050' d='M18 11H6v2h12v-2z'/%3E%3C/svg%3E")}.ilo--accordion--button[aria-expanded=false]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23230050' d='M18 11h-5V6h-2v5H6v2h5v5h2v-5h5v-2z'/%3E%3C/svg%3E")}[dir=rtl] .ilo--accordion--button{background-position:calc(0% + .3215434084rem) 50%}.ilo--accordion--panel{max-height:0;transition:all .5s cubic-bezier(0,1,0,1);overflow:hidden}.ilo--accordion--panel .ilo--accordion--innerpanel{padding-bottom:1.9292604502rem;padding-top:.4287245445rem}.ilo--accordion--panel--open{max-height:100vh;transition:all .5s ease-in-out}.ilo--accordion--panel--open.ilo--accordion--panel__scroll{max-height:300px;overflow-y:auto;padding-right:1.7148981779rem}
1	+ @charset "UTF-8";.ilo--accordion{margin-right:.2143622722rem}.ilo--accordion--button{display:flex;align-items:center;flex-direction:row;justify-content:space-between;text-align:start;width:100%;margin:0;padding:.857449089rem 0;padding-inline-end:2.3579849946rem;background-color:#fff;background-position:calc(100% - .3215434084rem) 50%;background-repeat:no-repeat;background-size:1.2861736334rem 1.2861736334rem;border:none;border-top:2px solid #edf0f2;fill:#230050;font-family:Overpass,Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;color:#230050;font-weight:500;font-size:16px;letter-spacing:-.02em;line-height:21.6px;transition:all .5s ease-in-out;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23230050' d='M18 11h-5V6h-2v5H6v2h5v5h2v-5h5v-2z'/%3E%3C/svg%3E")}.ilo--accordion--button--large{font-size:18.66px;letter-spacing:-.035em;line-height:24.26px;padding:1.0718113612rem 0;padding-inline-end:2.3579849946rem}.ilo--accordion--button:focus,.ilo--accordion--button:hover{background-color:#ebf5fd;border-top-color:#1e2dbe;color:#1e2dbe;cursor:pointer;fill:#1e2dbe}.ilo--accordion--button:focus[aria-expanded=true],.ilo--accordion--button:hover[aria-expanded=true]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M18 11H6v2h12v-2z'/%3E%3C/svg%3E")}.ilo--accordion--button:focus[aria-expanded=false],.ilo--accordion--button:hover[aria-expanded=false]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M18 11h-5V6h-2v5H6v2h5v5h2v-5h5v-2z'/%3E%3C/svg%3E")}@media screen and (min-width:610px){.ilo--accordion--button{font-size:16px;letter-spacing:-.02em;line-height:21.6px}.ilo--accordion--button--large{font-size:18.66px;letter-spacing:-.035em;line-height:24.26px;padding:1.0718113612rem 0;padding-inline-end:2.3579849946rem}}.ilo--accordion--button[aria-expanded=true]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23230050' d='M18 11H6v2h12v-2z'/%3E%3C/svg%3E")}.ilo--accordion--button[aria-expanded=false]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23230050' d='M18 11h-5V6h-2v5H6v2h5v5h2v-5h5v-2z'/%3E%3C/svg%3E")}[dir=rtl] .ilo--accordion--button{background-position:calc(0% + .3215434084rem) 50%}.ilo--accordion--panel{max-height:0;transition:all .5s cubic-bezier(0,1,0,1);overflow:hidden}.ilo--accordion--panel .ilo--accordion--innerpanel{padding-bottom:1.9292604502rem;padding-top:.4287245445rem}.ilo--accordion--panel--open{max-height:100vh;transition:all .5s ease-in-out}.ilo--accordion--panel--open.ilo--accordion--panel__scroll{max-height:300px;overflow-y:auto;padding-right:1.7148981779rem}

package/dist/components/breadcrumb/breadcrumb.css CHANGED Viewed

	@@ -1 +1 @@
1	- @charset "UTF-8";.ilo--breadcrumb{position:relative;z-index:10}.ilo--breadcrumb--items{align-items:center;background-color:#fff;display:inline-flex;justify-content:flex-start;padding-block:.857449089rem;padding-inline-end:0;padding-inline-start:var(--breadcrumb-padding);position:relative}.ilo--breadcrumb--items.context--menu{padding:0}.ilo--breadcrumb--link{align-items:center;background-position:100%;background-repeat:no-repeat;color:#230050;display:inline-flex;height:.857449089rem;padding-block:0;padding-inline-start:.857449089rem;padding-inline-end:1.2861736334rem;text-decoration:none;text-decoration-thickness:.1071811361rem;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3E%3Cpath fill='%23230050' d='M1.731 16l-1.118-.815L5.838 8 .613.814 1.731 0l5.522 7.593a.69.69 0 0 1 0 .814L1.731 16z'/%3E%3C/svg%3E")}[dir=rtl] .ilo--breadcrumb--link{background-position:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3E%3Cpath fill='%23230050' d='M.7 8.4c0-.1-.1-.3-.1-.4s0-.3.1-.4L6.3 0l1.1.8L2.2 8l5.2 7.2-1.1.8L.7 8.4z'/%3E%3C/svg%3E")}.ilo--breadcrumb--link--label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40ch;font-weight:400~~;font-size:11.94px;letter-spacing:normal;line-height:16.24px~~}.ilo--breadcrumb--link--label,.ilo--breadcrumb--link--label--dropdown{font-family:Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif}.ilo--breadcrumb--link:focus,.ilo--breadcrumb--link:hover{color:#1e2dbe;text-decoration:underline;text-decoration-thickness:.1071811361rem;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3E%3Cpath fill='%231E2DBE' d='M1.731 16l-1.118-.815L5.838 8 .613.814 1.731 0l5.522 7.593a.69.69 0 0 1 0 .814L1.731 16z'/%3E%3C/svg%3E")}[dir=rtl] .ilo--breadcrumb--link:focus,[dir=rtl] .ilo--breadcrumb--link:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3E%3Cpath fill='%231E2DBE' d='M.7 8.4c0-.1-.1-.3-.1-.4s0-.3.1-.4L6.3 0l1.1.8L2.2 8l5.2 7.2-1.1.8L.7 8.4z'/%3E%3C/svg%3E")}.ilo--breadcrumb--item{align-items:center;display:flex;height:.857449089rem}.ilo--breadcrumb--item.home{align-items:center;display:flex;position:relative}.ilo--breadcrumb--item.home .ilo--breadcrumb--link--label{width:1px;height:1px;margin:-1px;padding:0;border:0;position:absolute;clip:rect(0 0 0 0);overflow:hidden}.ilo--breadcrumb--item.home .ilo--breadcrumb--link:before{background-position:50%;background-repeat:no-repeat;content:"";display:block;height:.857449089rem;left:0;position:absolute;top:0;width:.857449089rem;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23230050' d='M15.388 5.717L8.43.152a.696.696 0 0 0-.862 0L.612 5.717a.696.696 0 0 0-.264.542v9.044a.696.696 0 0 0 .695.695h4.87v-5.565h4.174V16h4.87a.696.696 0 0 0 .695-.696V6.259a.695.695 0 0 0-.264-.542z'/%3E%3C/svg%3E")}[dir=rtl] .ilo--breadcrumb--item.home .ilo--breadcrumb--link:before{left:auto;right:0}.ilo--breadcrumb--item.home:focus .ilo--breadcrumb--link:before,.ilo--breadcrumb--item.home:hover .ilo--breadcrumb--link:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%231E2DBE' d='M15.388 5.717L8.43.152a.696.696 0 0 0-.862 0L.612 5.717a.696.696 0 0 0-.264.542v9.044a.696.696 0 0 0 .695.695h4.87v-5.565h4.174V16h4.87a.696.696 0 0 0 .695-.696V6.259a.695.695 0 0 0-.264-.542z'/%3E%3C/svg%3E")}.ilo--breadcrumb--item.final .ilo--breadcrumb--link{background-image:none}.ilo--breadcrumb .ilo--breadcrumb--item--context{align-items:flex-start;display:flex;height:.857449089rem}.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context{background-position:50%;background-repeat:no-repeat;background-size:16px 4px;position:relative;width:2.2508038585rem;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 4'%3E%3Cpath fill='%23230050' d='M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm6 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm6 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/%3E%3C/svg%3E")}.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context:hover{cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 4'%3E%3Cpath fill='%231E2DBE' d='M2 4a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm6 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm6 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/%3E%3C/svg%3E")}.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context:after{background-position:50%;background-repeat:no-repeat;content:"";display:block;height:.857449089rem;right:-7px;position:absolute;top:0;width:.857449089rem;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3E%3Cpath fill='%23230050' d='M1.731 16l-1.118-.815L5.838 8 .613.814 1.731 0l5.522 7.593a.69.69 0 0 1 0 .814L1.731 16z'/%3E%3C/svg%3E")}[dir=rtl] .ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context:after{right:auto;left:-7px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'%3E%3Cpath fill='%23230050' d='M.7 8.4c0-.1-.1-.3-.1-.4s0-.3.1-.4L6.3 0l1.1.8L2.2 8l5.2 7.2-1.1.8L.7 8.4z'/%3E%3C/svg%3E")}.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu{border-radius:.1071811361rem;background-color:#edf0f2;display:inline-block;left:-2.1436227224rem;opacity:0;position:absolute;top:calc(100% + 24px);width:6.4308681672rem;z-index:10;transition-property:opacity;transition-duration:.15s;transition-timing-function:ease-out}.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu.open{opacity:1;transition-property:opacity;transition-duration:.15s;transition-timing-function:ease-out}.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu:before{background-position:top;background-repeat:no-repeat;background-size:contain;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23EDF0F2' d='M24 24L0 0v24h24z'/%3E%3C/svg%3E");content:"";height:.6430868167rem;position:absolute;left:50%;top:-.3215434084rem;transform:translateX(-50%) rotate(135deg);width:.6430868167rem}.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu:hover{cursor:pointer}.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--item{display:inline-block;height:auto;padding:0 .4287245445rem;position:relative;width:100%}.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--item:last-of-type a{border-bottom:none}.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--item:focus,.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--item:hover{background-color:#ebf5fd;text-decoration:none}.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--item:focus .ilo--breadcrumb--link,.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--item:hover .ilo--breadcrumb--link{text-decoration:underline;text-decoration-thickness:.1071811361rem}.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--item.endsection{border-bottom:.1071811361rem solid #fff}.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--item.endsection .ilo--context-menu--link{border-bottom:none}.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--link{background:0 0;border-bottom:.1071811361rem solid #fff;color:#230050;display:inline-block;font-family:Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-weight:500;height:auto;padding:.857449089rem 0;text-decoration:none;width:100%;font-size:11.94px;letter-spacing:normal;line-height:16.24px}.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--link:visited{color:#230050}.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--link:active{color:#230050;outline:0}.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--link:focus,.ilo--breadcrumb.contextmenu .ilo--breadcrumb--item--context .context--menu .ilo--breadcrumb--link:hover{color:#1e2dbe;outline:0;text-decoration:underline;text-decoration-thickness:.1071811361rem}.ilo--breadcrumb--items:after{background:linear-gradient(to bottom right,#fff 50%,transparent 0);content:"";display:inline-block;height:47px;position:absolute;right:-47px;top:0;width:47px}[dir=rtl] .ilo--breadcrumb--items:after{right:auto;left:-47px;transform:scaleX(-1)}.ilo--breadcrumb--items.context--menu:after{content:none}.ilo--breadcrumb.storybook{background-color:#b8c4cc;height:100vh}
1	+ @charset "UTF-8";.ilo--breadcrumb{position:relative;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}

package/dist/components/breadcrumb/breadcrumb.twig CHANGED Viewed

@@ -24,7 +24,7 @@
 						{% if not loop.first and not loop.last %}
 							<li class="ilo--breadcrumb--item">
 								<a href="{{link.url}}" class="ilo--breadcrumb--link">
-									<span class="ilo--breadcrumb--link--label--dropdown ilo--breadcrumb--link--label">{{link.label}}</span>
+									<span class="ilo--breadcrumb--link--label--dropdown">{{link.label}}</span>
 								</a>
 							</li>
 						{% endif %}

package/dist/components/hero/hero.css CHANGED Viewed

	@@ -1 +1 @@
1	- .hero{--added-offset:0px;--base-offset:calc(((100vw - 1300px) / 2));--breadcrumb-padding:max(var(--base-offset),0.857449089rem);--card-padding-start:71px;--corner-cut-height:40px;width:100%;display:grid;position:relative;grid-template-columns:1fr;overflow:hidden;grid-template-rows:minmax(1rem,1fr) 27px 40px auto;--card-width:625px;--corner-cut-height:64px;--breadcrumbs-height:48px;--image-gap:240px;--row-1-lg:var(--breadcrumbs-height);--row-2-lg:calc(var(--image-gap) - var(--breadcrumbs-height));--row-3-lg:auto;--row-4-lg:27px;--row-5-lg:72px;--col-1-lg:0;--col-2-lg:var(--card-width);--col-3-lg:30px;--col-4-lg:1fr;grid-template-rows:var(--row-1-lg) var(--row-2-lg) var(--row-3-lg) var(--row-4-lg);grid-template-columns:var(--col-1-lg) var(--col-2-lg) var(--col-3-lg) var(--col-4-lg)}.hero--image{display:grid;grid-template-rows:minmax(216px,1fr) 27px 40px auto}.hero__gap__transparent{background:0 0}.hero__gap__white{background-color:#fff}.hero__gap__light{background-color:#ebf5fd}.hero__gap__dark{background-color:#230050}.hero--background{display:grid;background-color:#ebf5fd;position:relative;grid-area:1/1/4/2}.hero--background img{position:absolute;object-fit:cover;width:100%;height:100%}.hero--card{grid-area:3/1/5/2}.hero--caption{grid-area:2/1/3/2}.hero--caption--wrapper{background:#2d2d2d;height:27px;width:30px;display:flex;justify-content:center;align-items:center}.hero--caption--wrapper:after{content:"";position:absolute;top:0;width:0;height:0;border-top:27px solid transparent;left:100%;border-right:none;border-left:23px solid #2d2d2d}.hero__poster-size__small{--image-gap:112px}.hero__poster-size__medium{--image-gap:176px}.hero__poster-size__large{--image-gap:240px}.hero__poster-size__xlarge{--image-gap:527px}.hero__card-size__small{--card-width:625px}.hero__card-size__medium{--card-width:721px}.hero__card-size__large{--card-width:856px}.hero__card-size__xlarge{--card-width:920px}.hero__card-size__xxlarge{--card-width:998px}.hero__card-justify__offset,.hero__card-justify__start{--card-padding-start:max(16px,min(var(--base-offset) + var(--added-offset),71px));--col-1-lg:calc(var(--base-offset) - 71px + var(--added-offset))}.hero__card-justify__offset{--added-offset:109px}.hero__card-justify__center{--col-1-lg:calc((100% - var(--card-width)) / 2);--col-4-lg:calc(((100% - var(--card-width)) / 2) - 30px)}.hero__card-align__center{--row-4-lg:45px;--row-5-lg:27px}.hero__card-align__bottom{--row-3-lg:0;--row-4-lg:var(--corner-cut-height);--row-5-lg:auto}.hero__card-background__transparent .hero--card-offset{background-color:transparent!important}.hero__card-theme__dark .hero--card-offset{background-color:#230050;position:relative;box-shadow:.3px 0 0 0 #230050}.hero__card-theme__dark[class=semi-transparent] .hero--card-offset{background:rgba(35,0,80,.6);box-shadow:.3px 0 0 0 rgba(35,0,80,.6)}.hero__card-theme__light .hero--card-offset{background:#fff;box-shadow:.3px 0 0 0 #fff}.hero__card-theme__light[class=semi-transparent] .hero--card-offset{background:hsla(0,0%,100%,.6);box-shadow:.3px 0 0 0 hsla(0,0%,100%,.6)}.hero--~~breadcrumbs{grid-area:1/1/2/5;z-index:1;display:flex;flex-flow:row nowrap}.hero--breadcrumbs--wrapper{width:100%}.hero--~~background{grid-area:1/1/5/5}.hero__card-align__center .hero--background{grid-area:1/1/6/5}.hero__card-align__bottom .hero--background{grid-area:1/1/5/5}.hero--card-offset{grid-area:3/1/6/2;z-index:0;position:relative}.hero__card-justify__center .hero--card-offset,.hero__card-justify__offset .hero--card-offset{background:0 0!important}.hero__card-align__center .hero--card-offset{grid-area:3/1/4/2}.hero__card-align__bottom .hero--card-offset{grid-area:4/1/6/2}.hero--card{grid-area:3/2/6/3}.hero__card-align__center .hero--card{grid-area:3/2/4/3}.hero__card-align__bottom .hero--card{grid-area:4/2/6/3}.hero--caption{grid-area:4/3/5/4;position:relative}.hero__card-align__center .hero--caption{grid-area:5/1/6/3}.hero__card-align__bottom .hero--caption{grid-area:4/1/5/2}.hero__card-align__bottom .hero--caption--wrapper,.hero__card-align__center .hero--caption--wrapper{position:absolute;left:0;bottom:0}.hero__card-align__bottom.hero__card-justify__start .hero--caption{grid-area:1/1/3/3}.hero__card-align__bottom.hero__card-justify__offset .hero--caption{grid-area:1/2/3/3}.hero__card-align__bottom.hero__card-justify__offset .hero--caption .hero--caption--wrapper,.hero__card-align__bottom.hero__card-justify__start .hero--caption .hero--caption--wrapper{background:#2d2d2d;height:27px;width:30px;display:flex;justify-content:center;align-items:center;position:absolute;left:0;right:auto;bottom:0}.hero__card-align__bottom.hero__card-justify__offset .hero--caption .hero--caption--wrapper:after,.hero__card-align__bottom.hero__card-justify__start .hero--caption .hero--caption--wrapper:after{content:"";position:absolute;top:0;width:0;height:0;border-top:27px solid transparent;left:100%;border-right:none;border-left:23px solid #2d2d2d}.hero--caption--wrapper{left:2px}[dir=rtl] .hero--caption--wrapper{background:#2d2d2d;height:27px;width:30px;display:flex;justify-content:center;align-items:center;right:0;position:absolute}[dir=rtl] .hero--caption--wrapper:after{content:"";position:absolute;top:0;width:0;height:0;border-top:27px solid transparent;left:auto;right:100%;border-left:none;border-right:23px solid #2d2d2d}[dir=rtl] .hero__card-align__bottom.hero__card-justify__offset .hero--caption--wrapper,[dir=rtl] .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper{background:#2d2d2d;height:27px;width:30px;display:flex;justify-content:center;align-items:center;position:absolute;left:auto;right:0;bottom:0}[dir=rtl] .hero__card-align__bottom.hero__card-justify__offset .hero--caption--wrapper:after,[dir=rtl] .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper:after{content:"";position:absolute;top:0;width:0;height:0;border-top:27px solid transparent;left:auto;right:100%;border-left:none;border-right:23px solid #2d2d2d}
1	+ .hero{--added-offset:0px;--base-offset:calc(((100vw - 1300px) / 2));--breadcrumb-padding:max(var(--base-offset),0.857449089rem);--card-padding-start:71px;--corner-cut-height:40px;width:100%;display:grid;position:relative;grid-template-columns:1fr;overflow:hidden;grid-template-rows:minmax(1rem,1fr) 27px 40px auto}.hero--image{display:grid;grid-template-rows:minmax(216px,1fr) 27px 40px auto}.hero__gap__transparent{background:0 0}.hero__gap__white{background-color:#fff}.hero__gap__light{background-color:#ebf5fd}.hero__gap__dark{background-color:#230050}.hero--background{display:grid;background-color:#ebf5fd;position:relative;grid-area:1/1/4/2}.hero--background img{position:absolute;object-fit:cover;width:100%;height:100%}.hero--breadcrumbs{grid-area:1/1/2/5;z-index:1;display:flex;flex-flow:row nowrap}.hero--breadcrumbs--wrapper{width:100%}.hero--card{grid-area:3/1/5/2}.hero--caption{grid-area:2/1/3/2}.hero--caption--wrapper{background:#2d2d2d;height:27px;width:30px;display:flex;justify-content:center;align-items:center;position:relative}.hero--caption--wrapper:after{content:"";position:absolute;top:0;width:0;height:0;border-top:27px solid transparent;left:100%;border-right:none;border-left:23px solid #2d2d2d}@media screen and (min-width:1024px){.hero{--card-width:625px;--corner-cut-height:64px;--breadcrumbs-height:48px;--image-gap:240px;--row-1-lg:var(--breadcrumbs-height);--row-2-lg:calc(var(--image-gap) - var(--breadcrumbs-height));--row-3-lg:auto;--row-4-lg:27px;--row-5-lg:72px;--col-1-lg:0;--col-2-lg:var(--card-width);--col-3-lg:30px;--col-4-lg:1fr;grid-template-rows:var(--row-1-lg) var(--row-2-lg) var(--row-3-lg) var(--row-4-lg);grid-template-columns:var(--col-1-lg) var(--col-2-lg) var(--col-3-lg) var(--col-4-lg)}.hero__poster-size__small{--image-gap:112px}.hero__poster-size__medium{--image-gap:176px}.hero__poster-size__large{--image-gap:240px}.hero__poster-size__xlarge{--image-gap:527px}.hero__card-size__small{--card-width:625px}.hero__card-size__medium{--card-width:721px}.hero__card-size__large{--card-width:856px}.hero__card-size__xlarge{--card-width:920px}.hero__card-size__xxlarge{--card-width:998px}.hero__card-justify__offset,.hero__card-justify__start{--card-padding-start:max(16px,min(var(--base-offset) + var(--added-offset),71px));--col-1-lg:calc(var(--base-offset) - 71px + var(--added-offset))}.hero__card-justify__offset{--added-offset:109px}.hero__card-justify__center{--col-1-lg:calc((100% - var(--card-width)) / 2);--col-4-lg:calc(((100% - var(--card-width)) / 2) - 30px)}.hero__card-align__center{--row-4-lg:45px;--row-5-lg:27px}.hero__card-align__bottom{--row-3-lg:0;--row-4-lg:var(--corner-cut-height);--row-5-lg:auto}.hero__card-background__transparent .hero--card-offset{background-color:transparent!important;box-shadow:none!important}.hero__card-theme__dark .hero--card-offset{background-color:#230050;position:relative;box-shadow:.3px 0 0 0 #230050}.hero__card-theme__dark[class=semi-transparent] .hero--card-offset{background:rgba(35,0,80,.6);box-shadow:.3px 0 0 0 rgba(35,0,80,.6)}.hero__card-theme__light .hero--card-offset{background:#fff;box-shadow:.3px 0 0 0 #fff}.hero__card-theme__light[class=semi-transparent] .hero--card-offset{background:hsla(0,0%,100%,.6);box-shadow:.3px 0 0 0 hsla(0,0%,100%,.6)}.hero--background{grid-area:1/1/5/5}.hero__card-align__center .hero--background{grid-area:1/1/6/5}.hero__card-align__bottom .hero--background{grid-area:1/1/5/5}.hero--card-offset{grid-area:3/1/6/2;z-index:0;position:relative}.hero__card-justify__center .hero--card-offset,.hero__card-justify__offset .hero--card-offset{background:0 0!important}.hero__card-align__center .hero--card-offset{grid-area:3/1/4/2}.hero__card-align__bottom .hero--card-offset{grid-area:4/1/6/2}.hero--card{grid-area:3/2/6/3}.hero__card-align__center .hero--card{grid-area:3/2/4/3}.hero__card-align__bottom .hero--card{grid-area:4/2/6/3}.hero--caption{grid-area:4/3/5/4;position:relative}.hero__card-align__center .hero--caption{grid-area:5/1/6/3}.hero__card-align__bottom .hero--caption{grid-area:4/1/5/2}.hero__card-align__bottom .hero--caption--wrapper,.hero__card-align__center .hero--caption--wrapper{position:absolute;left:0;bottom:0}.hero__card-align__bottom.hero__card-justify__start .hero--caption{grid-area:1/1/3/3}.hero__card-align__bottom.hero__card-justify__offset .hero--caption{grid-area:1/2/3/3}.hero__card-align__bottom.hero__card-justify__offset .hero--caption .hero--caption--wrapper,.hero__card-align__bottom.hero__card-justify__start .hero--caption .hero--caption--wrapper{background:#2d2d2d;height:27px;width:30px;display:flex;justify-content:center;align-items:center;position:relative;position:absolute;left:0;right:auto;bottom:0}.hero__card-align__bottom.hero__card-justify__offset .hero--caption .hero--caption--wrapper:after,.hero__card-align__bottom.hero__card-justify__start .hero--caption .hero--caption--wrapper:after{content:"";position:absolute;top:0;width:0;height:0;border-top:27px solid transparent;left:100%;border-right:none;border-left:23px solid #2d2d2d}.hero--caption--wrapper{left:2px}}[dir=rtl] .hero--caption--wrapper{background:#2d2d2d;height:27px;width:30px;display:flex;justify-content:center;align-items:center;position:relative;right:0;position:absolute}[dir=rtl] .hero--caption--wrapper:after{content:"";position:absolute;top:0;width:0;height:0;border-top:27px solid transparent;left:auto;right:100%;border-left:none;border-right:23px solid #2d2d2d}@media screen and (min-width:1024px){[dir=rtl] .hero__card-align__bottom.hero__card-justify__offset .hero--caption--wrapper,[dir=rtl] .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper{background:#2d2d2d;height:27px;width:30px;display:flex;justify-content:center;align-items:center;position:relative;position:absolute;left:auto;right:0;bottom:0}[dir=rtl] .hero__card-align__bottom.hero__card-justify__offset .hero--caption--wrapper:after,[dir=rtl] .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper:after{content:"";position:absolute;top:0;width:0;height:0;border-top:27px solid transparent;left:auto;right:100%;border-left:none;border-right:23px solid #2d2d2d}}

package/dist/components/modal/modal.behavior.js CHANGED Viewed

	@@ -1 +1 @@
1	- !function(e){"function"==typeof define&&define.amd?define(e):e()}((function(){"use strict";function e(e){var t=function(e,t){if("object"!=typeof e\|\|!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t\|\|"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}function t(t,n){for(var i=0;i<n.length;i++){var r=n[i];r.enumerable=r.enumerable\|\|!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,e(r.key),r)}}var n="click",i="keydown",r=function(){return e=function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.element=t,this.init()},(r=[{key:"init",value:function(){return this.cacheDomReferences().setupHandlers().enable(),this}},{key:"cacheDomReferences",value:function(){return this.OpenButton=this.element.querySelector(".modal--open"),this.CloseButton=this.element.querySelector(".modal--close"),this}},{key:"setupHandlers",value:function(){return this.OpenButtonHandler=this.openButtonClick.bind(this),this.CloseHandler=this.closeButtonClick.bind(this),this.KeyPressHandler=this.keyPress.bind(this),this}},{key:"enable",value:function(){var e=this;return this.OpenButton.addEventListener(n,(function(){return e.OpenButtonHandler()})),this.CloseButton.addEventListener(n,(function(){return e.CloseHandler()})),this}},{key:"openButtonClick",value:function(){var e=this;return this.element.classList.add("show"),setTimeout((function(){e.element.classList.add("fadein")}),125),window.addEventListener(i,(function(t){return e.KeyPressHandler(t)})),this}},{key:"closeButtonClick",value:function(){var e=this;return this.element.classList.remove("fadein"),setTimeout((function(){e.element.classList.remove("show")}),125),window.removeEventListener(i,(function(t){return e.KeyPressHandler(t)})),this}},{key:"keyPress",value:function(e){return"Escape"===e.key&&this.closeButtonClick(),this}}])&&t(e.prototype,r),o&&t(e,o),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,r,o}();Drupal.behaviors.modal={attach:function(){Array.prototype.forEach.call(document.querySelectorAll('[data-loadcomponent="Modal"]'),(function(e){e.dataset.jsProcessed\|\|(new r(e),e.dataset.jsProcessed=!0)}))}}}));
1	+ !function(e){"function"==typeof define&&define.amd?define(e):e()}((function(){"use strict";function e(e){var t=function(e,t){if("object"!=typeof e\|\|!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t\|\|"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}function t(t,n){for(var i=0;i<n.length;i++){var r=n[i];r.enumerable=r.enumerable\|\|!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,e(r.key),r)}}var n="click",i="keydown",r=function(){return e=function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.element=t,this.init()},(r=[{key:"init",value:function(){return this.cacheDomReferences().setupHandlers().enable(),this}},{key:"cacheDomReferences",value:function(){return this.OpenButton=this.element.querySelector(".modal--open"),this.CloseButton=this.element.querySelector(".modal--close"),this}},{key:"setupHandlers",value:function(){return this.OpenButtonHandler=this.openButtonClick.bind(this),this.CloseHandler=this.closeButtonClick.bind(this),this.KeyPressHandler=this.keyPress.bind(this),this}},{key:"enable",value:function(){var e=this;return this.OpenButton&&this.CloseButton?(this.OpenButton.addEventListener(n,(function(){return e.OpenButtonHandler()})),this.CloseButton.addEventListener(n,(function(){return e.CloseHandler()})),this):this}},{key:"openButtonClick",value:function(){var e=this;return this.element.classList.add("show"),setTimeout((function(){e.element.classList.add("fadein")}),125),window.addEventListener(i,(function(t){return e.KeyPressHandler(t)})),this}},{key:"closeButtonClick",value:function(){var e=this;return this.element.classList.remove("fadein"),setTimeout((function(){e.element.classList.remove("show")}),125),window.removeEventListener(i,(function(t){return e.KeyPressHandler(t)})),this}},{key:"keyPress",value:function(e){return"Escape"===e.key&&this.closeButtonClick(),this}}])&&t(e.prototype,r),o&&t(e,o),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,r,o}();Drupal.behaviors.modal={attach:function(){Array.prototype.forEach.call(document.querySelectorAll('[data-loadcomponent="Modal"]'),(function(e){e.dataset.jsProcessed\|\|(new r(e),e.dataset.jsProcessed=!0)}))}}}));

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

	@@ -1 +1 @@
1	- !function(t){"function"==typeof define&&define.amd?define(t):t()}((function(){"use strict";function t(t){var e=function(t,e){if("object"!=typeof t\|\|!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var i=n.call(t,e\|\|"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==typeof e?e:e+""}function e(e,n){for(var i=0;i<n.length;i++){var s=n[i];s.enumerable=s.enumerable\|\|!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(e,t(s.key),s)}}var n="click",i="keydown",s="resize",o="touchstart",a=function(){return t=function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.element=e,this.prefix=this.element.dataset.prefix,this.callback=n,this.init()},(a=[{key:"init",value:function(){return this.cacheDomReferences().setupHandlers().enable(),this}},{key:"cacheDomReferences",value:function(){return this.subNav=this.element.querySelector(".".concat(this.prefix,"--subnav")),this.subnavButton=this.element.querySelector(".".concat(this.prefix,"--nav--trigger")),this.menuCloseSet=this.element.querySelectorAll(".".concat(this.prefix,"--header--menu--close")),this.subnavBack=this.element.querySelectorAll(".".concat(this.prefix,"--mobile--subnav--back")),this.menuOpen=this.element.querySelector(".".concat(this.prefix,"--header--menu")),this.searchButton=this.element.querySelector(".".concat(this.prefix,"--search--button")),this.searchBox=this.element.querySelector(".".concat(this.prefix,"--search-box")),this.contextButton=this.element.querySelector(".".concat(this.prefix,"--language-switcher--button")),this.languageButton=this.element.querySelector(".".concat(this.prefix,"--mobile--nav--language--switcher--button")),this.contextLinks=this.element.querySelectorAll(".".concat(this.prefix,"--context-menu--link")),this.languageLinks=this.element.querySelectorAll(".".concat(this.prefix,"--nav--language")),this.body=document.body,this}},{key:"setupHandlers",value:function(){return this.subnavClick=this.handleSubnavClick.bind(this),this.subnavClickOff=this.handleSubnavClickOff.bind(this),this.subnavClickOn=this.handleSubnavClickOn.bind(this),this.subnavBackClick=this.handleSubnavBackClick.bind(this),this.menuCloseClick=this.handleMenuCloseClick.bind(this),this.menuOpenClick=this.handleMenuOpenClick.bind(this),this.languageButtonClick=this.handleLanguageButtonClick.bind(this),this.contextLinkClick=this.handleContextLinkClick.bind(this),this.onResize=this.handleResize.bind(this),this.keyPress=this.handleKeyPress.bind(this),this.contextButtonClick=this.handleContextButtonClick.bind(this),this.contextButtonClickOff=this.handleContextButtonClickOff.bind(this),this.contextButtonClickOn=this.handleContextButtonClickOn.bind(this),this.searchButtonClick=this.handleSearchButtonClick.bind(this),this.searchButtonClickOff=this.handleSearchButtonClickOff.bind(this),this.searchButtonClickOn=this.handleSearchButtonClickOn.bind(this),this}},{key:"enable",value:function(){var t=this;return this.subnavButton&&(this.subnavButton.addEventListener(n,(function(e){return t.subnavClick(e)})),this.subnavButton.addEventListener(o,(function(e){return t.subnavClick(e)}))),this.subnavBack.length>0&&this.subnavBack.forEach((function(e){e.addEventListener(n,(function(e){return t.subnavBackClick(e)})),e.addEventListener(o,(function(e){return t.subnavBackClick(e)}))})),this.searchButton&&(this.searchButton.addEventListener(n,(function(e){return t.searchButtonClick(e)})),this.searchButton.addEventListener(o,(function(e){return t.searchButtonClick(e)}))),this.menuCloseSet.length>0&&this.menuCloseSet.forEach((function(e,i){e.addEventListener(n,(function(e){return t.menuCloseClick(i,e)})),e.addEventListener(o,(function(e){return t.menuCloseClick(i,e)}))})),this.menuOpen&&(this.menuOpen.addEventListener(n,(function(e){return t.menuOpenClick(e)})),this.menuOpen.addEventListener(o,(function(e){return t.menuOpenClick(e)}))),this.contextButton&&(this.contextButton.addEventListener(n,(function(e){return t.contextButtonClick(e)})),this.contextButton.addEventListener(o,(function(e){return t.contextButtonClick(e)}))),this.languageButton&&(this.languageButton.addEventListener(n,(function(e){return t.languageButtonClick(e)})),this.languageButton.addEventListener(o,(function(e){return t.languageButtonClick(e)}))),this.contextLinks.length>0&&this.callback&&this.contextLinks.forEach((function(e){e.addEventListener(n,(function(e){return t.contextLinkClick(e)})),e.addEventListener(o,(function(e){return t.contextLinkClick(e)}))})),this.languageLinks.length>0&&this.callback&&this.languageLinks.forEach((function(e){e.addEventListener(n,(function(e){return t.contextLinkClick(e)})),e.addEventListener(o,(function(e){return t.contextLinkClick(e)}))})),this.searchBox.addEventListener(n,(function(t){t.stopPropagation()}),!1),this.subNav.addEventListener(n,(function(t){t.stopPropagation()}),!1),window.addEventListener(s,(function(e){window.innerWidth>=1024&&t.onResize(e)})),this}},{key:"handleContextLinkClick",value:function(t){return t.preventDefault(),this.callback(t),this}},{key:"handleKeyPress",value:function(t,e){return"Escape"===t.key&&e(t),this}},{key:"handleLanguageButtonClick",value:function(t){return t.preventDefault(),t.stopImmediatePropagation(),this.element.classList.toggle("".concat(this.prefix,"--select--open")),this}},{key:"handleContextButtonClickOn",value:function(t){var e=this;return t.stopImmediatePropagation(),this.element.classList.add("".concat(this.prefix,"--context--open")),window.addEventListener(i,(function(t){return e.keyPress(t,e.contextButtonClickOff)}),!1),window.addEventListener(n,this.contextButtonClickOff),this}},{key:"handleContextButtonClickOff",value:function(t){var e=this;return t.stopImmediatePropagation(),this.element.classList.remove("".concat(this.prefix,"--context--open")),window.removeEventListener(i,(function(t){return e.keyPress(t,e.contextButtonClickOff)}),!1),window.removeEventListener(n,this.contextButtonClickOff),this}},{key:"handleContextButtonClick",value:function(t){return this.element.classList.contains("".concat(this.prefix,"--context--open"))?this.contextButtonClickOff(t):this.contextButtonClickOn(t),this}},{key:"handleSearchButtonClickOn",value:function(t){var e=this;return t.stopImmediatePropagation(),this.searchBox.style.display="block",window.setTimeout((function(){e.element.classList.add("".concat(e.prefix,"--search--open"))}),10),window.addEventListener(i,(function(t){return e.keyPress(t,e.searchButtonClickOff)}),!1),window.innerWidth>=1024&&window.addEventListener(n,this.searchButtonClickOff,!1),this}},{key:"handleSearchButtonClickOff",value:function(t){var e=this;return t.stopImmediatePropagation(),this.element.classList.remove("".concat(this.prefix,"--search--open")),window.setTimeout((function(){e.searchBox.style.display="none"}),225),window.removeEventListener(i,(function(t){return e.keyPress(t,e.searchButtonClickOff)}),!1),window.removeEventListener(n,this.searchButtonClickOff,!1),this}},{key:"handleSearchButtonClick",value:function(t){return this.element.classList.remove("".concat(this.prefix,"--subnav--open")),this.element.classList.contains("".concat(this.prefix,"--search--open"))?this.searchButtonClickOff(t):this.searchButtonClickOn(t),this}},{key:"handleMenuOpenClick",value:function(t){return t.preventDefault(),t.stopImmediatePropagation(),this.element.classList.add("".concat(this.prefix,"--mobile--open")),this.body.classList.add("".concat(this.prefix,"--menu--open")),this}},{key:"handleSubnavClickOn",value:function(t){var e=this;return t.stopImmediatePropagation(),this.subNav.style.display="block",window.setTimeout((function(){e.element.classList.add("".concat(e.prefix,"--subnav--open"))}),10),window.addEventListener(i,(function(t){return e.keyPress(t,e.subnavClickOff)}),!1),window.innerWidth>=1024&&window.addEventListener(n,this.subnavClickOff),this}},{key:"handleSubnavClickOff",value:function(t){var e=this;return t.stopImmediatePropagation(),this.element.classList.remove("".concat(this.prefix,"--subnav--open")),window.setTimeout((function(){e.subNav.style.display="none"}),150),window.removeEventListener(i,(function(t){return e.keyPress(t,e.subnavClickOff)}),!1),window.removeEventListener(n,this.subnavClickOff),this}},{key:"handleSubnavClick",value:function(t){return t.preventDefault(),t.stopImmediatePropagation(),this.element.classList.remove("".concat(this.prefix,"--search--open")),this.element.classList.contains("".concat(this.prefix,"--subnav--open"))?this.subnavClickOff(t):this.subnavClickOn(t),this}},{key:"handleSubnavBackClick",value:function(t){return t.stopImmediatePropagation(),t.preventDefault(),this.subnavClickOff(t),this.element.classList.remove("".concat(this.prefix,"--select--open")),this}},{key:"handleMenuCloseClick",value:function(t,e){return e.preventDefault(),e.stopImmediatePropagation(),this.element.classList.remove("".concat(this.prefix,"--mobile--open")),this.element.classList.remove("".concat(this.prefix,"--subnav--open")),this.body.classList.remove("".concat(this.prefix,"--menu--open")),this}},{key:"handleResize",value:function(){return this.element.classList.remove("".concat(this.prefix,"--context--open")),this.element.classList.remove("".concat(this.prefix,"--mobile--open")),this.element.classList.remove("".concat(this.prefix,"--subnav--open")),this.element.classList.remove("".concat(this.prefix,"--search--open")),this}}])&&e(t.prototype,a),c&&e(t,c),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,a,c}();Drupal.behaviors.navigation={attach:function(){Array.prototype.forEach.call(document.querySelectorAll('[data-loadcomponent="Navigation"]'),(function(t){t.dataset.jsProcessed\|\|(new a(t),t.dataset.jsProcessed=!0)}))}}}));
1	+ !function(t){"function"==typeof define&&define.amd?define(t):t()}((function(){"use strict";function t(t){var e=function(t,e){if("object"!=typeof t\|\|!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var i=n.call(t,e\|\|"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==typeof e?e:e+""}function e(e,n){for(var i=0;i<n.length;i++){var s=n[i];s.enumerable=s.enumerable\|\|!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(e,t(s.key),s)}}var n="click",i="keydown",s="resize",o="touchstart",a=function(){return t=function t(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.element=e,this.prefix=this.element.dataset.prefix,this.callback=n,this.init()},(a=[{key:"init",value:function(){return this.cacheDomReferences().setupHandlers().enable(),this}},{key:"cacheDomReferences",value:function(){return this.subNav=this.element.querySelector(".".concat(this.prefix,"--subnav")),this.subnavButton=this.element.querySelector(".".concat(this.prefix,"--nav--trigger")),this.menuCloseSet=this.element.querySelectorAll(".".concat(this.prefix,"--header--menu--close")),this.subnavBack=this.element.querySelectorAll(".".concat(this.prefix,"--mobile--subnav--back")),this.menuOpen=this.element.querySelector(".".concat(this.prefix,"--header--menu")),this.searchButton=this.element.querySelector(".".concat(this.prefix,"--search--button")),this.searchBox=this.element.querySelector(".".concat(this.prefix,"--search-box")),this.contextButton=this.element.querySelector(".".concat(this.prefix,"--language-switcher--button")),this.languageButton=this.element.querySelector(".".concat(this.prefix,"--mobile--nav--language--switcher--button")),this.contextLinks=this.element.querySelectorAll(".".concat(this.prefix,"--context-menu--link")),this.languageLinks=this.element.querySelectorAll(".".concat(this.prefix,"--nav--language")),this.body=document.body,this}},{key:"setupHandlers",value:function(){return this.subnavClick=this.handleSubnavClick.bind(this),this.subnavClickOff=this.handleSubnavClickOff.bind(this),this.subnavClickOn=this.handleSubnavClickOn.bind(this),this.subnavBackClick=this.handleSubnavBackClick.bind(this),this.menuCloseClick=this.handleMenuCloseClick.bind(this),this.menuOpenClick=this.handleMenuOpenClick.bind(this),this.languageButtonClick=this.handleLanguageButtonClick.bind(this),this.contextLinkClick=this.handleContextLinkClick.bind(this),this.onResize=this.handleResize.bind(this),this.keyPress=this.handleKeyPress.bind(this),this.contextButtonClick=this.handleContextButtonClick.bind(this),this.contextButtonClickOff=this.handleContextButtonClickOff.bind(this),this.contextButtonClickOn=this.handleContextButtonClickOn.bind(this),this.searchButtonClick=this.handleSearchButtonClick.bind(this),this.searchButtonClickOff=this.handleSearchButtonClickOff.bind(this),this.searchButtonClickOn=this.handleSearchButtonClickOn.bind(this),this}},{key:"enable",value:function(){var t=this;return this.subnavButton&&(this.subnavButton.addEventListener(n,(function(e){return t.subnavClick(e)})),this.subnavButton.addEventListener(o,(function(e){return t.subnavClick(e)}))),this.subnavBack.length>0&&this.subnavBack.forEach((function(e){e.addEventListener(n,(function(e){return t.subnavBackClick(e)})),e.addEventListener(o,(function(e){return t.subnavBackClick(e)}))})),this.searchButton&&(this.searchButton.addEventListener(n,(function(e){return t.searchButtonClick(e)})),this.searchButton.addEventListener(o,(function(e){return t.searchButtonClick(e)}))),this.menuCloseSet.length>0&&this.menuCloseSet.forEach((function(e,i){e.addEventListener(n,(function(e){return t.menuCloseClick(i,e)})),e.addEventListener(o,(function(e){return t.menuCloseClick(i,e)}))})),this.menuOpen&&(this.menuOpen.addEventListener(n,(function(e){return t.menuOpenClick(e)})),this.menuOpen.addEventListener(o,(function(e){return t.menuOpenClick(e)}))),this.contextButton&&(this.contextButton.addEventListener(n,(function(e){return t.contextButtonClick(e)})),this.contextButton.addEventListener(o,(function(e){return t.contextButtonClick(e)}))),this.languageButton&&(this.languageButton.addEventListener(n,(function(e){return t.languageButtonClick(e)})),this.languageButton.addEventListener(o,(function(e){return t.languageButtonClick(e)}))),this.contextLinks.length>0&&this.callback&&this.contextLinks.forEach((function(e){e.addEventListener(n,(function(e){return t.contextLinkClick(e)})),e.addEventListener(o,(function(e){return t.contextLinkClick(e)}))})),this.languageLinks.length>0&&this.callback&&this.languageLinks.forEach((function(e){e.addEventListener(n,(function(e){return t.contextLinkClick(e)})),e.addEventListener(o,(function(e){return t.contextLinkClick(e)}))})),this.searchBox&&this.searchBox.addEventListener(n,(function(t){t.stopPropagation()}),!1),this.subNav&&this.subNav.addEventListener(n,(function(t){t.stopPropagation()}),!1),window.addEventListener(s,(function(e){window.innerWidth>=1024&&t.onResize(e)})),this}},{key:"handleContextLinkClick",value:function(t){return t.preventDefault(),this.callback(t),this}},{key:"handleKeyPress",value:function(t,e){return"Escape"===t.key&&e(t),this}},{key:"handleLanguageButtonClick",value:function(t){return t.preventDefault(),t.stopImmediatePropagation(),this.element.classList.toggle("".concat(this.prefix,"--select--open")),this}},{key:"handleContextButtonClickOn",value:function(t){var e=this;return t.stopImmediatePropagation(),this.element.classList.add("".concat(this.prefix,"--context--open")),window.addEventListener(i,(function(t){return e.keyPress(t,e.contextButtonClickOff)}),!1),window.addEventListener(n,this.contextButtonClickOff),this}},{key:"handleContextButtonClickOff",value:function(t){var e=this;return t.stopImmediatePropagation(),this.element.classList.remove("".concat(this.prefix,"--context--open")),window.removeEventListener(i,(function(t){return e.keyPress(t,e.contextButtonClickOff)}),!1),window.removeEventListener(n,this.contextButtonClickOff),this}},{key:"handleContextButtonClick",value:function(t){return this.element.classList.contains("".concat(this.prefix,"--context--open"))?this.contextButtonClickOff(t):this.contextButtonClickOn(t),this}},{key:"handleSearchButtonClickOn",value:function(t){var e=this;return t.stopImmediatePropagation(),this.searchBox.style.display="block",window.setTimeout((function(){e.element.classList.add("".concat(e.prefix,"--search--open"))}),10),window.addEventListener(i,(function(t){return e.keyPress(t,e.searchButtonClickOff)}),!1),window.innerWidth>=1024&&window.addEventListener(n,this.searchButtonClickOff,!1),this}},{key:"handleSearchButtonClickOff",value:function(t){var e=this;return t.stopImmediatePropagation(),this.element.classList.remove("".concat(this.prefix,"--search--open")),window.setTimeout((function(){e.searchBox.style.display="none"}),225),window.removeEventListener(i,(function(t){return e.keyPress(t,e.searchButtonClickOff)}),!1),window.removeEventListener(n,this.searchButtonClickOff,!1),this}},{key:"handleSearchButtonClick",value:function(t){return this.element.classList.remove("".concat(this.prefix,"--subnav--open")),this.element.classList.contains("".concat(this.prefix,"--search--open"))?this.searchButtonClickOff(t):this.searchButtonClickOn(t),this}},{key:"handleMenuOpenClick",value:function(t){return t.preventDefault(),t.stopImmediatePropagation(),this.element.classList.add("".concat(this.prefix,"--mobile--open")),this.body.classList.add("".concat(this.prefix,"--menu--open")),this}},{key:"handleSubnavClickOn",value:function(t){var e=this;return t.stopImmediatePropagation(),this.subNav.style.display="block",window.setTimeout((function(){e.element.classList.add("".concat(e.prefix,"--subnav--open"))}),10),window.addEventListener(i,(function(t){return e.keyPress(t,e.subnavClickOff)}),!1),window.innerWidth>=1024&&window.addEventListener(n,this.subnavClickOff),this}},{key:"handleSubnavClickOff",value:function(t){var e=this;return t.stopImmediatePropagation(),this.element.classList.remove("".concat(this.prefix,"--subnav--open")),window.setTimeout((function(){e.subNav.style.display="none"}),150),window.removeEventListener(i,(function(t){return e.keyPress(t,e.subnavClickOff)}),!1),window.removeEventListener(n,this.subnavClickOff),this}},{key:"handleSubnavClick",value:function(t){return t.preventDefault(),t.stopImmediatePropagation(),this.element.classList.remove("".concat(this.prefix,"--search--open")),this.element.classList.contains("".concat(this.prefix,"--subnav--open"))?this.subnavClickOff(t):this.subnavClickOn(t),this}},{key:"handleSubnavBackClick",value:function(t){return t.stopImmediatePropagation(),t.preventDefault(),this.subnavClickOff(t),this.element.classList.remove("".concat(this.prefix,"--select--open")),this}},{key:"handleMenuCloseClick",value:function(t,e){return e.preventDefault(),e.stopImmediatePropagation(),this.element.classList.remove("".concat(this.prefix,"--mobile--open")),this.element.classList.remove("".concat(this.prefix,"--subnav--open")),this.body.classList.remove("".concat(this.prefix,"--menu--open")),this}},{key:"handleResize",value:function(){return this.element.classList.remove("".concat(this.prefix,"--context--open")),this.element.classList.remove("".concat(this.prefix,"--mobile--open")),this.element.classList.remove("".concat(this.prefix,"--subnav--open")),this.element.classList.remove("".concat(this.prefix,"--search--open")),this}}])&&e(t.prototype,a),c&&e(t,c),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,a,c}();Drupal.behaviors.navigation={attach:function(){Array.prototype.forEach.call(document.querySelectorAll('[data-loadcomponent="Navigation"]'),(function(t){t.dataset.jsProcessed\|\|(new a(t),t.dataset.jsProcessed=!0)}))}}}));

package/dist/components/navigation/navigation.css CHANGED Viewed

	@@ -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}

package/dist/components/tabs/tabs.css CHANGED Viewed

	@@ -1 +1 @@
1	- @charset "UTF-8";.ilo--tabs{border-bottom:.1607717042rem solid #edf0f2;border-left:.1607717042rem solid #edf0f2;border-right:.1607717042rem solid #edf0f2}.ilo--tabs:not(.tabs--js) .ilo--tabs--selection{margin-bottom:1.2861736334rem}.ilo--tabs:not(.tabs--js) .ilo--tabs--selection--button{background:transparent;border-bottom:1.5px solid #1e2dbe;color:#230050;font-size:inherit;font-weight:inherit;line-height:inherit;text-decoration:none;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:ease-out}.ilo--tabs:not(.tabs--js) .ilo--tabs--selection--button:visited{background:transparent;border-bottom:1.5px solid #960a55;color:#960a55}.ilo--tabs:not(.tabs--js) .ilo--tabs--selection--button:hover{background:#fff;border-bottom:3px solid #1e2dbe;color:#1e2dbe;text-decoration:none;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:ease-out}.ilo--tabs:not(.tabs--js) .ilo--tabs--selection--button:active,.ilo--tabs:not(.tabs--js) .ilo--tabs--selection--button:focus{background:transparent;border-bottom:1.5px solid #1e2dbe;color:#230050;outline:0}.ilo--tabs.tabs--js .ilo--tabs--selection{--tabscount:1;display:block}.ilo--tabs.tabs--js .ilo--tabs--selection--button{align-items:center;background-color:#edf0f2;border-bottom:.1607717042rem solid #fff;color:#230050;font-family:Overpass,Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-weight:600;display:flex;height:3.2154340836rem;justify-content:flex-start;padding-left:.4287245445rem;padding-right:1.2861736334rem;text-decoration:none;font-size:16px;letter-spacing:-.02em;line-height:21.6px;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:ease-out}.ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]{background-color:#fff;border-top:.1607717042rem solid #230050;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:ease-out}.ilo--tabs.tabs--js .ilo--tabs--selection--button.icon .ilo--icon{height:.857449089rem;~~margin-right:.2679528403rem;~~order:1;width:.857449089rem}.ilo--tabs.tabs--js .ilo--tabs--selection--button.icon .ilo--tabs--selection--label{order:2}.ilo--tabs.tabs--js .ilo--tabs--selection--button:hover,.ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]:hover{background-color:#ebf5fd;color:#1e2dbe;outline:0;border-top:.1607717042rem solid #1e2dbe;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:ease-out}.ilo--tabs.tabs--js .ilo--tabs--selection--button:hover.has--tooltip .ilo--tooltip--wrapper,.ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]:hover.has--tooltip .ilo--tooltip--wrapper{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%231E2DBE' d='M8 0C6.4 0 4.9.5 3.6 1.3c-1.4.9-2.4 2.2-3 3.6C0 6.4-.2 8 .2 9.6c.3 1.6 1.1 3 2.2 4.1 1.1 1.1 2.5 1.9 4.1 2.2s3.2.2 4.6-.5c1.5-.6 2.7-1.6 3.6-2.9.8-1.4 1.3-2.9 1.3-4.5 0-2.1-.8-4.2-2.3-5.7C12.2.8 10.1 0 8 0zm0 14c-1.2 0-2.3-.4-3.3-1-1-.7-1.8-1.6-2.2-2.7C2 9.2 1.9 8 2.1 6.8c.2-1.2.8-2.2 1.6-3.1.8-.8 1.9-1.4 3.1-1.6 1.2-.2 2.4-.1 3.5.4s2 1.2 2.7 2.2c.7 1 1 2.1 1 3.3 0 1.6-.6 3.1-1.8 4.2C11.1 13.4 9.6 14 8 14z'/%3E%3Cpath fill='%231E2DBE' d='M9 7H7v5h2V7zM8 6c.6 0 1-.4 1-1s-.4-1-1-1-1 .4-1 1 .4 1 1 1z'/%3E%3C/svg%3E")}.ilo--tabs.tabs--js .ilo--tabs--selection--label{~~max-width:50ch;~~overflow:hidden;~~text~~-~~overflow:ellipsis~~;white-space:nowrap;~~padding~~-~~top:.2143622722rem~~}.ilo--tabs.tabs--js .ilo--tabs--selection--item{display:block;width:100%}.ilo--tabs.tabs--js .ilo--tabs--selection--item:last-of-type .ilo--tabs--selection--button{border-bottom:none;border-right:none}.ilo--tabs.tabs--js .ilo--tabs--content{background-color:#fff;padding:2.1436227224rem 1.2861736334rem 3.0010718114rem}.ilo--tabs.tabs--js .ilo--tabs--content [aria-expanded=false]{display:none}.ilo--tabs.tabs--js .ilo--tabs--content [aria-expanded=true]{display:block}@media screen and (min-width:610px){.ilo--tabs.tabs--js .ilo--tabs--content{padding:2.1436227224rem 3.4297963558rem 3.4297963558rem}.ilo--tabs.tabs--js .ilo--tabs--selection{display:flex;max-width:100%;overflow-x:hidden;overflow-y:hidden}.ilo--tabs.tabs--js .ilo--tabs--selection--button{border-bottom:none;border-right:.2679528403rem solid #fff}.ilo--tabs.tabs--js .ilo--tabs--selection--item{width:min(var(--tabscount)/1 * 100%,100%)}}@media screen and (min-width:1024px){.ilo--tabs.tabs--js .ilo--tabs--selection--item{width:min(var(--tabscount)/1 * 100%,100%)}}
1	+ @charset "UTF-8";.ilo--tabs{border-bottom:.1607717042rem solid #edf0f2;border-left:.1607717042rem solid #edf0f2;border-right:.1607717042rem solid #edf0f2}.ilo--tabs:not(.tabs--js) .ilo--tabs--selection{margin-bottom:1.2861736334rem}.ilo--tabs:not(.tabs--js) .ilo--tabs--selection--button{background:transparent;border-bottom:1.5px solid #1e2dbe;color:#230050;font-size:inherit;font-weight:inherit;line-height:inherit;text-decoration:none;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:ease-out}.ilo--tabs:not(.tabs--js) .ilo--tabs--selection--button:visited{background:transparent;border-bottom:1.5px solid #960a55;color:#960a55}.ilo--tabs:not(.tabs--js) .ilo--tabs--selection--button:hover{background:#fff;border-bottom:3px solid #1e2dbe;color:#1e2dbe;text-decoration:none;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:ease-out}.ilo--tabs:not(.tabs--js) .ilo--tabs--selection--button:active,.ilo--tabs:not(.tabs--js) .ilo--tabs--selection--button:focus{background:transparent;border-bottom:1.5px solid #1e2dbe;color:#230050;outline:0}.ilo--tabs.tabs--js .ilo--tabs--selection{--tabscount:1;display:block}.ilo--tabs.tabs--js .ilo--tabs--selection--button{align-items:center;background-color:#edf0f2;border-bottom:.1607717042rem solid #fff;color:#230050;font-family:Overpass,Noto Sans,Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;font-weight:600;display:flex;gap:.2143622722rem;height:3.2154340836rem;justify-content:flex-start;padding-left:.4287245445rem;padding-right:1.2861736334rem;text-decoration:none;font-size:16px;letter-spacing:-.02em;line-height:21.6px;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:ease-out}.ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]{background-color:#fff;border-top:.1607717042rem solid #230050;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:ease-out}.ilo--tabs.tabs--js .ilo--tabs--selection--button.icon .ilo--icon{height:.857449089rem;order:1;width:.857449089rem}.ilo--tabs.tabs--js .ilo--tabs--selection--button.icon .ilo--tabs--selection--label{order:2;flex:1 1}.ilo--tabs.tabs--js .ilo--tabs--selection--button:hover,.ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]:hover{background-color:#ebf5fd;color:#1e2dbe;outline:0;border-top:.1607717042rem solid #1e2dbe;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:ease-out}.ilo--tabs.tabs--js .ilo--tabs--selection--button:hover.has--tooltip .ilo--tooltip--wrapper,.ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]:hover.has--tooltip .ilo--tooltip--wrapper{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%231E2DBE' d='M8 0C6.4 0 4.9.5 3.6 1.3c-1.4.9-2.4 2.2-3 3.6C0 6.4-.2 8 .2 9.6c.3 1.6 1.1 3 2.2 4.1 1.1 1.1 2.5 1.9 4.1 2.2s3.2.2 4.6-.5c1.5-.6 2.7-1.6 3.6-2.9.8-1.4 1.3-2.9 1.3-4.5 0-2.1-.8-4.2-2.3-5.7C12.2.8 10.1 0 8 0zm0 14c-1.2 0-2.3-.4-3.3-1-1-.7-1.8-1.6-2.2-2.7C2 9.2 1.9 8 2.1 6.8c.2-1.2.8-2.2 1.6-3.1.8-.8 1.9-1.4 3.1-1.6 1.2-.2 2.4-.1 3.5.4s2 1.2 2.7 2.2c.7 1 1 2.1 1 3.3 0 1.6-.6 3.1-1.8 4.2C11.1 13.4 9.6 14 8 14z'/%3E%3Cpath fill='%231E2DBE' d='M9 7H7v5h2V7zM8 6c.6 0 1-.4 1-1s-.4-1-1-1-1 .4-1 1 .4 1 1 1z'/%3E%3C/svg%3E")}.ilo--tabs.tabs--js .ilo--tabs--selection--label{overflow:hidden;padding-top:.2143622722rem;white-space:nowrap;text-overflow:ellipsis}.ilo--tabs.tabs--js .ilo--tabs--selection--item{overflow:hidden;display:block;width:100%}.ilo--tabs.tabs--js .ilo--tabs--selection--item:last-of-type .ilo--tabs--selection--button{border-bottom:none;border-right:none}.ilo--tabs.tabs--js .ilo--tabs--content{background-color:#fff;padding:2.1436227224rem 1.2861736334rem 3.0010718114rem}.ilo--tabs.tabs--js .ilo--tabs--content [aria-expanded=false]{display:none}.ilo--tabs.tabs--js .ilo--tabs--content [aria-expanded=true]{display:block}@media screen and (min-width:610px){.ilo--tabs.tabs--js .ilo--tabs--content{padding:2.1436227224rem 3.4297963558rem 3.4297963558rem}.ilo--tabs.tabs--js .ilo--tabs--selection{display:flex;max-width:100%;overflow-x:hidden;overflow-y:hidden}.ilo--tabs.tabs--js .ilo--tabs--selection--button{border-bottom:none;border-right:.2679528403rem solid #fff}.ilo--tabs.tabs--js .ilo--tabs--selection--item{width:min(var(--tabscount)/1 * 100%,100%)}}@media screen and (min-width:1024px){.ilo--tabs.tabs--js .ilo--tabs--selection--item{width:min(var(--tabscount)/1 * 100%,100%)}}

package/dist/components/tabs/tabs.twig CHANGED Viewed

@@ -10,7 +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}}">
             <span class="ilo--tabs--selection--label">{{item.label}}</span>
             {% if item.icon is defined %}
-              {% include '@components/icon/icon.twig' with {icon: item.icon} %}
+              {% include '@components/icon/icon.twig' with {
+               name: item.icon,
+               size: '24'
+              } %}
             {% endif %}
           </a>
         </li>

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

@@ -7,9 +7,10 @@ tabs:
     items:
       type: object
       label: Items
-      description: The items and labels for each tab
+      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.
       preview:
         - label: "Tab Label With A Really Really Lenghty Title Even Though We Do Not Recommend Such A Lengthy Title"
+          icon: "info"
           component: "image"
           componentdata:
             alt: "My alt text"
@@ -33,137 +34,5 @@ tabs:
     default:
       label: Default
       description: the default settings for the Tabs
-    withicon:
-      label: With Icon
-      description: Tabs with Icons
-      fields:
-        items:
-          - label: "Tab One"
-            component: "image"
-            componentdata:
-              alt: "My alt text"
-              caption: "my image caption"
-              credit: "Photo: copyright 2022 Person S. Name"
-              url:
-                - breakpoint: 0
-                  src: "https://place-hold.it/400x300?text=Tab One Image"
-                - breakpoint: 800
-                  src: "https://place-hold.it/800x600?text=Tab One tImage"
-                - breakpoint: 1200
-                  src: "https://place-hold.it/1200x900?text=Tab One Image"
-                - breakpoint: 1440
-                  src: "https://place-hold.it/1600x1200?text=Tab One Image"
-            icon: error
-          - label: "Tab Two"
-            component: "image"
-            componentdata:
-              alt: "My alt text"
-              caption: "my image caption"
-              credit: "Photo: copyright 2022 Person S. Name"
-              url:
-                - breakpoint: 0
-                  src: "https://place-hold.it/400x300?text=Tab Two Image"
-                - breakpoint: 800
-                  src: "https://place-hold.it/800x600?text=Tab Two Image"
-                - breakpoint: 1200
-                  src: "https://place-hold.it/1200x900?text=Tab Two Image"
-                - breakpoint: 1440
-                  src: "https://place-hold.it/1600x1200?text=Tab Two Image"
-            icon: error
-          - label: "Tab Three"
-            component: "image"
-            componentdata:
-              alt: "My alt text"
-              caption: "my image caption"
-              credit: "Photo: copyright 2022 Person S. Name"
-              url:
-                - breakpoint: 0
-                  src: "https://place-hold.it/400x300?text=Tab Three Image"
-                - breakpoint: 800
-                  src: "https://place-hold.it/800x600?text=Tab Three Image"
-                - breakpoint: 1200
-                  src: "https://place-hold.it/1200x900?text=Tab Three Image"
-                - breakpoint: 1440
-                  src: "https://place-hold.it/1600x1200?text=Tab Three Image"
-            icon: error
-    fiveitems:
-      label: Five Items
-      description: Tab component with five items
-      fields:
-        items:
-          - label: "Tab One"
-            component: "image"
-            componentdata:
-              alt: "My alt text"
-              caption: "my image caption"
-              credit: "Photo: copyright 2022 Person S. Name"
-              url:
-                - breakpoint: 0
-                  src: "https://place-hold.it/400x300?text=Tab One Image"
-                - breakpoint: 800
-                  src: "https://place-hold.it/800x600?text=Tab One tImage"
-                - breakpoint: 1200
-                  src: "https://place-hold.it/1200x900?text=Tab One Image"
-                - breakpoint: 1440
-                  src: "https://place-hold.it/1600x1200?text=Tab One Image"
-          - label: "Tab Two"
-            component: "image"
-            componentdata:
-              alt: "My alt text"
-              caption: "my image caption"
-              credit: "Photo: copyright 2022 Person S. Name"
-              url:
-                - breakpoint: 0
-                  src: "https://place-hold.it/400x300?text=Tab Two Image"
-                - breakpoint: 800
-                  src: "https://place-hold.it/800x600?text=Tab Two Image"
-                - breakpoint: 1200
-                  src: "https://place-hold.it/1200x900?text=Tab Two Image"
-                - breakpoint: 1440
-                  src: "https://place-hold.it/1600x1200?text=Tab Two Image"
-          - label: "Tab Three"
-            component: "image"
-            componentdata:
-              alt: "My alt text"
-              caption: "my image caption"
-              credit: "Photo: copyright 2022 Person S. Name"
-              url:
-                - breakpoint: 0
-                  src: "https://place-hold.it/400x300?text=Tab Three Image"
-                - breakpoint: 800
-                  src: "https://place-hold.it/800x600?text=Tab Three Image"
-                - breakpoint: 1200
-                  src: "https://place-hold.it/1200x900?text=Tab Three Image"
-                - breakpoint: 1440
-                  src: "https://place-hold.it/1600x1200?text=Tab Three Image"
-          - label: "Tab Four Has A Really Lenghthy Title Which Might Get Truncated"
-            component: "image"
-            componentdata:
-              alt: "My alt text"
-              caption: "my image caption"
-              credit: "Photo: copyright 2022 Person S. Name"
-              url:
-                - breakpoint: 0
-                  src: "https://place-hold.it/400x300?text=Tab Four Image"
-                - breakpoint: 800
-                  src: "https://place-hold.it/800x600?text=Tab Four Image"
-                - breakpoint: 1200
-                  src: "https://place-hold.it/1200x900?text=Tab Four Image"
-                - breakpoint: 1440
-                  src: "https://place-hold.it/1600x1200?text=Tab Four Image"
-          - label: "Tab Five"
-            component: "image"
-            componentdata:
-              alt: "My alt text"
-              caption: "my image caption"
-              credit: "Photo: copyright 2022 Person S. Name"
-              url:
-                - breakpoint: 0
-                  src: "https://place-hold.it/400x300?text=Tab Five Image"
-                - breakpoint: 800
-                  src: "https://place-hold.it/800x600?text=Tab Five Image"
-                - breakpoint: 1200
-                  src: "https://place-hold.it/1200x900?text=Tab Five Image"
-                - breakpoint: 1440
-                  src: "https://place-hold.it/1600x1200?text=Tab Five Image"
   visibility: storybook

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@ilo-org/twig",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "license": "Apache-2.0",
   "description": "Twig components for the ILO's Design System",
   "publishConfig": {
@@ -49,10 +49,10 @@
     "video.js": "^7.21.2",
     "videojs-youtube": "^3.0.1",
     "@ilo-org/brand-assets": "0.5.1",
+    "@ilo-org/fonts": "0.2.2",
     "@ilo-org/icons": "0.3.1",
-    "@ilo-org/styles": "1.0.0",
+    "@ilo-org/styles": "1.0.2",
     "@ilo-org/themes": "0.8.1",
-    "@ilo-org/fonts": "0.2.1",
     "@ilo-org/utils": "0.1.1"
   },
   "devDependencies": {

package/src/patterns/components/breadcrumb/breadcrumb.twig CHANGED Viewed

@@ -24,7 +24,7 @@
 						{% if not loop.first and not loop.last %}
 							<li class="{{prefix}}--breadcrumb--item">
 								<a href="{{link.url}}" class="{{prefix}}--breadcrumb--link">
-									<span class="{{prefix}}--breadcrumb--link--label--dropdown {{prefix}}--breadcrumb--link--label">{{link.label}}</span>
+									<span class="{{prefix}}--breadcrumb--link--label--dropdown">{{link.label}}</span>
 								</a>
 							</li>
 						{% endif %}

package/src/patterns/components/modal/modal.js CHANGED Viewed

@@ -76,6 +76,8 @@ export default class Modal {
    * @chainable
    */
   enable() {
+    if (!this.OpenButton || !this.CloseButton) return this;
     this.OpenButton.addEventListener(EVENTS.CLICK, () =>
       this.OpenButtonHandler()
     );

package/src/patterns/components/navigation/navigation.js CHANGED Viewed

@@ -213,24 +213,27 @@ export default class Navigation {
       });
     }
-    // Click events in the searchBox should not bubble up to the body
-    this.searchBox.addEventListener(
-      EVENTS.CLICK,
-      (ev) => {
-        ev.stopPropagation();
-      },
-      false
-    );
-    // Click events in the subNav should not bubble up to the body
-    this.subNav.addEventListener(
-      EVENTS.CLICK,
-      (ev) => {
-        ev.stopPropagation();
-      },
-      false
-    );
+    if (this.searchBox) {
+      // Click events in the searchBox should not bubble up to the body
+      this.searchBox.addEventListener(
+        EVENTS.CLICK,
+        (ev) => {
+          ev.stopPropagation();
+        },
+        false
+      );
+    }
+    if (this.subNav) {
+      // Click events in the subNav should not bubble up to the body
+      this.subNav.addEventListener(
+        EVENTS.CLICK,
+        (ev) => {
+          ev.stopPropagation();
+        },
+        false
+      );
+    }
     window.addEventListener(EVENTS.RESIZE, (e) => {
       if (window.innerWidth >= 1024) {
         this.onResize(e);

package/src/patterns/components/tabs/tabs.twig CHANGED Viewed

@@ -10,7 +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}}">
             <span class="{{prefix}}--tabs--selection--label">{{item.label}}</span>
             {% if item.icon is defined %}
-              {% include '@components/icon/icon.twig' with {icon: item.icon} %}
+              {% include '@components/icon/icon.twig' with {
+               name: item.icon,
+               size: '24'
+              } %}
             {% endif %}
           </a>
         </li>

package/src/patterns/components/tabs/tabs.wingsuit.yml CHANGED Viewed

@@ -7,9 +7,10 @@ tabs:
     items:
       type: object
       label: Items
-      description: The items and labels for each tab
+      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.
       preview:
         - label: "Tab Label With A Really Really Lenghty Title Even Though We Do Not Recommend Such A Lengthy Title"
+          icon: "info"
           component: "image"
           componentdata:
             alt: "My alt text"
@@ -33,137 +34,5 @@ tabs:
     default:
       label: Default
       description: the default settings for the Tabs
-    withicon:
-      label: With Icon
-      description: Tabs with Icons
-      fields:
-        items:
-          - label: "Tab One"
-            component: "image"
-            componentdata:
-              alt: "My alt text"
-              caption: "my image caption"
-              credit: "Photo: copyright 2022 Person S. Name"
-              url:
-                - breakpoint: 0
-                  src: "https://place-hold.it/400x300?text=Tab One Image"
-                - breakpoint: 800
-                  src: "https://place-hold.it/800x600?text=Tab One tImage"
-                - breakpoint: 1200
-                  src: "https://place-hold.it/1200x900?text=Tab One Image"
-                - breakpoint: 1440
-                  src: "https://place-hold.it/1600x1200?text=Tab One Image"
-            icon: error
-          - label: "Tab Two"
-            component: "image"
-            componentdata:
-              alt: "My alt text"
-              caption: "my image caption"
-              credit: "Photo: copyright 2022 Person S. Name"
-              url:
-                - breakpoint: 0
-                  src: "https://place-hold.it/400x300?text=Tab Two Image"
-                - breakpoint: 800
-                  src: "https://place-hold.it/800x600?text=Tab Two Image"
-                - breakpoint: 1200
-                  src: "https://place-hold.it/1200x900?text=Tab Two Image"
-                - breakpoint: 1440
-                  src: "https://place-hold.it/1600x1200?text=Tab Two Image"
-            icon: error
-          - label: "Tab Three"
-            component: "image"
-            componentdata:
-              alt: "My alt text"
-              caption: "my image caption"
-              credit: "Photo: copyright 2022 Person S. Name"
-              url:
-                - breakpoint: 0
-                  src: "https://place-hold.it/400x300?text=Tab Three Image"
-                - breakpoint: 800
-                  src: "https://place-hold.it/800x600?text=Tab Three Image"
-                - breakpoint: 1200
-                  src: "https://place-hold.it/1200x900?text=Tab Three Image"
-                - breakpoint: 1440
-                  src: "https://place-hold.it/1600x1200?text=Tab Three Image"
-            icon: error
-    fiveitems:
-      label: Five Items
-      description: Tab component with five items
-      fields:
-        items:
-          - label: "Tab One"
-            component: "image"
-            componentdata:
-              alt: "My alt text"
-              caption: "my image caption"
-              credit: "Photo: copyright 2022 Person S. Name"
-              url:
-                - breakpoint: 0
-                  src: "https://place-hold.it/400x300?text=Tab One Image"
-                - breakpoint: 800
-                  src: "https://place-hold.it/800x600?text=Tab One tImage"
-                - breakpoint: 1200
-                  src: "https://place-hold.it/1200x900?text=Tab One Image"
-                - breakpoint: 1440
-                  src: "https://place-hold.it/1600x1200?text=Tab One Image"
-          - label: "Tab Two"
-            component: "image"
-            componentdata:
-              alt: "My alt text"
-              caption: "my image caption"
-              credit: "Photo: copyright 2022 Person S. Name"
-              url:
-                - breakpoint: 0
-                  src: "https://place-hold.it/400x300?text=Tab Two Image"
-                - breakpoint: 800
-                  src: "https://place-hold.it/800x600?text=Tab Two Image"
-                - breakpoint: 1200
-                  src: "https://place-hold.it/1200x900?text=Tab Two Image"
-                - breakpoint: 1440
-                  src: "https://place-hold.it/1600x1200?text=Tab Two Image"
-          - label: "Tab Three"
-            component: "image"
-            componentdata:
-              alt: "My alt text"
-              caption: "my image caption"
-              credit: "Photo: copyright 2022 Person S. Name"
-              url:
-                - breakpoint: 0
-                  src: "https://place-hold.it/400x300?text=Tab Three Image"
-                - breakpoint: 800
-                  src: "https://place-hold.it/800x600?text=Tab Three Image"
-                - breakpoint: 1200
-                  src: "https://place-hold.it/1200x900?text=Tab Three Image"
-                - breakpoint: 1440
-                  src: "https://place-hold.it/1600x1200?text=Tab Three Image"
-          - label: "Tab Four Has A Really Lenghthy Title Which Might Get Truncated"
-            component: "image"
-            componentdata:
-              alt: "My alt text"
-              caption: "my image caption"
-              credit: "Photo: copyright 2022 Person S. Name"
-              url:
-                - breakpoint: 0
-                  src: "https://place-hold.it/400x300?text=Tab Four Image"
-                - breakpoint: 800
-                  src: "https://place-hold.it/800x600?text=Tab Four Image"
-                - breakpoint: 1200
-                  src: "https://place-hold.it/1200x900?text=Tab Four Image"
-                - breakpoint: 1440
-                  src: "https://place-hold.it/1600x1200?text=Tab Four Image"
-          - label: "Tab Five"
-            component: "image"
-            componentdata:
-              alt: "My alt text"
-              caption: "my image caption"
-              credit: "Photo: copyright 2022 Person S. Name"
-              url:
-                - breakpoint: 0
-                  src: "https://place-hold.it/400x300?text=Tab Five Image"
-                - breakpoint: 800
-                  src: "https://place-hold.it/800x600?text=Tab Five Image"
-                - breakpoint: 1200
-                  src: "https://place-hold.it/1200x900?text=Tab Five Image"
-                - breakpoint: 1440
-                  src: "https://place-hold.it/1600x1200?text=Tab Five Image"
   visibility: storybook