npm - @ilo-org/styles - Versions diffs - 1.10.1 → 1.11.0 - Mend

@ilo-org/styles 1.10.1 → 1.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (112) hide show

package/README.md +87 -20
package/css/components/container.css +1 -1
package/css/components/contextmenu.css +1 -1
package/css/components/factlistcard.css +1 -1
package/css/components/fieldset.css +1 -1
package/css/components/file-upload.css +1 -1
package/css/components/hero.css +1 -1
package/css/components/herocard.css +1 -1
package/css/components/input.css +1 -1
package/css/components/linklist.css +1 -1
package/css/components/logo.css +1 -1
package/css/components/logogrid.css +1 -1
package/css/components/modal.css +1 -1
package/css/components/navigation.css +1 -1
package/css/components/notification.css +1 -1
package/css/components/radio.css +1 -1
package/css/components/readmore.css +1 -1
package/css/components/searchfield.css +1 -1
package/css/components/statcard.css +1 -1
package/css/components/table.css +1 -1
package/css/components/tableofcontents.css +1 -1
package/css/components/textarea.css +1 -1
package/css/components/textinput.css +1 -1
package/css/components/toggle.css +1 -1
package/css/components/tooltip.css +1 -1
package/css/components/video.css +1 -1
package/css/global.css +1 -1
package/css/global.css.map +1 -1
package/css/index.css +7 -9
package/css/index.css.map +1 -1
package/css/monorepo.css +7 -9
package/css/monorepo.css.map +1 -1
package/package.json +2 -4
package/scss/_animations.scss +0 -5
package/scss/_config.scss +6 -0
package/scss/_functions.scss +4 -35
package/scss/{_tokens.scss → _icons.scss} +1 -1
package/scss/_mixins.scss +13 -115
package/scss/_typography.scss +4 -13
package/scss/_typographymonorepo.scss +33 -24
package/scss/components/_accordion.scss +0 -1
package/scss/components/_blockquote.scss +0 -1
package/scss/components/_breadcrumb.scss +0 -1
package/scss/components/_button.scss +1 -2
package/scss/components/_callout.scss +0 -1
package/scss/components/_card.scss +0 -1
package/scss/components/_cardgroup.scss +0 -1
package/scss/components/_container.scss +2 -3
package/scss/components/_contextmenu.scss +2 -3
package/scss/components/_datacard.scss +0 -1
package/scss/components/_datepicker.scss +0 -1
package/scss/components/_detailcard.scss +0 -1
package/scss/components/_empty.scss +0 -1
package/scss/components/_factlistcard.scss +1 -2
package/scss/components/_featurecard.scss +0 -1
package/scss/components/_fieldset.scss +4 -12
package/scss/components/_file-upload.scss +24 -32
package/scss/components/_form.scss +0 -1
package/scss/components/_formcontrol.scss +0 -1
package/scss/components/_hero.scss +47 -53
package/scss/components/_herocard.scss +35 -36
package/scss/components/_image.scss +0 -1
package/scss/components/_input.scss +8 -28
package/scss/components/_languagetoggle.scss +0 -1
package/scss/components/_link.scss +0 -1
package/scss/components/_linklist.scss +18 -31
package/scss/components/_list.scss +0 -1
package/scss/components/_loading.scss +0 -1
package/scss/components/_logo.scss +2 -4
package/scss/components/_logogrid.scss +3 -4
package/scss/components/_modal.scss +1 -2
package/scss/components/_multilinkcard.scss +0 -1
package/scss/components/_navigation.scss +102 -103
package/scss/components/_notification.scss +77 -98
package/scss/components/_pagination.scss +0 -1
package/scss/components/_profile.scss +0 -1
package/scss/components/_promocard.scss +0 -1
package/scss/components/_radio.scss +8 -9
package/scss/components/_readmore.scss +8 -9
package/scss/components/_richtext.scss +0 -1
package/scss/components/_scorecard.scss +0 -1
package/scss/components/_searchfield.scss +27 -44
package/scss/components/_statcard.scss +9 -17
package/scss/components/_status.scss +0 -1
package/scss/components/_table.scss +31 -32
package/scss/components/_tableofcontents.scss +31 -21
package/scss/components/_tabs.scss +0 -1
package/scss/components/_tag.scss +0 -1
package/scss/components/_textarea.scss +10 -28
package/scss/components/_textcard.scss +0 -1
package/scss/components/_textinput.scss +9 -28
package/scss/components/_toggle.scss +6 -45
package/scss/components/_tooltip.scss +23 -17
package/scss/components/_video.scss +43 -20
package/scss/components/navigation/_nav-compact.scss +1 -1
package/scss/components/navigation/_nav-complex.scss +1 -1
package/scss/components/navigation/_nav-main.scss +1 -1
package/scss/components/navigation/internal/_nav-dropdown.scss +1 -1
package/scss/components/navigation/internal/_nav-grid.scss +1 -1
package/scss/components/navigation/internal/_nav-menu.scss +1 -1
package/scss/components/navigation/internal/_nav-shared.scss +1 -1
package/scss/components/navigation/internal/mobile/_nav-mobile-drawer.scss +1 -1
package/scss/components/navigation/internal/mobile/_nav-mobile-menu.scss +1 -1
package/scss/components/navigation/internal/mobile/_nav-mobile.scss +1 -1
package/scss/components/photogallery/_expandable-caption.scss +1 -1
package/scss/components/photogallery/_lightbox.scss +1 -1
package/scss/components/photogallery/_lightboxgallery.scss +1 -1
package/scss/components/photogallery/_photogallery-controls.scss +1 -1
package/scss/components/photogallery/_photogallery-thumbnails.scss +1 -1
package/scss/components/photogallery/_photogallery.scss +1 -1
package/scss/theme/_foundation.scss +6 -0
package/scss/theme/_typography.scss +4 -0

