@ilo-org/twig 1.3.3 → 1.3.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/card_factlist/card_factlist.component.yml +2 -5
- package/dist/components/card_factlist/card_factlist.twig +3 -6
- package/dist/components/card_factlist/card_factlist.wingsuit.yml +2 -5
- package/dist/components/list/list.component.yml +7 -0
- package/dist/components/list/list.twig +5 -3
- package/dist/components/list/list.wingsuit.yml +7 -0
- package/dist/styles/components/breadcrumb.css +1 -1
- package/dist/styles/components/factlistcard.css +1 -1
- package/dist/styles/components/list.css +1 -1
- package/dist/styles/components/richtext.css +1 -1
- package/dist/styles/global.css.map +1 -1
- package/dist/styles/index.css +2 -2
- package/dist/styles/index.css.map +1 -1
- package/dist/styles/monorepo.css +2 -2
- package/dist/styles/monorepo.css.map +1 -1
- package/package.json +4 -4
|
@@ -13,11 +13,8 @@ factlistcard:
|
|
|
13
13
|
list:
|
|
14
14
|
type: object
|
|
15
15
|
label: List
|
|
16
|
-
description: List of facts or statistics.
|
|
16
|
+
description: List of facts or statistics. Each item takes a `content` property with the text of the list and an optional `id` property.
|
|
17
17
|
preview:
|
|
18
|
-
settings:
|
|
19
|
-
- ordered: unordered
|
|
20
|
-
- alignment: default
|
|
21
18
|
items:
|
|
22
19
|
- content: "Global employment growth will be only 1.0 per cent in 2023, less than half the level in 2022."
|
|
23
20
|
id: "list1"
|
|
@@ -40,7 +37,7 @@ factlistcard:
|
|
|
40
37
|
label: Theme
|
|
41
38
|
description: Sets the card to appear as either light or dark. If not set, the card will inherit the theme of its parent.
|
|
42
39
|
required: false
|
|
43
|
-
preview: "
|
|
40
|
+
preview: "dark"
|
|
44
41
|
options:
|
|
45
42
|
dark: Dark
|
|
46
43
|
light: Light
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
{#
|
|
2
|
-
FACT LIST CARD COMPONENT
|
|
3
|
-
#}
|
|
1
|
+
{# card_factlist.twig #}
|
|
4
2
|
<div class="ilo--card ilo--card__type__factlist ilo--card__size__{{size}} ilo--card__theme__{{theme}}">
|
|
5
3
|
<div class="ilo--card--wrap">
|
|
6
4
|
<div class="ilo--card--content">
|
|
@@ -9,11 +7,10 @@
|
|
|
9
7
|
{% endif %}
|
|
10
8
|
{% if list %}
|
|
11
9
|
{% include "@components/list/list.twig" with {
|
|
12
|
-
|
|
13
|
-
ordered: list.ordered,
|
|
14
|
-
alignment: list.alignment,
|
|
10
|
+
ordered: "unordered",
|
|
15
11
|
items: list.items,
|
|
16
12
|
prefix: prefix,
|
|
13
|
+
theme: theme
|
|
17
14
|
} only %}
|
|
18
15
|
{% endif %}
|
|
19
16
|
</div>
|
|
@@ -13,11 +13,8 @@ factlistcard:
|
|
|
13
13
|
list:
|
|
14
14
|
type: object
|
|
15
15
|
label: List
|
|
16
|
-
description: List of facts or statistics.
|
|
16
|
+
description: List of facts or statistics. Each item takes a `content` property with the text of the list and an optional `id` property.
|
|
17
17
|
preview:
|
|
18
|
-
settings:
|
|
19
|
-
- ordered: unordered
|
|
20
|
-
- alignment: default
|
|
21
18
|
items:
|
|
22
19
|
- content: "Global employment growth will be only 1.0 per cent in 2023, less than half the level in 2022."
|
|
23
20
|
id: "list1"
|
|
@@ -40,7 +37,7 @@ factlistcard:
|
|
|
40
37
|
label: Theme
|
|
41
38
|
description: Sets the card to appear as either light or dark. If not set, the card will inherit the theme of its parent.
|
|
42
39
|
required: false
|
|
43
|
-
preview: "
|
|
40
|
+
preview: "dark"
|
|
44
41
|
options:
|
|
45
42
|
dark: Dark
|
|
46
43
|
light: Light
|
|
@@ -4,8 +4,12 @@
|
|
|
4
4
|
{% set ordered = "unstyled" %}
|
|
5
5
|
{% endif %}
|
|
6
6
|
|
|
7
|
+
{% if not theme %}
|
|
8
|
+
{% set theme = "light" %}
|
|
9
|
+
{% endif %}
|
|
10
|
+
|
|
7
11
|
|
|
8
|
-
<div class="ilo--list {% if ordered == 'unstyled' %} ilo--list__unstyled {% endif %} {% if alignment == 'horizontal' %} ilo--list__horizontal {% endif %}">
|
|
12
|
+
<div class="ilo--list {% if ordered == 'unstyled' %} ilo--list__unstyled {% endif %} {% if alignment == 'horizontal' %} ilo--list__horizontal {% endif %} ilo--list__theme__{{theme}}">
|
|
9
13
|
{% if title %}
|
|
10
14
|
<h2 class="ilo--list--title">{{ title }}</h2>
|
|
11
15
|
{% endif %}
|
|
@@ -14,7 +18,6 @@
|
|
|
14
18
|
{% for item in items %}
|
|
15
19
|
{% include "@components/list/list-item.twig" with {
|
|
16
20
|
prefix: prefix,
|
|
17
|
-
label: item.label,
|
|
18
21
|
content: item.content,
|
|
19
22
|
elementId: item.id,
|
|
20
23
|
} only %}
|
|
@@ -25,7 +28,6 @@
|
|
|
25
28
|
{% for item in items %}
|
|
26
29
|
{% include "@components/list/list-item.twig" with {
|
|
27
30
|
prefix: prefix,
|
|
28
|
-
label: item.label,
|
|
29
31
|
content: item.content,
|
|
30
32
|
elementId: item.id,
|
|
31
33
|
} only %}
|
|
@@ -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--breadcrumb{position:relative;z-index:10}.ilo--breadcrumb--inner{background-color:var(--ilo-color-white);clip-path:polygon(0 0,100% 0,calc(100% - var(--ilo-spacing-base)*12) 100%,0 100%);display:inline-flex;padding-block:calc(var(--ilo-spacing-base)*4);padding-inline-end:calc(var(--ilo-spacing-base)*12);padding-inline-start:var(--breadcrumb-padding)}[dir=rtl] .ilo--breadcrumb--inner{clip-path:polygon(0 0,100% 0,100% 100%,calc(var(--ilo-spacing-base)*12) 100%)}.ilo--breadcrumb--context,.ilo--breadcrumb--items{align-items:center;display:inline-flex;justify-content:flex-start;list-style:none}.ilo--breadcrumb--context__collapse,.ilo--breadcrumb--item{padding-inline:calc(var(--ilo-spacing-base)*7) calc(var(--ilo-spacing-base)*1);position:relative}.ilo--breadcrumb--context__collapse:before,.ilo--breadcrumb--item:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23230050' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.884 3.116 17.768 12l-8.884 8.884-1.768-1.768L14.232 12 7.116 4.884z' clip-rule='evenodd'/%3E%3C/svg%3E");background-
|
|
1
|
+
@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--breadcrumb{position:relative;z-index:10}.ilo--breadcrumb--inner{background-color:var(--ilo-color-white);clip-path:polygon(0 0,100% 0,calc(100% - var(--ilo-spacing-base)*12) 100%,0 100%);display:inline-flex;padding-block:calc(var(--ilo-spacing-base)*4);padding-inline-end:calc(var(--ilo-spacing-base)*12);padding-inline-start:var(--breadcrumb-padding)}[dir=rtl] .ilo--breadcrumb--inner{clip-path:polygon(0 0,100% 0,100% 100%,calc(var(--ilo-spacing-base)*12) 100%)}.ilo--breadcrumb--context,.ilo--breadcrumb--items{align-items:center;display:inline-flex;justify-content:flex-start;list-style:none}.ilo--breadcrumb--context__collapse,.ilo--breadcrumb--item{padding-inline:calc(var(--ilo-spacing-base)*7) calc(var(--ilo-spacing-base)*1);position:relative}.ilo--breadcrumb--context__collapse:before,.ilo--breadcrumb--item:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23230050' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.884 3.116 17.768 12l-8.884 8.884-1.768-1.768L14.232 12 7.116 4.884z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:1.2861736334rem;content:"";height:1.2861736334rem;left:0;position:absolute;width:1.2861736334rem}[dir=rtl] .ilo--breadcrumb--context__collapse:before,[dir=rtl] .ilo--breadcrumb--item:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23230050' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='m15.116 3.116 1.768 1.768L9.768 12l7.116 7.116-1.768 1.768L6.232 12z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;left:auto;right:0}.ilo--breadcrumb--context{position:relative}.ilo--breadcrumb--context--button{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23230050' viewBox='0 0 24 24'%3E%3Cpath d='M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:1.2861736334rem;border:none;display:none;height:1.2861736334rem;margin:0;padding:0;position:relative;width:1.2861736334rem}.ilo--breadcrumb--context--button:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2'/%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer}.ilo--breadcrumb--context--menu{display:none;position:fixed;width:6.4308681672rem;z-index:10}.ilo--breadcrumb--context--menu__visible{display:inline-block}.ilo--breadcrumb--context__collapse{padding-inline:calc(var(--ilo-spacing-base)*6) 0}.ilo--breadcrumb--context__collapse .ilo--breadcrumb--items{display:none}.ilo--breadcrumb--context__collapse .ilo--breadcrumb--context--button{display:inline-block}.ilo--breadcrumb--item,.ilo--breadcrumb--item__first{align-items:center;display:flex}.ilo--breadcrumb--item__first{height:1.2861736334rem;padding-inline-start:2px;position:relative;width:1.2861736334rem}.ilo--breadcrumb--item__first:before{content:none}.ilo--breadcrumb--item__first:focus .ilo--breadcrumb--link:after,.ilo--breadcrumb--item__first:hover .ilo--breadcrumb--link:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='M4.35 20V10L12 4l7.65 6v10h-5.737v-5.5h-3.825V20z'/%3E%3C/svg%3E");background-repeat:no-repeat;height:1.2861736334rem;width:1.2861736334rem}.ilo--breadcrumb--item__first .ilo--breadcrumb--link{background:0 0;height:.857449089rem;position:relative;width:.857449089rem}.ilo--breadcrumb--item__first .ilo--breadcrumb--link:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23230050' viewBox='0 0 24 24'%3E%3Cpath d='M4.35 20V10L12 4l7.65 6v10h-5.737v-5.5h-3.825V20z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:1.2861736334rem;content:"";display:block;height:1.2861736334rem;left:0;top:0;width:1.2861736334rem}.ilo--breadcrumb--link{align-items:center;color:#230050;display:inline-flex;height:.857449089rem;padding-block:0;text-decoration:none}.ilo--breadcrumb--link--label{font-family:var(--ilo-fonts-copy);font-size:11.94px;font-weight:400;letter-spacing:normal;line-height:16.24px;max-width:30ch;overflow-x:clip;text-overflow:ellipsis;white-space:nowrap}.ilo--breadcrumb--link--label:focus,.ilo--breadcrumb--link--label:hover{color:#1e2dbe;text-decoration:underline;text-decoration-thickness:.1071811361rem;text-underline-offset:.2143622722rem}
|
|
@@ -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__factlist{--max-width:20.0964630225rem;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__factlist{--max-width:20.0964630225rem;border-bottom:.1607717042rem solid var(--ilo-color-gray-base);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)*12)}@media screen and (min-width:1024px){.ilo--card__type__factlist{padding:calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*14)}}.ilo--card__type__factlist.ilo--card__size__wide{--max-width:45.8735262594rem;padding:calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*14)}@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%)}}.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:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*12)}.ilo--card__type__factlist.ilo--card__theme__dark{border-bottom:.1607717042rem solid var(--ilo-color-red);color:var(--ilo-color-white)}.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 .ilo--card--title{color:var(--ilo-color-white)}.ilo--card__type__factlist .ilo--card--title{color:#2d2d2d;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);margin-bottom:calc(var(--ilo-spacing-base)*4)}@media screen and (min-width:610px){.ilo--card__type__factlist .ilo--card--title{font-size:var(--ilo-font-size-3xlg);margin-bottom:calc(var(--ilo-spacing-base)*6)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ilo--list ol{counter-reset:item}.ilo--
|
|
1
|
+
.ilo--list--title{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);margin-bottom:calc(var(--ilo-spacing-base)*4)}@media screen and (min-width:1024px){.ilo--list--title{font-size:var(--ilo-font-size-3xlg);margin-bottom:calc(var(--ilo-spacing-base)*6)}}.ilo--list__theme__light{color:var(--ilo-color-gray-charcoal)}.ilo--list__theme__light li{font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-regular);line-height:var(--ilo-line-height-2xlg);margin-bottom:calc(var(--ilo-spacing-base)*4);padding-inline-start:calc(var(--ilo-spacing-base)*4);position:relative}@media screen and (min-width:610px){.ilo--list__theme__light li{font-size:var(--ilo-font-size-lg)}}.ilo--list__theme__light ol{counter-reset:item}.ilo--list__theme__light ol li{counter-increment:item;display:table}.ilo--list__theme__light ol li:before{content:counter(item) ".";display:table-cell;padding-inline-end:calc(var(--ilo-spacing-base)*2);text-align:right}.ilo--list__theme__light ul li{display:table}.ilo--list__theme__light ul li:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23B8C4CC' viewBox='0 0 24 24'%3E%3Cpath d='M17 12 9 6v12z'/%3E%3C/svg%3E");background-repeat:no-repeat;content:"";display:table-cell;height:1.2861736334rem;padding-inline-end:calc(var(--ilo-spacing-base)*2);text-align:right;width:1.3933547696rem}[dir=rtl] .ilo--list__theme__light ul li:before{transform:rotate(180deg)}.ilo--list__theme__dark{color:var(--ilo-color-white)}.ilo--list__theme__dark li{font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-regular);line-height:var(--ilo-line-height-2xlg);margin-bottom:calc(var(--ilo-spacing-base)*4);padding-inline-start:calc(var(--ilo-spacing-base)*4);position:relative}@media screen and (min-width:610px){.ilo--list__theme__dark li{font-size:var(--ilo-font-size-lg)}}.ilo--list__theme__dark ol{counter-reset:item}.ilo--list__theme__dark ol li{counter-increment:item;display:table}.ilo--list__theme__dark ol li:before{content:counter(item) ".";display:table-cell;padding-inline-end:calc(var(--ilo-spacing-base)*2);text-align:right}.ilo--list__theme__dark ul li{display:table}.ilo--list__theme__dark ul li:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 24 24'%3E%3Cpath d='M17 12 9 6v12z'/%3E%3C/svg%3E");background-repeat:no-repeat;content:"";display:table-cell;height:1.2861736334rem;padding-inline-end:calc(var(--ilo-spacing-base)*2);text-align:right;width:1.3933547696rem}[dir=rtl] .ilo--list__theme__dark ul li:before{transform:rotate(180deg)}.ilo--list__unstyled ol,.ilo--list__unstyled ul{list-style:none}.ilo--list__unstyled ol li,.ilo--list__unstyled ul li{padding-inline-start:0}.ilo--list__unstyled ol li:before,.ilo--list__unstyled ul li:before{content:none}.ilo--list__horizontal,.ilo--list__horizontal ol,.ilo--list__horizontal ul{display:flex;flex-flow:row;gap:calc(var(--ilo-spacing-base)*10);list-style:none}.ilo--list__horizontal li,.ilo--list__horizontal ol li,.ilo--list__horizontal ul li{padding:0}.ilo--list__horizontal li:before,.ilo--list__horizontal ol li:before,.ilo--list__horizontal ul li:before{content:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ilo--richtext>*{margin-bottom:calc(var(--ilo-spacing-base)*4);margin-top:calc(var(--ilo-spacing-base)*4)}.ilo--richtext>:first-child{margin-top:0}.ilo--richtext h1,.ilo--richtext h2,.ilo--richtext h3,.ilo--richtext h4,.ilo--richtext h5{font-weight:var(--ilo-font-weight-bold);margin-top:calc(var(--ilo-spacing-base)*14)}.ilo--richtext article,.ilo--richtext audio,.ilo--richtext blockquote,.ilo--richtext figure,.ilo--richtext hr,.ilo--richtext pre,.ilo--richtext video{margin-bottom:calc(var(--ilo-spacing-base)*14);margin-top:calc(var(--ilo-spacing-base)*14)}.ilo--richtext h1{font-size:var(--ilo-font-size-4xlg);line-height:var(--ilo-line-height-sm)}.ilo--richtext h1,.ilo--richtext h2{letter-spacing:var(--ilo-letter-spacing-xsm)}.ilo--richtext h2{font-size:var(--ilo-font-size-xlg);line-height:var(--ilo-line-height-md)}.ilo--richtext h3{font-size:var(--ilo-font-size-lg);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg)}.ilo--richtext h4,.ilo--richtext h5,.ilo--richtext h6{font-size:var(--ilo-font-size-md);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg)}.ilo--richtext p{font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-2xlg)}.ilo--richtext em,.ilo--richtext i{font-style:italic}.ilo--richtext b,.ilo--richtext strong{font-weight:700}.ilo--richtext a{background:transparent;background:0 0;color:#230050;font-size:inherit;font-weight:inherit;line-height:inherit;padding-bottom:calc(var(--ilo-spacing-base)*1);text-decoration:underline;text-decoration-color:var(--ilo-color-blue);text-decoration-thickness:.0803858521rem;text-underline-offset:.3215434084rem}.ilo--richtext a:visited{background:transparent;color:#960a55;text-decoration-color:var(--ilo-color-purple)}.ilo--richtext a:hover{background:#fff;color:#1e2dbe;text-decoration-color:var(--ilo-color-blue);text-decoration-thickness:3px}.ilo--richtext a:active,.ilo--richtext a:focus{background:#ffcd2d;color:#230050;text-decoration-color:var(--ilo-color-blue-dark);text-decoration-thickness:3px}.ilo--richtext a--dark{background:transparent;color:#edf0f2;text-decoration-color:var(--ilo-color-gray-light)}.ilo--richtext a--dark:visited{background:transparent;color:#b8c4cc;text-decoration-color:var(--ilo-color-gray-base)}.ilo--richtext a--dark:hover{background:#fff;color:#1e2dbe;text-decoration-color:var(--ilo-color-blue);text-decoration-thickness:3px}.ilo--richtext a--dark:active,.ilo--richtext a--dark:focus{background:#ffcd2d;color:#230050;text-decoration-color:var(--ilo-color-blue-dark);text-decoration-thickness:3px}.ilo--richtext a--footer{background:transparent;color:#6d6d6d;font-size:11.94px;letter-spacing:normal;line-height:16.24px}.ilo--richtext a--footer:visited{background:transparent;color:#960a55}.ilo--richtext a--footer:hover{background:#fff;color:#1e2dbe;text-decoration-thickness:3px}.ilo--richtext a--footer:active,.ilo--richtext a--footer:focus{background:#ffcd2d;color:#230050;text-decoration-thickness:3px}.ilo--richtext a:hover{background:0 0}.ilo--richtext figure,.ilo--richtext img{width:100%}.ilo--richtext figcaption{border-left:var(--ilo-border-lg) solid var(--ilo-color-borders-default);color:var(--ilo-color-gray-accessible);font-size:14.93px;font-weight:var(--ilo-font-weight-regular);letter-spacing:-.02em;line-height:20.16px;margin-top:calc(var(--ilo-spacing-base)*4);padding-left:calc(var(--ilo-spacing-base)*2)}.ilo--richtext hr{background-color:var(--ilo-color-gray-light);border:none;height:.1607717042rem}.ilo--richtext .responsive-video-embed{height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.ilo--richtext .responsive-video-embed iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.ilo--richtext blockquote{background-color:#edf0f2;background-position:100% 0;background-repeat:no-repeat;background-size:3.8585209003rem 2.1436227224rem;clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px,100% 100%,0 100%);display:block;font-family:var(--ilo-fonts-display);padding:calc(var(--ilo-spacing-base)*19) 0 calc(var(--ilo-spacing-base)*9) calc(var(--ilo-spacing-base)*8);position:relative;width:fit-content}.ilo--richtext blockquote p{color:#960a55;font-size:29.16px;font-weight:300;letter-spacing:-.035em;line-height:36.45px;padding:0 calc(var(--ilo-spacing-base)*12) 0 0;position:relative}.ilo--richtext blockquote p:after{background-color:var(--ilo-color-purple);bottom:0;content:"";display:inline-block;height:1.0718113612rem;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;right:0;transform:scaleX(-1);width:1.4201500536rem}.ilo--richtext blockquote cite{color:#6d6d6d;font-size:14.93px;font-weight:400;letter-spacing:-.02em;line-height:20.16px}.ilo--richtext blockquote:before{background-color:var(--ilo-color-purple);content:"";display:inline-block;height:2.1436227224rem;left:0;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;top:0;width:2.8403001072rem}@media screen and (min-width:610px){.ilo--richtext blockquote{background-size:4.6087888532rem 2.5723472669rem;clip-path:polygon(0 0,calc(100% - 86px) 0,100% 48px,100% 100%,0 100%);padding:calc(var(--ilo-spacing-base)*16) 0 calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*12)}.ilo--richtext blockquote p{font-size:36.45px;letter-spacing:-.035em;line-height:43.74px;margin-bottom:calc(var(--ilo-spacing-base)*6);padding:0 calc(var(--ilo-spacing-base)*12) 0 0;position:relative}.ilo--richtext blockquote p:after{height:1.2861736334rem;width:1.7148981779rem}.ilo--richtext blockquote:before{height:2.5723472669rem;width:3.4297963558rem}}[dir=rtl] .ilo--richtext blockquote{background-position:-1px -1px;clip-path:polygon(72px 0,100% 0,100% 100%,0 100%,0 40px);padding:calc(var(--ilo-spacing-base)*14) calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*9) 0}[dir=rtl] .ilo--richtext blockquote p{padding:0 0 0 calc(var(--ilo-spacing-base)*12)}[dir=rtl] .ilo--richtext blockquote p:after{left:0;right:auto;transform:scaleX(1)}[dir=rtl] .ilo--richtext blockquote:before{left:auto;right:0;transform:scaleX(-1)}@media screen and (min-width:610px){[dir=rtl] .ilo--richtext blockquote{clip-path:polygon(86px 0,100% 0,100% 100%,0 100%,0 48px);padding:calc(var(--ilo-spacing-base)*15) calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*12) 0}}.ilo--richtext ol{counter-reset:item}.ilo--richtext ol li{counter-increment:item;display:table}.ilo--richtext ol li:before{content:counter(item) ".";display:table-cell;padding-inline-end:calc(var(--ilo-spacing-base)*2);text-align:right}.ilo--richtext ul li{padding-inline-start:calc(var(--ilo-spacing-base)*8);position:relative}.ilo--richtext ul li:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23B8C4CC' viewBox='0 0 24 24'%3E%3Cpath d='M17 12 9 6v12z'/%3E%3C/svg%3E");background-repeat:no-repeat;content:"";height:1.2861736334rem;left:0;position:absolute;right:0;top:calc(var(--ilo-spacing-base)*1);width:1.2861736334rem}[dir=rtl] .ilo--richtext ul li:before{transform:rotate(180deg)}.ilo--richtext li{font-family:var(--ilo-fonts-copy);font-size:16px;letter-spacing:normal;line-height:23.36px;margin-bottom:calc(var(--ilo-spacing-base)*4)}.ilo--richtext li b,.ilo--richtext li strong{font-weight:700;letter-spacing:-.02em}@media screen and (min-width:610px){.ilo--richtext li{font-size:18.66px;letter-spacing:normal;line-height:27.24px}.ilo--richtext>*{margin-bottom:calc(var(--ilo-spacing-base)*6);margin-top:calc(var(--ilo-spacing-base)*6)}.ilo--richtext>:first-child{margin-top:0}.ilo--richtext h1,.ilo--richtext h2,.ilo--richtext h3,.ilo--richtext h4,.ilo--richtext h5{margin-top:calc(var(--ilo-spacing-base)*16)}.ilo--richtext article,.ilo--richtext audio,.ilo--richtext blockquote,.ilo--richtext figure,.ilo--richtext hr,.ilo--richtext pre,.ilo--richtext video{margin-bottom:calc(var(--ilo-spacing-base)*16);margin-top:calc(var(--ilo-spacing-base)*16)}.ilo--richtext h1{font-size:var(--ilo-font-size-5xlg);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-xsm)}.ilo--richtext h2{font-size:var(--ilo-font-size-3xlg)}.ilo--richtext h3{font-size:var(--ilo-font-size-xlg);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-md)}.ilo--richtext h4,.ilo--richtext h5,.ilo--richtext h6{font-size:var(--ilo-font-size-lg);line-height:var(--ilo-line-height-lg)}.ilo--richtext p{font-size:var(--ilo-font-size-lg)}.ilo--richtext figure{width:100%}}[dir=rtl] .ilo--richtext figcaption{border-left:none;border-right:var(--ilo-border-lg) solid var(--ilo-color-borders-default);padding-left:0;padding-right:calc(var(--ilo-spacing-base)*2)}
|
|
1
|
+
.ilo--richtext>*{margin-bottom:calc(var(--ilo-spacing-base)*4);margin-top:calc(var(--ilo-spacing-base)*4)}.ilo--richtext>:first-child{margin-top:0}.ilo--richtext h1,.ilo--richtext h2,.ilo--richtext h3,.ilo--richtext h4,.ilo--richtext h5{font-weight:var(--ilo-font-weight-bold);margin-top:calc(var(--ilo-spacing-base)*14)}.ilo--richtext article,.ilo--richtext audio,.ilo--richtext blockquote,.ilo--richtext figure,.ilo--richtext hr,.ilo--richtext pre,.ilo--richtext video{margin-bottom:calc(var(--ilo-spacing-base)*14);margin-top:calc(var(--ilo-spacing-base)*14)}.ilo--richtext h1{font-size:var(--ilo-font-size-4xlg);line-height:var(--ilo-line-height-sm)}.ilo--richtext h1,.ilo--richtext h2{letter-spacing:var(--ilo-letter-spacing-xsm)}.ilo--richtext h2{font-size:var(--ilo-font-size-xlg);line-height:var(--ilo-line-height-md)}.ilo--richtext h3{font-size:var(--ilo-font-size-lg);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg)}.ilo--richtext h4,.ilo--richtext h5,.ilo--richtext h6{font-size:var(--ilo-font-size-md);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg)}.ilo--richtext p{font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-2xlg)}.ilo--richtext em,.ilo--richtext i{font-style:italic}.ilo--richtext b,.ilo--richtext strong{font-weight:700}.ilo--richtext a{background:transparent;background:0 0;color:#230050;font-size:inherit;font-weight:inherit;line-height:inherit;padding-bottom:calc(var(--ilo-spacing-base)*1);text-decoration:underline;text-decoration-color:var(--ilo-color-blue);text-decoration-thickness:.0803858521rem;text-underline-offset:.3215434084rem}.ilo--richtext a:visited{background:transparent;color:#960a55;text-decoration-color:var(--ilo-color-purple)}.ilo--richtext a:hover{background:#fff;color:#1e2dbe;text-decoration-color:var(--ilo-color-blue);text-decoration-thickness:3px}.ilo--richtext a:active,.ilo--richtext a:focus{background:#ffcd2d;color:#230050;text-decoration-color:var(--ilo-color-blue-dark);text-decoration-thickness:3px}.ilo--richtext a--dark{background:transparent;color:#edf0f2;text-decoration-color:var(--ilo-color-gray-light)}.ilo--richtext a--dark:visited{background:transparent;color:#b8c4cc;text-decoration-color:var(--ilo-color-gray-base)}.ilo--richtext a--dark:hover{background:#fff;color:#1e2dbe;text-decoration-color:var(--ilo-color-blue);text-decoration-thickness:3px}.ilo--richtext a--dark:active,.ilo--richtext a--dark:focus{background:#ffcd2d;color:#230050;text-decoration-color:var(--ilo-color-blue-dark);text-decoration-thickness:3px}.ilo--richtext a--footer{background:transparent;color:#6d6d6d;font-size:11.94px;letter-spacing:normal;line-height:16.24px}.ilo--richtext a--footer:visited{background:transparent;color:#960a55}.ilo--richtext a--footer:hover{background:#fff;color:#1e2dbe;text-decoration-thickness:3px}.ilo--richtext a--footer:active,.ilo--richtext a--footer:focus{background:#ffcd2d;color:#230050;text-decoration-thickness:3px}.ilo--richtext a:hover{background:0 0}.ilo--richtext figure,.ilo--richtext img{width:100%}.ilo--richtext figcaption{border-left:var(--ilo-border-lg) solid var(--ilo-color-borders-default);color:var(--ilo-color-gray-accessible);font-size:14.93px;font-weight:var(--ilo-font-weight-regular);letter-spacing:-.02em;line-height:20.16px;margin-top:calc(var(--ilo-spacing-base)*4);padding-left:calc(var(--ilo-spacing-base)*2)}.ilo--richtext hr{background-color:var(--ilo-color-gray-light);border:none;height:.1607717042rem}.ilo--richtext .responsive-video-embed{height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.ilo--richtext .responsive-video-embed iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.ilo--richtext blockquote{background-color:#edf0f2;background-position:100% 0;background-repeat:no-repeat;background-size:3.8585209003rem 2.1436227224rem;clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px,100% 100%,0 100%);display:block;font-family:var(--ilo-fonts-display);padding:calc(var(--ilo-spacing-base)*19) 0 calc(var(--ilo-spacing-base)*9) calc(var(--ilo-spacing-base)*8);position:relative;width:fit-content}.ilo--richtext blockquote p{color:#960a55;font-size:29.16px;font-weight:300;letter-spacing:-.035em;line-height:36.45px;padding:0 calc(var(--ilo-spacing-base)*12) 0 0;position:relative}.ilo--richtext blockquote p:after{background-color:var(--ilo-color-purple);bottom:0;content:"";display:inline-block;height:1.0718113612rem;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;right:0;transform:scaleX(-1);width:1.4201500536rem}.ilo--richtext blockquote cite{color:#6d6d6d;font-size:14.93px;font-weight:400;letter-spacing:-.02em;line-height:20.16px}.ilo--richtext blockquote:before{background-color:var(--ilo-color-purple);content:"";display:inline-block;height:2.1436227224rem;left:0;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;top:0;width:2.8403001072rem}@media screen and (min-width:610px){.ilo--richtext blockquote{background-size:4.6087888532rem 2.5723472669rem;clip-path:polygon(0 0,calc(100% - 86px) 0,100% 48px,100% 100%,0 100%);padding:calc(var(--ilo-spacing-base)*16) 0 calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*12)}.ilo--richtext blockquote p{font-size:36.45px;letter-spacing:-.035em;line-height:43.74px;margin-bottom:calc(var(--ilo-spacing-base)*6);padding:0 calc(var(--ilo-spacing-base)*12) 0 0;position:relative}.ilo--richtext blockquote p:after{height:1.2861736334rem;width:1.7148981779rem}.ilo--richtext blockquote:before{height:2.5723472669rem;width:3.4297963558rem}}[dir=rtl] .ilo--richtext blockquote{background-position:-1px -1px;clip-path:polygon(72px 0,100% 0,100% 100%,0 100%,0 40px);padding:calc(var(--ilo-spacing-base)*14) calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*9) 0}[dir=rtl] .ilo--richtext blockquote p{padding:0 0 0 calc(var(--ilo-spacing-base)*12)}[dir=rtl] .ilo--richtext blockquote p:after{left:0;right:auto;transform:scaleX(1)}[dir=rtl] .ilo--richtext blockquote:before{left:auto;right:0;transform:scaleX(-1)}@media screen and (min-width:610px){[dir=rtl] .ilo--richtext blockquote{clip-path:polygon(86px 0,100% 0,100% 100%,0 100%,0 48px);padding:calc(var(--ilo-spacing-base)*15) calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*12) 0}}.ilo--richtext li{font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-regular);line-height:var(--ilo-line-height-2xlg);margin-bottom:calc(var(--ilo-spacing-base)*4);padding-inline-start:calc(var(--ilo-spacing-base)*4);position:relative}@media screen and (min-width:610px){.ilo--richtext li{font-size:var(--ilo-font-size-lg)}}.ilo--richtext ol{counter-reset:item}.ilo--richtext ol li{counter-increment:item;display:table}.ilo--richtext ol li:before{content:counter(item) ".";display:table-cell;padding-inline-end:calc(var(--ilo-spacing-base)*2);text-align:right}.ilo--richtext ul li{display:table}.ilo--richtext ul li:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23B8C4CC' viewBox='0 0 24 24'%3E%3Cpath d='M17 12 9 6v12z'/%3E%3C/svg%3E");background-repeat:no-repeat;content:"";display:table-cell;height:1.2861736334rem;padding-inline-end:calc(var(--ilo-spacing-base)*2);text-align:right;width:1.3933547696rem}[dir=rtl] .ilo--richtext ul li:before{transform:rotate(180deg)}@media screen and (min-width:610px){.ilo--richtext>*{margin-bottom:calc(var(--ilo-spacing-base)*6);margin-top:calc(var(--ilo-spacing-base)*6)}.ilo--richtext>:first-child{margin-top:0}.ilo--richtext h1,.ilo--richtext h2,.ilo--richtext h3,.ilo--richtext h4,.ilo--richtext h5{margin-top:calc(var(--ilo-spacing-base)*16)}.ilo--richtext article,.ilo--richtext audio,.ilo--richtext blockquote,.ilo--richtext figure,.ilo--richtext hr,.ilo--richtext pre,.ilo--richtext video{margin-bottom:calc(var(--ilo-spacing-base)*16);margin-top:calc(var(--ilo-spacing-base)*16)}.ilo--richtext h1{font-size:var(--ilo-font-size-5xlg);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-xsm)}.ilo--richtext h2{font-size:var(--ilo-font-size-3xlg)}.ilo--richtext h3{font-size:var(--ilo-font-size-xlg);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-md)}.ilo--richtext h4,.ilo--richtext h5,.ilo--richtext h6{font-size:var(--ilo-font-size-lg);line-height:var(--ilo-line-height-lg)}.ilo--richtext p{font-size:var(--ilo-font-size-lg)}.ilo--richtext figure{width:100%}}[dir=rtl] .ilo--richtext figcaption{border-left:none;border-right:var(--ilo-border-lg) solid var(--ilo-color-borders-default);padding-left:0;padding-right:calc(var(--ilo-spacing-base)*2)}
|