@ilo-org/styles 1.13.0 → 1.14.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 (16) hide show
  1. package/css/components/button.css +1 -1
  2. package/css/components/dropdown.css +1 -1
  3. package/css/components/hero.css +1 -1
  4. package/css/components/video.css +1 -1
  5. package/css/index.css +3 -3
  6. package/css/index.css.map +1 -1
  7. package/css/monorepo.css +3 -3
  8. package/css/monorepo.css.map +1 -1
  9. package/package.json +1 -1
  10. package/scss/components/_button.scss +4 -8
  11. package/scss/components/_dropdown.scss +30 -4
  12. package/scss/components/_hero.scss +7 -2
  13. package/scss/components/_video.scss +125 -1
  14. package/scss/components/navigation/_nav-compact.scss +5 -0
  15. package/scss/components/navigation/internal/_nav-shared.scss +6 -0
  16. package/scss/components/navigation/internal/mobile/_nav-mobile.scss +5 -0
package/css/components/button.css CHANGED
@@ -1 +1 @@
1
- @keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@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--button{--ilo-button-label-weight:700;--ilo-button-labels-actionable-color:var(--ilo-color-blue-dark);--ilo-button-labels-active-color:var(--ilo-color-blue-light);--ilo-button-labels-alert-color:var(--ilo-color-white);--ilo-button-labels-hover-color:var(--ilo-color-blue);align-items:center;border-radius:var(--ilo-border-md);display:inline-flex;font-family:var(--ilo-fonts-display);font-weight:var(--ilo-button-label-weight);gap:calc(var(--ilo-spacing-base)*2);justify-content:center;text-decoration:none}.ilo--button [class*=__label]{white-space:nowrap}.ilo--button--icon{position:relative}.ilo--button--icon .ilo--icon{bottom:.1071811361rem;position:relative}.ilo--button--icon--position__right{flex-direction:row-reverse}.ilo--button--icon--only{padding:unset!important}.ilo--button--icon--only .ilo--icon{bottom:0!important}.ilo--button--icon--only .button__label{border:0;height:1px;margin:-1px;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);overflow:hidden}.ilo--button__large{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-lg);font-weight:var(--ilo-font-weight-bold);height:2.7867095391rem;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg);padding:calc(var(--ilo-spacing-base)*3) calc(var(--ilo-spacing-base)*6)}.ilo--button__large.ilo--button--icon--only{width:2.7867095391rem}.ilo--button__medium{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-bold);height:2.3579849946rem;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);padding:calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*5)}.ilo--button__medium.ilo--button--icon--only{width:2.3579849946rem}.ilo--button__small{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-bold);height:1.7148981779rem;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);padding:calc(var(--ilo-spacing-base)*1) calc(var(--ilo-spacing-base)*4)}.ilo--button__small.ilo--button--icon--only{width:1.7148981779rem}.ilo--button__small .ilo--icon{bottom:.0535905681rem}.ilo--button__primary{background-color:var(--ilo-color-yellow);border:var(--ilo-border-md) var(--ilo-color-yellow) solid}.ilo--button__primary,.ilo--button__secondary{color:var(--ilo-button-labels-actionable-color)}.ilo--button__secondary{background-color:var(--ilo-color-background-default);border:var(--ilo-border-md) var(--ilo-color-borders-default) solid}.ilo--button__secondary:hover{background-color:var(--ilo-color-background-hover);border:var(--ilo-border-md) var(--ilo-color-borders-hover) solid}.ilo--button__secondary:active{background-color:var(--ilo-color-background-active);border:var(--ilo-border-md) var(--ilo-color-borders-active) solid;box-shadow:none;color:var(--ilo-button-labels-active-color)}.ilo--button__tertiary{background-color:var(--ilo-color-background-highlight);border:var(--ilo-border-md) var(--ilo-color-background-highlight) solid;color:var(--ilo-button-labels-actionable-color)}.ilo--button__alert{background-color:var(--ilo-color-red-dark);border:var(--ilo-border-md) var(--ilo-color-red-dark) solid;color:var(--ilo-button-labels-alert-color)}.ilo--button__alert:hover{background-color:var(--ilo-color-background-hover);border:var(--ilo-border-md) var(--ilo-color-borders-hover) solid;color:var(--ilo-button-labels-hover-color)}.ilo--button__alert:focus{background-color:var(--ilo-color-background-focus);border:var(--ilo-border-md) var(--ilo-color-borders-focus) solid;color:var(--ilo-button-labels-focus-color);outline:0}.ilo--button__alert:active{background-color:var(--ilo-color-background-active);border:var(--ilo-border-md) var(--ilo-color-borders-active) solid;box-shadow:none;color:var(--ilo-button-labels-active-color)}.ilo--button:focus{background-color:var(--ilo-color-background-focus);border:var(--ilo-border-md) var(--ilo-color-borders-focus) solid;box-shadow:4px 4px 0 1px var(--ilo-color-borders-focus) inset,-4px -4px 0 1px var(--ilo-color-borders-focus) inset;color:var(--ilo-button-labels-focus-color);outline:0;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--button:focus.ilo--small{box-shadow:3px 3px 0 1px var(--ilo-color-borders-focus) inset,-3px -3px 0 1px var(--ilo-color-borders-focus) inset}.ilo--button:hover{background-color:var(--ilo-color-background-hover);border:var(--ilo-border-md) var(--ilo-color-borders-hover) solid;color:var(--ilo-button-labels-hover-color);cursor:pointer}.ilo--button:active,.ilo--button:hover{box-shadow:none;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--button:active{background-color:var(--ilo-color-background-active);border:var(--ilo-border-md) var(--ilo-color-borders-active) solid;color:var(--ilo-button-labels-active-color)}.ilo--button:disabled{opacity:.45;pointer-events:none}
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--button{--ilo-button-label-weight:700;--ilo-button-labels-actionable-color:var(--ilo-color-blue-dark);--ilo-button-labels-active-color:var(--ilo-color-blue-light);--ilo-button-labels-alert-color:var(--ilo-color-white);--ilo-button-labels-hover-color:var(--ilo-color-blue);align-items:center;border-radius:var(--ilo-border-md);display:inline-flex;font-family:var(--ilo-fonts-display);font-weight:var(--ilo-button-label-weight);gap:calc(var(--ilo-spacing-base)*2);justify-content:center;text-decoration:none}.ilo--button [class*=__label]{white-space:nowrap}.ilo--button--icon{position:relative}.ilo--button--icon .ilo--icon{bottom:.1071811361rem;position:relative}.ilo--button--icon--position__right{flex-direction:row-reverse}.ilo--button--icon--only{padding:unset!important}.ilo--button--icon--only .ilo--icon{bottom:0!important}.ilo--button--icon--only .button__label{border:0;height:1px;margin:-1px;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);overflow:hidden}.ilo--button__large{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-lg);font-weight:var(--ilo-font-weight-bold);height:2.7867095391rem;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg);padding:calc(var(--ilo-spacing-base)*3) calc(var(--ilo-spacing-base)*6)}.ilo--button__large.ilo--button--icon--only{width:2.7867095391rem}.ilo--button__medium{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-bold);height:2.3579849946rem;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);padding:calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*5)}.ilo--button__medium.ilo--button--icon--only{width:2.3579849946rem}.ilo--button__small{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-bold);height:1.7148981779rem;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);padding:calc(var(--ilo-spacing-base)*1) calc(var(--ilo-spacing-base)*4)}.ilo--button__small.ilo--button--icon--only{width:1.7148981779rem}.ilo--button__small .ilo--icon{bottom:.0535905681rem}.ilo--button__primary{background-color:var(--ilo-color-yellow);border:var(--ilo-border-md) var(--ilo-color-yellow) solid}.ilo--button__primary,.ilo--button__secondary{color:var(--ilo-button-labels-actionable-color)}.ilo--button__secondary{background-color:var(--ilo-color-background-default);border:var(--ilo-border-md) var(--ilo-color-borders-default) solid}.ilo--button__secondary:hover{background-color:var(--ilo-color-background-hover);border:var(--ilo-border-md) var(--ilo-color-borders-hover) solid}.ilo--button__secondary:active{background-color:var(--ilo-color-background-active);border:var(--ilo-border-md) var(--ilo-color-borders-active) solid;box-shadow:none;color:var(--ilo-button-labels-active-color)}.ilo--button__tertiary{background-color:var(--ilo-color-background-highlight);border:var(--ilo-border-md) var(--ilo-color-background-highlight) solid;color:var(--ilo-button-labels-actionable-color)}.ilo--button__alert{background-color:var(--ilo-color-red-dark);border:var(--ilo-border-md) var(--ilo-color-red-dark) solid;color:var(--ilo-button-labels-alert-color)}.ilo--button__alert:hover{background-color:var(--ilo-color-background-hover);border:var(--ilo-border-md) var(--ilo-color-borders-hover) solid;color:var(--ilo-button-labels-hover-color)}.ilo--button__alert:active{background-color:var(--ilo-color-background-active);border:var(--ilo-border-md) var(--ilo-color-borders-active) solid;box-shadow:none;color:var(--ilo-button-labels-active-color)}.ilo--button:focus{outline:0}.ilo--button:focus-visible{background-color:var(--ilo-color-background-focus);border:var(--ilo-border-md) var(--ilo-color-borders-focus) solid;box-shadow:4px 4px 0 1px var(--ilo-color-borders-focus) inset,-4px -4px 0 1px var(--ilo-color-borders-focus) inset;color:var(--ilo-button-labels-focus-color);transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--button:focus-visible.ilo--small{box-shadow:3px 3px 0 1px var(--ilo-color-borders-focus) inset,-3px -3px 0 1px var(--ilo-color-borders-focus) inset}.ilo--button:hover{background-color:var(--ilo-color-background-hover);border:var(--ilo-border-md) var(--ilo-color-borders-hover) solid;color:var(--ilo-button-labels-hover-color);cursor:pointer}.ilo--button:active,.ilo--button:hover{box-shadow:none;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--button:active{background-color:var(--ilo-color-background-active);border:var(--ilo-border-md) var(--ilo-color-borders-active) solid;color:var(--ilo-button-labels-active-color)}.ilo--button:disabled{opacity:.45;pointer-events:none}
package/css/components/dropdown.css CHANGED
@@ -1 +1 @@
1
- @keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@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--dropdown{appearance:none;background-color:var(--ilo-dropdown-background-color);border:2px solid var(--ilo-dropdown-border-color);box-sizing:border-box;color:var(--ilo-dropdown-color);cursor:pointer;font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-regular);height:var(--ilo-dropdown-height);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-2xlg);margin:calc(var(--ilo-spacing-base)*0);outline:0;overflow:hidden;padding:0 calc(var(--ilo-spacing-base)*14) 0 calc(var(--ilo-spacing-base)*4);text-overflow:ellipsis;transition-duration:.15s;transition-property:background-color,border-color,color;transition-timing-function:ease-out;white-space:nowrap;width:100%}.ilo--dropdown--wrapper{--ilo-dropdown-background-color:var(--ilo-color-white);--ilo-dropdown-background-color-active:var(--ilo-color-blue-lighter);--ilo-dropdown-color:var(--ilo-color-gray-accessible);--ilo-dropdown-height:2.5723472669rem;--ilo-dropdown-border-color:var(--ilo-color-gray-base);--ilo-dropdown-button-background-color:var(--ilo-color-gray-light);--ilo-dropdown-button-icon-color:var(--ilo-color-blue-dark);--ilo-dropdown-button-icon-size:calc(var(--ilo-dropdown-height)/2);--ilo-dropdown-button-icon-offset:calc(var(--ilo-dropdown-button-icon-size)/2);display:inline-block;position:relative}.ilo--dropdown--wrapper__size__small{--ilo-dropdown-height:1.7148981779rem}.ilo--dropdown--wrapper:before{background-color:var(--ilo-dropdown-button-background-color);border:2px solid var(--ilo-dropdown-border-color);content:"";height:var(--ilo-dropdown-height);pointer-events:none;position:absolute;right:0;transition-duration:.15s;transition-property:background-color;transition-timing-function:ease-out;width:var(--ilo-dropdown-height)}.ilo--dropdown--wrapper:has(select:hover):before{background-color:var(--ilo-dropdown-background-color-active)}.ilo--dropdown--wrapper:after{background-color:var(--ilo-dropdown-button-icon-color);content:"";height:var(--ilo-dropdown-button-icon-size);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='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");-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='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");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;pointer-events:none;position:absolute;right:var(--ilo-dropdown-button-icon-offset);top:var(--ilo-dropdown-button-icon-offset);width:var(--ilo-dropdown-button-icon-size)}.ilo--dropdown:active,.ilo--dropdown:focus,.ilo--dropdown:hover{background-color:var(--ilo-dropdown-background-color-active);border-inline-start-color:var(--ilo-color-blue);box-shadow:inset .0535905681rem 0 0 0 var(--ilo-color-blue);--ilo-dropdown-color:var(--ilo-color-gray-charcoal)}[dir=rtl] .ilo--dropdown:active,[dir=rtl] .ilo--dropdown:focus,[dir=rtl] .ilo--dropdown:hover{box-shadow:inset -.0535905681rem 0 0 0 var(--ilo-color-blue)}.ilo--dropdown option{overflow:hidden;text-overflow:ellipsis;width:100%}.ilo--dropdown__size__small{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);padding:0 calc(var(--ilo-spacing-base)*11) 0 calc(var(--ilo-spacing-base)*3)}
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--dropdown{appearance:none;background-color:var(--ilo-dropdown-background-color);border:2px solid var(--ilo-dropdown-border-color);box-sizing:border-box;color:var(--ilo-dropdown-color);cursor:pointer;font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-regular);height:var(--ilo-dropdown-height);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-2xlg);margin:calc(var(--ilo-spacing-base)*0);outline:0;overflow:hidden;padding:0 calc(var(--ilo-spacing-base)*14) 0 calc(var(--ilo-spacing-base)*4);text-overflow:ellipsis;transition-duration:.15s;transition-property:background-color,border-color,color;transition-timing-function:ease-out;white-space:nowrap;width:100%}.ilo--dropdown--wrapper{--ilo-dropdown-background-color:var(--ilo-color-white);--ilo-dropdown-background-color-active:var(--ilo-color-blue-lighter);--ilo-dropdown-color:var(--ilo-color-gray-accessible);--ilo-dropdown-height:2.5723472669rem;--ilo-dropdown-border-color:var(--ilo-color-gray-base);--ilo-dropdown-button-background-color:var(--ilo-color-gray-light);--ilo-dropdown-button-icon-color:var(--ilo-color-blue-dark);--ilo-dropdown-button-icon-size:calc(var(--ilo-dropdown-height)/2);--ilo-dropdown-button-icon-offset:calc(var(--ilo-dropdown-button-icon-size)/2);display:inline-block;position:relative}.ilo--dropdown--wrapper__size__small{--ilo-dropdown-height:1.7148981779rem}.ilo--dropdown--wrapper:before{background-color:var(--ilo-dropdown-button-background-color);border:2px solid var(--ilo-dropdown-border-color);content:"";height:var(--ilo-dropdown-height);pointer-events:none;position:absolute;right:0;transition-duration:.15s;transition-property:background-color;transition-timing-function:ease-out;width:var(--ilo-dropdown-height)}.ilo--dropdown--wrapper:has(select:enabled:hover):before{background-color:var(--ilo-dropdown-background-color-active)}.ilo--dropdown--wrapper:after{background-color:var(--ilo-dropdown-button-icon-color);content:"";height:var(--ilo-dropdown-button-icon-size);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='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");-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='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");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;pointer-events:none;position:absolute;right:var(--ilo-dropdown-button-icon-offset);top:var(--ilo-dropdown-button-icon-offset);width:var(--ilo-dropdown-button-icon-size)}.ilo--dropdown--wrapper:has(select:disabled){--ilo-dropdown-button-icon-color:var(--ilo-dropdown-color)}.ilo--dropdown--wrapper:has(select:disabled):after{opacity:.45}.ilo--dropdown--wrapper:has(select:disabled):before{border-color:color-mix(in srgb,var(--ilo-dropdown-border-color) 45%,transparent);border-inline-start-color:color-mix(in srgb,var(--ilo-dropdown-border-color) 60%,transparent)}.ilo--dropdown:enabled:is(:hover,:focus,:active){background-color:var(--ilo-dropdown-background-color-active);border-inline-start-color:var(--ilo-color-blue);box-shadow:inset .0535905681rem 0 0 0 var(--ilo-color-blue);--ilo-dropdown-color:var(--ilo-color-gray-charcoal)}.ilo--dropdown:disabled{opacity:.45;pointer-events:none}[dir=rtl] .ilo--dropdown:active,[dir=rtl] .ilo--dropdown:focus,[dir=rtl] .ilo--dropdown:hover{box-shadow:inset -.0535905681rem 0 0 0 var(--ilo-color-blue)}.ilo--dropdown option{overflow:hidden;text-overflow:ellipsis;width:100%}.ilo--dropdown__size__small{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);padding:0 calc(var(--ilo-spacing-base)*11) 0 calc(var(--ilo-spacing-base)*3)}
package/css/components/hero.css CHANGED
@@ -1 +1 @@
1
- @keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@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)}}.hero{--hero-card-padding-y-sm:calc(var(--ilo-spacing-base)*10);--hero-card-padding-y-lg:3.0010718114rem;--hero-card-padding-x-sm:calc(var(--ilo-spacing-base)*4);--hero-card-padding-x-lg:3.8049303323rem;--hero-card-corner-cut-width-sm:3.8585209003rem;--hero-card-corner-cut-width-lg:6.216505895rem;--hero-card-corner-cut-height-sm:2.1436227224rem;--hero-card-corner-cut-height-lg:3.4297963558rem;--hero-tooltip-width:1.6077170418rem;--hero-tooltip-height:1.4469453376rem;--hero-image-min-height:11.575562701rem;--added-offset:0px;--base-offset:calc(50vw - 34.83387rem);--breadcrumb-padding:max(var(--base-offset),calc(var(--ilo-spacing-base)*4));--card-padding-start:var(--hero-card-padding-x-lg);--corner-cut-height:var(--hero-card-corner-cut-height-sm);grid-template-columns:1fr;overflow:hidden;position:relative;width:100%}.hero,.hero--image{display:grid;grid-template-rows:minmax(var(--hero-image-min-height),1fr) var(--hero-tooltip-height) var(--hero-card-corner-cut-height-sm) auto}.hero__gap__transparent{background:0 0}.hero__gap__white{background-color:var(--ilo-color-white)}.hero__gap__light{background-color:var(--ilo-color-blue-lighter)}.hero__gap__dark{background-color:var(--ilo-color-blue-dark)}.hero--background{background-color:var(--ilo-color-blue-lighter);display:grid;grid-area:1/1/4/2;position:relative}.hero--background img{height:100%;object-fit:cover;position:absolute;width:100%}.hero--breadcrumbs{display:flex;flex-flow:row nowrap;grid-area:1/1/2/5;z-index:1}.hero--breadcrumbs--wrapper{width:100%}.hero--card{grid-area:3/1/5/2}.hero--caption{grid-area:2/1/3/2}.hero--caption--wrapper{--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:var(--hero-tooltip-height);justify-content:center;position:relative;width:var(--hero-tooltip-width)}.hero--caption--wrapper:after{border-left:calc(var(--hero-tooltip-height) - 4px) solid var(--ilo-caption-icon-wrapper-bg-color);border-right:none;border-top:var(--hero-tooltip-height) solid transparent;content:"";height:0;left:100%;position:absolute;top:0;width:0}@media screen and (min-width:1024px){.hero{--card-width:625px;--corner-cut-height:var(--hero-card-corner-cut-height-lg);--breadcrumbs-height:48px;--image-gap:240px;--row-1-lg:var(--breadcrumbs-height);--row-2-lg:calc(var(--image-gap) - var(--breadcrumbs-height));--row-3-lg:auto;--row-4-lg:var(--hero-tooltip-height);--row-5-lg:72px;--col-1-lg:0;--col-2-lg:var(--card-width);--col-3-lg:var(--hero-tooltip-width);--col-4-lg:1fr;grid-template-columns:var(--col-1-lg) var(--col-2-lg) var(--col-3-lg) var(--col-4-lg);grid-template-rows:var(--row-1-lg) var(--row-2-lg) var(--row-3-lg) var(--row-4-lg)}.hero__poster-size__small{--image-gap:112px}.hero__poster-size__medium{--image-gap:176px}.hero__poster-size__large{--image-gap:240px}.hero__poster-size__xlarge{--image-gap:527px}.hero__card-size__small{--card-width:625px}.hero__card-size__medium{--card-width:721px}.hero__card-size__large{--card-width:856px}.hero__card-size__xlarge{--card-width:920px}.hero__card-size__xxlarge{--card-width:998px}.hero__card-justify__offset,.hero__card-justify__start{--card-padding-start:max(calc(var(--ilo-spacing-base)*4),min(var(--base-offset) + var(--added-offset),var(--hero-card-padding-x-lg)));--col-1-lg:calc(var(--base-offset) - var(--hero-card-padding-x-lg) + var(--added-offset))}.hero__card-justify__offset{--added-offset:109px}.hero__card-justify__center{--col-1-lg:calc((100% - var(--card-width))/2);--col-4-lg:calc((100% - var(--card-width))/2 - var(--hero-tooltip-width))}.hero__card-align__center{--row-4-lg:calc(3.85852rem - var(--hero-tooltip-height));--row-5-lg:var(--hero-tooltip-height)}.hero__card-align__bottom{--row-3-lg:0;--row-4-lg:var(--corner-cut-height);--row-5-lg:auto}.hero__card-background__transparent .hero--card-offset{background-color:transparent!important;box-shadow:none!important}.hero__card-theme__dark .hero--card-offset{background-color:var(--ilo-color-blue-dark);box-shadow:.3px 0 0 0 var(--ilo-color-blue-dark);position:relative}.hero__card-theme__dark[class*=semi-transparent] .hero--card-offset{background:rgba(35,0,80,.6);box-shadow:.3px 0 0 0 rgba(35,0,80,.6)}.hero__card-theme__light .hero--card-offset{background:var(--ilo-color-white);box-shadow:.3px 0 0 0 var(--ilo-color-white)}.hero__card-theme__light[class*=semi-transparent] .hero--card-offset{background:hsla(0,0%,100%,.6);box-shadow:.3px 0 0 0 hsla(0,0%,100%,.6)}.hero--background{grid-area:1/1/5/5}.hero__card-align__center .hero--background{grid-area:1/1/6/5}.hero__card-align__bottom .hero--background{grid-area:1/1/5/5}.hero--card-offset{grid-area:3/1/6/2;position:relative;z-index:0}.hero__card-justify__center .hero--card-offset,.hero__card-justify__offset .hero--card-offset{background:0 0!important}.hero__card-align__center .hero--card-offset{grid-area:3/1/4/2}.hero__card-align__bottom .hero--card-offset{grid-area:4/1/6/2}.hero--card{grid-area:3/2/6/3}.hero__card-align__center .hero--card{grid-area:3/2/4/3}.hero__card-align__bottom .hero--card{grid-area:4/2/6/3}.hero--caption{grid-area:4/3/5/4;position:relative}.hero__card-align__center .hero--caption{grid-area:5/1/6/3}.hero__card-align__bottom .hero--caption{grid-area:4/1/5/2}.hero__card-align__bottom .hero--caption--wrapper,.hero__card-align__center .hero--caption--wrapper{bottom:0;left:0;position:absolute}.hero__card-align__bottom.hero__card-justify__start .hero--caption{grid-area:1/1/3/3}.hero__card-align__bottom.hero__card-justify__offset .hero--caption{grid-area:1/2/3/3}.hero__card-align__bottom.hero__card-justify__offset .hero--caption .hero--caption--wrapper,.hero__card-align__bottom.hero__card-justify__start .hero--caption .hero--caption--wrapper{--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:var(--hero-tooltip-height);justify-content:center;left:0;position:relative;position:absolute;right:auto;width:var(--hero-tooltip-width)}.hero__card-align__bottom.hero__card-justify__offset .hero--caption .hero--caption--wrapper:after,.hero__card-align__bottom.hero__card-justify__start .hero--caption .hero--caption--wrapper:after{border-left:calc(var(--hero-tooltip-height) - 4px) solid var(--ilo-caption-icon-wrapper-bg-color);border-right:none;border-top:var(--hero-tooltip-height) solid transparent;content:"";height:0;left:100%;position:absolute;top:0;width:0}}[dir=rtl] .hero--caption--wrapper{--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:var(--hero-tooltip-height);justify-content:center;position:relative;position:absolute;right:0;width:var(--hero-tooltip-width)}[dir=rtl] .hero--caption--wrapper:after{border-left:none;border-right:calc(var(--hero-tooltip-height) - 4px) solid var(--ilo-caption-icon-wrapper-bg-color);border-top:var(--hero-tooltip-height) solid transparent;content:"";height:0;left:auto;position:absolute;right:100%;top:0;width:0}@media screen and (min-width:1024px){[dir=rtl] .hero__card-align__bottom.hero__card-justify__offset .hero--caption--wrapper,[dir=rtl] .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper{--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:var(--hero-tooltip-height);justify-content:center;left:auto;position:relative;position:absolute;right:0;width:var(--hero-tooltip-width)}[dir=rtl] .hero__card-align__bottom.hero__card-justify__offset .hero--caption--wrapper:after,[dir=rtl] .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper:after{border-left:none;border-right:calc(var(--hero-tooltip-height) - 4px) solid var(--ilo-caption-icon-wrapper-bg-color);border-top:var(--hero-tooltip-height) solid transparent;content:"";height:0;left:auto;position:absolute;right:100%;top:0;width:0}}
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)}}.hero{--hero-card-padding-y-sm:calc(var(--ilo-spacing-base)*10);--hero-card-padding-y-lg:3.0010718114rem;--hero-card-padding-x-sm:calc(var(--ilo-spacing-base)*4);--hero-card-padding-x-lg:3.8049303323rem;--hero-card-corner-cut-width-sm:3.8585209003rem;--hero-card-corner-cut-width-lg:6.216505895rem;--hero-card-corner-cut-height-sm:2.1436227224rem;--hero-card-corner-cut-height-lg:3.4297963558rem;--hero-tooltip-width:1.6077170418rem;--hero-tooltip-height:1.4469453376rem;--hero-image-min-height:11.575562701rem;--added-offset:0px;--base-offset:calc(50vw - 34.83387rem);--breadcrumb-padding:max(var(--base-offset),calc(var(--ilo-spacing-base)*4));--card-padding-start:var(--hero-card-padding-x-lg);--corner-cut-height:var(--hero-card-corner-cut-height-sm);grid-template-columns:1fr;overflow:hidden;position:relative;width:100%}.hero,.hero--image{display:grid;grid-template-rows:minmax(var(--hero-image-min-height),1fr) var(--hero-tooltip-height) var(--hero-card-corner-cut-height-sm) auto}.hero__gap__transparent{background:0 0}.hero__gap__white{background-color:var(--ilo-color-white)}.hero__gap__light{background-color:var(--ilo-color-blue-lighter)}.hero__gap__dark{background-color:var(--ilo-color-blue-dark)}.hero--background{background-color:var(--ilo-color-blue-lighter);display:grid;grid-area:1/1/4/2;position:relative}.hero--background img{height:100%;object-fit:cover;position:absolute;width:100%}.hero--breadcrumbs{display:flex;flex-flow:row nowrap;grid-area:1/1/2/5;z-index:1}.hero--breadcrumbs--wrapper{width:100%}.hero--card{grid-area:3/1/5/2}.hero--caption{grid-area:2/1/3/2}.hero--caption--wrapper{--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:var(--hero-tooltip-height);justify-content:center;position:relative;width:var(--hero-tooltip-width)}.hero--caption--wrapper:after{border-left:calc(var(--hero-tooltip-height) - 4px) solid var(--ilo-caption-icon-wrapper-bg-color);border-right:none;border-top:var(--hero-tooltip-height) solid transparent;content:"";height:0;left:100%;position:absolute;top:0;width:0}@media screen and (min-width:1024px){.hero{--card-width:625px;--corner-cut-height:var(--hero-card-corner-cut-height-lg);--breadcrumbs-height:48px;--image-gap:240px;--row-1-lg:var(--breadcrumbs-height);--row-2-lg:calc(var(--image-gap) - var(--breadcrumbs-height));--row-3-lg:auto;--row-4-lg:var(--hero-tooltip-height);--row-5-lg:72px;--col-1-lg:0;--col-2-lg:var(--card-width);--col-3-lg:var(--hero-tooltip-width);--col-4-lg:1fr;grid-template-columns:var(--col-1-lg) var(--col-2-lg) var(--col-3-lg) var(--col-4-lg);grid-template-rows:var(--row-1-lg) var(--row-2-lg) var(--row-3-lg) var(--row-4-lg)}.hero__poster-size__small{--image-gap:112px}.hero__poster-size__medium{--image-gap:176px}.hero__poster-size__large{--image-gap:240px}.hero__poster-size__xlarge{--image-gap:527px}.hero__card-size__small{--card-width:625px}.hero__card-size__medium{--card-width:721px}.hero__card-size__large{--card-width:856px}.hero__card-size__xlarge{--card-width:920px}.hero__card-size__xxlarge{--card-width:998px}.hero__card-justify__offset,.hero__card-justify__start{--card-padding-start:max(calc(var(--ilo-spacing-base)*4),min(var(--base-offset) + var(--added-offset),var(--hero-card-padding-x-lg)));--col-1-lg:calc(var(--base-offset) - var(--hero-card-padding-x-lg) + var(--added-offset))}.hero__card-justify__offset{--added-offset:109px}.hero__card-justify__center{--col-1-lg:calc((100% - var(--card-width))/2);--col-4-lg:calc((100% - var(--card-width))/2 - var(--hero-tooltip-width))}.hero__card-align__center{--row-4-lg:calc(3.85852rem - var(--hero-tooltip-height));--row-5-lg:var(--hero-tooltip-height)}.hero__card-align__bottom{--row-3-lg:0;--row-4-lg:var(--corner-cut-height);--row-5-lg:auto}.hero__card-background__transparent .hero--card-offset{background-color:transparent!important;box-shadow:none!important}.hero__card-theme__dark .hero--card-offset{background-color:var(--ilo-color-blue-dark);box-shadow:.3px 0 0 0 var(--ilo-color-blue-dark);position:relative}.hero__card-theme__dark[class*=semi-transparent] .hero--card-offset{background:rgba(35,0,80,.6);box-shadow:none}.hero__card-theme__light .hero--card-offset{background:var(--ilo-color-white);box-shadow:.3px 0 0 0 var(--ilo-color-white)}.hero__card-theme__light[class*=semi-transparent] .hero--card-offset{background:hsla(0,0%,100%,.6);box-shadow:none}.hero--background{grid-area:1/1/5/5}.hero__card-align__center .hero--background{grid-area:1/1/6/5}.hero__card-align__bottom .hero--background{grid-area:1/1/5/5}.hero--card-offset{grid-area:3/1/6/2;position:relative;z-index:0}.hero__card-justify__center .hero--card-offset,.hero__card-justify__offset .hero--card-offset{background:0 0!important}.hero__card-align__center .hero--card-offset{grid-area:3/1/4/2}.hero__card-align__bottom .hero--card-offset{grid-area:4/1/6/2}.hero--card{grid-area:3/2/6/3}.hero__card-align__center .hero--card{grid-area:3/2/4/3}.hero__card-align__bottom .hero--card{grid-area:4/2/6/3}.hero--caption{grid-area:4/3/5/4;position:relative}.hero__card-align__center .hero--caption{grid-area:5/1/6/3}.hero__card-align__bottom .hero--caption{grid-area:4/1/5/2}.hero__card-align__bottom .hero--caption--wrapper,.hero__card-align__center .hero--caption--wrapper{bottom:0;left:0;position:absolute}.hero__card-align__bottom.hero__card-justify__start .hero--caption{grid-area:1/1/3/3}.hero__card-align__bottom.hero__card-justify__offset .hero--caption{grid-area:1/2/3/3}.hero__card-align__bottom.hero__card-justify__offset .hero--caption .hero--caption--wrapper,.hero__card-align__bottom.hero__card-justify__start .hero--caption .hero--caption--wrapper{--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:var(--hero-tooltip-height);justify-content:center;left:0;position:relative;position:absolute;right:auto;width:var(--hero-tooltip-width)}.hero__card-align__bottom.hero__card-justify__offset .hero--caption .hero--caption--wrapper:after,.hero__card-align__bottom.hero__card-justify__start .hero--caption .hero--caption--wrapper:after{border-left:calc(var(--hero-tooltip-height) - 4px) solid var(--ilo-caption-icon-wrapper-bg-color);border-right:none;border-top:var(--hero-tooltip-height) solid transparent;content:"";height:0;left:100%;position:absolute;top:0;width:0}}[dir=rtl] .hero--caption--wrapper{--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:var(--hero-tooltip-height);justify-content:center;position:relative;position:absolute;right:0;width:var(--hero-tooltip-width)}[dir=rtl] .hero--caption--wrapper:after{border-left:none;border-right:calc(var(--hero-tooltip-height) - 4px) solid var(--ilo-caption-icon-wrapper-bg-color);border-top:var(--hero-tooltip-height) solid transparent;content:"";height:0;left:auto;position:absolute;right:100%;top:0;width:0}@media screen and (min-width:1024px){[dir=rtl] .hero__card-align__bottom.hero__card-justify__offset .hero--caption--wrapper,[dir=rtl] .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper{--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:var(--hero-tooltip-height);justify-content:center;left:auto;position:relative;position:absolute;right:0;width:var(--hero-tooltip-width)}[dir=rtl] .hero__card-align__bottom.hero__card-justify__offset .hero--caption--wrapper:after,[dir=rtl] .hero__card-align__bottom.hero__card-justify__start .hero--caption--wrapper:after{border-left:none;border-right:calc(var(--hero-tooltip-height) - 4px) solid var(--ilo-caption-icon-wrapper-bg-color);border-top:var(--hero-tooltip-height) solid transparent;content:"";height:0;left:auto;position:absolute;right:100%;top:0;width:0}}
package/css/components/video.css CHANGED
@@ -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.vjs-ended .vjs-poster,.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.vjs-ended .vjs-control-bar,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar{bottom:auto;opacity:1;top:0;width:6.6452304394rem}.ilo--video--element.vjs-ended .vjs-control-bar:focus .vjs-duration,.ilo--video--element.vjs-ended .vjs-control-bar:focus .vjs-play-control,.ilo--video--element.vjs-ended .vjs-control-bar:hover .vjs-duration,.ilo--video--element.vjs-ended .vjs-control-bar:hover .vjs-play-control,.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.vjs-ended .vjs-control-bar:focus .vjs-play-control,.ilo--video--element.vjs-ended .vjs-control-bar:hover .vjs-play-control,.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.vjs-ended .vjs-control-bar .vjs-play-control,.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.vjs-ended .vjs-control-bar .vjs-play-control:focus,.ilo--video--element.vjs-ended .vjs-control-bar .vjs-play-control:hover,.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.vjs-ended .vjs-control-bar .vjs-play-control.vjs-paused,.ilo--video--element:not(.vjs-has-started) .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--element.vjs-ended .vjs-control-bar .vjs-play-control.vjs-paused:focus,.ilo--video--element.vjs-ended .vjs-control-bar .vjs-play-control.vjs-paused:hover,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control.vjs-paused:focus,.ilo--video--element:not(.vjs-has-started) .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--element.vjs-ended .vjs-control-bar .vjs-duration,.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.vjs-ended .vjs-control-bar,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar{flex-direction:column;gap:.2143622722rem;height:6.6452304394rem;width:4.2872454448rem}.ilo--video--element.vjs-ended .vjs-control-bar .vjs-play-control,.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.vjs-ended .vjs-control-bar .vjs-play-control:focus,.ilo--video--element.vjs-ended .vjs-control-bar .vjs-play-control:hover,.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.vjs-ended .vjs-control-bar .vjs-play-control.vjs-paused,.ilo--video--element:not(.vjs-has-started) .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:72px 72px;border:none;cursor:pointer;height:80px;width:80px}.ilo--video--element.vjs-ended .vjs-control-bar .vjs-play-control.vjs-paused:focus,.ilo--video--element.vjs-ended .vjs-control-bar .vjs-play-control.vjs-paused:hover,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control.vjs-paused:focus,.ilo--video--element:not(.vjs-has-started) .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--element.vjs-ended .vjs-control-bar .vjs-fullscreen-control,.ilo--video--element.vjs-ended .vjs-control-bar .vjs-progress-control,.ilo--video--element.vjs-ended .vjs-control-bar .vjs-volume-panel,.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}
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.vjs-ended .vjs-poster,.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.vjs-ended .vjs-control-bar,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar{bottom:auto;opacity:1;top:0;width:6.6452304394rem}.ilo--video--element.vjs-ended .vjs-control-bar:focus .vjs-duration,.ilo--video--element.vjs-ended .vjs-control-bar:focus .vjs-play-control,.ilo--video--element.vjs-ended .vjs-control-bar:hover .vjs-duration,.ilo--video--element.vjs-ended .vjs-control-bar:hover .vjs-play-control,.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.vjs-ended .vjs-control-bar:focus .vjs-play-control,.ilo--video--element.vjs-ended .vjs-control-bar:hover .vjs-play-control,.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.vjs-ended .vjs-control-bar .vjs-play-control,.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.vjs-ended .vjs-control-bar .vjs-play-control:focus,.ilo--video--element.vjs-ended .vjs-control-bar .vjs-play-control:hover,.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.vjs-ended .vjs-control-bar .vjs-play-control.vjs-paused,.ilo--video--element:not(.vjs-has-started) .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--element.vjs-ended .vjs-control-bar .vjs-play-control.vjs-paused:focus,.ilo--video--element.vjs-ended .vjs-control-bar .vjs-play-control.vjs-paused:hover,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control.vjs-paused:focus,.ilo--video--element:not(.vjs-has-started) .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--element.vjs-ended .vjs-control-bar .vjs-duration,.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.vjs-ended .vjs-control-bar,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar{flex-direction:column;gap:.2143622722rem;height:6.6452304394rem;width:4.2872454448rem}.ilo--video--element.vjs-ended .vjs-control-bar .vjs-play-control,.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.vjs-ended .vjs-control-bar .vjs-play-control:focus,.ilo--video--element.vjs-ended .vjs-control-bar .vjs-play-control:hover,.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.vjs-ended .vjs-control-bar .vjs-play-control.vjs-paused,.ilo--video--element:not(.vjs-has-started) .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:72px 72px;border:none;cursor:pointer;height:80px;width:80px}.ilo--video--element.vjs-ended .vjs-control-bar .vjs-play-control.vjs-paused:focus,.ilo--video--element.vjs-ended .vjs-control-bar .vjs-play-control.vjs-paused:hover,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control.vjs-paused:focus,.ilo--video--element:not(.vjs-has-started) .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--element.vjs-ended .vjs-control-bar .vjs-fullscreen-control,.ilo--video--element.vjs-ended .vjs-control-bar .vjs-progress-control,.ilo--video--element.vjs-ended .vjs-control-bar .vjs-subs-caps-button,.ilo--video--element.vjs-ended .vjs-control-bar .vjs-volume-panel,.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-subs-caps-button,.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-subs-caps-button{margin-right:.1071811361rem;order:3;position:relative;z-index:30}.ilo--video .vjs-control-bar .vjs-subs-caps-button>.vjs-menu-button{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.222 21H2V3h20v18H4.222m2.222-5.668h3.334q.472 0 .792-.32a1.07 1.07 0 0 0 .319-.791V13.11H9.222v.555H7v-3.333h2.222v.556h1.667V9.777q0-.473-.32-.792a1.08 1.08 0 0 0-.791-.32H6.444q-.471 0-.79.32a1.08 1.08 0 0 0-.32.792v4.444q0 .473.32.792t.79.319m7.778 0h3.333q.473 0 .793-.32t.318-.791V13.11H17v.555h-2.222v-3.333H17v.556h1.666V9.777q0-.473-.32-.792a1.08 1.08 0 0 0-.79-.32h-3.334q-.472 0-.791.32a1.08 1.08 0 0 0-.32.792v4.444q0 .473.32.792t.791.319'/%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-subs-caps-button>.vjs-menu-button:focus,.ilo--video .vjs-control-bar .vjs-subs-caps-button>.vjs-menu-button: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.222 21H2V3h20v18H4.222m2.222-5.668h3.334q.472 0 .792-.32a1.07 1.07 0 0 0 .319-.791V13.11H9.222v.555H7v-3.333h2.222v.556h1.667V9.777q0-.473-.32-.792a1.08 1.08 0 0 0-.791-.32H6.444q-.471 0-.79.32a1.08 1.08 0 0 0-.32.792v4.444q0 .473.32.792t.79.319m7.778 0h3.333q.473 0 .793-.32t.318-.791V13.11H17v.555h-2.222v-3.333H17v.556h1.666V9.777q0-.473-.32-.792a1.08 1.08 0 0 0-.79-.32h-3.334q-.472 0-.791.32a1.08 1.08 0 0 0-.32.792v4.444q0 .473.32.792t.791.319'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-subs-caps-button.vjs-hover>.vjs-menu-button,.ilo--video .vjs-control-bar .vjs-subs-caps-button:focus-within>.vjs-menu-button,.ilo--video .vjs-control-bar .vjs-subs-caps-button:hover>.vjs-menu-button{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.222 21H2V3h20v18H4.222m2.222-5.668h3.334q.472 0 .792-.32a1.07 1.07 0 0 0 .319-.791V13.11H9.222v.555H7v-3.333h2.222v.556h1.667V9.777q0-.473-.32-.792a1.08 1.08 0 0 0-.791-.32H6.444q-.471 0-.79.32a1.08 1.08 0 0 0-.32.792v4.444q0 .473.32.792t.79.319m7.778 0h3.333q.473 0 .793-.32t.318-.791V13.11H17v.555h-2.222v-3.333H17v.556h1.666V9.777q0-.473-.32-.792a1.08 1.08 0 0 0-.79-.32h-3.334q-.472 0-.791.32a1.08 1.08 0 0 0-.32.792v4.444q0 .473.32.792t.791.319'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-subs-caps-button .vjs-menu{background:var(--ilo-color-brand-200);border:0;bottom:calc(100% + .42872rem);display:none;left:50%;min-width:10.1822079314rem;padding-top:1.5005359057rem;position:absolute;right:auto;transform:translateX(-50%);z-index:40}.ilo--video .vjs-control-bar .vjs-subs-caps-button .vjs-menu:after{content:"";height:.4287245445rem;left:0;position:absolute;right:0;top:100%}.ilo--video .vjs-control-bar .vjs-subs-caps-button .vjs-menu:before{color:var(--ilo-color-gray-charcoal);content:var(--ilo-video-choose-subtitle-text,"Choose subtitles");font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-xsm);font-weight:var(--ilo-font-weight-regular);font-weight:var(--ilo-font-weight-bold);left:.6430868167rem;letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);position:absolute;top:.4287245445rem}.ilo--video .vjs-control-bar .vjs-subs-caps-button .vjs-menu.vjs-lock-showing:not(.vjs-hidden),.ilo--video .vjs-control-bar .vjs-subs-caps-button.vjs-hover .vjs-menu:not(.vjs-hidden),.ilo--video .vjs-control-bar .vjs-subs-caps-button:focus-within .vjs-menu:not(.vjs-hidden),.ilo--video .vjs-control-bar .vjs-subs-caps-button:hover .vjs-menu:not(.vjs-hidden){display:block}.ilo--video .vjs-control-bar .vjs-subs-caps-button .vjs-menu-content{margin:0;max-height:6.4308681672rem;overflow-y:auto;padding:0 0 .2143622722rem}.ilo--video .vjs-control-bar .vjs-subs-caps-button .vjs-menu-item{align-items:center;color:var(--ilo-color-gray-charcoal);display:flex;font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-xsm);font-weight:var(--ilo-font-weight-regular);gap:.4287245445rem;letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);line-height:1.0718113612rem;padding:.1071811361rem .6430868167rem;position:relative;text-shadow:none;white-space:nowrap}.ilo--video .vjs-control-bar .vjs-subs-caps-button .vjs-menu-item:hover{background:var(--ilo-color-neutrals-200)}.ilo--video .vjs-control-bar .vjs-subs-caps-button .vjs-menu-item:before{background:0 0;border:2px solid var(--ilo-color-neutrals-500);border-radius:50%;content:"";display:inline-block;flex-shrink:0;height:.5359056806rem;width:.5359056806rem}.ilo--video .vjs-control-bar .vjs-subs-caps-button .vjs-menu-item.vjs-selected{color:var(--ilo-color-gray-charcoal)}.ilo--video .vjs-control-bar .vjs-subs-caps-button .vjs-menu-item.vjs-selected:before{background:var(--ilo-color-neutrals-black);border-color:var(--ilo-color-neutrals-black);box-shadow:inset 0 0 0 .1071811361rem var(--ilo-color-neutrals-200)}.ilo--video .vjs-control-bar .vjs-subs-caps-button .vjs-menu-item[tabindex="-1"]:first-child .vjs-menu-item-text{font-size:0}.ilo--video .vjs-control-bar .vjs-subs-caps-button .vjs-menu-item[tabindex="-1"]:first-child .vjs-menu-item-text:after{content:var(--ilo-video-none,"None");font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-xsm);font-size:.6430868167rem;font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);line-height:1.0718113612rem}.ilo--video .vjs-control-bar .vjs-subs-caps-button .vjs-menu .vjs-icon-placeholder{display:none}.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:4;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}