package/css/components/searchfield.css CHANGED Viewed

	@@ -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)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--searchfield{display:flex}.ilo--searchfield .ilo--fieldset{position:relative;width:100%}.ilo--searchfield .ilo--input{padding-inline-end:calc(var(--ilo-spacing-base)14)}.ilo--searchfield--button{background-color~~:#edf0f2~~;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='M14.192 15.606a7 7 0 1 1 1.414-1.414l5.465 5.465-1.414 1.414zM15 10a5 5 0 1 1-10 0 5 5 0 0 1 10 0' clip-rule='evenodd'/%3E%3C/svg%3E")~~;background~~-~~position:50%;background~~-~~repeat~~:~~no-repeat~~;~~background~~-~~size:~~1.~~2861736334rem~~ 1.~~2861736334rem;border:.1071811361rem~~ ~~solid~~ ~~#b8c4cc~~;~~border~~-~~left~~-~~width~~:0;~~height~~:~~2.5723472669rem~~;~~text-indent:-9999px;~~width:2.~~4651661308rem~~}.ilo--searchfield--button:focus{background-color~~:#ebf5fd;~~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 fill-rule='evenodd' d='M14.192 15.606a7 7 0 1 1 1.414-1.414l5.465 5.465-1.414 1.414zM15 10a5 5 0 1 1-10 0 5 5 0 0 1 10 0' clip-rule='evenodd'/%3E%3C/svg%3E")~~;background~~-~~repeat:no~~-~~repeat;cursor:pointer}.ilo--searchfield--button:active{background-color:#1e2dbe;background-~~image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='~~%23EBF5FD~~' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M14.192 15.606a7 7 0 1 1 1.414-1.414l5.465 5.465-1.414 1.414zM15 10a5 5 0 1 1-10 0 5 5 0 0 1 10 0' clip-rule='evenodd'/%3E%3C/svg%3E");~~background~~-repeat:no-repeat}.haslabel .ilo--searchfield--button{margin-top:calc(var(--ilo-spacing-base)7)}.ilo--searchfield--button:disabled{opacity:.45;pointer-events:none}.ilo--searchfield--clear-button{align-items:center;cursor:pointer;display:none}.ilo--searchfield--clear-button.show{display:inline;position:absolute;right:2%;top:12px}.ilo--searchfield [type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}[dir=rtl] .ilo--searchfield .ilo--searchfield--button{border-left:.1071811361rem solid ~~#b8c4cc~~;border-right:0}[dir=rtl] .ilo--searchfield .ilo--searchfield--clear-button.show{right:95%}
1	+ @keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--searchfield{display:flex}.ilo--searchfield .ilo--fieldset{position:relative;width:100%}.ilo--searchfield .ilo--input{padding-inline-end:calc(var(--ilo-spacing-base)14)}.ilo--searchfield--button{align-items:center;background-color:var(--ilo-color-gray-light);border:var(--ilo-border-md) solid var(--ilo-color-gray-base);border-left:0;cursor:pointer;display:flex;height:100%;justify-content:center;width:2.5723472669rem}.ilo--searchfield--button:after{background-color:var(--ilo-color-blue-dark);content:"";display:inline-block;height:1.2861736334rem;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 fill-rule='evenodd' d='M14.192 15.606a7 7 0 1 1 1.414-1.414l5.465 5.465-1.414 1.414zM15 10a5 5 0 1 1-10 0 5 5 0 0 1 10 0' clip-rule='evenodd'/%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 fill-rule='evenodd' d='M14.192 15.606a7 7 0 1 1 1.414-1.414l5.465 5.465-1.414 1.414zM15 10a5 5 0 1 1-10 0 5 5 0 0 1 10 0' clip-rule='evenodd'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:relative;width:1.2861736334rem}.ilo--searchfield--button:focus,.ilo--searchfield--button:hover{background-color:var(--ilo-color-blue-lighter)}.ilo--searchfield--button:active{background-color:var(--ilo-color-blue)}.ilo--searchfield--button:active:after{background-color:var(--ilo-color-white);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 fill-rule='evenodd' d='M14.192 15.606a7 7 0 1 1 1.414-1.414l5.465 5.465-1.414 1.414zM15 10a5 5 0 1 1-10 0 5 5 0 0 1 10 0' clip-rule='evenodd'/%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 fill-rule='evenodd' d='M14.192 15.606a7 7 0 1 1 1.414-1.414l5.465 5.465-1.414 1.414zM15 10a5 5 0 1 1-10 0 5 5 0 0 1 10 0' clip-rule='evenodd'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.haslabel .ilo--searchfield--button{margin-top:calc(var(--ilo-spacing-base)7)}.ilo--searchfield--button:disabled{opacity:.45;pointer-events:none}.ilo--searchfield--clear-button{align-items:center;cursor:pointer;display:none}.ilo--searchfield--clear-button.show{display:inline;position:absolute;right:2%;top:12px}.ilo--searchfield [type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}[dir=rtl] .ilo--searchfield .ilo--searchfield--button{border-left:.1071811361rem solid var(--ilo-color-gray-base);border-right:0}[dir=rtl] .ilo--searchfield .ilo--searchfield--clear-button.show{right:95%}

package/css/components/statcard.css CHANGED Viewed

	@@ -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)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--card__type__stat{--max-width:18.3815648446rem;border-bottom:.1607717042rem solid ~~#960a55~~;clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px,100% 100%,0 100%);padding:calc(var(--ilo-spacing-base)10) calc(var(--ilo-spacing-base)6) calc(var(--ilo-spacing-base)8);position:relative;width:100%}@media screen and (max-width:609px){.ilo--card__type__stat{--max-width:100%}}[dir=rtl] .ilo--card__type__stat{clip-path:polygon(72px 0,100% 0,100% 100%,0 100%,0 40px)}.ilo--card__type__stat.ilo--card__color__blue{background~~:#ebf5fd~~}.ilo--card__type__stat.ilo--card__color__yellow{background~~:#ffcd2d~~}.ilo--card__type__stat.ilo--card__color__green{background~~:#8ce164~~}.ilo--card__type__stat.ilo--card__color__turquoise{background~~:#05d2d2~~}.ilo--card__type__stat.ilo--card__loading{background-color:var(--ilo-color-gray-base);border-bottom-color:var(--ilo-skeleton-element-background-color)}.ilo--card__type__stat .ilo--card--content{align-items:flex-start;display:flex;flex-flow:column;height:100%;justify-content:flex-start}.ilo--card__type__stat .ilo--card--skeleton--title{animation-delay:.5s;animation-duration:2s;animation-iteration-count:infinite;animation-name:pulse;animation-timing-function:ease-in-out;background:var(--ilo-skeleton-element-background-color);height:1.7148981779rem;width:70%}.ilo--card__type__stat .ilo--card--skeleton--intro-1{margin-top:calc(var(--ilo-spacing-base)4);width:90%}.ilo--card__type__stat .ilo--card--skeleton--intro-1,.ilo--card__type__stat .ilo--card--skeleton--intro-2{animation-delay:.5s;animation-duration:2s;animation-iteration-count:infinite;animation-name:pulse;animation-timing-function:ease-in-out;background:var(--ilo-skeleton-element-background-color);height:.857449089rem}.ilo--card__type__stat .ilo--card--skeleton--intro-2{margin-top:calc(var(--ilo-spacing-base)2);width:80%}.ilo--card__type__stat .ilo--card--skeleton--source{animation-delay:.5s;animation-duration:2s;animation-iteration-count:infinite;animation-name:pulse;animation-timing-function:ease-in-out;background:var(--ilo-skeleton-element-background-color);height:.5359056806rem;margin-top:calc(var(--ilo-spacing-base)8);width:50%}.ilo--card__type__stat .ilo--card--title{color~~:#230050~~;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-3xlg);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-md);margin-bottom~~:.4278063594rem~~;width:100%}.ilo--card__type__stat .ilo--card--intro{color~~:#230050~~;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-medium);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);margin-bottom:~~1.6734954235rem~~;width:100%}.ilo--card__type__stat .ilo--card--source{align-items:flex-start;display:flex;flex:auto;flex-flow:column;justify-content:flex-end}.ilo--card__type__stat .ilo--link{font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-xsm);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);line-height:1.2861736334rem}
1	+ @keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--card__type__stat{--max-width:18.3815648446rem;border-bottom:.1607717042rem solid var(--ilo-color-purple);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);position:relative;width:100%}@media screen and (max-width:609px){.ilo--card__type__stat{--max-width:100%}}[dir=rtl] .ilo--card__type__stat{clip-path:polygon(72px 0,100% 0,100% 100%,0 100%,0 40px)}.ilo--card__type__stat.ilo--card__color__blue{background:var(--ilo-color-blue-lighter)}.ilo--card__type__stat.ilo--card__color__yellow{background:var(--ilo-color-yellow)}.ilo--card__type__stat.ilo--card__color__green{background:var(--ilo-color-green)}.ilo--card__type__stat.ilo--card__color__turquoise{background:var(--ilo-color-turquoise)}.ilo--card__type__stat.ilo--card__loading{background-color:var(--ilo-color-gray-base);border-bottom-color:var(--ilo-skeleton-element-background-color)}.ilo--card__type__stat .ilo--card--content{align-items:flex-start;display:flex;flex-flow:column;height:100%;justify-content:flex-start}.ilo--card__type__stat .ilo--card--skeleton--title{animation-delay:.5s;animation-duration:2s;animation-iteration-count:infinite;animation-name:pulse;animation-timing-function:ease-in-out;background:var(--ilo-skeleton-element-background-color);height:1.7148981779rem;width:70%}.ilo--card__type__stat .ilo--card--skeleton--intro-1{margin-top:calc(var(--ilo-spacing-base)4);width:90%}.ilo--card__type__stat .ilo--card--skeleton--intro-1,.ilo--card__type__stat .ilo--card--skeleton--intro-2{animation-delay:.5s;animation-duration:2s;animation-iteration-count:infinite;animation-name:pulse;animation-timing-function:ease-in-out;background:var(--ilo-skeleton-element-background-color);height:.857449089rem}.ilo--card__type__stat .ilo--card--skeleton--intro-2{margin-top:calc(var(--ilo-spacing-base)2);width:80%}.ilo--card__type__stat .ilo--card--skeleton--source{animation-delay:.5s;animation-duration:2s;animation-iteration-count:infinite;animation-name:pulse;animation-timing-function:ease-in-out;background:var(--ilo-skeleton-element-background-color);height:.5359056806rem;margin-top:calc(var(--ilo-spacing-base)8);width:50%}.ilo--card__type__stat .ilo--card--title{color:var(--ilo-color-blue-dark);font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-3xlg);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)3);width:100%}.ilo--card__type__stat .ilo--card--intro{color:var(--ilo-color-blue-dark);font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-medium);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);margin-bottom:calc(var(--ilo-spacing-base)8);width:100%}.ilo--card__type__stat .ilo--card--source{align-items:flex-start;display:flex;flex:auto;flex-flow:column;justify-content:flex-end}.ilo--card__type__stat .ilo--link{font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-xsm);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);line-height:1.2861736334rem}

