@ilo-org/styles 1.5.0 → 1.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/components/button.css +1 -1
- package/css/components/card.css +1 -1
- package/css/components/datacard.css +1 -1
- package/css/components/detailcard.css +1 -1
- package/css/components/featurecard.css +1 -1
- package/css/components/multilinkcard.css +1 -1
- package/css/components/profile.css +1 -1
- package/css/components/scorecard.css +1 -0
- package/css/components/status.css +1 -0
- package/css/components/tag.css +1 -1
- package/css/components/textcard.css +1 -1
- package/css/global.css +1 -1
- package/css/global.css.map +1 -1
- package/css/index.css +2 -2
- package/css/index.css.map +1 -1
- package/css/monorepo.css +2 -2
- package/css/monorepo.css.map +1 -1
- package/package.json +3 -3
- package/scss/_mixins.scss +0 -11
- package/scss/components/_button.scss +23 -115
- package/scss/components/_card.scss +152 -156
- package/scss/components/_datacard.scss +5 -0
- package/scss/components/_detailcard.scss +75 -113
- package/scss/components/_featurecard.scss +58 -100
- package/scss/components/_multilinkcard.scss +12 -2
- package/scss/components/_profile.scss +65 -105
- package/scss/components/_scorecard.scss +177 -0
- package/scss/components/_status.scss +51 -0
- package/scss/components/_tag.scss +61 -149
- package/scss/components/_textcard.scss +5 -62
- package/scss/components/index.scss +2 -0
- package/scss/theme/_foundation.scss +1 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--button{--ilo-button-label-weight:700;--ilo-button-labels-actionable-color:var(--ilo-color-blue-dark);--ilo-button-labels-active-color:var(--ilo-color-blue-light);--ilo-button-labels-alert-color:var(--ilo-color-white);--ilo-button-labels-hover-color:var(--ilo-color-blue);border-radius:var(--ilo-border-md);display:inline-
|
|
1
|
+
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--button{--ilo-button-label-weight:700;--ilo-button-labels-actionable-color:var(--ilo-color-blue-dark);--ilo-button-labels-active-color:var(--ilo-color-blue-light);--ilo-button-labels-alert-color:var(--ilo-color-white);--ilo-button-labels-hover-color:var(--ilo-color-blue);align-items:center;border-radius:var(--ilo-border-md);display:inline-flex;font-family:var(--ilo-fonts-display);font-weight:var(--ilo-button-label-weight);gap:calc(var(--ilo-spacing-base)*2);justify-content:center;text-decoration:none}.ilo--button [class*=__label]{white-space:nowrap}.ilo--button--icon{position:relative}.ilo--button--icon .ilo--icon{bottom:.1071811361rem;position:relative}.ilo--button--icon--position__right{flex-direction:row-reverse}.ilo--button--icon--only{padding:unset!important}.ilo--button--icon--only .ilo--icon{bottom:0!important}.ilo--button--icon--only .button__label{border:0;height:1px;margin:-1px;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);overflow:hidden}.ilo--button__large{font-size:18.66px;height:2.7867095391rem;letter-spacing:-.02em;line-height:120%;padding:calc(var(--ilo-spacing-base)*3) calc(var(--ilo-spacing-base)*6)}.ilo--button__large.ilo--button--icon--only{width:2.7867095391rem}.ilo--button__medium{font-size:16px;height:2.3579849946rem;letter-spacing:-.02em;line-height:120%;padding:calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*5)}.ilo--button__medium.ilo--button--icon--only{width:2.3579849946rem}.ilo--button__small{font-size:14.93px;height:1.7148981779rem;letter-spacing:-.02em;line-height:120%;padding:calc(var(--ilo-spacing-base)*1) calc(var(--ilo-spacing-base)*4)}.ilo--button__small.ilo--button--icon--only{width:1.7148981779rem}.ilo--button__small .ilo--icon{bottom:.0535905681rem}.ilo--button__primary{background-color:var(--ilo-color-yellow);border:var(--ilo-border-md) var(--ilo-color-yellow) solid}.ilo--button__primary,.ilo--button__secondary{color:var(--ilo-button-labels-actionable-color)}.ilo--button__secondary{background-color:var(--ilo-color-background-default);border:var(--ilo-border-md) var(--ilo-color-borders-default) solid}.ilo--button__secondary:hover{background-color:var(--ilo-color-background-hover);border:var(--ilo-border-md) var(--ilo-color-borders-hover) solid}.ilo--button__secondary:active{background-color:var(--ilo-color-background-active);border:var(--ilo-border-md) var(--ilo-color-borders-active) solid;box-shadow:none;color:var(--ilo-button-labels-active-color)}.ilo--button__tertiary{background-color:var(--ilo-color-background-highlight);border:var(--ilo-border-md) var(--ilo-color-background-highlight) solid;color:var(--ilo-button-labels-actionable-color)}.ilo--button__alert{background-color:var(--ilo-color-red-dark);border:var(--ilo-border-md) var(--ilo-color-red-dark) solid;color:var(--ilo-button-labels-alert-color)}.ilo--button__alert:hover{background-color:var(--ilo-color-background-hover);border:var(--ilo-border-md) var(--ilo-color-borders-hover) solid;color:var(--ilo-button-labels-hover-color)}.ilo--button__alert:focus{background-color:var(--ilo-color-background-focus);border:var(--ilo-border-md) var(--ilo-color-borders-focus) solid;color:var(--ilo-button-labels-focus-color);outline:0}.ilo--button__alert:active{background-color:var(--ilo-color-background-active);border:var(--ilo-border-md) var(--ilo-color-borders-active) solid;box-shadow:none;color:var(--ilo-button-labels-active-color)}.ilo--button:focus{background-color:var(--ilo-color-background-focus);border:var(--ilo-border-md) var(--ilo-color-borders-focus) solid;box-shadow:4px 4px 0 1px var(--ilo-color-borders-focus) inset,-4px -4px 0 1px var(--ilo-color-borders-focus) inset;color:var(--ilo-button-labels-focus-color);outline:0;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--button:focus.ilo--small{box-shadow:3px 3px 0 1px var(--ilo-color-borders-focus) inset,-3px -3px 0 1px var(--ilo-color-borders-focus) inset}.ilo--button:hover{background-color:var(--ilo-color-background-hover);border:var(--ilo-border-md) var(--ilo-color-borders-hover) solid;color:var(--ilo-button-labels-hover-color);cursor:pointer}.ilo--button:active,.ilo--button:hover{box-shadow:none;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--button:active{background-color:var(--ilo-color-background-active);border:var(--ilo-border-md) var(--ilo-color-borders-active) solid;color:var(--ilo-button-labels-active-color)}.ilo--button:disabled{opacity:.45;pointer-events:none}
|
package/css/components/card.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card{background-color:var(--ilo-color-white);box-sizing:border-box;flex:1 1 var(--max-width);max-width:var(--max-width);position:relative}.ilo--card *{transition-duration:.15s
|
|
1
|
+
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card{background-color:var(--ilo-color-white);box-sizing:border-box;flex:1 1 var(--max-width);max-width:var(--max-width);position:relative;transition-property:border-bottom,filter;transition-timing-function:ease-out}.ilo--card,.ilo--card *{transition-duration:.15s}.ilo--card *{transition-property:color,background-color,border-color,opacity,fill,filter;transition-timing-function:ease-out}.ilo--card:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within){filter:drop-shadow(0 -4px 16px rgba(30,45,190,.05)) drop-shadow(0 10px 20px rgba(30,45,190,.08)) drop-shadow(0 4px 8px rgba(30,45,190,.05)) drop-shadow(0 .8px 1.6px rgba(30,45,190,.04))}.ilo--card:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--image--wrapper:before{opacity:.4}.ilo--card:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--picture{filter:saturate(0)}.ilo--card--wrap{height:100%}.ilo--card--wrapper{max-width:var(--max-width);transition-duration:.15s;transition-property:color,background-color,border-color,opacity,fill,filter;transition-timing-function:ease-out}.ilo--card--wrapper:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within){filter:drop-shadow(0 -4px 16px rgba(30,45,190,.05)) drop-shadow(0 10px 20px rgba(30,45,190,.08)) drop-shadow(0 4px 8px rgba(30,45,190,.05)) drop-shadow(0 .8px 1.6px rgba(30,45,190,.04))}.ilo--card--image--wrapper{position:relative}.ilo--card--image--wrapper:before{background-color:var(--ilo-color-blue);content:"";opacity:0;transition-duration:.15s;transition-property:opacity;transition-timing-function:ease-out;z-index:1}.ilo--card--image--wrapper:before,.ilo--card--link{height:100%;left:0;position:absolute;top:0;width:100%}.ilo--card--link{background:0 0;color:transparent;text-decoration:none;z-index:2}.ilo--card--link--text{border:0;height:1px;margin:-1px;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);overflow:hidden}.ilo--card--eyebrow{color:var(--ilo-color-purple);font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);margin-bottom:calc(var(--ilo-spacing-base)*4)}.ilo--card--title{color:var(--ilo-color-dark-blue);font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-lg);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg);margin-bottom:calc(var(--ilo-spacing-base)*6)}.ilo--card--intro{color:var(--ilo-color-gray-charcoal);font-size:var(--ilo-font-size-lg);line-height:var(--ilo-line-height-2xlg)}.ilo--card--date,.ilo--card--intro{font-family:var(--ilo-fonts-copy);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md)}.ilo--card--date{color:var(--ilo-gray-accessible);font-size:var(--ilo-font-size-sm);line-height:var(--ilo-line-height-xlg);margin-bottom:calc(var(--ilo-spacing-base)*6)}.ilo--card--content--item,.ilo--card--event-date{font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg)}.ilo--card--cta{position:relative;z-index:2}.ilo--card__theme__light{background:var(--ilo-color-white);border-bottom:.1607717042rem solid var(--ilo-color-gray-base)}.ilo--card__theme__soft{background:var(--ilo-color-blue-lighter)}.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within),.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within){border-bottom:.1607717042rem solid var(--ilo-color-blue)}.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--content--item,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date-extra,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--eyebrow,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--intro,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--title,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--profile,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--content--item,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date-extra,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--eyebrow,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--intro,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--title,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--profile{color:var(--ilo-color-blue)}.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--content--item .ilo--icon,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date .ilo--icon,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date-extra .ilo--icon,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--eyebrow .ilo--icon,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--intro .ilo--icon,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--title .ilo--icon,.ilo--card__theme__light:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--profile .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--content--item .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--date-extra .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--eyebrow .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--intro .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--card--title .ilo--icon,.ilo--card__theme__soft:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within) .ilo--profile .ilo--icon{fill:var(--ilo-color-blue)}.ilo--card__theme__dark{background:var(--ilo-color-blue-dark);border-bottom:.1607717042rem solid var(--ilo-color-red)}.ilo--card__theme__dark:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within){border-bottom:.1607717042rem solid var(--ilo-color-white)}.ilo--card__theme__dark .ilo--card--title{color:var(--ilo-color-white)}.ilo--card__theme__dark .ilo--card--content--item,.ilo--card__theme__dark .ilo--card--date,.ilo--card__theme__dark .ilo--card--eyebrow,.ilo--card__theme__dark .ilo--card--intro{color:var(--ilo-color-gray-light)}.ilo--card__theme__dark .ilo--card--content--item .ilo--icon{fill:var(--ilo-color-gray-light)}.ilo--card__size__fluid{--max-width:100%!important}.ilo--card__isvideo .ilo--card--image--wrapper{position:relative}.ilo--card__isvideo .ilo--card--image--wrapper:after,.ilo--card__isvideo .ilo--card--image--wrapper:before{background-position:50%;background-repeat:no-repeat;background-size:18px 20px;content:"";display:block;height:40px;left:0;position:absolute;top:0;width:40px;z-index:1}.ilo--card__isvideo .ilo--card--image--wrapper:before{background-color:var(--ilo-color-gray-charcoal)}.ilo--card__isvideo .ilo--card--image--wrapper:after{background-color:var(--ilo-color-gray-light);mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M17 12 9 6v12z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M17 12 9 6v12z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__data{--max-width:32.154340836rem;background:#ebf5fd;border-bottom:.1607717042rem solid #bedcfa;padding:calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*14);position:relative;width:100%}.ilo--card__type__data--content-links-list{display:flex;flex-wrap:wrap}.ilo--card__type__data--content-link.ilo--link{margin-bottom:0!important}.ilo--card__type__data .ilo--card--content{display:grid;grid-template-columns:1fr;grid-template-rows:auto;row-gap:1.3933547696rem}@media screen and (min-width:610px){.ilo--card__type__data{padding:calc(var(--ilo-spacing-base)*12)}.ilo--card__type__data__columns__two .ilo--card--content{column-gap:14%;grid-template-columns:minmax(10.718113612rem,32%) minmax(53%,1fr)}.ilo--card__type__data__columns__two .ilo--card--content__with-image .ilo--card--area--image{grid-column:1/2;grid-row:1/span 4}.ilo--card__type__data__columns__two .ilo--card--content__with-image .ilo--card--area--content,.ilo--card__type__data__columns__two .ilo--card--content__with-image .ilo--card--area--cta,.ilo--card__type__data__columns__two .ilo--card--content__with-image .ilo--card--area--files,.ilo--card__type__data__columns__two .ilo--card--content__with-image .ilo--card--area--links{grid-column:2/3}.ilo--card__type__data__columns__two .ilo--card--content__no-image-with-links .ilo--card--area--content,.ilo--card__type__data__columns__two .ilo--card--content__no-image-with-links .ilo--card--area--files{grid-column:1/2}.ilo--card__type__data__columns__two .ilo--card--content__no-image-with-links .ilo--card--area--cta{grid-column:1/2/3/3}.ilo--card__type__data__columns__two .ilo--card--content__no-image-with-links .ilo--card--area--links{grid-area:1/2/3/3}}.ilo--card__type__data.ilo--card__size__narrow{--max-width:16.1307609861rem;clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px,100% 100%,0 100%);padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*14)}@media screen and (max-width:609px){.ilo--card__type__data.ilo--card__size__narrow{--max-width:100%}}.ilo--card__type__data.ilo--card__size__wide{--max-width:41.6934619507rem}.ilo--card__type__data.ilo--card__size__wide.ilo--card__type__data__columns__one{padding:calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*14)}.ilo--card__type__data.ilo--card__size__wide.ilo--card__type__data__columns__two{padding:calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*14) calc(var(--ilo-spacing-base)*28)}.ilo--card__type__data.ilo--card__size__fluid,.ilo--card__type__data.ilo--card__size__wide{clip-path:polygon(0 0,calc(100% - 86px) 0,100% 48px,100% 100%,0 100%)}.ilo--card__type__data .ilo--card--image{max-width:200px;width:100%}.ilo--card__type__data--content-label{color:#6d6d6d;font-size:14.93px;letter-spacing:normal;line-height:20.3px;margin-bottom:.4932760997rem}.ilo--card__type__data .ilo--card--eyebrow{margin:0 0 .857449089rem}.ilo--card__type__data--content-copy{color:#2d2d2d;font-family:var(--ilo-fonts-display);font-size:23.32px;font-weight:500;letter-spacing:-.035em;line-height:29.15px}.ilo--card__type__data [class*=ilo--link]{font-size:18.66px;letter-spacing:-.035em;line-height:24.26px;line-height:1.8;margin-inline-end:.6430868167rem;margin-bottom:.6430868167rem}.ilo--card__type__data [class*=button]{margin:.2143622722rem .4287245445rem .2143622722rem 0}.ilo--card__type__data [class*=button]:last-of-type{margin-right:0}
|
|
1
|
+
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__data{--max-width:32.154340836rem;background:#ebf5fd;border-bottom:.1607717042rem solid #bedcfa;padding:calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*14);position:relative;width:100%}.ilo--card__type__data--content-links-list{display:flex;flex-wrap:wrap}.ilo--card__type__data--content-link.ilo--link{margin-bottom:0!important}.ilo--card__type__data .ilo--card--content{display:grid;grid-template-columns:1fr;grid-template-rows:auto;row-gap:1.3933547696rem}@media screen and (min-width:610px){.ilo--card__type__data{padding:calc(var(--ilo-spacing-base)*12)}.ilo--card__type__data__columns__two .ilo--card--content{column-gap:14%;grid-template-columns:minmax(10.718113612rem,32%) minmax(53%,1fr)}.ilo--card__type__data__columns__two .ilo--card--content__with-image .ilo--card--area--image{grid-column:1/2;grid-row:1/span 4}.ilo--card__type__data__columns__two .ilo--card--content__with-image .ilo--card--area--content,.ilo--card__type__data__columns__two .ilo--card--content__with-image .ilo--card--area--cta,.ilo--card__type__data__columns__two .ilo--card--content__with-image .ilo--card--area--files,.ilo--card__type__data__columns__two .ilo--card--content__with-image .ilo--card--area--links{grid-column:2/3}.ilo--card__type__data__columns__two .ilo--card--content__no-image-with-links .ilo--card--area--content,.ilo--card__type__data__columns__two .ilo--card--content__no-image-with-links .ilo--card--area--files{grid-column:1/2}.ilo--card__type__data__columns__two .ilo--card--content__no-image-with-links .ilo--card--area--cta{grid-column:1/2/3/3}.ilo--card__type__data__columns__two .ilo--card--content__no-image-with-links .ilo--card--area--links{grid-area:1/2/3/3}}.ilo--card__type__data.ilo--card__size__narrow{--max-width:16.1307609861rem;clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px,100% 100%,0 100%);padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*14)}@media screen and (max-width:609px){.ilo--card__type__data.ilo--card__size__narrow{--max-width:100%}}.ilo--card__type__data.ilo--card__size__wide{--max-width:41.6934619507rem}.ilo--card__type__data.ilo--card__size__wide.ilo--card__type__data__columns__one{padding:calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*14)}.ilo--card__type__data.ilo--card__size__wide.ilo--card__type__data__columns__two{padding:calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*14) calc(var(--ilo-spacing-base)*28)}.ilo--card__type__data.ilo--card__size__fluid,.ilo--card__type__data.ilo--card__size__wide{clip-path:polygon(0 0,calc(100% - 86px) 0,100% 48px,100% 100%,0 100%)}.ilo--card__type__data .ilo--card--image{max-width:200px;width:100%}.ilo--card__type__data .ilo--card--picture{max-width:100%;width:100%}.ilo--card__type__data--content-label{color:#6d6d6d;font-size:14.93px;letter-spacing:normal;line-height:20.3px;margin-bottom:.4932760997rem}.ilo--card__type__data .ilo--card--eyebrow{margin:0 0 .857449089rem}.ilo--card__type__data--content-copy{color:#2d2d2d;font-family:var(--ilo-fonts-display);font-size:23.32px;font-weight:500;letter-spacing:-.035em;line-height:29.15px}.ilo--card__type__data [class*=ilo--link]{font-size:18.66px;letter-spacing:-.035em;line-height:24.26px;line-height:1.8;margin-inline-end:.6430868167rem;margin-bottom:.6430868167rem}.ilo--card__type__data [class*=button]{margin:.2143622722rem .4287245445rem .2143622722rem 0}.ilo--card__type__data [class*=button]:last-of-type{margin-right:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__detail{--max-width:18.3815648446rem;border-bottom:.1607717042rem solid
|
|
1
|
+
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__detail{--max-width:18.3815648446rem;border-bottom:.1607717042rem solid var(--ilo-color-gray-light);padding:calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*4);position:relative}.ilo--card__type__detail .ilo--card--wrap{display:flex;flex-flow:column}.ilo--card__type__detail .ilo--card--image--wrapper{height:auto;margin-bottom:calc(var(--ilo-spacing-base)*8);width:5.359056806rem}.ilo--card__type__detail .ilo--card--image--wrapper picture{display:flex}.ilo--card__type__detail .ilo--card--image--wrapper img{height:100%;width:100%}.ilo--card__type__detail .ilo--card--eyebrow{margin-bottom:calc(var(--ilo-spacing-base)*4)}.ilo--card__type__detail .ilo--card--title{font-size:18.66px;letter-spacing:-.035em;line-height:24.26px;padding:0 0 calc(var(--ilo-spacing-base)*2) 0}@media screen and (min-width:1024px){.ilo--card__size__wide .ilo--card__type__detail .ilo--card--title{font-size:18.66px;letter-spacing:-.035em;line-height:24.26px}}.ilo--card__type__detail .ilo--card--intro{margin-bottom:calc(var(--ilo-spacing-base)*8)}.ilo--card__type__detail .ilo--card--date{color:var(--ilo-color-gray-accessible);font-size:var(--ilo-font-size-sm);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg)}.ilo--card__type__detail .ilo--card--date-extra{color:var(--ilo-color-gray-charcoal);font-size:var(--ilo-font-size-md);gap:calc(var(--ilo-spacing-base)*2);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-2xlg);margin-inline-start:-.2143622722rem;padding-inline-start:1.2861736334rem;text-indent:-1.2861736334rem}.ilo--card__type__detail .ilo--card--date-extra .ilo--icon{display:inline-block;position:relative;top:.0535905681rem;vertical-align:sub}.ilo--card__type__detail.ilo--card__size__narrow{--max-width:18.3815648446rem}@media screen and (min-width:610px){.ilo--card__type__detail.ilo--card__size__fluid,.ilo--card__type__detail.ilo--card__size__wide{--max-width:39.9249732047rem;padding:calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*0)}.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:1 0 18%;height:100%;margin:0}.ilo--card__type__detail.ilo--card__size__fluid .ilo--card--picture,.ilo--card__type__detail.ilo--card__size__wide .ilo--card--picture{height:auto}.ilo--card__type__detail.ilo--card__size__fluid .ilo--card--wrap,.ilo--card__type__detail.ilo--card__size__wide .ilo--card--wrap{flex-flow:row;gap:calc(var(--ilo-spacing-base)*4)}}@media screen and (min-width:1024px){.ilo--card__type__detail.ilo--card__size__fluid,.ilo--card__type__detail.ilo--card__size__wide{padding:calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*0)}.ilo--card__type__detail.ilo--card__size__fluid .ilo--card--wrap,.ilo--card__type__detail.ilo--card__size__wide .ilo--card--wrap{gap:calc(var(--ilo-spacing-base)*6)}.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:1 0 27%}.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}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__feature{--max-width:22.0793140407rem;
|
|
1
|
+
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__feature{--max-width:22.0793140407rem;display:flex;flex-flow:column;margin-top:0;position:relative}.ilo--card__type__feature .ilo--card--image--wrapper{height:0;overflow:hidden;padding-top:56.25%;width:100%}.ilo--card__type__feature .ilo--card--image--wrapper img{height:auto;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.ilo--card__type__feature .ilo--card--content{display:flex;flex:1 1 auto;flex-direction:column;padding:calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*6)}.ilo--card__type__feature .ilo--card--eyebrow{margin-bottom:calc(var(--ilo-spacing-base)*4)}.ilo--card__type__feature .ilo--card--title{margin-bottom:calc(var(--ilo-spacing-base)*6)}.ilo--card__type__feature .ilo--card--date{margin-bottom:calc(var(--ilo-spacing-base)*8)}.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__narrow .ilo--link-list{margin:0 -1.2861736334rem}.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}.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-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{height:auto;padding:0;width:50%}.ilo--card__type__feature.ilo--card__size__fluid img,.ilo--card__type__feature.ilo--card__size__wide img{height:100%;max-width:none;object-fit:cover;width:100%}.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__fluid .ilo--link-list,.ilo--card__type__feature.ilo--card__size__wide .ilo--card--eyebrow,.ilo--card__type__feature.ilo--card__size__wide .ilo--card--title,.ilo--card__type__feature.ilo--card__size__wide .ilo--link-list{width:100%}}.ilo--card__type__feature .ilo--card--wrap{display:flex;flex-direction:column;width:100%}.ilo--card__type__feature .ilo--card--title{font-family:var(--ilo-fonts-display);font-size:23.32px;font-weight:700;letter-spacing:-.035em;line-height:29.15px}.ilo--card__type__feature.ilo--card__linklist .ilo--card--content{padding-bottom:0}.ilo--card__type__feature .ilo--link-list{border-top:.1071811361rem solid var(--ilo-color-gray-light);position:relative;z-index:2}.ilo--card__type__feature .ilo--link-list a{border-bottom:none}.ilo--card__type__feature .ilo--link-list--link,.ilo--card__type__feature .ilo--link-list--link:hover{border-bottom:none;padding-inline:calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*2)}.ilo--card__type__feature.ilo--card__theme__dark .ilo--link-list{border-top:2px solid var(--ilo-color-gray-light-semi-transparent)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__multilink{--standard-spacing:calc(var(--ilo-spacing-base)*8);--narrow-spacing:calc(var(--ilo-spacing-base)*6);--max-width:28.7245444802rem;padding:calc(var(--ilo-spacing-base)*6)}.ilo--card__type__multilink .ilo--card--image--wrapper{background-color:var(--ilo-color-blue-lighter);display:none;height:0;margin-bottom:var(--standard-spacing);overflow:hidden;padding-top:56.25%;position:relative}.ilo--card__type__multilink .ilo--card--image--wrapper img,.ilo--card__type__multilink .ilo--card--image--wrapper picture{height:auto;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.ilo--card__type__multilink .ilo--card--content .ilo--card--image--wrapper{display:block}.ilo--card__type__multilink .ilo--card--title{color:var(--ilo-color-gray-charcoal);font-size:23.32px;letter-spacing:-.035em;line-height:29.15px;margin-bottom:var(--standard-spacing)}@media screen and (min-width:610px){.ilo--card__type__multilink .ilo--card--title{font-size:29.16px;letter-spacing:-.035em;line-height:36.45px}}.ilo--card__type__multilink .ilo--card--intro{color:var(--ilo-color-gray-charcoal);font-size:16px;letter-spacing:normal;line-height:23.36px;margin-bottom:var(--standard-spacing)}@media screen and (min-width:610px){.ilo--card__type__multilink .ilo--card--intro{font-size:18.66px;letter-spacing:normal;line-height:27.24px}}.ilo--card__type__multilink.ilo--card__size__standard{--max-width:28.7245444802rem;padding:calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*10)}.ilo--card__type__multilink.ilo--card__size__narrow{--max-width:20.0964630225rem;padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*12)}.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:var(--narrow-spacing)}@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:var(--narrow-spacing)}.ilo--card__type__multilink.ilo--card__size__narrow .ilo--card--intro{font-size:16px;letter-spacing:normal;line-height:23.36px;margin-bottom:var(--narrow-spacing)}}.ilo--card__type__multilink.ilo--card__size__fluid,.ilo--card__type__multilink.ilo--card__size__wide{--max-width:59.1639871383rem;padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*12)}.ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--title,.ilo--card__type__multilink.ilo--card__size__wide .ilo--card--title{margin-bottom:calc(var(--ilo-spacing-base)*3)}@media screen and (min-width:610px){.ilo--card__type__multilink.ilo--card__size__fluid,.ilo--card__type__multilink.ilo--card__size__wide{padding:calc(var(--ilo-spacing-base)*14) calc(var(--ilo-spacing-base)*12)}.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{grid-template-areas:"content image"}.ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--wrap,.ilo--card__type__multilink.ilo--card__size__wide .ilo--card--wrap{display:grid;gap:1.7148981779rem;grid-template-areas:"image content";grid-template-columns:1fr
|
|
1
|
+
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__multilink{--standard-spacing:calc(var(--ilo-spacing-base)*8);--narrow-spacing:calc(var(--ilo-spacing-base)*6);--max-width:28.7245444802rem;border:unset;padding:calc(var(--ilo-spacing-base)*6)}.ilo--card__type__multilink:has(.ilo--card--link:hover,.ilo--card--link:focus,.ilo--card--link:focus-within){border:unset;filter:unset}.ilo--card__type__multilink .ilo--card--image--wrapper{background-color:var(--ilo-color-blue-lighter);display:none;height:0;margin-bottom:var(--standard-spacing);overflow:hidden;padding-top:56.25%;position:relative}.ilo--card__type__multilink .ilo--card--image--wrapper img,.ilo--card__type__multilink .ilo--card--image--wrapper picture{height:auto;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.ilo--card__type__multilink .ilo--card--content .ilo--card--image--wrapper{display:block}.ilo--card__type__multilink .ilo--card--title{color:var(--ilo-color-gray-charcoal);font-size:23.32px;letter-spacing:-.035em;line-height:29.15px;margin-bottom:var(--standard-spacing)}@media screen and (min-width:610px){.ilo--card__type__multilink .ilo--card--title{font-size:29.16px;letter-spacing:-.035em;line-height:36.45px}}.ilo--card__type__multilink .ilo--card--intro{color:var(--ilo-color-gray-charcoal);font-size:16px;letter-spacing:normal;line-height:23.36px;margin-bottom:var(--standard-spacing)}@media screen and (min-width:610px){.ilo--card__type__multilink .ilo--card--intro{font-size:18.66px;letter-spacing:normal;line-height:27.24px}}.ilo--card__type__multilink.ilo--card__size__standard{--max-width:28.7245444802rem;padding:calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*10)}.ilo--card__type__multilink.ilo--card__size__narrow{--max-width:20.0964630225rem;padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*12)}.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:var(--narrow-spacing)}@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:var(--narrow-spacing)}.ilo--card__type__multilink.ilo--card__size__narrow .ilo--card--intro{font-size:16px;letter-spacing:normal;line-height:23.36px;margin-bottom:var(--narrow-spacing)}}.ilo--card__type__multilink.ilo--card__size__fluid,.ilo--card__type__multilink.ilo--card__size__wide{--max-width:59.1639871383rem;padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*12)}.ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--title,.ilo--card__type__multilink.ilo--card__size__wide .ilo--card--title{margin-bottom:calc(var(--ilo-spacing-base)*3)}@media screen and (min-width:610px){.ilo--card__type__multilink.ilo--card__size__fluid,.ilo--card__type__multilink.ilo--card__size__wide{padding:calc(var(--ilo-spacing-base)*14) calc(var(--ilo-spacing-base)*12)}.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{grid-template-areas:"content image"}.ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--wrap,.ilo--card__type__multilink.ilo--card__size__wide .ilo--card--wrap{display:grid;gap:1.7148981779rem;grid-template-areas:"image content";grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.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:inline-block;grid-area:image;margin-bottom:0;width:100%}.ilo--card__type__multilink.ilo--card__size__fluid .ilo--card--content,.ilo--card__type__multilink.ilo--card__size__wide .ilo--card--content{grid-area:content}.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--card__size__fluid.ilo--card--no-image,.ilo--card__type__multilink.ilo--card__size__wide.ilo--card--no-image{--max-width:49.3033226152rem}.ilo--card__type__multilink.ilo--card__size__fluid.ilo--card--no-image .ilo--card--content,.ilo--card__type__multilink.ilo--card__size__wide.ilo--card--no-image .ilo--card--content{width:100%}}.ilo--card__type__multilink .ilo--link-list{position:relative;z-index:3}@media screen and (min-width:610px){.ilo--card__type__multilink{padding:calc(var(--ilo-spacing-base)*10)}}@media screen and (min-width:1024px){.ilo--card__type__multilink{padding:calc(var(--ilo-spacing-base)*14) calc(var(--ilo-spacing-base)*12)}}.ilo--card__theme__soft.ilo--card__type__multilink .ilo--link-list a:hover{background-color:var(--ilo-color-white)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--profile{display:grid;grid-template-columns:min-content 1fr;grid-template-rows:minmax(
|
|
1
|
+
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--profile{--row-1-height:3.4297963558rem;column-gap:calc(var(--ilo-spacing-base)*4);display:grid;grid-template-columns:min-content 1fr;grid-template-rows:repeat(minmax(var(--row-1-height),auto));max-width:18.3815648446rem;row-gap:calc(var(--ilo-spacing-base)*5);width:100%}.ilo--profile--avatar{border-radius:50%;grid-row:1;height:var(--row-1-height);width:var(--row-1-height)}.ilo--profile figcaption{display:flex;flex-flow:column;grid-column-end:-1;grid-row:1;justify-content:center}.ilo--profile--figcaption--content{position:relative;width:100%}.ilo--profile--figcaption--content:after{border-bottom:2px solid var(--ilo-color-gray-light);bottom:-12px;content:"";position:absolute;width:100%}.ilo--profile__size__small .ilo--profile--figcaption--content:after{content:none}.ilo--profile--name{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg)}.ilo--profile--description,.ilo--profile--role{color:var(--ilo-color-gray-accessible);font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg)}.ilo--profile--description{grid-column:1/-1;grid-row:2}.ilo--profile--link{color:var(--ilo-color-dark-blue);font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-medium);grid-column:1/-1;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg)}.ilo--profile--link a{align-items:center;display:inline-flex;flex-flow:row nowrap;gap:calc(var(--ilo-spacing-base)*2);text-decoration:none;transition-duration:.15s;transition-property:color;transition-timing-function:ease-out}.ilo--profile--link a:focus,.ilo--profile--link a:focus-within,.ilo--profile--link a:hover{color:var(--ilo-color-blue)}.ilo--profile--link [class*=icon]{bottom:.0535905681rem;position:relative}[dir=rtl] .ilo--profile--link [class*=icon]{transform:rotate(180deg)}.ilo--profile--link--label{align-items:center;display:flex;flex-flow:row nowrap}.ilo--profile__size__small{--row-1-height:2.5723472669rem;column-gap:calc(var(--ilo-spacing-base)*3)}.ilo--profile__size__small .ilo--profile--name{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg)}.ilo--profile__size__large{--row-1-height:3.4297963558rem}.ilo--profile__theme__dark{color:var(--ilo-color-white)}.ilo--profile__theme__dark .ilo--profile--figcaption--content:after{border-color:var(--ilo-color-white)}.ilo--profile__theme__dark .ilo--profile--description,.ilo--profile__theme__dark .ilo--profile--link,.ilo--profile__theme__dark .ilo--profile--name,.ilo--profile__theme__dark .ilo--profile--role,.ilo--profile__theme__dark a{color:var(--ilo-color-white)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__score{--max-width:22.0793140407rem;display:flex;margin-top:0;position:relative}.ilo--card__type__score .ilo--card--wrap{display:flex;flex-direction:column;width:100%}.ilo--card__type__score .ilo--card--content{display:flex;flex:1 1 auto;flex-direction:column;padding:calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*6);width:100%}.ilo--card__type__score .ilo--card--image--wrapper{height:0;overflow:hidden;padding-top:56.25%;width:100%}.ilo--card__type__score .ilo--card--image--wrapper img{height:auto;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.ilo--card__type__score .ilo--status{margin-bottom:calc(var(--ilo-spacing-base)*6)}.ilo--card__type__score .ilo--card--eyebrow{margin-bottom:calc(var(--ilo-spacing-base)*4)}.ilo--card__type__score .ilo--card--title{font-family:var(--ilo-fonts-display);font-size:23.32px;font-weight:700;letter-spacing:-.035em;line-height:29.15px;margin-bottom:calc(var(--ilo-spacing-base)*6)}.ilo--card__type__score .ilo--card--area--content{display:flex;flex-flow:column;gap:calc(var(--ilo-spacing-base)*2);margin-bottom:calc(var(--ilo-spacing-base)*6)}.ilo--card__type__score .ilo--card--area--cta{display:flex;flex-flow:row wrap;gap:calc(var(--ilo-spacing-base)*2)}.ilo--card__type__score .ilo--card--content--item{align-items:center;display:flex;flex-flow:row nowrap;gap:calc(var(--ilo-spacing-base)*2);justify-content:flex-start}.ilo--card__type__score.ilo--card__size__fluid,.ilo--card__type__score.ilo--card__size__wide{--max-width:40.4072883173rem}@media screen and (min-width:610px){.ilo--card__type__score.ilo--card__size__fluid .ilo--card--wrap,.ilo--card__type__score.ilo--card__size__wide .ilo--card--wrap{flex-direction:row}.ilo--card__type__score.ilo--card__size__fluid .ilo--card--content,.ilo--card__type__score.ilo--card__size__wide .ilo--card--content{width:50%}.ilo--card__type__score.ilo--card__size__fluid .ilo--card--image--wrapper,.ilo--card__type__score.ilo--card__size__wide .ilo--card--image--wrapper{height:auto;padding:0;width:50%}.ilo--card__type__score.ilo--card__size__fluid img,.ilo--card__type__score.ilo--card__size__wide img{height:100%;max-width:none;object-fit:cover;width:100%}.ilo--card__type__score.ilo--card__size__fluid .ilo--card--date,.ilo--card__type__score.ilo--card__size__fluid .ilo--card--eyebrow,.ilo--card__type__score.ilo--card__size__fluid .ilo--card--title,.ilo--card__type__score.ilo--card__size__wide .ilo--card--date,.ilo--card__type__score.ilo--card__size__wide .ilo--card--eyebrow,.ilo--card__type__score.ilo--card__size__wide .ilo--card--title{width:100%}.ilo--card__type__score.ilo--card__size__fluid .ilo--card--date,.ilo--card__type__score.ilo--card__size__wide .ilo--card--date{align-self:flex-end}}.ilo--card__type__score.ilo--card__size__simple{--max-width:40.4072883173rem}.ilo--card__type__score.ilo--card__size__simple .ilo--card--content{display:grid;gap:calc(var(--ilo-spacing-base)*4);grid-template-areas:"title" "cta" "status" "content";grid-template-columns:1fr;grid-template-rows:repeat(3,auto);padding:calc(var(--ilo-spacing-base)*3) calc(var(--ilo-spacing-base)*4)}@media screen and (min-width:610px){.ilo--card__type__score.ilo--card__size__simple .ilo--card--content{grid-template-areas:"title title cta" "status content content";grid-template-columns:min-content 1fr 1fr}}.ilo--card__type__score.ilo--card__size__simple .ilo--card--content .ilo--status{grid-area:status}.ilo--card__type__score.ilo--card__size__simple .ilo--card--content .ilo--card--title{font-size:var(--ilo-font-size-lg);grid-area:title;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg)}.ilo--card__type__score.ilo--card__size__simple .ilo--card--content .ilo--card--area--content{flex-flow:row wrap;grid-area:content}.ilo--card__type__score.ilo--card__size__simple .ilo--card--content .ilo--card--area--cta{grid-area:cta}@media screen and (min-width:610px){.ilo--card__type__score.ilo--card__size__simple .ilo--card--content .ilo--card--area--cta{justify-content:flex-end}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--status{align-items:center;border-radius:.1071811361rem;box-sizing:border-box;color:var(--ilo-color-blue-dark);display:inline-flex;flex-flow:row nowrap;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-medium);height:1.8756698821rem;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);margin:0;padding:calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*3);transition-duration:.15s;transition-property:color background-color border-color fill;transition-timing-function:ease-out;width:fit-content}.ilo--status,.ilo--status__type__active{background-color:var(--ilo-color-green-light)}.ilo--status__type__info{background-color:var(--ilo-color-blue-lighter)}.ilo--status__type__alert{background-color:var(--ilo-color-red)}.ilo--status__type__subtle{background-color:var(--ilo-color-red-light)}.ilo--status__type__inactive{background-color:var(--ilo-color-gray-light)}
|
package/css/components/tag.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--
|
|
1
|
+
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--tags{display:flex;flex-wrap:wrap;gap:calc(var(--ilo-spacing-base)*2)}.ilo--tag{align-items:center;box-sizing:border-box;color:var(--ilo-color-blue-dark);display:inline-flex;flex-flow:row nowrap;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-medium);height:1.8756698821rem;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);margin:0;padding:calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*3);width:fit-content;fill:var(--ilo-color-blue-dark);background-color:var(--ilo-color-gray-light);border-color:var(--ilo-color-gray-light);border-radius:.1071811361rem;border-style:solid;border-width:.0803858521rem;transition-duration:.15s;transition-property:color background-color border-color fill;transition-timing-function:ease-out}.ilo--tag__disabled{color:var(--ilo-color-gray-accessible);fill:var(--ilo-color-gray-accessible);pointer-events:none}.ilo--tag__type__anchor,.ilo--tag__type__button,.ilo--tag__type__reset{appearance:none;box-shadow:none;cursor:pointer;outline:0}.ilo--tag__type__anchor:disabled,.ilo--tag__type__button:disabled,.ilo--tag__type__reset:disabled{pointer-events:none}.ilo--tag__type__anchor:focus-visible,.ilo--tag__type__button:focus-visible,.ilo--tag__type__reset:focus-visible{outline:1px solid var(--ilo-color-blue)}.ilo--tag__type__anchor:focus,.ilo--tag__type__anchor:hover,.ilo--tag__type__button:focus,.ilo--tag__type__button:hover{background-color:var(--ilo-color-blue-lighter);border-color:var(--ilo-color-blue-lighter);color:var(--ilo-color-blue);fill:var(--ilo-color-blue)}.ilo--tag__type__anchor{text-decoration:none}.ilo--tag__type__reset{background-color:var(--ilo-color-white);border-color:var(--ilo-color-gray-base);color:var(--ilo-color-blue-dark);fill:var(--ilo-color-blue-dark)}.ilo--tag .ilo--icon{bottom:.1071811361rem;fill:inherit;margin-inline-start:.1071811361rem;position:relative}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__text{--max-width:16.1307609861rem;
|
|
1
|
+
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--card__type__text{--max-width:16.1307609861rem;clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px,100% 100%,0 100%);padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*8)}[dir=rtl] .ilo--card__type__text{clip-path:polygon(72px 0,100% 0,100% 100%,0 100%,0 40px)}@media screen and (max-width:609px){.ilo--card__type__text{--max-width:100%}}.ilo--card__type__text.ilo--card__size__fluid,.ilo--card__type__text.ilo--card__size__wide{--max-width:28.0278670954rem;padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*8)}.ilo--card__type__text.ilo--card__size__narrow{--max-width:16.1307609861rem;padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*8)}@media screen and (max-width:609px){.ilo--card__type__text.ilo--card__size__narrow{--max-width:100%}}.ilo--card__type__text.ilo--card__size__narrow .ilo--card--title{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-lg);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg)}.ilo--card__type__text.ilo--card__dark{border-bottom:.1607717042rem solid var(--ilo-color-red)}.ilo--card__type__text .ilo--card--title{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-lg);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg)}@media screen and (min-width:610px){.ilo--card__type__text .ilo--card--title{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-xlg);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-md)}}.ilo--card__type__text .ilo--card--date{display:block}.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/global.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@charset "UTF-8";*,::after,::before{box-sizing:border-box}address,blockquote,body,dl,fieldset,figure,form,iframe,legend,ol,option,p,pre,table,ul{margin:0;padding:0;border:0}h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit;font-weight:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ul{list-style:none}table{border-color:inherit;border-collapse:collapse;border-spacing:0}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:0 0;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}textarea{overflow:auto}select{-webkit-appearance:none;-moz-appearance:none}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}:root{--ilo-fonts-display:Overpass,Noto Sans,sans-serif;--ilo-fonts-display-zh:PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;--ilo-fonts-display-jp:Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,sans-serif;--ilo-fonts-copy:Noto Sans,sans-serif;--ilo-fonts-copy-zh:PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;--ilo-fonts-copy-jp:Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,sans-serif;--ilo-fonts-monospace:monospace;--ilo-line-height:1.46;--ilo-font-size-2xsm:px-to-rem(10px);--ilo-font-size-xsm:px-to-rem(12px);--ilo-font-size-sm:px-to-rem(14px);--ilo-font-size-md:px-to-rem(16px);--ilo-font-size-lg:px-to-rem(18px);--ilo-font-size-xlg:px-to-rem(24px);--ilo-font-size-2xlg:px-to-rem(28px);--ilo-font-size-3xlg:px-to-rem(32px);--ilo-font-size-4xlg:px-to-rem(36px);--ilo-font-size-5xlg:px-to-rem(44px);--ilo-font-weight-light:300;--ilo-font-weight-regular:400;--ilo-font-weight-medium:500;--ilo-font-weight-bold:700;--ilo-line-height-xsm:1.15;--ilo-line-height-sm:1.2;--ilo-line-height-md:1.25;--ilo-line-height-lg:1.3;--ilo-line-height-xlg:1.35;--ilo-line-height-2xlg:1.45;--ilo-line-height-3xlg:1.5;--ilo-letter-spacing-xsm:-3.5%;--ilo-letter-spacing-sm:-2%;--ilo-letter-spacing-md:0;--ilo-letter-spacing-lg:2%}:root{--ilo-scale:1;--ilo-color-white:rgba(255, 255, 255, 1);--ilo-color-blue:rgba(30, 45, 190, 1);--ilo-color-blue-lighter:rgba(235, 245, 253, 1);--ilo-color-blue-light:rgba(190, 220, 250, 1);--ilo-color-blue-dark:rgba(35, 0, 80, 1);--ilo-color-blue-medium:rgba(210, 213, 242, 1);--ilo-color-blue-ramp:rgba(30, 45, 190, 0.4);--ilo-color-blue-dark-ramp:rgba(35, 0, 80, 0.5);--ilo-color-gray-charcoal:rgba(45, 45, 45, 1);--ilo-color-gray-accessible:rgba(109, 109, 109, 1);--ilo-color-gray-light:rgba(237, 240, 242, 1);--ilo-color-gray-light-semi-transparent:rgba(237, 240, 242, 0.25);--ilo-color-gray-base:rgba(184, 196, 204, 1);--ilo-color-red:rgba(250, 60, 75, 1);--ilo-color-red-light:rgba(254, 216, 219, 1);--ilo-color-red-dark:rgba(200, 48, 60, 1);--ilo-color-red-ramp:rgba(250, 60, 75, 0.2);--ilo-color-yellow:rgba(255, 205, 45, 1);--ilo-color-yellow-light:rgba(255, 245, 200, 1);--ilo-color-yellow-ramp:rgba(255, 205, 45, 0.2);--ilo-color-green:rgba(140, 225, 100, 1);--ilo-color-green-light:rgba(232, 249, 224, 1);--ilo-color-green-ramp:rgba(140, 225, 100, 0.2);--ilo-color-turquoise:rgba(5, 210, 210, 1);--ilo-color-purple:rgba(150, 10, 85, 1);--ilo-color-notification-type-error:var(--ilo-color-red);--ilo-color-notification-type-info:var(--ilo-color-blue);--ilo-color-notification-type-success:var(--ilo-color-green);--ilo-color-notification-type-warning:var(--ilo-color-yellow);--ilo-color-background-default:var(--ilo-color-white);--ilo-color-background-active:var(--ilo-color-blue);--ilo-color-background-highlight:var(--ilo-color-gray-light);--ilo-color-background-hover:var(--ilo-color-blue-lighter);--ilo-color-background-focus:var(--ilo-color-white);--ilo-color-borders-default:var(--ilo-color-gray-base);--ilo-color-borders-hover:var(--ilo-color-blue);--ilo-color-borders-active:var(--ilo-color-blue);--ilo-color-borders-focus:var(--ilo-color-yellow);--ilo-breakpoint-xs:320px;--ilo-breakpoint-sm:414px;--ilo-breakpoint-md:610px;--ilo-breakpoint-lg:1024px;--ilo-breakpoint-xl:1140px;--ilo-breakpoint-xxl:1168px;--ilo-border-radius:calc(0.1071811361rem * var(--ilo-scale));--ilo-font-size-2xsm:calc(0.5359056806rem * var(--ilo-scale));--ilo-font-size-xsm:calc(0.6430868167rem * var(--ilo-scale));--ilo-font-size-sm:calc(0.7502679528rem * var(--ilo-scale));--ilo-font-size-md:calc(0.857449089rem * var(--ilo-scale));--ilo-font-size-lg:calc(0.9646302251rem * var(--ilo-scale));--ilo-font-size-xlg:calc(1.2861736334rem * var(--ilo-scale));--ilo-font-size-2xlg:calc(1.5005359057rem * var(--ilo-scale));--ilo-font-size-3xlg:calc(1.7148981779rem * var(--ilo-scale));--ilo-font-size-4xlg:calc(1.9292604502rem * var(--ilo-scale));--ilo-font-size-5xlg:calc(2.3579849946rem * var(--ilo-scale));--ilo-font-weight-regular:400;--ilo-font-weight-bold:700;--ilo-line-height-xsm:115%;--ilo-line-height-sm:120%;--ilo-line-height-md:125%;--ilo-line-height-lg:130%;--ilo-line-height-xlg:135%;--ilo-line-height-2xlg:145%;--ilo-line-height-3xlg:150%;--ilo-letter-spacing-xsm:-3.5%;--ilo-letter-spacing-sm:-2%;--ilo-letter-spacing-md:0;--ilo-letter-spacing-lg:2%;--ilo-spacing-base:calc(0.2143622722rem * var(--ilo-scale));--ilo-transition-duration:150ms;--ilo-transition-timing-function:ease-out;--ilo-border-xs:calc(0.0535905681rem * var(--ilo-scale));--ilo-border-sm:calc(0.0803858521rem * var(--ilo-scale));--ilo-border-md:calc(0.1071811361rem * var(--ilo-scale));--ilo-border-lg:calc(0.2143622722rem * var(--ilo-scale))}body,html{color:#2d2d2d;font-family:var(--ilo-fonts-copy);font-size:18.66px;line-height:27.24px;letter-spacing:normal;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5{font-family:var(--ilo-fonts-display)}html[lang*=zh]{--ilo-fonts-display:var(--ilo-fonts-display-zh);--ilo-fonts-copy:var(--ilo-fonts-copy-zh)}html[lang*=ja]{--ilo-fonts-display:var(--ilo-fonts-display-jp);--ilo-fonts-copy:var(--ilo-fonts-copy-jp)}
|
|
1
|
+
@charset "UTF-8";*,::after,::before{box-sizing:border-box}address,blockquote,body,dl,fieldset,figure,form,iframe,legend,ol,option,p,pre,table,ul{margin:0;padding:0;border:0}h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit;font-weight:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ul{list-style:none}table{border-color:inherit;border-collapse:collapse;border-spacing:0}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:0 0;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}textarea{overflow:auto}select{-webkit-appearance:none;-moz-appearance:none}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}:root{--ilo-fonts-display:Overpass,Noto Sans,sans-serif;--ilo-fonts-display-zh:PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;--ilo-fonts-display-jp:Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,sans-serif;--ilo-fonts-copy:Noto Sans,sans-serif;--ilo-fonts-copy-zh:PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;--ilo-fonts-copy-jp:Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,sans-serif;--ilo-fonts-monospace:monospace;--ilo-line-height:1.46;--ilo-font-size-2xsm:px-to-rem(10px);--ilo-font-size-xsm:px-to-rem(12px);--ilo-font-size-sm:px-to-rem(14px);--ilo-font-size-md:px-to-rem(16px);--ilo-font-size-lg:px-to-rem(18px);--ilo-font-size-xlg:px-to-rem(24px);--ilo-font-size-2xlg:px-to-rem(28px);--ilo-font-size-3xlg:px-to-rem(32px);--ilo-font-size-4xlg:px-to-rem(36px);--ilo-font-size-5xlg:px-to-rem(44px);--ilo-font-weight-light:300;--ilo-font-weight-regular:400;--ilo-font-weight-medium:500;--ilo-font-weight-bold:700;--ilo-line-height-xsm:1.15;--ilo-line-height-sm:1.2;--ilo-line-height-md:1.25;--ilo-line-height-lg:1.3;--ilo-line-height-xlg:1.35;--ilo-line-height-2xlg:1.45;--ilo-line-height-3xlg:1.5;--ilo-letter-spacing-xsm:-3.5%;--ilo-letter-spacing-sm:-2%;--ilo-letter-spacing-md:0;--ilo-letter-spacing-lg:2%}:root{--ilo-scale:1;--ilo-color-white:rgba(255, 255, 255, 1);--ilo-color-blue:rgba(30, 45, 190, 1);--ilo-color-blue-lighter:rgba(235, 245, 253, 1);--ilo-color-blue-light:rgba(190, 220, 250, 1);--ilo-color-blue-dark:rgba(35, 0, 80, 1);--ilo-color-blue-medium:rgba(210, 213, 242, 1);--ilo-color-blue-ramp:rgba(30, 45, 190, 0.4);--ilo-color-blue-dark-ramp:rgba(35, 0, 80, 0.5);--ilo-color-gray-charcoal:rgba(45, 45, 45, 1);--ilo-color-gray-accessible:rgba(109, 109, 109, 1);--ilo-color-gray-light:rgba(237, 240, 242, 1);--ilo-color-gray-light-semi-transparent:rgba(237, 240, 242, 0.25);--ilo-color-gray-base:rgba(184, 196, 204, 1);--ilo-color-red:rgba(250, 60, 75, 1);--ilo-color-red-light:rgba(254, 216, 219, 1);--ilo-color-red-dark:rgba(200, 48, 60, 1);--ilo-color-red-ramp:rgba(250, 60, 75, 0.2);--ilo-color-yellow:rgba(255, 205, 45, 1);--ilo-color-yellow-light:rgba(255, 245, 200, 1);--ilo-color-yellow-ramp:rgba(255, 205, 45, 0.2);--ilo-color-green:rgba(140, 225, 100, 1);--ilo-color-green-light:rgba(232, 249, 224, 1);--ilo-color-green-ramp:rgba(140, 225, 100, 0.2);--ilo-color-turquoise:rgba(5, 210, 210, 1);--ilo-color-purple:rgba(150, 10, 85, 1);--ilo-color-notification-type-error:var(--ilo-color-red);--ilo-color-notification-type-info:var(--ilo-color-blue);--ilo-color-notification-type-success:var(--ilo-color-green);--ilo-color-notification-type-warning:var(--ilo-color-yellow);--ilo-color-background-default:var(--ilo-color-white);--ilo-color-background-active:var(--ilo-color-blue);--ilo-color-background-highlight:var(--ilo-color-gray-light);--ilo-color-background-hover:var(--ilo-color-blue-lighter);--ilo-color-background-focus:var(--ilo-color-white);--ilo-color-borders-default:var(--ilo-color-gray-base);--ilo-color-borders-hover:var(--ilo-color-blue);--ilo-color-borders-active:var(--ilo-color-blue);--ilo-color-borders-focus:var(--ilo-color-yellow);--ilo-breakpoint-xs:320px;--ilo-breakpoint-sm:414px;--ilo-breakpoint-md:610px;--ilo-breakpoint-lg:1024px;--ilo-breakpoint-xl:1140px;--ilo-breakpoint-xxl:1168px;--ilo-border-radius:calc(0.1071811361rem * var(--ilo-scale));--ilo-font-size-2xsm:calc(0.5359056806rem * var(--ilo-scale));--ilo-font-size-xsm:calc(0.6430868167rem * var(--ilo-scale));--ilo-font-size-sm:calc(0.7502679528rem * var(--ilo-scale));--ilo-font-size-md:calc(0.857449089rem * var(--ilo-scale));--ilo-font-size-lg:calc(0.9646302251rem * var(--ilo-scale));--ilo-font-size-xlg:calc(1.2861736334rem * var(--ilo-scale));--ilo-font-size-2xlg:calc(1.5005359057rem * var(--ilo-scale));--ilo-font-size-3xlg:calc(1.7148981779rem * var(--ilo-scale));--ilo-font-size-4xlg:calc(1.9292604502rem * var(--ilo-scale));--ilo-font-size-5xlg:calc(2.3579849946rem * var(--ilo-scale));--ilo-font-weight-regular:400;--ilo-font-weight-medium:500;--ilo-font-weight-bold:700;--ilo-line-height-xsm:115%;--ilo-line-height-sm:120%;--ilo-line-height-md:125%;--ilo-line-height-lg:130%;--ilo-line-height-xlg:135%;--ilo-line-height-2xlg:145%;--ilo-line-height-3xlg:150%;--ilo-letter-spacing-xsm:-3.5%;--ilo-letter-spacing-sm:-2%;--ilo-letter-spacing-md:0;--ilo-letter-spacing-lg:2%;--ilo-spacing-base:calc(0.2143622722rem * var(--ilo-scale));--ilo-transition-duration:150ms;--ilo-transition-timing-function:ease-out;--ilo-border-xs:calc(0.0535905681rem * var(--ilo-scale));--ilo-border-sm:calc(0.0803858521rem * var(--ilo-scale));--ilo-border-md:calc(0.1071811361rem * var(--ilo-scale));--ilo-border-lg:calc(0.2143622722rem * var(--ilo-scale))}body,html{color:#2d2d2d;font-family:var(--ilo-fonts-copy);font-size:18.66px;line-height:27.24px;letter-spacing:normal;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5{font-family:var(--ilo-fonts-display)}html[lang*=zh]{--ilo-fonts-display:var(--ilo-fonts-display-zh);--ilo-fonts-copy:var(--ilo-fonts-copy-zh)}html[lang*=ja]{--ilo-fonts-display:var(--ilo-fonts-display-jp);--ilo-fonts-copy:var(--ilo-fonts-copy-jp)}
|
|
2
2
|
/*# sourceMappingURL=global.css.map */
|