@ilo-org/styles 0.5.0 → 0.6.1

package/css/components/detailcard.css

@@ -0,0 +1 @@
+.ilo--card__type__detail{--max-width:18.3815648446rem;border-bottom:.1607717042rem solid #edf0f2;padding:1.2861736334rem 0;position:relative}@media screen and (min-width:1024px){.ilo--card__type__detail{padding:1.7148981779rem 0}}.ilo--card__type__detail:focus,.ilo--card__type__detail:focus-within,.ilo--card__type__detail:hover{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)) drop-shadow(0 -4px 16px rgba(30,45,190,.054))}.ilo--card__type__detail:focus-within picture:before,.ilo--card__type__detail:focus picture:before,.ilo--card__type__detail:hover picture:before{opacity:.4;z-index:2}.ilo--card__type__detail:focus-within .ilo--card--date-extra:before,.ilo--card__type__detail:focus .ilo--card--date-extra:before,.ilo--card__type__detail:hover .ilo--card--date-extra:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 11'%3E%3Cpath fill='%231E2DBE' d='M6 10.846L12 0H0l6 10.846z'/%3E%3C/svg%3E")}@media screen and (min-width:1024px){.ilo--card__size__wide .ilo--card__type__detail .ilo--card--title{font-size:23.32px;font-size:18.66px;letter-spacing:-.035em;line-height:29.15px;line-height:24.26px}}.ilo--card__type__detail.ilo--card__size__fluid,.ilo--card__type__detail.ilo--card__size__wide{--max-width:39.9249732047rem}@media screen and (min-width:1024px){.ilo--card__type__detail.ilo--card__size__fluid .ilo--card--title,.ilo--card__type__detail.ilo--card__size__wide .ilo--card--title{font-size:23.32px;letter-spacing:-.035em;line-height:29.15px}.ilo--card__type__detail.ilo--card__size__fluid .ilo--card--image--wrapper,.ilo--card__type__detail.ilo--card__size__wide .ilo--card--image--wrapper{flex:0 0 10.5037513398rem}.ilo--card__type__detail.ilo--card__size__fluid .ilo--card--picture,.ilo--card__type__detail.ilo--card__size__wide .ilo--card--picture{width:10.5037513398rem}}.ilo--card__type__detail.ilo--card__size__narrow{--max-width:18.3815648446rem}.ilo--card__type__detail picture{display:flex;position:relative}.ilo--card__type__detail picture:before{background-color:#1e2dbe;content:"";display:block;height:100%;left:0;opacity:0;position:absolute;top:0;transition-duration:.15s;transition-property:opacity;transition-timing-function:ease-out;width:100%;z-index:-1}.ilo--card__type__detail .ilo--card--wrap{display:flex}.right-to-left .ilo--card__type__detail .ilo--card--wrap{flex-direction:row-reverse}.ilo--card__type__detail .ilo--card--title{font-size:18.66px;letter-spacing:-.035em;line-height:24.26px}.ilo--card__type__detail .ilo--card--image--wrapper{flex:0 0 4.1264737406rem}.ilo--card__type__detail .ilo--card--picture{object-fit:contain;width:4.1264737406rem}.ilo--card__type__detail .ilo--card--content{padding:0 1.2861736334rem}.ilo--card__type__detail .ilo--card--date-extra{font-size:16px;letter-spacing:normal;line-height:23.36px;margin-bottom:0;padding-left:1.2861736334rem;position:relative}.ilo--card__type__detail .ilo--card--date-extra:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 11'%3E%3Cpath fill='%232D2D2D' d='M6 10.846L12 0H0l6 10.846z'/%3E%3C/svg%3E");background-repeat:no-repeat;content:"";display:inline-block;height:.7502679528rem;left:0;position:absolute;top:50%;transform:rotate(-90deg) translateX(50%);width:.6430868167rem}.ilo--card__type__detail .ilo--card--date{font-size:16px;letter-spacing:normal;line-height:23.36px}

package/css/components/experiment.css

@@ -0,0 +1 @@
+.experiment{--card-width:minmax(200px,625px);--tooltip-width:30px;--tooltip-height:27px;--card-offset:109px;--image-gap:603px;--row-1-lg:48px;--row-2-lg:var(--image-gap);--row-3-lg:auto;--row-4-lg:var(--tooltip-height);--row-5-lg:72px;--col-1-lg:0;--col-2-lg:var(--card-width);--col-3-lg:var(--tooltip-width);--col-4-lg:1fr;display:grid;grid-template-columns:var(--col-1-lg) var(--col-2-lg) var(--col-3-lg) var(--col-4-lg);grid-template-rows:var(--row-1-lg) var(--row-2-lg) var(--row-3-lg) var(--row-4-lg) var(--row-5-lg);position:relative}.experiment__poster-size__small{--image-gap:75px}.experiment__poster-size__medium{--image-gap:175px}.experiment__poster-size__large{--image-gap:220px}.experiment__poster-size__xlarge{--image-gap:400px}.experiment__card-size__small{--card-width:minmax(200px,625px)}.experiment__card-size__medium{--card-width:minmax(200px,721px)}.experiment__card-size__large{--card-width:minmax(200px,856px)}.experiment__card-size__xlarge{--card-width:minmax(200px,920px)}.experiment__card-size__xxlarge{--card-width:minmax(200px,998px)}.experiment__card-justify__start{--col-1-lg:0}.right-to-left .experiment__card-justify__start{--col-1-lg:1fr;--col-2-lg:var(--tooltip-width);--col-3-lg:var(--card-width);--col-4-lg:0}.experiment__card-justify__offset{--col-1-lg:var(--card-offset)}.right-to-left .experiment__card-justify__offset{--col-1-lg:1fr;--col-2-lg:var(--tooltip-width);--col-3-lg:var(--card-width);--col-4-lg:var(--card-offset)}.experiment__card-justify__center{--col-1-lg:1fr;--col-4-lg:1fr}.right-to-left .experiment__card-justify__center{--col-2-lg:var(--tooltip-width);--col-3-lg:var(--card-width)}.experiment__card-align__center{--row-4-lg:75px;--row-5-lg:var(--tooltip-height)}.experiment__card-align__bottom{--row-3-lg:0;--row-4-lg:var(--tooltip-height);--row-5-lg:auto}.experiment--breadcrumbs{display:flex;flex-flow:row nowrap;grid-area:1/1/2/5;z-index:1}.right-to-left .experiment--breadcrumbs{flex-direction:row-reverse}.experiment--breadcrumbs--wrapper{max-width:500px}.experiment--figure{grid-area:1/1/5/5;position:relative;z-index:-1}.experiment__card-align__center .experiment--figure{grid-area:1/1/6/5}.experiment__card-align__bottom .experiment--figure{grid-area:1/1/5/5}.experiment--figure img{height:100%;object-fit:cover;position:absolute;width:100%}.experiment--card{grid-area:3/2/6/3}.right-to-left .experiment--card{grid-area:3/3/6/4}.experiment__card-align__center .experiment--card{grid-area:3/2/4/3}.experiment__card-align__bottom .experiment--card{grid-area:5/2/6/3}.experiment--caption{grid-area:4/3/5/4}.right-to-left .experiment--caption{grid-area:4/2/5/3}.experiment__card-align__center .experiment--caption{grid-area:5/1/6/3}.experiment__card-align__bottom .experiment--caption{grid-area:4/1/5/2}.experiment--caption--wrapper{align-items:center;background:#2d2d2d;display:flex;height:var(--tooltip-height);justify-content:center;left:2px;position:relative;width:var(--tooltip-width)}.right-to-left .experiment--caption--wrapper{left:auto;right:2px}.experiment__card-align__bottom .experiment--caption--wrapper,.experiment__card-align__center .experiment--caption--wrapper{left:0}.experiment--caption--wrapper:after{border-left:calc(var(--tooltip-height) - 4px) solid #2d2d2d;border-top:var(--tooltip-height) solid transparent;content:"";height:0;left:100%;position:absolute;top:0;width:0}.right-to-left .experiment--caption--wrapper:after{border-left:none;border-right:calc(var(--tooltip-height) - 4px) solid #2d2d2d;left:auto;right:100%}

package/css/components/factlistcard.css

@@ -0,0 +1 @@
+.ilo--card__type__factlist{--max-width:20.0964630225rem;border-bottom:.1607717042rem solid #b8c4cc;clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px,100% 100%,0 100%);padding:1.2861736334rem 2.5723472669rem}@media screen and (min-width:1024px){.ilo--card__type__factlist{padding:2.1436227224rem 3.0010718114rem}}.ilo--card__type__factlist.ilo--card__size__wide{--max-width:45.8735262594rem;padding:2.1436227224rem 2.7867095391rem}@media screen and (min-width:610px){.ilo--card__type__factlist.ilo--card__size__wide{clip-path:polygon(0 0,calc(100% - 87px) 0,100% 48px,100% 100%,0 100%);padding:2.1436227224rem 3.2154340836rem}}.ilo--card__type__factlist.ilo--card__size__narrow{--max-width:20.0964630225rem;clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px,100% 100%,0 100%);padding:1.2861736334rem 2.5723472669rem}@media screen and (min-width:610px){.ilo--card__type__factlist.ilo--card__size__narrow{padding:1.2861736334rem 2.5723472669rem}}.ilo--card__type__factlist.ilo--card__theme__dark{border-bottom:.1607717042rem solid #fa3c4b}.ilo--card__type__factlist.ilo--card__theme__dark .ilo--card--title,.ilo--card__type__factlist.ilo--card__theme__dark .ilo--list__item{color:#fff}.ilo--card__type__factlist.ilo--card__theme__dark .ilo--list__item:last-of-type{margin-bottom:0}.ilo--card__type__factlist.ilo--card__theme__dark:focus-within .ilo--card--title,.ilo--card__type__factlist.ilo--card__theme__dark:focus .ilo--card--title,.ilo--card__type__factlist.ilo--card__theme__dark:hover .ilo--card--title{color:#fff}.ilo--card__type__factlist.ilo--card__theme__dark:focus-within .ilo--list__item,.ilo--card__type__factlist.ilo--card__theme__dark:focus .ilo--list__item,.ilo--card__type__factlist.ilo--card__theme__dark:hover .ilo--list__item{color:#fff}.ilo--card__type__factlist .ilo--card--title{color:#2d2d2d;font-size:23.32px;letter-spacing:-.035em;line-height:29.15px;margin-bottom:1.1476152197rem}@media screen and (min-width:1024px){.ilo--card__type__factlist .ilo--card--title{font-size:29.16px;letter-spacing:-.035em;line-height:36.45px;margin-bottom:1.4315916399rem}}

package/css/components/featurecard.css

@@ -0,0 +1 @@
+.ilo--card__type__feature{--max-width:22.0793140407rem;border-bottom:.1607717042rem solid #b8c4cc;display:flex;margin-top:0;position:relative}.ilo--card__type__feature.ilo--card__theme__dark{border-bottom:.1607717042rem solid #fa3c4b}.ilo--card__type__feature.ilo--card__theme__dark .ilo--link-list{border-top:2px solid rgba(237,240,242,.25)}.ilo--card__type__feature.ilo--card__theme__dark .ilo--link-list--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='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");color:#fff}.ilo--card__type__feature.ilo--card__theme__dark:focus-within .ilo--link-list--link,.ilo--card__type__feature.ilo--card__theme__dark:focus .ilo--link-list--link,.ilo--card__type__feature.ilo--card__theme__dark:hover .ilo--link-list--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='%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");color:#1e2dbe}.ilo--card__type__feature picture:before{transition-duration:.15s;transition-property:opacity;transition-timing-function:ease-out}.ilo--card__type__feature:focus,.ilo--card__type__feature:focus-within,.ilo--card__type__feature:hover{background-color:#fff;border-bottom:.1607717042rem solid #1e2dbe;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)) drop-shadow(0 -4px 16px rgba(30,45,190,.054))}.ilo--card__type__feature:focus-within picture:before,.ilo--card__type__feature:focus picture:before,.ilo--card__type__feature:hover picture:before{opacity:.4;transition-duration:.15s;transition-property:opacity;transition-timing-function:ease-out;z-index:1}.ilo--card__type__feature:focus-within .ilo--card--picture,.ilo--card__type__feature:focus .ilo--card--picture,.ilo--card__type__feature:hover .ilo--card--picture{filter:saturate(0)}.ilo--card__type__feature .ilo--link-list{border-top:.1071811361rem solid #edf0f2;margin-left:-1.2861736334rem;margin-right:-1.2861736334rem;margin-top:1.822079314rem;position:relative;z-index:2}.ilo--card__type__feature .ilo--link-list--link,.ilo--card__type__feature .ilo--link-list--link:hover{border-bottom:none;padding-left:1.2861736334rem;padding-right:1.2861736334rem}.ilo--card__type__feature.ilo--card__size__narrow .ilo--card--wrap{display:flex;flex-wrap:wrap;width:100%}.ilo--card__type__feature.ilo--card__size__narrow .ilo--card--content,.ilo--card__type__feature.ilo--card__size__narrow .ilo--card--image--wrapper{width:100%}.ilo--card__type__feature.ilo--card__size__fluid,.ilo--card__type__feature.ilo--card__size__wide{--max-width:40.4072883173rem}@media screen and (min-width:610px){.ilo--card__type__feature.ilo--card__size__fluid .ilo--card--wrap,.ilo--card__type__feature.ilo--card__size__wide .ilo--card--wrap{flex-direction:row}.right-to-left .ilo--card__type__feature.ilo--card__size__fluid .ilo--card--wrap,.right-to-left .ilo--card__type__feature.ilo--card__size__wide .ilo--card--wrap{flex-direction:row-reverse}.ilo--card__type__feature.ilo--card__size__fluid .ilo--card--content,.ilo--card__type__feature.ilo--card__size__wide .ilo--card--content{display:flex;flex-direction:row;flex-wrap:wrap;position:relative;width:50%}.ilo--card__type__feature.ilo--card__size__fluid .ilo--card--image--wrapper,.ilo--card__type__feature.ilo--card__size__wide .ilo--card--image--wrapper{width:50%}.ilo--card__type__feature.ilo--card__size__fluid .ilo--card--image,.ilo--card__type__feature.ilo--card__size__wide .ilo--card--image{object-fit:cover}.ilo--card__type__feature.ilo--card__size__fluid .ilo--card--date,.ilo--card__type__feature.ilo--card__size__wide .ilo--card--date{align-self:flex-end;width:100%}.ilo--card__type__feature.ilo--card__size__fluid .ilo--card--eyebrow,.ilo--card__type__feature.ilo--card__size__fluid .ilo--card--title,.ilo--card__type__feature.ilo--card__size__wide .ilo--card--eyebrow,.ilo--card__type__feature.ilo--card__size__wide .ilo--card--title{width:100%}.ilo--card__type__feature.ilo--card__size__fluid .ilo--link-list,.ilo--card__type__feature.ilo--card__size__wide .ilo--link-list{align-self:flex-end;width:calc(100% + 48px)}}.ilo--card__type__feature .ilo--card--wrap{display:flex;flex-direction:column;width:100%}.ilo--card__type__feature picture{display:flex;height:100%;position:relative}.ilo--card__type__feature picture:before{background-color:#1e2dbe;content:"";display:block;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .15s ease-in-out;width:100%;z-index:-1}.ilo--card__type__feature .ilo--card--content{display:flex;flex:1 1 auto;flex-direction:column;padding:1.2861736334rem 1.2861736334rem 2.1436227224rem}.ilo--card__type__feature.ilo--card__linklist .ilo--card--content{padding-bottom:0}.ilo--card__type__feature .ilo--card--title{font-family:Overpass;font-size:23.32px;font-weight:700;letter-spacing:-.035em;line-height:29.15px;margin-bottom:1.5763397642rem}.ilo--card__type__feature .ilo--card--eyebrow{font-size:14.93px;letter-spacing:normal;line-height:19.71px;margin-bottom:.3376482577rem}.ilo--card__type__feature .ilo--card--date{margin-bottom:0;margin-top:auto}

package/css/components/formcontrol.css

@@ -0,0 +1 @@
+.ilo--form-control{display:inline-grid}.ilo--form-control__label-placement__start{column-gap:.4287245445rem;grid-template-areas:"a b" "c .";grid-template-columns:auto auto;grid-template-rows:auto auto}.ilo--form-control__label-placement__start .ilo--form-control--helper{text-align:right}.ilo--form-control__label-placement__end{column-gap:.4287245445rem;grid-template-areas:"b a" ". c";grid-template-columns:auto auto;grid-template-rows:auto auto}.ilo--form-control__label-placement__top{grid-template-areas:"a" "b" "c";grid-template-columns:auto;grid-template-rows:auto auto auto;row-gap:.4287245445rem}.ilo--form-control__label-placement__bottom{grid-template-areas:"c" "b" "a";grid-template-columns:auto;grid-template-rows:auto auto auto;row-gap:.4287245445rem}.ilo--form-control__disabled .ilo--form-control--helper,.ilo--form-control__disabled .ilo--form-control--label{opacity:.5;pointer-events:none}.ilo--form-control__error .ilo--form-control--helper{color:#c8303c}.ilo--form-control--label{align-items:center;color:#2d2d2d;display:flex;flex-flow:row nowrap;grid-area:a;justify-content:flex-start}.ilo--form-control--label__size__small{font-family:Noto Sans;font-size:.8001071811rem;font-weight:400;letter-spacing:-.0010718114rem;line-height:1.0803858521rem}.ilo--form-control--label__size__medium{font-family:Overpass;font-size:.857449089rem;font-weight:700;letter-spacing:-.0010718114rem;line-height:1.1575562701rem}.ilo--form-control--label__size__large{font-family:Overpass;font-size:1rem;font-weight:700;letter-spacing:-.0010718114rem;line-height:1.3001071811rem}.ilo--form-control--label label{font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit}.ilo--form-control--label div[class*=tooltip]{margin-left:.2143622722rem}.ilo--form-control--helper{color:#6d6d6d;font-family:Noto Sans;font-size:11.94px;grid-area:c;letter-spacing:normal;line-height:16.24px}

package/css/components/logogrid.css

@@ -0,0 +1 @@
+.ilo--logo-grid--logos{grid-gap:.857449089rem;display:flex;flex-flow:row wrap}.ilo--logo-grid--link{text-decoration:none;transition:background-color .2s ease-in-out}.ilo--logo-grid__theme__dark .ilo--logo-grid--link:hover,.ilo--logo-grid__theme__light .ilo--logo-grid--link:hover{background-color:#ebf5fd}.ilo--logo-grid--item{align-items:center;display:flex;flex:100%;height:7.18113612rem;justify-content:center}@media screen and (min-width:414px){.ilo--logo-grid--item{flex:0 0 12.7545551983rem}}.ilo--logo-grid__theme__light .ilo--logo-grid--item{background-color:#edf0f2}.ilo--logo-grid__theme__dark .ilo--logo-grid--item{background-color:#fff}.ilo--logo-grid--item img{height:auto;max-height:2.679528403rem;max-width:8.038585209rem;width:auto}

package/css/components/multilinkcard.css

@@ -0,0 +1 @@
+.ilo--card__type__multilink{--max-width:28.7245444802rem;padding:1.2861736334rem}.ilo--card__type__multilink .ilo--card--image--wrapper{display:none}.ilo--card__type__multilink .ilo--card--content .ilo--card--image--wrapper{display:block}@media screen and (min-width:610px){.ilo--card__type__multilink{padding:2.1436227224rem}}@media screen and (min-width:1024px){.ilo--card__type__multilink{padding:3.0010718114rem 2.5723472669rem}}.ilo--card__type__multilink .ilo--card--title{color:#2d2d2d;font-size:23.32px;letter-spacing:-.035em;line-height:29.15px;margin-bottom:.7188906752rem}@media screen and (min-width:610px){.ilo--card__type__multilink .ilo--card--title{font-size:29.16px;letter-spacing:-.035em;line-height:36.45px;margin-bottom:.5741425509rem}}.ilo--card__type__multilink .ilo--card--intro{color:#2d2d2d;font-size:16px;letter-spacing:normal;line-height:23.36px;margin-bottom:1.910132288rem}@media screen and (min-width:610px){.ilo--card__type__multilink .ilo--card--intro{font-size:18.66px;letter-spacing:normal;line-height:27.24px;margin-bottom:1.8685411561rem}}.ilo--card__type__multilink.ilo--card__size__standard{--max-width:28.7245444802rem;padding:2.5723472669rem 2.1436227224rem}@media screen and (min-width:610px){.ilo--card__type__multilink.ilo--card__size__standard{padding:2.5723472669rem 2.1436227224rem}}@media screen and (min-width:1024px){.ilo--card__type__multilink.ilo--card__size__standard{padding:2.5723472669rem 2.1436227224rem}}.ilo--card__type__multilink.ilo--card__size__narrow{--max-width:20.0964630225rem;padding:2.1436227224rem 1.2861736334rem 2.5723472669rem}@media screen and (min-width:610px){.ilo--card__type__multilink.ilo--card__size__narrow{padding:2.1436227224rem 1.2861736334rem 2.5723472669rem}}@media screen and (min-width:1024px){.ilo--card__type__multilink.ilo--card__size__narrow{padding:2.1436227224rem 1.2861736334rem 2.5723472669rem}}.ilo--card__type__multilink.ilo--card__size__narrow .ilo--card--image--wrapper{display:none}.ilo--card__type__multilink.ilo--card__size__narrow .ilo--card--content .ilo--card--image--wrapper{display:block;margin-bottom:1.2861736334rem}@media screen and (min-width:610px){.ilo--card__type__multilink.ilo--card__size__narrow .ilo--card--title{font-size:23.32px;letter-spacing:-.035em;line-height:29.15px;margin-bottom:.7188906752rem}.ilo--card__type__multilink.ilo--card__size__narrow .ilo--card--intro{font-size:16px;letter-spacing:normal;line-height:23.36px;margin-bottom:1.910132288rem}}.ilo--card__type__multilink.ilo--card__size__fluid,.ilo--card__type__multilink.ilo--card__size__wide{--max-width:59.1639871383rem;padding:2.1436227224rem 1.2861736334rem 2.5723472669rem}@media screen and (min-width:610px){.ilo--card__type__multilink.ilo--card__size__fluid,.ilo--card__type__multilink.ilo--card__size__wide{padding:3.0010718114rem 2.5723472669rem}.ilo--card__type__multilink.ilo--card__size__fluid.ilo--card__align__right .ilo--card--wrap,.ilo--card__type__multilink.ilo--card__size__wide.ilo--card__align__right .ilo--card--wrap{flex-direction:row-reverse}.right-to-left .ilo--card__type__multilink.ilo--card__size__fluid.ilo--card__align__right .ilo--card--wrap,.right-to-left .ilo--card__type__multilink.ilo--card__size__wide.ilo--card__align__right .ilo--card--wrap{flex-direction:row}.ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--wrap,.ilo--card__type__multilink.ilo--card__size__wide .ilo--card--wrap{column-gap:1.7148981779rem;display:flex}.right-to-left .ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--wrap,.right-to-left .ilo--card__type__multilink.ilo--card__size__wide .ilo--card--wrap{flex-direction:row-reverse}.ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--image--wrapper,.ilo--card__type__multilink.ilo--card__size__wide .ilo--card--image--wrapper{display:block;width:50%}.ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--content,.ilo--card__type__multilink.ilo--card__size__wide .ilo--card--content{width:50%}.ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--content .ilo--card--image--wrapper,.ilo--card__type__multilink.ilo--card__size__wide .ilo--card--content .ilo--card--image--wrapper{display:none}}.ilo--card__type__multilink .ilo--link-list{margin-top:1.8756698821rem;position:relative;z-index:1}

package/css/components/promocard.css

@@ -0,0 +1 @@
+.ilo--card__type__promo{--max-width:18.3815648446rem;padding:2.1436227224rem 1.2861736334rem;width:100%}@media screen and (min-width:610px){.ilo--card__type__promo{padding:2.5723472669rem}}@media screen and (min-width:1024px){.ilo--card__type__promo{padding:3.4297963558rem 3.8585209003rem}}.ilo--card__type__promo.ilo--card__size__standard{--max-width:33.9764201501rem;padding:2.5723472669rem}@media screen and (min-width:610px){.ilo--card__type__promo.ilo--card__size__standard{padding:2.5723472669rem 2.5723472669rem 3.4297963558rem}}@media screen and (min-width:1024px){.ilo--card__type__promo.ilo--card__size__standard{padding:2.5723472669rem 2.5723472669rem 3.4297963558rem}}.ilo--card__type__promo.ilo--card__size__standard.ilo--card__cornercut{clip-path:polygon(0 0,calc(100% - 87px) 0,100% 48px,100% 100%,0 100%)}.ilo--card__type__promo.ilo--card__size__fluid,.ilo--card__type__promo.ilo--card__size__wide{--max-width:49.3033226152rem;padding:3.4297963558rem 3.8585209003rem}@media screen and (min-width:610px){.ilo--card__type__promo.ilo--card__size__fluid,.ilo--card__type__promo.ilo--card__size__wide{padding:3.4297963558rem 3.8585209003rem}}@media screen and (min-width:1024px){.ilo--card__type__promo.ilo--card__size__fluid,.ilo--card__type__promo.ilo--card__size__wide{padding:3.4297963558rem 3.8585209003rem}}.ilo--card__type__promo.ilo--card__size__fluid.ilo--card__cornercut,.ilo--card__type__promo.ilo--card__size__wide.ilo--card__cornercut{clip-path:polygon(0 0,calc(100% - 116px) 0,100% 64px,100% 100%,0 100%)}.ilo--card__type__promo.ilo--card__size__narrow{--max-width:18.3815648446rem;padding:2.1436227224rem 1.2861736334rem}@media screen and (min-width:610px){.ilo--card__type__promo.ilo--card__size__narrow{padding:2.1436227224rem 1.2861736334rem}}@media screen and (min-width:1024px){.ilo--card__type__promo.ilo--card__size__narrow{padding:2.1436227224rem 1.2861736334rem}}.ilo--card__type__promo.ilo--card__size__narrow.ilo--card__cornercut{clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px,100% 100%,0 100%)}.ilo--card__type__promo.ilo--card__size__narrow .ilo--card--title{font-size:29.16px;letter-spacing:-.035em;line-height:36.45px;margin-bottom:.5741425509rem}@media screen and (min-width:610px){.ilo--card__type__promo.ilo--card__size__narrow .ilo--card--title{font-size:36.45px;letter-spacing:-.035em;line-height:43.74px;margin-bottom:.4278063594rem}}.ilo--card__type__promo.ilo--card__size__narrow .ilo--card--intro{font-size:16px;letter-spacing:normal;line-height:23.36px;margin-bottom:1.910132288rem}.ilo--card__type__promo.ilo--card__theme__light:not(:hover) .ilo--card--title{color:#2d2d2d;transition-duration:.15s;transition-property:color;transition-timing-function:ease-out}.ilo--card__type__promo .ilo--card--title{font-size:29.16px;letter-spacing:-.035em;line-height:36.45px;margin-bottom:.5741425509rem}@media screen and (min-width:610px){.ilo--card__type__promo .ilo--card--title{font-size:36.45px;letter-spacing:-.035em;line-height:43.74px;margin-bottom:.8565309039rem}}.ilo--card__type__promo .ilo--card--intro{font-size:16px;letter-spacing:normal;line-height:23.36px;margin-bottom:1.910132288rem}@media screen and (min-width:610px){.ilo--card__type__promo .ilo--card--intro{font-size:18.66px;letter-spacing:normal;line-height:27.24px;margin-bottom:1.8685411561rem}}

package/css/components/statcard.css

@@ -0,0 +1 @@
+.ilo--card__type__stat{--max-width:18.3815648446rem;border-bottom:.1607717042rem solid #960a55;clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px,100% 100%,0 100%);padding:1.2861736334rem 2.1436227224rem 1.1789924973rem;position:relative;width:100%}.ilo--card__type__stat.ilo--card__color__blue{background:#ebf5fd}.ilo--card__type__stat.ilo--card__color__yellow{background:#ffcd2d}.ilo--card__type__stat.ilo--card__color__green{background:#8ce164}.ilo--card__type__stat.ilo--card__color__turquoise{background:#05d2d2}.ilo--card__type__stat .ilo--card--content{display:flex;flex-wrap:wrap;height:100%}.right-to-left .ilo--card__type__stat .ilo--card--content{flex-direction:row-reverse}.ilo--card__type__stat .ilo--card--title{color:#230050;font-size:36.45px;letter-spacing:-.035em;line-height:43.74px;margin-bottom:.4278063594rem;width:100%}.ilo--card__type__stat .ilo--card--intro{color:#230050;font-family:Overpass;font-size:18.66px;letter-spacing:normal;line-height:27.24px;margin-bottom:1.6734954235rem;width:100%}.ilo--card__type__stat .ilo--link{align-self:flex-end;font-size:11.94px;letter-spacing:-.02em;line-height:16.24px}

package/css/components/textcard.css

@@ -0,0 +1 @@
+.ilo--card__type__text{--max-width:16.1307609861rem;border-bottom:.1607717042rem solid #b8c4cc;clip-path:polygon(0 0,calc(100% - 73px) 0,100% 40px,100% 100%,0 100%);padding:1.2861736334rem 2.1436227224rem}.ilo--card__type__text [class$=profile--contents--light] *{color:#2d2d2d}.ilo--card__type__text [class$=profile--contents--dark] *{color:#fff}.ilo--card__type__text:focus,.ilo--card__type__text:focus-within,.ilo--card__type__text:hover{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)) drop-shadow(0 -4px 16px rgba(30,45,190,.054))}.ilo--card__type__text:focus-within [class*=profile--contents] *,.ilo--card__type__text:focus [class*=profile--contents] *,.ilo--card__type__text:hover [class*=profile--contents] *{color:#1e2dbe}@media screen and (min-width:610px){.ilo--card__type__text{padding:1.7148981779rem 2.1436227224rem}}.ilo--card__type__text.ilo--card__size__fluid,.ilo--card__type__text.ilo--card__size__wide{--max-width:28.0278670954rem;padding:1.7148981779rem 2.1436227224rem}@media screen and (min-width:610px){.ilo--card__type__text.ilo--card__size__fluid,.ilo--card__type__text.ilo--card__size__wide{padding:1.7148981779rem 2.1436227224rem}}.ilo--card__type__text.ilo--card__size__narrow{--max-width:16.1307609861rem;padding:1.2861736334rem 2.1436227224rem}@media screen and (min-width:610px){.ilo--card__type__text.ilo--card__size__narrow{padding:1.2861736334rem 2.1436227224rem}}.ilo--card__type__text.ilo--card__size__narrow .ilo--card--title{font-size:18.66px;letter-spacing:-.035em;line-height:24.26px;margin-bottom:1.674953518rem}.ilo--card__type__text.ilo--card__dark{border-bottom:.1607717042rem solid #fa3c4b}.ilo--card__type__text .ilo--card--eyebrow{margin-bottom:1.0110920672rem}.ilo--card__type__text .ilo--card--title{font-size:18.66px;letter-spacing:-.035em;line-height:24.26px;margin-bottom:1.674953518rem}@media screen and (min-width:610px){.ilo--card__type__text .ilo--card--title{font-size:23.32px;letter-spacing:-.035em;line-height:29.15px;margin-bottom:1.5763397642rem}}.ilo--card__type__text .ilo--card--date{display:block;margin-bottom:1.4398166117rem}.ilo--card__type__text .ilo--card--content{display:flex;flex-direction:column;position:relative}.ilo--card__type__text .ilo--card--content>*{justify-self:flex-start}.ilo--card__type__text .ilo--card--content>:last-child{justify-self:flex-end;margin-bottom:0}

package/css/components/textinput.css

@@ -0,0 +1 @@
+.ilo--text-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;box-sizing:border-box;font-family:Noto Sans;font-size:16px;font-weight:500;height:2.5723472669rem;letter-spacing:-.02em;line-height:21.6px;margin:0;padding:.857449089rem .6430868167rem;width:100%}.ilo--text-input,.ilo--text-input:focus{border:.1071811361rem solid #b8c4cc;outline:0}.ilo--text-input:focus{background-color:#ebf5fd;border-left:.1607717042rem solid #1e2dbe;padding-left:11px}.ilo--text-input:disabled{opacity:1%;pointer-events:none}.ilo--text-input:invalid,.ilo--text-input__error{background-color:#fff}.ilo--text-input:invalid{border:.1071811361rem solid #b8c4cc;border-left:.1607717042rem solid #ffcd2d}.ilo--text-input__error{border:.1071811361rem solid #b8c4cc;border-left:.1607717042rem solid #c8303c}

package/css/components/toggle.css

@@ -0,0 +1 @@
+.ilo--input--toggle{--base-toggle-width:2.4651661308rem;--base-toggle-height:1.2861736334rem;display:inline-block;grid-area:a;height:var(--toggle-height);position:relative;width:var(--toggle-width)}.ilo--input--toggle__size__small{--toggle-width:var(--base-toggle-width);--toggle-height:var(--base-toggle-height)}.ilo--input--toggle__size__medium{--toggle-width:calc(var(--base-toggle-width)*1.5);--toggle-height:calc(var(--base-toggle-height)*1.5)}.ilo--input--toggle__size__large{--toggle-width:calc(var(--base-toggle-width)*2);--toggle-height:calc(var(--base-toggle-height)*2)}.ilo--input--toggle__disabled{cursor:not-allowed;opacity:.5}.ilo--input--toggle__error .ilo--input--toggle--slider{outline-color:#fa3c4b!important;outline-style:solid;outline-width:calc(var(--toggle-height)/8)}.ilo--input--toggle input[type=checkbox]{cursor:pointer;height:100%;margin:0;opacity:0;padding:0;width:100%}.ilo--input--toggle--slider{background-color:#b8c4cc;border-radius:calc(var(--toggle-height)/2);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;transition-duration:.15s;transition-property:background;transition-timing-function:ease-out}.ilo--input--toggle--slider:before{background-color:#fff;border-radius:50%;bottom:calc(var(--toggle-height)/6);content:"";height:calc(var(--toggle-height) - var(--toggle-height)/3);left:calc(var(--toggle-height)/6);position:absolute;transition-duration:.15s;transition-property:transform,background;transition-timing-function:ease-out;width:calc(var(--toggle-height) - var(--toggle-height)/3)}input[type=checkbox]:checked+.ilo--input--toggle--slider{background-color:#230050}input[type=checkbox]:focus+.ilo--input--toggle--slider{outline-color:#ffcd2d;outline-style:solid;outline-width:calc(var(--toggle-height)/8)}input:checked+.ilo--input--toggle--slider:before{background-color:#ebf5fd;transform:translateX(calc(var(--toggle-width) - var(--toggle-height)))}