package/css/components/table.css CHANGED Viewed

	@@ -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)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--table{background-color~~:#bedcfa~~;padding:calc(var(--ilo-spacing-base)20);position:relative}.ilo--table--header{background-color~~:#fff~~;border-bottom:.1071811361rem solid ~~#edf0f2~~;padding:calc(var(--ilo-spacing-base)4) calc(var(--ilo-spacing-base)2) calc(var(--ilo-spacing-base)5) calc(var(--ilo-spacing-base)2)}.ilo--table--wrapper{max-height:380px;overflow:scroll;position:relative;width:100%}.ilo--table--content{border-collapse:initial;width:100%}.ilo--table--head{background-color~~:#fff~~;box-shadow:0 .8px 1.6px rgba(30,45,190,.038),0 4px 8px rgba(30,45,190,.054),0 10px 20px rgba(30,45,190,.08),0 -4px 16px rgba(30,45,190,.054);height:auto;left:0;position:sticky;top:-1px;width:100%;z-index:2}.ilo--table--head--cell{background-color~~:#fff~~;border-bottom:.1071811361rem solid ~~#edf0f2~~;border-left:.0535905681rem solid ~~#edf0f2~~;font-family:var(--ilo-fonts-display);font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-sm);font-weight:700;font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);padding:calc(var(--ilo-spacing-base)4) calc(var(--ilo-spacing-base)2);pointer-events:none;text-align:left}.ilo--table--small .ilo--table--head--cell{padding:calc(var(--ilo-spacing-base)2)}.ilo--table--head--cell:first-of-type{border-left:none}.ilo--table--head--cell.sortable{pointer-events:auto;position:relative}.ilo--table--head--cell.sortable:after{background-color~~:#edf0f2~~;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='M20.884 8.884 12 17.768 3.116 8.884l1.768-1.768L12 14.232l7.116-7.116z' clip-rule='evenodd'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:75%;content:"";display:block;height:1.2861736334rem;position:absolute;right:.4823151125rem;top:50%;transform:translateY(-50%);width:1.2861736334rem}.ilo--table--head--cell.sortable:hover{background-color~~:#ebf5fd~~;border-bottom:.1071811361rem solid ~~#1e2dbe~~;color~~:#1e2dbe~~;cursor:pointer}.ilo--table--head--cell.sortable:hover:after{background-color~~:#ebf5fd~~;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 fill-rule='evenodd' d='M20.884 8.884 12 17.768 3.116 8.884l1.768-1.768L12 14.232l7.116-7.116z' clip-rule='evenodd'/%3E%3C/svg%3E")}.ilo--table--head--cell.sortable[aria-sort=descending]:after{transform:translateY(-50%) rotate(180deg);transform-origin:center center}.ilo--table--body{background-color~~:#fff~~}.ilo--table--body--row.selected{background-color~~:#ebf5fd~~}.ilo--table--body--cell{border-bottom:.1071811361rem solid ~~#edf0f2~~;font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-sm);font-weight:400;font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);outline:0;padding:calc(var(--ilo-spacing-base)4) calc(var(--ilo-spacing-base)2) calc(var(--ilo-spacing-base)5);position:relative}.ilo--table--small .ilo--table--body--cell{padding:calc(var(--ilo-spacing-base)3) calc(var(--ilo-spacing-base)2)}.ilo--table--body--cell:first-of-type{border-left:none}.ilo--table--body--cell.numeric{text-align:right}.ilo--table--body--cell:hover{background-color~~:#ebf5fd~~;border-bottom:2px solid ~~#1e2dbe~~;color~~:#1e2dbe~~}.ilo--table--body--cell.selected{background-color~~:#bedcfa~~;border-bottom:2px solid ~~#1e2dbe~~;color~~:#1e2dbe~~;cursor:pointer}.ilo--table--body--cell.column--selected{background-color~~:#ebf5fd~~}.ilo--table--body--cell a{background:0 0;color:var(--ilo-link-color-default-light);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-link-color-default-light);text-decoration-thickness:.0535905681rem;text-underline-offset:.3215434084rem}.ilo--table--body--cell a:visited{color:var(--ilo-link-color-visited-light);text-decoration-color:var(--ilo-link-color-visited-light)}.ilo--table--body--cell a:hover{background-color:var(--ilo-link-background-hover-light);color:var(--ilo-link-color-hover-light);text-decoration-color:var(--ilo-link-color-hover-light);text-decoration-thickness:.1607717042rem}.ilo--table--body--cell a:active,.ilo--table--body--cell a:focus{background-color:var(--ilo-link-background-focus-light);color:var(--ilo-link-color-focus-light);outline:0;text-decoration-color:var(--ilo-link-color-focus-light);text-decoration-thickness:.1607717042rem}.ilo--table--headline{align-items:center;display:flex;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-lg);font-weight:700;font-weight:var(--ilo-font-weight-medium);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg);margin-bottom:calc(var(--ilo-spacing-base)2)}.ilo--table--headline .ilo--tooltip--wrapper{margin-left:calc(var(--ilo-spacing-base)1)}.ilo--table--description{color~~:#6d6d6d~~;font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-xsm);font-weight:400;font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg)}.ilo--table--description a{background:0 0;color:var(--ilo-link-color-default-light);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-link-color-default-light);text-decoration-thickness:.0535905681rem;text-underline-offset:.3215434084rem}.ilo--table--description a:visited{color:var(--ilo-link-color-visited-light);text-decoration-color:var(--ilo-link-color-visited-light)}.ilo--table--description a:hover{background-color:var(--ilo-link-background-hover-light);color:var(--ilo-link-color-hover-light);text-decoration-color:var(--ilo-link-color-hover-light);text-decoration-thickness:.1607717042rem}.ilo--table--description a:active,.ilo--table--description a:focus{background-color:var(--ilo-link-background-focus-light);color:var(--ilo-link-color-focus-light);outline:0;text-decoration-color:var(--ilo-link-color-focus-light);text-decoration-thickness:.1607717042rem}.ilo--table--zebra .ilo--table--body--row:nth-child(odd),.ilo--table--zebra .ilo--table--body--row:nth-child(odd):focus,.ilo--table--zebra .ilo--table--body--row:nth-child(odd):hover{background-color~~:#f6f7f8~~}.ilo--table--zebra .ilo--table--body--row:nth-child(odd) .ilo--table--body--cell{border-left:.0535905681rem solid ~~#fff~~}.ilo--table--zebra .ilo--table--body--row:nth-child(odd) .ilo--table--body--cell:focus,.ilo--table--zebra .ilo--table--body--row:nth-child(odd) .ilo--table--body--cell:hover{background-color~~:#bedcfa~~}.ilo--table--zebra .ilo--table--body--row:nth-child(odd).selected .ilo--table--body--cell{background-color~~:#ebf5fd~~}.ilo--table--zebra .ilo--table--body--row:nth-child(odd).selected .ilo--table--body--cell.selected{background-color~~:#bedcfa~~}
1	+ @keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--table{background-color:var(--ilo-color-blue-ramp);padding:calc(var(--ilo-spacing-base)20);position:relative}.ilo--table--header{background-color:var(--ilo-color-white);border-bottom:.1071811361rem solid var(--ilo-color-gray-light);padding:calc(var(--ilo-spacing-base)4) calc(var(--ilo-spacing-base)2) calc(var(--ilo-spacing-base)5) calc(var(--ilo-spacing-base)2)}.ilo--table--wrapper{max-height:380px;overflow:scroll;position:relative;width:100%}.ilo--table--content{border-collapse:initial;width:100%}.ilo--table--head{background-color:var(--ilo-color-white);box-shadow:0 .8px 1.6px rgba(30,45,190,.038),0 4px 8px rgba(30,45,190,.054),0 10px 20px rgba(30,45,190,.08),0 -4px 16px rgba(30,45,190,.054);height:auto;left:0;position:sticky;top:-1px;width:100%;z-index:2}.ilo--table--head--cell{background-color:var(--ilo-color-white);border-bottom:.1071811361rem solid var(--ilo-color-gray-light);border-left:.0535905681rem solid var(--ilo-color-gray-light);font-family:var(--ilo-fonts-display);font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-sm);font-weight:700;font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);padding:calc(var(--ilo-spacing-base)4) calc(var(--ilo-spacing-base)2);pointer-events:none;text-align:left}.ilo--table--small .ilo--table--head--cell{padding:calc(var(--ilo-spacing-base)2)}.ilo--table--head--cell:first-of-type{border-left:none}.ilo--table--head--cell.sortable{pointer-events:auto;position:relative}.ilo--table--head--cell.sortable:after{background-color:var(--ilo-color-gray-light);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='M20.884 8.884 12 17.768 3.116 8.884l1.768-1.768L12 14.232l7.116-7.116z' clip-rule='evenodd'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:75%;content:"";display:block;height:1.2861736334rem;position:absolute;right:.4823151125rem;top:50%;transform:translateY(-50%);width:1.2861736334rem}.ilo--table--head--cell.sortable:hover{background-color:var(--ilo-color-blue-lighter);border-bottom:.1071811361rem solid var(--ilo-color-blue-medium);color:var(--ilo-color-blue);cursor:pointer}.ilo--table--head--cell.sortable:hover:after{background-color:var(--ilo-color-blue-lighter);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23D2D5F2' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M20.884 8.884 12 17.768 3.116 8.884l1.768-1.768L12 14.232l7.116-7.116z' clip-rule='evenodd'/%3E%3C/svg%3E")}.ilo--table--head--cell.sortable[aria-sort=descending]:after{transform:translateY(-50%) rotate(180deg);transform-origin:center center}.ilo--table--body{background-color:var(--ilo-color-white)}.ilo--table--body--row.selected{background-color:var(--ilo-color-background-hover)}.ilo--table--body--cell{border-bottom:.1071811361rem solid var(--ilo-color-gray-light);font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-sm);font-weight:400;font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);outline:0;padding:calc(var(--ilo-spacing-base)4) calc(var(--ilo-spacing-base)2) calc(var(--ilo-spacing-base)5);position:relative}.ilo--table--small .ilo--table--body--cell{padding:calc(var(--ilo-spacing-base)3) calc(var(--ilo-spacing-base)2)}.ilo--table--body--cell:first-of-type{border-left:none}.ilo--table--body--cell.numeric{text-align:right}.ilo--table--body--cell:hover{background-color:var(--ilo-color-background-hover);border-bottom:2px solid var(--ilo-color-blue-medium);color:var(--ilo-color-blue)}.ilo--table--body--cell.selected{background-color:var(--ilo-color-blue-ramp);border-bottom:2px solid var(--ilo-color-blue-medium);color:var(--ilo-color-blue-medium);cursor:pointer}.ilo--table--body--cell.column--selected{background-color:var(--ilo-color-background-hover)}.ilo--table--body--cell a{background:0 0;color:var(--ilo-link-color-default-light);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-link-color-default-light);text-decoration-thickness:.0535905681rem;text-underline-offset:.3215434084rem}.ilo--table--body--cell a:visited{color:var(--ilo-link-color-visited-light);text-decoration-color:var(--ilo-link-color-visited-light)}.ilo--table--body--cell a:hover{background-color:var(--ilo-link-background-hover-light);color:var(--ilo-link-color-hover-light);text-decoration-color:var(--ilo-link-color-hover-light);text-decoration-thickness:.1607717042rem}.ilo--table--body--cell a:active,.ilo--table--body--cell a:focus{background-color:var(--ilo-link-background-focus-light);color:var(--ilo-link-color-focus-light);outline:0;text-decoration-color:var(--ilo-link-color-focus-light);text-decoration-thickness:.1607717042rem}.ilo--table--headline{align-items:center;display:flex;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-lg);font-weight:700;font-weight:var(--ilo-font-weight-medium);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg);margin-bottom:calc(var(--ilo-spacing-base)2)}.ilo--table--headline .ilo--tooltip--wrapper{margin-left:calc(var(--ilo-spacing-base)1)}.ilo--table--description{color:var(--ilo-color-gray-accessible);font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-xsm);font-weight:400;font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg)}.ilo--table--description a{background:0 0;color:var(--ilo-link-color-default-light);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-link-color-default-light);text-decoration-thickness:.0535905681rem;text-underline-offset:.3215434084rem}.ilo--table--description a:visited{color:var(--ilo-link-color-visited-light);text-decoration-color:var(--ilo-link-color-visited-light)}.ilo--table--description a:hover{background-color:var(--ilo-link-background-hover-light);color:var(--ilo-link-color-hover-light);text-decoration-color:var(--ilo-link-color-hover-light);text-decoration-thickness:.1607717042rem}.ilo--table--description a:active,.ilo--table--description a:focus{background-color:var(--ilo-link-background-focus-light);color:var(--ilo-link-color-focus-light);outline:0;text-decoration-color:var(--ilo-link-color-focus-light);text-decoration-thickness:.1607717042rem}.ilo--table--zebra .ilo--table--body--row:nth-child(odd),.ilo--table--zebra .ilo--table--body--row:nth-child(odd):focus,.ilo--table--zebra .ilo--table--body--row:nth-child(odd):hover{background-color:var(--ilo-color-background-highlight)}.ilo--table--zebra .ilo--table--body--row:nth-child(odd) .ilo--table--body--cell{border-left:.0535905681rem solid var(--ilo-color-white)}.ilo--table--zebra .ilo--table--body--row:nth-child(odd) .ilo--table--body--cell:focus,.ilo--table--zebra .ilo--table--body--row:nth-child(odd) .ilo--table--body--cell:hover{background-color:var(--ilo-color-blue-ramp)}.ilo--table--zebra .ilo--table--body--row:nth-child(odd).selected .ilo--table--body--cell{background-color:var(--ilo-color-background-hover)}.ilo--table--zebra .ilo--table--body--row:nth-child(odd).selected .ilo--table--body--cell.selected{background-color:var(--ilo-color-blue-ramp)}

package/css/components/tableofcontents.css CHANGED Viewed

	@@ -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)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--table-of-contents{background-color~~:#edf0f2~~;display:none;padding:0}.ilo--table-of-contents>{opacity:0}.ilo--table-of-contents.show{display:block}.ilo--table-of-contents.show.fadein>{opacity:1;transition-delay:125ms;transition-duration:.15s;transition-property:opacity;transition-timing-function:ease-out}.ilo--table-of-contents--headline{border-bottom:.1607717042rem solid ~~#edf0f2~~;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);margin-bottom:calc(var(--ilo-spacing-base)6);margin-top:calc(var(--ilo-spacing-base)2);padding-bottom:calc(var(--ilo-spacing-base)4)}.ilo--table-of-contents--wrapper.show{display:block;height:100vh;left:0;padding:calc(var(--ilo-spacing-base)6);position:fixed;top:0;width:100vw;z-index:10001}@media screen and (min-width:1024px){.ilo--table-of-contents--wrapper.show{padding:0}}.ilo--table-of-contents--trigger{align-items:center;display:flex;justify-content:center;margin:calc(var(--ilo-spacing-base)6) auto}.ilo--table-of-contents--trigger.hide{display:none}@media screen and (min-width:1024px){.ilo--table-of-contents{display:block}.ilo--table-of-contents>{opacity:1}.ilo--table-of-contents--trigger{display:none}}.ilo--table-of-contents--modal{display:none}.ilo--table-of-contents--modal>{opacity:0}.ilo--table-of-contents--modal.show{display:block}.ilo--table-of-contents--modal.show.fadein>{opacity:1;transition-delay:125ms;transition-duration:.15s;transition-property:opacity;transition-timing-function:ease-out}@media screen and (min-width:1024px){.ilo--table-of-contents--modal,.ilo--table-of-contents--modal.show{display:none}}.ilo--table-of-contents--modal .toc--modal--close{height:2.1436227224rem;position:absolute;right:0;top:0;width:2.1436227224rem;z-index:10004}.ilo--table-of-contents--modal .toc--modal--close .ilo--icon{left:.1607717042rem;top:.1607717042rem}.ilo--table-of-contents--link{background-color:transparent;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='m20 12~~-~~1.41-1.41L13~~ ~~16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z'/%3E%3C/svg%3E"~~);background-~~position~~:~~calc(100%~~ - ~~16px)~~;background-size:1.2861736334rem 1.2861736334rem;border-bottom:.1071811361rem solid ~~#fff~~;color~~:#230050~~;display:block;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:500;font-weight:var(--ilo-font-weight-medium);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);padding:calc(var(--ilo-spacing-base)4) calc(var(--ilo-spacing-base)4) calc(var(--ilo-spacing-base)*4);text-decoration:none}.ilo--table-of-contents--link,.ilo--table-of-contents--link:focus,.ilo--table-of-contents--link:hover{background-~~repeat~~:no-~~repeat~~;transition-duration:.15s;transition-property:background-color,border,color;transition-timing-function:ease-out}.ilo--table-of-contents--link:focus,.ilo--table-of-contents--link:hover{background-color~~:#ebf5fd~~;~~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='m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z'/%3E%3C/svg%3E");border-bottom:.1071811361rem solid ~~#1e2dbe~~;color~~:#1e2dbe~~}.ilo--table-of-contents--link:active{background-color~~:#fff~~;~~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='m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z'/%3E%3C/svg%3E");~~background~~-repeat:no-repeat~~;border~~-~~bottom:.1071811361rem solid #230050;color:#230050~~}[dir=rtl] .ilo--table-of-contents .ilo--table-of-contents--link{background-position:16px}[dir=rtl] .ilo--table-of-contents--modal .toc--modal--close{left:0;right:auto}
1	+ @keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--table-of-contents{background-color:var(--ilo-color-gray-light);display:none;padding:0}.ilo--table-of-contents>{opacity:0}.ilo--table-of-contents.show{display:block}.ilo--table-of-contents.show.fadein>{opacity:1;transition-delay:125ms;transition-duration:.15s;transition-property:opacity;transition-timing-function:ease-out}.ilo--table-of-contents--headline{border-bottom:.1607717042rem solid var(--ilo-color-gray-light);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);margin-bottom:calc(var(--ilo-spacing-base)6);margin-top:calc(var(--ilo-spacing-base)2);padding-bottom:calc(var(--ilo-spacing-base)4)}.ilo--table-of-contents--wrapper.show{display:block;height:100vh;left:0;padding:calc(var(--ilo-spacing-base)6);position:fixed;top:0;width:100vw;z-index:10001}@media screen and (min-width:1024px){.ilo--table-of-contents--wrapper.show{padding:0}}.ilo--table-of-contents--trigger{align-items:center;display:flex;justify-content:center;margin:calc(var(--ilo-spacing-base)6) auto}.ilo--table-of-contents--trigger.hide{display:none}@media screen and (min-width:1024px){.ilo--table-of-contents{display:block}.ilo--table-of-contents>{opacity:1}.ilo--table-of-contents--trigger{display:none}}.ilo--table-of-contents--modal{display:none}.ilo--table-of-contents--modal>{opacity:0}.ilo--table-of-contents--modal.show{display:block}.ilo--table-of-contents--modal.show.fadein>{opacity:1;transition-delay:125ms;transition-duration:.15s;transition-property:opacity;transition-timing-function:ease-out}@media screen and (min-width:1024px){.ilo--table-of-contents--modal,.ilo--table-of-contents--modal.show{display:none}}.ilo--table-of-contents--modal .toc--modal--close{height:2.1436227224rem;position:absolute;right:0;top:0;width:2.1436227224rem;z-index:10004}.ilo--table-of-contents--modal .toc--modal--close .ilo--icon{left:.1607717042rem;top:.1607717042rem}.ilo--table-of-contents--link{background-color:transparent;background-position:calc(100% - 16px);background-repeat:no-repeat;background-size:1.2861736334rem 1.2861736334rem;border-bottom:.1071811361rem solid var(--ilo-color-white);color:var(--ilo-color-blue-dark);display:block;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:500;font-weight:var(--ilo-font-weight-medium);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);padding-block:calc(var(--ilo-spacing-base)4);padding-inline:calc(var(--ilo-spacing-base)4) calc(var(--ilo-spacing-base)12);position:relative;text-decoration:none;transition-duration:.15s;transition-property:background-color,border,color;transition-timing-function:ease-out}.ilo--table-of-contents--link:after{background-color:var(--ilo-color-blue-dark);content:"";display:block;height:1.2861736334rem;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='m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z'/%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='m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;right:calc(var(--ilo-spacing-base)4);top:50%;transform:translateY(-50%);width:1.2861736334rem}.ilo--table-of-contents--link:focus,.ilo--table-of-contents--link:hover{background-color:var(--ilo-color-blue-lighter);border-bottom:.1071811361rem solid var(--ilo-color-blue);color:var(--ilo-color-blue);transition-duration:.15s;transition-property:background-color,border,color;transition-timing-function:ease-out}.ilo--table-of-contents--link:focus:after,.ilo--table-of-contents--link:hover:after{background-color:var(--ilo-color-blue);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='m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z'/%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='m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.ilo--table-of-contents--link:active{background-color:var(--ilo-color-white);border-bottom:.1071811361rem solid var(--ilo-color-blue-dark);color:var(--ilo-color-blue-dark)}.ilo--table-of-contents--link:active:after{background-color:var(--ilo-color-blue-dark);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='m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z'/%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='m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}[dir=rtl] .ilo--table-of-contents .ilo--table-of-contents--link{background-position:16px}[dir=rtl] .ilo--table-of-contents--modal .toc--modal--close{left:0;right:auto}

package/css/components/textarea.css CHANGED Viewed

	@@ -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)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--textarea{~~-webkit-~~appearance:none~~;-moz-appearance:none~~;~~appearance:none;~~background-color~~:#fff~~;~~border:.1071811361rem solid #b8c4cc;~~box-sizing:border-box;font-family:var(--ilo-fonts-copy);font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:~~500;font-weight:~~var(--ilo-font-weight-medium);height:2.5723472669rem;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);margin:calc(var(--ilo-spacing-base)0);max-width:100%;min-height:6.4308681672rem;min-width:100%;~~outline:0;~~padding:calc(var(--ilo-spacing-base)4) calc(var(--ilo-spacing-base)3);position:relative;width:100%}.ilo--textarea:focus{~~background~~-~~color:#ebf5fd;~~border~~:.1071811361rem~~ solid ~~#b8c4cc~~;border-left:.1607717042rem solid ~~#1e2dbe~~;padding-left:calc(var(--ilo-spacing-base)3)}.ilo--textarea:disabled{opacity:.45;pointer-events:none}.ilo--textarea:invalid,.ilo--textarea__error,.ilo--textarea__error .ilo--textarea{background-color~~:#fff~~;border~~:.1071811361rem~~ solid ~~#b8c4cc~~;border-left:.1607717042rem solid ~~#c8303c~~}
1	+ @keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--textarea{appearance:none;background-color:var(--ilo-color-white);box-sizing:border-box;font-family:var(--ilo-fonts-copy);font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-medium);height:2.5723472669rem;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);margin:calc(var(--ilo-spacing-base)0);max-width:100%;min-height:6.4308681672rem;min-width:100%;padding:calc(var(--ilo-spacing-base)4) calc(var(--ilo-spacing-base)3);position:relative;width:100%}.ilo--textarea,.ilo--textarea:focus{border:var(--ilo-border-md) solid var(--ilo-color-gray-base);outline:0}.ilo--textarea:focus{background-color:var(--ilo-color-blue-lighter);border-left:.1607717042rem solid var(--ilo-color-blue-medium);padding-left:calc(var(--ilo-spacing-base)3)}.ilo--textarea:disabled{opacity:.45;pointer-events:none}.ilo--textarea:invalid,.ilo--textarea__error,.ilo--textarea__error .ilo--textarea{background-color:var(--ilo-color-white);border:var(--ilo-border-md) solid var(--ilo-color-gray-base);border-left:.1607717042rem solid var(--ilo-color-red-dark)}

package/css/components/textinput.css CHANGED Viewed

	@@ -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)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--text-input{~~-webkit-~~appearance:none~~;-moz-appearance:none~~;~~appearance:none;~~background-color~~:#fff~~;box-sizing:border-box;font-family:var(--ilo-fonts-copy);font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:~~500;font-weight:~~var(--ilo-font-weight-medium);height:2.5723472669rem;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);margin:calc(var(--ilo-spacing-base)0);padding:calc(var(--ilo-spacing-base)4) calc(var(--ilo-spacing-base)3);width:100%}.ilo--text-input,.ilo--text-input:focus{border~~:.1071811361rem~~ solid ~~#b8c4cc~~;outline:0}.ilo--text-input:focus{background-color~~:#ebf5fd~~;border-left:.1607717042rem solid ~~#1e2dbe~~;padding-left:calc(var(--ilo-spacing-base)3)}.ilo--text-input:disabled{opacity:.45;pointer-events:none}.ilo--text-input:invalid,.ilo--text-input__error{background-color~~:#fff~~;border~~:.1071811361rem~~ solid ~~#b8c4cc~~;border-left:.1607717042rem solid ~~#c8303c~~}
1	+ @keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--text-input{appearance:none;background-color:var(--ilo-color-white);box-sizing:border-box;font-family:var(--ilo-fonts-copy);font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-medium);height:2.5723472669rem;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);margin:calc(var(--ilo-spacing-base)0);padding:calc(var(--ilo-spacing-base)4) calc(var(--ilo-spacing-base)3);width:100%}.ilo--text-input,.ilo--text-input:focus{border:var(--ilo-border-md) solid var(--ilo-color-gray-base);outline:0}.ilo--text-input:focus{background-color:var(--ilo-color-blue-lighter);border-left:.1607717042rem solid var(--ilo-color-blue);padding-left:calc(var(--ilo-spacing-base)3)}.ilo--text-input:disabled{opacity:.45;pointer-events:none}.ilo--text-input:invalid,.ilo--text-input__error{background-color:var(--ilo-color-white);border:var(--ilo-border-md) solid var(--ilo-color-gray-base);border-left:.1607717042rem solid var(--ilo-color-red-dark)}

package/css/components/toggle.css CHANGED Viewed

	@@ -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)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--input--toggle{display:inline-block;grid-area:input;height:var(--toggle-height);position:relative;width:var(--toggle-width);--base-toggle-width:2.4651661308rem;--base-toggle-height:1.2861736334rem}.ilo--input--toggle__size__small{--toggle-width:var(--base-toggle-width);--toggle-height:var(--base-toggle-height)}.ilo--input--toggle__size__medium{--toggle-width:calc(var(--base-toggle-width)1.5);--toggle-height:calc(var(--base-toggle-height)1.5)}.ilo--input--toggle__size__large{--toggle-width:calc(var(--base-toggle-width)2);--toggle-height:calc(var(--base-toggle-height)2)}.ilo--input--toggle__disabled{cursor:not-allowed;opacity:.5}.ilo--input--toggle__error .ilo--input--toggle--slider{outline-color~~:#fa3c4b~~!important;outline-style:solid;outline-width:calc(var(--toggle-height)/8)}.ilo--input--toggle input[type=checkbox]{cursor:pointer;height:100%;margin:0;opacity:0;padding:0;width:100%}.ilo--input--toggle--slider{background-color~~:#b8c4cc~~;border-radius:calc(var(--toggle-height)/2);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;transition-duration:.15s;transition-property:background;transition-timing-function:ease-out}.ilo--input--toggle--slider:before{background-color~~:#fff~~;border-radius:50%;bottom:calc(var(--toggle-height)/6);content:"";height:calc(var(--toggle-height) - var(--toggle-height)/3);left:calc(var(--toggle-height)/6);position:absolute;transition-duration:.15s;transition-property:transform,background;transition-timing-function:ease-out;width:calc(var(--toggle-height) - var(--toggle-height)/3)}input[type=checkbox]:checked+.ilo--input--toggle--slider{background-color~~:#230050~~}input[type=checkbox]:focus+.ilo--input--toggle--slider{outline-color~~:#ffcd2d~~;outline-style:solid;outline-width:calc(var(--toggle-height)/8)}input:checked+.ilo--input--toggle--slider:before{background-color~~:#ebf5fd~~;transform:translateX(calc(var(--toggle-width) - var(--toggle-height)))}
1	+ @keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--input--toggle{display:inline-block;grid-area:input;height:var(--toggle-height);position:relative;width:var(--toggle-width);--base-toggle-width:2.4651661308rem;--base-toggle-height:1.2861736334rem}.ilo--input--toggle__size__small{--toggle-width:var(--base-toggle-width);--toggle-height:var(--base-toggle-height)}.ilo--input--toggle__size__medium{--toggle-width:calc(var(--base-toggle-width)1.5);--toggle-height:calc(var(--base-toggle-height)1.5)}.ilo--input--toggle__size__large{--toggle-width:calc(var(--base-toggle-width)2);--toggle-height:calc(var(--base-toggle-height)2)}.ilo--input--toggle__disabled{cursor:not-allowed;opacity:.5}.ilo--input--toggle__error .ilo--input--toggle--slider{outline-color:var(--ilo-color-red)!important;outline-style:solid;outline-width:calc(var(--toggle-height)/8)}.ilo--input--toggle input[type=checkbox]{cursor:pointer;height:100%;margin:0;opacity:0;padding:0;width:100%}.ilo--input--toggle--slider{background-color:var(--ilo-color-gray-base);border-radius:calc(var(--toggle-height)/2);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;transition-duration:.15s;transition-property:background;transition-timing-function:ease-out}.ilo--input--toggle--slider:before{background-color:var(--ilo-color-white);border-radius:50%;bottom:calc(var(--toggle-height)/6);content:"";height:calc(var(--toggle-height) - var(--toggle-height)/3);left:calc(var(--toggle-height)/6);position:absolute;transition-duration:.15s;transition-property:transform,background;transition-timing-function:ease-out;width:calc(var(--toggle-height) - var(--toggle-height)/3)}input[type=checkbox]:checked+.ilo--input--toggle--slider{background-color:var(--ilo-color-blue-dark)}input[type=checkbox]:focus+.ilo--input--toggle--slider{outline-color:var(--ilo-color-yellow);outline-style:solid;outline-width:calc(var(--toggle-height)/8)}input:checked+.ilo--input--toggle--slider:before{background-color:var(--ilo-color-blue-lighter);transform:translateX(calc(var(--toggle-width) - var(--toggle-height)))}

package/css/components/tooltip.css CHANGED Viewed

	@@ -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)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--tooltip{background~~:#fff~~;border:none;border-radius:.1071811361rem;color~~:#2d2d2d~~;display:inline-block;filter:drop-shadow(0 .8px 1.6px rgba(30,45,190,.038)) drop-shadow(0 4px 8px rgba(30,45,190,.054)) drop-shadow(0 10px 20px rgba(30,45,190,.08)) drop-shadow(0 -4px 16px rgba(30,45,190,.054));font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-regular);font-weight:400;letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);max-width:9.6463022508rem;opacity:0;padding:calc(var(--ilo-spacing-base)2) calc(var(--ilo-spacing-base)4) calc(var(--ilo-spacing-base)*3);position:absolute;visibility:hidden;width:max-content}@media screen and (min-width:610px){.ilo--tooltip--long{max-width:21.436227224rem}}.ilo--tooltip--fade{opacity:1}.ilo--tooltip--visible{opacity:1;visibility:visible;z-index:2}.ilo--tooltip--arrow,.ilo--tooltip--arrow:before{background:inherit;height:10px;position:absolute;visibility:hidden;width:10px}.ilo--tooltip--arrow:before{content:"";transform:rotate(45deg);visibility:visible}.ilo--tooltip[data-popper-placement^=top]>.ilo--tooltip--arrow{bottom:-4px}.ilo--tooltip[data-popper-placement^=bottom]>.ilo--tooltip--arrow{top:-4px}.ilo--tooltip[data-popper-placement^=left]>.ilo--tooltip--arrow{right:-4px}.ilo--tooltip[data-popper-placement^=right]>.ilo--tooltip--arrow{left:-4px}.ilo--tooltip--wrapper{cursor:pointer;display:inline-block;position:relative}.ilo--tooltip--wrapper__icon{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='M11 7h2v2h-2zm0 4h2v6h-2z'/%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8'/%3E%3C/svg%3E")~~;background~~-~~repeat:no~~-~~repeat;background-size:cover;height:1.0718113612rem;min-width:1.0718113612rem}.ilo--tooltip--wrapper__icon.ilo--tooltip--wrapper__icon__theme__dark{background-~~image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='~~%23EDF0F2~~' viewBox='0 0 24 24'%3E%3Cpath d='M11 7h2v2h-2zm0 4h2v6h-2z'/%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8'/%3E%3C/svg%3E");~~background~~-repeat:no-repeat}.ilo--tooltip--dark{background~~:#2d2d2d~~;color~~:#edf0f2~~}.ilo--tooltip--dark.ilo--tooltip--arrow{border-bottom-color~~:#2d2d2d~~;border-left-color~~:#2d2d2d~~;border-right-color~~:#2d2d2d~~;border-top-color~~:#2d2d2d~~}.docs-story div[height]{min-height:150px}
1	+ @keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--tooltip{background:var(--ilo-color-white);border:none;border-radius:.1071811361rem;color:var(--ilo-color-gray-charcoal);display:inline-block;filter:drop-shadow(0 .8px 1.6px rgba(30,45,190,.038)) drop-shadow(0 4px 8px rgba(30,45,190,.054)) drop-shadow(0 10px 20px rgba(30,45,190,.08)) drop-shadow(0 -4px 16px rgba(30,45,190,.054));font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-regular);font-weight:400;letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);max-width:9.6463022508rem;opacity:0;padding:calc(var(--ilo-spacing-base)2) calc(var(--ilo-spacing-base)4) calc(var(--ilo-spacing-base)*3);position:absolute;visibility:hidden;width:max-content}@media screen and (min-width:610px){.ilo--tooltip--long{max-width:21.436227224rem}}.ilo--tooltip--fade{opacity:1}.ilo--tooltip--visible{opacity:1;visibility:visible;z-index:2}.ilo--tooltip--arrow,.ilo--tooltip--arrow:before{background:inherit;height:10px;position:absolute;visibility:hidden;width:10px}.ilo--tooltip--arrow:before{content:"";transform:rotate(45deg);visibility:visible}.ilo--tooltip[data-popper-placement^=top]>.ilo--tooltip--arrow{bottom:-4px}.ilo--tooltip[data-popper-placement^=bottom]>.ilo--tooltip--arrow{top:-4px}.ilo--tooltip[data-popper-placement^=left]>.ilo--tooltip--arrow{right:-4px}.ilo--tooltip[data-popper-placement^=right]>.ilo--tooltip--arrow{left:-4px}.ilo--tooltip--wrapper{cursor:pointer;display:inline-block;position:relative}.ilo--tooltip--wrapper__icon{background-repeat:no-repeat;background-size:cover;height:1.0718113612rem;min-width:1.0718113612rem;position:relative}.ilo--tooltip--wrapper__icon:after{background-color:var(--ilo-color-blue-dark);content:"";display:block;height:100%;width:100%}.ilo--tooltip--wrapper__icon.ilo--tooltip--wrapper__icon__theme__dark:after,.ilo--tooltip--wrapper__icon:after{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='M11 7h2v2h-2zm0 4h2v6h-2z'/%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8'/%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='M11 7h2v2h-2zm0 4h2v6h-2z'/%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.ilo--tooltip--wrapper__icon.ilo--tooltip--wrapper__icon__theme__dark:after{background-color:var(--ilo-color-gray-light)}.ilo--tooltip--dark{background:var(--ilo-color-gray-charcoal);color:var(--ilo-color-gray-light)}.ilo--tooltip--dark.ilo--tooltip--arrow{border-bottom-color:var(--ilo-color-gray-charcoal);border-left-color:var(--ilo-color-gray-charcoal);border-right-color:var(--ilo-color-gray-charcoal);border-top-color:var(--ilo-color-gray-charcoal)}.docs-story div[height]{min-height:150px}

package/css/components/video.css CHANGED Viewed

	@@ -1 +1 @@
1	- .ilo--image{position:relative}.ilo--image--wrapper{position:relative}.ilo--image figure,.ilo--image--wrapper{line-height:0;width:100%}.ilo--image img{width:100%}.ilo--image figcaption{border-inline-start:var(--ilo-border-lg) solid var(--ilo-color-borders-default);color:var(--ilo-color-gray-accessible);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-top:calc(var(--ilo-spacing-base)4);padding-inline-start:calc(var(--ilo-spacing-base)2)}.ilo--image--credit{--ilo-caption-icon-wrapper-bg-color:var(--ilo-color-gray-charcoal);align-items:center;background:var(--ilo-caption-icon-wrapper-bg-color);bottom:0;display:flex;height:24px;justify-content:center;left:0;position:relative;position:absolute;width:auto}.ilo--image--credit:after{border-left:20px solid var(--ilo-caption-icon-wrapper-bg-color);border-right:none;border-top:24px solid transparent;content:"";height:0;left:100%;position:absolute;top:0;width:0}.ilo--image--tooltip{padding-left:calc(var(--ilo-spacing-base)2);padding-right:calc(var(--ilo-spacing-base)1)}.ilo--image--label{color:var(--ilo-color-gray-light);display:none;font-size:var(--ilo-font-size-xsm);line-height:var(--ilo-line-height-xsm);padding-left:calc(var(--ilo-spacing-base)3);padding-right:calc(var(--ilo-spacing-base)2)}[dir=rtl] .ilo--image--credit{--ilo-caption-icon-wrapper-bg-color:var(--ilo-color-gray-charcoal);align-items:center;background:var(--ilo-caption-icon-wrapper-bg-color);display:flex;height:24px;justify-content:center;left:auto;position:relative;position:absolute;right:0;width:auto}[dir=rtl] .ilo--image--credit:after{border-left:none;border-right:20px solid var(--ilo-caption-icon-wrapper-bg-color);border-top:24px solid transparent;content:"";height:0;left:auto;position:absolute;right:100%;top:0;width:0}@media screen and (min-width:1024px){.ilo--image--label{display:block}.ilo--image--tooltip{display:none}}.ilo--image__theme__dark figcaption{border-inline-color:var(--ilo-color-gray-light-semi-transparent);color:var(--ilo-color-white)}.ilo--image__theme__dark .ilo--image--credit{--ilo-caption-icon-wrapper-bg-color:var(--ilo-color-white)}.ilo--image__theme__dark .ilo--image--label{color:var(--ilo-color-gray-charcoal)}@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--video{width:100%}.ilo--video .video-js{height:auto}.ilo--video .vjs-loading-spinner{display:none}.ilo--video .vjs-tech{width:100%}.ilo--video--element{height:auto;object-fit:cover;width:inherit}.ilo--video--wrapper{line-height:0;overflow:hidden;position:relative}.ilo--video figcaption{border-inline-start:var(--ilo-border-lg) solid var(--ilo-color-borders-default);color:var(--ilo-color-gray-accessible);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-top:calc(var(--ilo-spacing-base)4);padding-inline-start:calc(var(--ilo-spacing-base)2)}.ilo--video button{padding:0}.ilo--video .vjs-control-text,.ilo--video .vjs-current-time,.ilo--video .vjs-custom-control-spacer,.ilo--video .vjs-remaining-time,.ilo--video .vjs-time-divider{display:none}.ilo--video:focus .vjs-control-bar,.ilo--video:focus-within .vjs-control-bar,.ilo--video:hover .vjs-control-bar{opacity:1;transition:opacity .15s ease-out}.ilo--video .vjs-youtube{padding-bottom:56.25%}.ilo--video--element:not(.vjs-has-started) .vjs-poster{background-size:cover;height:100%;left:0;object-fit:cover;overflow:hidden;position:absolute;top:0;width:100%}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar{bottom:auto;opacity:1;top:0;width:6.6452304394rem}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:focus .vjs-duration,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:focus .vjs-play-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:hover .vjs-duration,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:hover .vjs-play-control{background-color:#ebf5fd;color:#1e2dbe}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:focus .vjs-play-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:hover .vjs-play-control{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='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;width:40px}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:focus,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:hover{background-color:#ebf5fd;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='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-duration{align-items:center;background-color:#2d2d2d;color:#edf0f2;display:flex;font-size:.7502679528rem;font-weight:700;height:2.1436227224rem;justify-content:center;width:4.2872454448rem}@media screen and (min-width:1024px){.ilo--video--element:not(.vjs-has-started) .vjs-control-bar{flex-direction:column;gap:.2143622722rem;height:6.6452304394rem;width:4.2872454448rem}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:72px 72px;border:none;cursor:pointer;height:80px;width:80px}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:focus,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:hover{background-color:#ebf5fd;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='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-fullscreen-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-progress-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-volume-panel{display:none}.ilo--video .vjs-control-bar{bottom:0;display:flex;height:2.1436227224rem;opacity:0;order:1;position:absolute;transition:opacity .15s ease-out;width:100%}.ilo--video .vjs-control-bar .vjs-duration,.ilo--video .vjs-control-bar .vjs-poster{display:none}.ilo--video .vjs-control-bar .vjs-play-control{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;margin-right:.1071811361rem;width:40px}.ilo--video .vjs-control-bar .vjs-play-control:focus,.ilo--video .vjs-control-bar .vjs-play-control:hover{background-color:#ebf5fd;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='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-play-control.vjs-ended,.ilo--video .vjs-control-bar .vjs-play-control.vjs-paused{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;width:40px}.ilo--video .vjs-control-bar .vjs-play-control.vjs-ended:focus,.ilo--video .vjs-control-bar .vjs-play-control.vjs-ended:hover,.ilo--video .vjs-control-bar .vjs-play-control.vjs-paused:focus,.ilo--video .vjs-control-bar .vjs-play-control.vjs-paused:hover{background-color:#ebf5fd;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='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-play-control.vjs-playing{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M6 19h4V5H6zm8-14v14h4V5z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;width:40px}.ilo--video .vjs-control-bar .vjs-play-control.vjs-playing:focus,.ilo--video .vjs-control-bar .vjs-play-control.vjs-playing:hover{background-color:#ebf5fd;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 19h4V5H6zm8-14v14h4V5z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-fullscreen-control{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='m10.364 15.055-3.988 3.987L8.333 21H3v-5.333l1.962 1.96 3.988-3.986zm8.678 2.568L21 15.667V21h-5.333l1.96-1.963-3.986-3.987 1.414-1.414zM6.373 4.959l3.991 3.991-1.414 1.414L4.96 6.373 3 8.333V3h5.333zM21 8.333l-1.958-1.957-3.987 3.988L13.64 8.95l3.987-3.988L15.667 3H21z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;order:5;width:40px}.ilo--video .vjs-control-bar .vjs-fullscreen-control:focus,.ilo--video .vjs-control-bar .vjs-fullscreen-control:hover{background-color:#ebf5fd;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='m10.364 15.055-3.988 3.987L8.333 21H3v-5.333l1.962 1.96 3.988-3.986zm8.678 2.568L21 15.667V21h-5.333l1.96-1.963-3.986-3.987 1.414-1.414zM6.373 4.959l3.991 3.991-1.414 1.414L4.96 6.373 3 8.333V3h5.333zM21 8.333l-1.958-1.957-3.987 3.988L13.64 8.95l3.987-3.988L15.667 3H21z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-progress-control{background-color:#2d2d2d;flex-grow:1;margin-right:.1071811361rem;order:2}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-mouse-display{display:none}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-progress-holder{position:relative;width:96%}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress,.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress{height:.4287245445rem;left:2%;position:absolute;top:.857449089rem;z-index:10}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress{background-color:#ebf5fd;z-index:15}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress .vjs-time-tooltip{display:none}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress{background-color:#b8c4cc;z-index:15}.ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress,.ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress{position:relative}.ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip,.ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip{align-items:center;background-color:#2d2d2d;bottom:calc(300% + 12px);color:#edf0f2;display:flex;font-family:var(--ilo-fonts-copy);font-size:.7502679528rem;font-size:var(--ilo-font-size-xsm);font-weight:var(--ilo-font-weight-regular);height:1.7148981779rem;justify-content:center;letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);position:absolute;right:0;width:70px}.ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip:after,.ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232D2D2D' viewBox='0 0 24 24'%3E%3Cpath d='m12 17 6-8H6z'/%3E%3C/svg%3E");background-position:0 0;background-repeat:no-repeat;background-size:contain;bottom:-.6430868167rem;content:"";height:.6430868167rem;left:calc(50% - 6px);position:absolute;width:.6430868167rem}.ilo--video .vjs-control-bar .vjs-volume-panel{border-bottom:1px solid;bottom:0;flex-direction:column;margin-right:.1071811361rem;order:3;position:relative;width:40px}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M3.34 8.77v6h4l5 5v-16l-5 5zm13.5 3a4.5 4.5 0 0 0-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02M14.34 3v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;height:2.1436227224rem;width:40px}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control:focus,.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control:hover{background-color:#ebf5fd;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='M3.34 8.77v6h4l5 5v-16l-5 5zm13.5 3a4.5 4.5 0 0 0-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02M14.34 3v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control[title=Unmute]{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M4.61 3 3.2 4.41l4.36 4.36-.29.3h-4v6h4l5 5v-6.59l4.18 4.18c-.65.49-1.38.88-2.18 1.11v2.06a8.94 8.94 0 0 0 3.61-1.75l2.05 2.05 1.41-1.41zm14.66 9.07c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71m-7-8-1.88 1.88 1.88 1.88zm4.5 8a4.5 4.5 0 0 0-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;width:40px}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control[title=Unmute]:focus,.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control[title=Unmute]:hover{background-color:#ebf5fd;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.61 3 3.2 4.41l4.36 4.36-.29.3h-4v6h4l5 5v-6.59l4.18 4.18c-.65.49-1.38.88-2.18 1.11v2.06a8.94 8.94 0 0 0 3.61-1.75l2.05 2.05 1.41-1.41zm14.66 9.07c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71m-7-8-1.88 1.88 1.88 1.88zm4.5 8a4.5 4.5 0 0 0-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-volume-panel.vjs-hover .vjs-volume-control{align-items:center;cursor:pointer;display:flex;justify-content:center}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control{background:#ebf5fd;border-left:.1607717042rem solid #b8c4cc;display:none;height:2.1436227224rem;position:absolute;top:.4823151125rem;transform:rotate(270deg);transform-origin:-4px -4px;width:7.3954983923rem}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-bar{height:.2143622722rem;position:relative;width:calc(100% - 26px)}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-tooltip{display:none}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-mouse-display{background-color:#b8c4cc;height:.2143622722rem;position:absolute;width:100%}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-level{background-color:#1e2dbe;height:.2143622722rem;left:0;position:absolute;top:0}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-level:before{background:#1e2dbe;border-radius:50%;content:"";height:.857449089rem;position:absolute;right:-.857449089rem;top:50%;transform:translate(-50%,-50%);width:.857449089rem}.ilo--video .vjs-fullscreen .vjs-fullscreen-control{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='m7.813 6.569 2.045-2.045v5.334H4.524L6.57 7.813 3 4.263 4.262 3zm11.663 3.289L17.43 7.813 21 4.263 19.738 3l-3.551 3.569-2.045-2.045v5.334zm-3.29 7.573-2.044 2.045v-5.334h5.334l-2.045 2.045L21 19.737 19.738 21zM6.57 16.187l-2.045-2.045h5.334v5.334L7.813 17.43 4.263 21 3 19.738z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;width:40px}.ilo--video .vjs-fullscreen .vjs-fullscreen-control:focus,.ilo--video .vjs-fullscreen .vjs-fullscreen-control:hover{background-color:#ebf5fd;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='m7.813 6.569 2.045-2.045v5.334H4.524L6.57 7.813 3 4.263 4.262 3zm11.663 3.289L17.43 7.813 21 4.263 19.738 3l-3.551 3.569-2.045-2.045v5.334zm-3.29 7.573-2.044 2.045v-5.334h5.334l-2.045 2.045L21 19.737 19.738 21zM6.57 16.187l-2.045-2.045h5.334v5.334L7.813 17.43 4.263 21 3 19.738z'/%3E%3C/svg%3E");background-repeat:no-repeat}
1	+ .ilo--image{position:relative}.ilo--image--wrapper{position:relative}.ilo--image figure,.ilo--image--wrapper{line-height:0;width:100%}.ilo--image img{width:100%}.ilo--image figcaption{border-inline-start:var(--ilo-border-lg) solid var(--ilo-color-borders-default);color:var(--ilo-color-gray-accessible);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-top:calc(var(--ilo-spacing-base)4);padding-inline-start:calc(var(--ilo-spacing-base)2)}.ilo--image--credit{--ilo-caption-icon-wrapper-bg-color:var(--ilo-color-gray-charcoal);align-items:center;background:var(--ilo-caption-icon-wrapper-bg-color);bottom:0;display:flex;height:24px;justify-content:center;left:0;position:relative;position:absolute;width:auto}.ilo--image--credit:after{border-left:20px solid var(--ilo-caption-icon-wrapper-bg-color);border-right:none;border-top:24px solid transparent;content:"";height:0;left:100%;position:absolute;top:0;width:0}.ilo--image--tooltip{padding-left:calc(var(--ilo-spacing-base)2);padding-right:calc(var(--ilo-spacing-base)1)}.ilo--image--label{color:var(--ilo-color-gray-light);display:none;font-size:var(--ilo-font-size-xsm);line-height:var(--ilo-line-height-xsm);padding-left:calc(var(--ilo-spacing-base)3);padding-right:calc(var(--ilo-spacing-base)2)}[dir=rtl] .ilo--image--credit{--ilo-caption-icon-wrapper-bg-color:var(--ilo-color-gray-charcoal);align-items:center;background:var(--ilo-caption-icon-wrapper-bg-color);display:flex;height:24px;justify-content:center;left:auto;position:relative;position:absolute;right:0;width:auto}[dir=rtl] .ilo--image--credit:after{border-left:none;border-right:20px solid var(--ilo-caption-icon-wrapper-bg-color);border-top:24px solid transparent;content:"";height:0;left:auto;position:absolute;right:100%;top:0;width:0}@media screen and (min-width:1024px){.ilo--image--label{display:block}.ilo--image--tooltip{display:none}}.ilo--image__theme__dark figcaption{border-inline-color:var(--ilo-color-gray-light-semi-transparent);color:var(--ilo-color-white)}.ilo--image__theme__dark .ilo--image--credit{--ilo-caption-icon-wrapper-bg-color:var(--ilo-color-white)}.ilo--image__theme__dark .ilo--image--label{color:var(--ilo-color-gray-charcoal)}@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--video{width:100%}.ilo--video .video-js{height:auto}.ilo--video .vjs-loading-spinner{display:none}.ilo--video .vjs-tech{width:100%}.ilo--video--element{height:auto;object-fit:cover;width:inherit}.ilo--video--wrapper{line-height:0;overflow:hidden;position:relative}.ilo--video figcaption{border-inline-start:var(--ilo-border-lg) solid var(--ilo-color-borders-default);color:var(--ilo-color-gray-accessible);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-top:calc(var(--ilo-spacing-base)4);padding-inline-start:calc(var(--ilo-spacing-base)2)}.ilo--video button{padding:0}.ilo--video .vjs-control-text,.ilo--video .vjs-current-time,.ilo--video .vjs-custom-control-spacer,.ilo--video .vjs-remaining-time,.ilo--video .vjs-time-divider{display:none}.ilo--video:focus .vjs-control-bar,.ilo--video:focus-within .vjs-control-bar,.ilo--video:hover .vjs-control-bar{opacity:1;transition:opacity .15s ease-out}.ilo--video .vjs-youtube{padding-bottom:56.25%}.ilo--video--element:not(.vjs-has-started) .vjs-poster{background-size:cover;height:100%;left:0;object-fit:cover;overflow:hidden;position:absolute;top:0;width:100%}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar{bottom:auto;opacity:1;top:0;width:6.6452304394rem}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:focus .vjs-duration,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:focus .vjs-play-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:hover .vjs-duration,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:hover .vjs-play-control{background-color:var(--ilo-color-blue-light);color:var(--ilo-color-blue)}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:focus .vjs-play-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:hover .vjs-play-control{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='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control{background-color:var(--ilo-color-gray-charcoal);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;width:40px}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:focus,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:hover{background-color:var(--ilo-color-blue-light);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='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-duration{align-items:center;background-color:var(--ilo-color-gray-charcoal);color:var(--ilo-color-gray-light);display:flex;font-size:.7502679528rem;font-weight:700;height:2.1436227224rem;justify-content:center;width:4.2872454448rem}@media screen and (min-width:1024px){.ilo--video--element:not(.vjs-has-started) .vjs-control-bar{flex-direction:column;gap:.2143622722rem;height:6.6452304394rem;width:4.2872454448rem}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control{background-color:var(--ilo-color-gray-charcoal);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:72px 72px;border:none;cursor:pointer;height:80px;width:80px}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:focus,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:hover{background-color:var(--ilo-color-blue-light);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='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-fullscreen-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-progress-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-volume-panel{display:none}.ilo--video .vjs-control-bar{bottom:0;display:flex;height:2.1436227224rem;opacity:0;order:1;position:absolute;transition:opacity .15s ease-out;width:100%}.ilo--video .vjs-control-bar .vjs-duration,.ilo--video .vjs-control-bar .vjs-poster{display:none}.ilo--video .vjs-control-bar .vjs-play-control{background-color:var(--ilo-color-gray-charcoal);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;margin-right:.1071811361rem;width:40px}.ilo--video .vjs-control-bar .vjs-play-control:focus,.ilo--video .vjs-control-bar .vjs-play-control:hover{background-color:var(--ilo-color-blue-light);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='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-play-control.vjs-ended,.ilo--video .vjs-control-bar .vjs-play-control.vjs-paused{background-color:var(--ilo-color-gray-charcoal);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;width:40px}.ilo--video .vjs-control-bar .vjs-play-control.vjs-ended:focus,.ilo--video .vjs-control-bar .vjs-play-control.vjs-ended:hover,.ilo--video .vjs-control-bar .vjs-play-control.vjs-paused:focus,.ilo--video .vjs-control-bar .vjs-play-control.vjs-paused:hover{background-color:var(--ilo-color-blue-light);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='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-play-control.vjs-playing{background-color:var(--ilo-color-gray-charcoal);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M6 19h4V5H6zm8-14v14h4V5z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;width:40px}.ilo--video .vjs-control-bar .vjs-play-control.vjs-playing:focus,.ilo--video .vjs-control-bar .vjs-play-control.vjs-playing:hover{background-color:var(--ilo-color-blue-light);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 19h4V5H6zm8-14v14h4V5z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-fullscreen-control{background-color:var(--ilo-color-gray-charcoal);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='m10.364 15.055-3.988 3.987L8.333 21H3v-5.333l1.962 1.96 3.988-3.986zm8.678 2.568L21 15.667V21h-5.333l1.96-1.963-3.986-3.987 1.414-1.414zM6.373 4.959l3.991 3.991-1.414 1.414L4.96 6.373 3 8.333V3h5.333zM21 8.333l-1.958-1.957-3.987 3.988L13.64 8.95l3.987-3.988L15.667 3H21z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;order:5;width:40px}.ilo--video .vjs-control-bar .vjs-fullscreen-control:focus,.ilo--video .vjs-control-bar .vjs-fullscreen-control:hover{background-color:var(--ilo-color-blue-light);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='m10.364 15.055-3.988 3.987L8.333 21H3v-5.333l1.962 1.96 3.988-3.986zm8.678 2.568L21 15.667V21h-5.333l1.96-1.963-3.986-3.987 1.414-1.414zM6.373 4.959l3.991 3.991-1.414 1.414L4.96 6.373 3 8.333V3h5.333zM21 8.333l-1.958-1.957-3.987 3.988L13.64 8.95l3.987-3.988L15.667 3H21z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-progress-control{background-color:var(--ilo-color-gray-charcoal);flex-grow:1;margin-right:.1071811361rem;order:2}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-mouse-display{display:none}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-progress-holder{position:relative;width:96%}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress,.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress{height:.4287245445rem;left:2%;position:absolute;top:.857449089rem;z-index:10}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress{background-color:var(--ilo-color-blue-light);z-index:15}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress .vjs-time-tooltip{display:none}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress{background-color:var(--ilo-color-gray-base);z-index:15}.ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress,.ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress{position:relative}.ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip,.ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip{align-items:center;background-color:var(--ilo-color-gray-charcoal);bottom:calc(300% + 12px);color:var(--ilo-color-gray-light);display:flex;font-family:var(--ilo-fonts-copy);font-size:.7502679528rem;font-size:var(--ilo-font-size-xsm);font-weight:var(--ilo-font-weight-regular);height:1.7148981779rem;justify-content:center;letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);position:absolute;right:0;width:70px}.ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip:after,.ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232D2D2D' viewBox='0 0 24 24'%3E%3Cpath d='m12 17 6-8H6z'/%3E%3C/svg%3E");background-position:0 0;background-repeat:no-repeat;background-size:contain;bottom:-.6430868167rem;content:"";height:.6430868167rem;left:calc(50% - 6px);position:absolute;width:.6430868167rem}.ilo--video .vjs-control-bar .vjs-volume-panel{border-bottom:1px solid;bottom:0;flex-direction:column;margin-right:.1071811361rem;order:3;position:relative;width:40px}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control{background-color:var(--ilo-color-gray-charcoal);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M3.34 8.77v6h4l5 5v-16l-5 5zm13.5 3a4.5 4.5 0 0 0-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02M14.34 3v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;height:2.1436227224rem;width:40px}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control:focus,.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control:hover{background-color:var(--ilo-color-blue-light);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='M3.34 8.77v6h4l5 5v-16l-5 5zm13.5 3a4.5 4.5 0 0 0-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02M14.34 3v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control[title=Unmute]{background-color:var(--ilo-color-gray-charcoal);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='M4.61 3 3.2 4.41l4.36 4.36-.29.3h-4v6h4l5 5v-6.59l4.18 4.18c-.65.49-1.38.88-2.18 1.11v2.06a8.94 8.94 0 0 0 3.61-1.75l2.05 2.05 1.41-1.41zm14.66 9.07c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71m-7-8-1.88 1.88 1.88 1.88zm4.5 8a4.5 4.5 0 0 0-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;width:40px}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control[title=Unmute]:focus,.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control[title=Unmute]:hover{background-color:var(--ilo-color-blue-light);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.61 3 3.2 4.41l4.36 4.36-.29.3h-4v6h4l5 5v-6.59l4.18 4.18c-.65.49-1.38.88-2.18 1.11v2.06a8.94 8.94 0 0 0 3.61-1.75l2.05 2.05 1.41-1.41zm14.66 9.07c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71m-7-8-1.88 1.88 1.88 1.88zm4.5 8a4.5 4.5 0 0 0-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-volume-panel.vjs-hover .vjs-volume-control{align-items:center;cursor:pointer;display:flex;justify-content:center}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control{background:var(--ilo-color-blue-light);border-left:.1607717042rem solid var(--ilo-color-gray-base);display:none;height:2.1436227224rem;position:absolute;top:.4823151125rem;transform:rotate(270deg);transform-origin:-4px -4px;width:7.3954983923rem}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-bar{height:.2143622722rem;position:relative;width:calc(100% - 26px)}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-tooltip{display:none}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-mouse-display{background-color:var(--ilo-color-gray-base);height:.2143622722rem;position:absolute;width:100%}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-level{background-color:var(--ilo-color-blue);height:.2143622722rem;left:0;position:absolute;top:0}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-level:before{background:var(--ilo-color-blue);border-radius:50%;content:"";height:.857449089rem;position:absolute;right:-.857449089rem;top:50%;transform:translate(-50%,-50%);width:.857449089rem}.ilo--video .vjs-fullscreen .vjs-fullscreen-control{background-color:var(--ilo-color-gray-charcoal);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23EDF0F2' viewBox='0 0 24 24'%3E%3Cpath d='m7.813 6.569 2.045-2.045v5.334H4.524L6.57 7.813 3 4.263 4.262 3zm11.663 3.289L17.43 7.813 21 4.263 19.738 3l-3.551 3.569-2.045-2.045v5.334zm-3.29 7.573-2.044 2.045v-5.334h5.334l-2.045 2.045L21 19.737 19.738 21zM6.57 16.187l-2.045-2.045h5.334v5.334L7.813 17.43 4.263 21 3 19.738z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:32px 32px;border:none;cursor:pointer;height:40px;width:40px}.ilo--video .vjs-fullscreen .vjs-fullscreen-control:focus,.ilo--video .vjs-fullscreen .vjs-fullscreen-control:hover{background-color:var(--ilo-color-blue-light);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='m7.813 6.569 2.045-2.045v5.334H4.524L6.57 7.813 3 4.263 4.262 3zm11.663 3.289L17.43 7.813 21 4.263 19.738 3l-3.551 3.569-2.045-2.045v5.334zm-3.29 7.573-2.044 2.045v-5.334h5.334l-2.045 2.045L21 19.737 19.738 21zM6.57 16.187l-2.045-2.045h5.334v5.334L7.813 17.43 4.263 21 3 19.738z'/%3E%3C/svg%3E");background-repeat:no-repeat}

package/css/global.css CHANGED Viewed

@@ -1,2 +1,2 @@
-@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-ar:Vazirmatn,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-ar:Vazirmatn,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(33, 18, 124, 1);--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-brand-800:rgba(35, 0, 80, 1);--ilo-color-brand-600:rgba(30, 45, 190, 1);--ilo-color-brand-100:rgba(235, 245, 253, 1);--ilo-color-yellow-500:rgba(250, 180, 40, 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:-0.035em;--ilo-letter-spacing-sm:-0.02em;--ilo-letter-spacing-md:0em;--ilo-letter-spacing-lg:0.02em;--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));--ilo-link-color-default-light:var(--ilo-color-blue-dark);--ilo-link-color-default-dark:var(--ilo-color-white);--ilo-link-color-visited-light:var(--ilo-color-purple);--ilo-link-color-visited-dark:var(--ilo-color-gray-base);--ilo-link-color-hover-light:var(--ilo-color-blue);--ilo-link-color-hover-dark:var(--ilo-color-blue);--ilo-link-color-active-light:var(--ilo-color-blue-dark);--ilo-link-color-active-dark:var(--ilo-color-blue-dark);--ilo-link-color-focus-light:var(--ilo-color-blue-dark);--ilo-link-color-focus-dark:var(--ilo-color-blue-dark);--ilo-link-background-default-light:transparent;--ilo-link-background-default-dark:transparent;--ilo-link-background-hover-light:transparent;--ilo-link-background-hover-dark:var(--ilo-color-white);--ilo-link-background-focus-light:var(--ilo-color-yellow);--ilo-link-background-focus-dark:var(--ilo-color-yellow)}:root[lang*=ar],[lang*=ar]{--ilo-fonts-display:var(--ilo-fonts-display-ar);--ilo-fonts-copy:var(--ilo-fonts-copy-ar);--ilo-letter-spacing-xsm:0;--ilo-letter-spacing-sm:0;--ilo-letter-spacing-md:0;--ilo-letter-spacing-lg:0}:root[lang*=zh],[lang*=zh]{--ilo-fonts-display:var(--ilo-fonts-display-zh);--ilo-fonts-copy:var(--ilo-fonts-copy-zh)}:root[lang*=ja],[lang*=ja]{--ilo-fonts-display:var(--ilo-fonts-display-jp);--ilo-fonts-copy:var(--ilo-fonts-copy-jp)}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)}
+@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-ar:Vazirmatn,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-ar:Vazirmatn,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-base:18.66px;--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-base:27.24px;--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-layout-max-width:69.667738478rem;--ilo-layout-padding:1.0718113612rem;--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(33, 18, 124, 1);--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-brand-800:rgba(35, 0, 80, 1);--ilo-color-brand-600:rgba(30, 45, 190, 1);--ilo-color-brand-100:rgba(235, 245, 253, 1);--ilo-color-yellow-500:rgba(250, 180, 40, 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:-0.035em;--ilo-letter-spacing-sm:-0.02em;--ilo-letter-spacing-md:0em;--ilo-letter-spacing-lg:0.02em;--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));--ilo-link-color-default-light:var(--ilo-color-blue-dark);--ilo-link-color-default-dark:var(--ilo-color-white);--ilo-link-color-visited-light:var(--ilo-color-purple);--ilo-link-color-visited-dark:var(--ilo-color-gray-base);--ilo-link-color-hover-light:var(--ilo-color-blue);--ilo-link-color-hover-dark:var(--ilo-color-blue);--ilo-link-color-active-light:var(--ilo-color-blue-dark);--ilo-link-color-active-dark:var(--ilo-color-blue-dark);--ilo-link-color-focus-light:var(--ilo-color-blue-dark);--ilo-link-color-focus-dark:var(--ilo-color-blue-dark);--ilo-link-background-default-light:transparent;--ilo-link-background-default-dark:transparent;--ilo-link-background-hover-light:transparent;--ilo-link-background-hover-dark:var(--ilo-color-white);--ilo-link-background-focus-light:var(--ilo-color-yellow);--ilo-link-background-focus-dark:var(--ilo-color-yellow)}:root[lang*=ar],[lang*=ar]{--ilo-fonts-display:var(--ilo-fonts-display-ar);--ilo-fonts-copy:var(--ilo-fonts-copy-ar);--ilo-letter-spacing-xsm:0;--ilo-letter-spacing-sm:0;--ilo-letter-spacing-md:0;--ilo-letter-spacing-lg:0}:root[lang*=zh],[lang*=zh]{--ilo-fonts-display:var(--ilo-fonts-display-zh);--ilo-fonts-copy:var(--ilo-fonts-copy-zh)}:root[lang*=ja],[lang*=ja]{--ilo-fonts-display:var(--ilo-fonts-display-jp);--ilo-fonts-copy:var(--ilo-fonts-copy-jp)}body,html{color:var(--ilo-color-gray-charcoal);font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-base);line-height:var(--ilo-line-height-base);letter-spacing:normal;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5{font-family:var(--ilo-fonts-display)}
 /*# sourceMappingURL=global.css.map */