@ilo-org/styles 1.16.0 → 1.17.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 (41) hide show
  1. package/css/components/accordion.css +1 -1
  2. package/css/components/audioplayer.css +1 -1
  3. package/css/components/blockquote.css +1 -1
  4. package/css/components/callout.css +1 -1
  5. package/css/components/cardgroup.css +1 -1
  6. package/css/components/checkbox.css +1 -1
  7. package/css/components/contextmenu.css +1 -1
  8. package/css/components/datepicker.css +1 -1
  9. package/css/components/fieldset.css +1 -1
  10. package/css/components/file-upload.css +1 -1
  11. package/css/components/form.css +1 -1
  12. package/css/components/formcontrol.css +1 -1
  13. package/css/components/hero.css +1 -1
  14. package/css/components/herocard.css +1 -1
  15. package/css/components/image.css +1 -1
  16. package/css/components/input.css +1 -1
  17. package/css/components/link.css +1 -1
  18. package/css/components/list.css +1 -1
  19. package/css/components/logogrid.css +1 -1
  20. package/css/components/navigation.css +1 -1
  21. package/css/components/pagination.css +1 -1
  22. package/css/components/radio.css +1 -1
  23. package/css/components/richtext.css +1 -1
  24. package/css/components/searchfield.css +1 -1
  25. package/css/components/table.css +1 -1
  26. package/css/components/textarea.css +1 -1
  27. package/css/components/video.css +1 -1
  28. package/css/index.css +15 -15
  29. package/css/index.css.map +1 -1
  30. package/css/monorepo.css +15 -15
  31. package/css/monorepo.css.map +1 -1
  32. package/package.json +4 -2
  33. package/scss/_animation-mixins.scss +21 -0
  34. package/scss/_animations.scss +3 -19
  35. package/scss/_functions.scss +2 -0
  36. package/scss/_helpers.scss +12 -0
  37. package/scss/_mixins.scss +14 -3
  38. package/scss/components/_navigation.scss +207 -84
  39. package/scss/components/_table.scss +24 -7
  40. package/scss/components/_video.scss +31 -14
  41. package/scss/theme/_breakpoints.scss +4 -3
package/css/components/richtext.css CHANGED
@@ -4,4 +4,4 @@
4
4
  --ilo-color-light-container-bg-inverse
5
5
  );align-items:center;background:var(--ilo-caption-icon-wrapper-bg-color);display:flex;height:24px;justify-content:center;position:relative;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}[dir=rtl] .ilo--image--credit{left:auto;position:absolute;right: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-dark-border-subtle);color:var(--ilo-color-light-text-inverse)}.ilo--image__theme__dark .ilo--image--credit{--ilo-caption-icon-wrapper-bg-color:var(
6
6
  --ilo-color-light-container-bg-default
7
- )}.ilo--image__theme__dark .ilo--image--label{color:var(--ilo-color-light-text-default)}@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--richtext,.ilo--richtext__theme__light{--ilo-richtext-color:var(--ilo-color-light-text-brand);--ilo-richtext-hr-color:var(--ilo-color-dark-text-subtle);--ilo-richtext-link-color:var(--ilo-color-light-text-accent);--ilo-richtext-link-visited-color:var(--ilo-color-light-text-accent)}.ilo--richtext__theme__light 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--richtext__theme__light a:visited{color:var(--ilo-link-color-visited-light);text-decoration-color:var(--ilo-link-color-visited-light)}.ilo--richtext__theme__light 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--richtext__theme__light a:active,.ilo--richtext__theme__light 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--richtext__theme__dark{--ilo-richtext-color:var(--ilo-color-light-text-inverse);--ilo-richtext-hr-color:var(--ilo-color-dark-text-subtle);--ilo-richtext-link-color:var(--ilo-color-dark-text-brand);--ilo-richtext-link-visited-color:var(--ilo-color-dark-text-brand)}.ilo--richtext__theme__dark a{background:0 0;color:var(--ilo-link-color-default-dark);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-dark);text-decoration-thickness:.0535905681rem;text-underline-offset:.3215434084rem}.ilo--richtext__theme__dark a:visited{color:var(--ilo-link-color-visited-dark);text-decoration-color:var(--ilo-link-color-visited-dark)}.ilo--richtext__theme__dark a:hover{background-color:var(--ilo-link-background-hover-dark);color:var(--ilo-link-color-hover-dark);text-decoration-color:var(--ilo-link-color-hover-dark);text-decoration-thickness:.1607717042rem}.ilo--richtext__theme__dark a:active,.ilo--richtext__theme__dark a:focus{background-color:var(--ilo-link-background-focus-dark);color:var(--ilo-link-color-focus-light);outline:0;text-decoration-color:var(--ilo-link-color-focus-light);text-decoration-thickness:.1607717042rem}.ilo--richtext__theme__dark figcaption{border-inline-color:var(--ilo-color-dark-border-subtle);color:var(--ilo-color-light-text-inverse)}.ilo--richtext{color:var(--ilo-richtext-color)}.ilo--richtext>*{margin-bottom:calc(var(--ilo-spacing-base)*4);margin-top:calc(var(--ilo-spacing-base)*4)}.ilo--richtext>:first-child{margin-top:0}.ilo--richtext h1,.ilo--richtext h2,.ilo--richtext h3,.ilo--richtext h4,.ilo--richtext h5{margin-top:calc(var(--ilo-spacing-base)*14)}.ilo--richtext article,.ilo--richtext audio,.ilo--richtext blockquote,.ilo--richtext figure,.ilo--richtext hr,.ilo--richtext pre,.ilo--richtext video{margin-bottom:calc(var(--ilo-spacing-base)*14);margin-top:calc(var(--ilo-spacing-base)*14)}.ilo--richtext h1{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-5xlg);font-size:var(--ilo-font-size-4xlg);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-md)}.ilo--richtext h2{font-size:var(--ilo-font-size-3xlg)}.ilo--richtext h2,.ilo--richtext h3{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-xlg);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-md)}.ilo--richtext h3,.ilo--richtext h4,.ilo--richtext h5,.ilo--richtext h6{font-size:var(--ilo-font-size-lg);line-height:var(--ilo-line-height-lg)}.ilo--richtext h4,.ilo--richtext h5,.ilo--richtext h6{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg)}.ilo--richtext p{font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-lg);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-2xlg)}.ilo--richtext em,.ilo--richtext i{font-style:italic}.ilo--richtext b,.ilo--richtext strong{font-weight:700}.ilo--richtext figure{line-height:0;width:100%}.ilo--richtext img{width:100%}.ilo--richtext figcaption{border-inline-start:var(--ilo-border-lg) solid var(--ilo-color-light-border-default);color:var(--ilo-color-light-text-subtle);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--richtext hr{background-color:var(--ilo-richtext-hr-color);border:none;height:.1607717042rem}.ilo--richtext .responsive-video-embed{height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.ilo--richtext .responsive-video-embed iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.ilo--richtext blockquote{background-color:var(--ilo-color-light-container-bg-subtle);background-position:100% 0;background-repeat:no-repeat;background-size:3.8585209003rem 2.1436227224rem;border-bottom:.1607717042rem solid var(--ilo-color-light-border-default);clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px,100% 100%,0 100%);display:block;padding:calc(var(--ilo-spacing-base)*19) 0 calc(var(--ilo-spacing-base)*9) calc(var(--ilo-spacing-base)*8);width:fit-content}.ilo--richtext blockquote,.ilo--richtext blockquote p{font-family:var(--ilo-fonts-display);position:relative}.ilo--richtext blockquote p{color:var(--ilo-color-light-text-accent);font-size:var(--ilo-font-size-4xlg);font-size:var(--ilo-font-size-2xlg);font-weight:var(--ilo-font-weight-light);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-md);margin-bottom:calc(var(--ilo-spacing-base)*6);padding:0 calc(var(--ilo-spacing-base)*12) 0 0}.ilo--richtext blockquote p:after{background-color:var(--ilo-color-light-icon-accent);bottom:0;content:"";display:inline-block;height:1.0718113612rem;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;right:0;transform:scaleX(-1);width:1.4201500536rem}.ilo--richtext blockquote cite{color:var(--ilo-color-light-text-subtle);font-size:var(--ilo-font-size-sm);font-style:normal;font-weight:400;letter-spacing:var(--ilo-letter-spacing-md);line-height:135%}.ilo--richtext blockquote:before{background-color:var(--ilo-color-light-icon-accent);content:"";display:inline-block;height:2.1436227224rem;left:0;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;top:0;width:2.8403001072rem}@media screen and (min-width:610px){.ilo--richtext blockquote{background-size:4.6087888532rem 2.5723472669rem;clip-path:polygon(0 0,calc(100% - 86px) 0,100% 48px,100% 100%,0 100%);padding:calc(var(--ilo-spacing-base)*16) 0 calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*12)}.ilo--richtext blockquote p{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-4xlg);font-weight:var(--ilo-font-weight-light);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-md);padding:0 calc(var(--ilo-spacing-base)*12) 0 0;position:relative}.ilo--richtext blockquote p:after{height:1.2861736334rem;width:1.7148981779rem}.ilo--richtext blockquote:before{height:2.5723472669rem;width:3.4297963558rem}}[dir=rtl] .ilo--richtext blockquote{background-position:-1px -1px;clip-path:polygon(72px 0,100% 0,100% 100%,0 100%,0 40px);padding:calc(var(--ilo-spacing-base)*14) calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*9) 0}[dir=rtl] .ilo--richtext blockquote p{padding:0 0 0 calc(var(--ilo-spacing-base)*12)}[dir=rtl] .ilo--richtext blockquote p:after{left:0;right:auto;transform:scaleX(1)}[dir=rtl] .ilo--richtext blockquote:before{left:auto;right:0;transform:scaleX(-1)}@media screen and (min-width:610px){[dir=rtl] .ilo--richtext blockquote{clip-path:polygon(86px 0,100% 0,100% 100%,0 100%,0 48px);padding:calc(var(--ilo-spacing-base)*15) calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*12) 0}}.ilo--richtext li{border-collapse:separate;border-spacing:calc(var(--ilo-spacing-base)*3) 0;display:table;font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-lg);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-2xlg);margin-bottom:calc(var(--ilo-spacing-base)*3);margin-left:calc(var(--ilo-spacing-base)*3*-1);margin-right:calc(var(--ilo-spacing-base)*3*-1);position:relative}@media screen and (min-width:1024px){.ilo--richtext li{font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-lg);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-2xlg);margin-bottom:calc(var(--ilo-spacing-base)*4)}}.ilo--richtext ol{counter-reset:item}.ilo--richtext ol li{counter-increment:item}.ilo--richtext ol li:before{content:counter(item) ".";display:table-cell;text-align:right;width:1.3933547696rem}.ilo--richtext ul li:before{background-color:var(--ilo-color-light-icon-subtle);content:"";display:table-cell;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M17 12 9 6v12z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M17 12 9 6v12z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;width:1.3933547696rem}[dir=rtl] .ilo--richtext ul li:before{transform:scaleX(-1)}@media screen and (min-width:610px){.ilo--richtext>*{margin-bottom:calc(var(--ilo-spacing-base)*6);margin-top:calc(var(--ilo-spacing-base)*6)}.ilo--richtext>:first-child{margin-top:0}.ilo--richtext h1,.ilo--richtext h2,.ilo--richtext h3,.ilo--richtext h4,.ilo--richtext h5{margin-top:calc(var(--ilo-spacing-base)*16)}.ilo--richtext article,.ilo--richtext audio,.ilo--richtext blockquote,.ilo--richtext figure,.ilo--richtext hr,.ilo--richtext pre,.ilo--richtext video{margin-bottom:calc(var(--ilo-spacing-base)*16);margin-top:calc(var(--ilo-spacing-base)*16)}.ilo--richtext h1{font-size:var(--ilo-font-size-5xlg)}.ilo--richtext h1,.ilo--richtext h2{font-family:var(--ilo-fonts-display);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-md)}.ilo--richtext h2{font-size:var(--ilo-font-size-3xlg)}.ilo--richtext h3{font-size:var(--ilo-font-size-xlg);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-md)}.ilo--richtext h3,.ilo--richtext h4,.ilo--richtext h5,.ilo--richtext h6{font-family:var(--ilo-fonts-display);font-weight:var(--ilo-font-weight-bold)}.ilo--richtext h4,.ilo--richtext h5,.ilo--richtext h6{font-size:var(--ilo-font-size-lg);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg)}.ilo--richtext p{font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-lg);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-2xlg)}}
7
+ )}.ilo--image__theme__dark .ilo--image--label{color:var(--ilo-color-light-text-default)}.ilo--richtext,.ilo--richtext__theme__light{--ilo-richtext-color:var(--ilo-color-light-text-brand);--ilo-richtext-hr-color:var(--ilo-color-dark-text-subtle);--ilo-richtext-link-color:var(--ilo-color-light-text-accent);--ilo-richtext-link-visited-color:var(--ilo-color-light-text-accent)}.ilo--richtext__theme__light 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--richtext__theme__light a:visited{color:var(--ilo-link-color-visited-light);text-decoration-color:var(--ilo-link-color-visited-light)}.ilo--richtext__theme__light 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--richtext__theme__light a:active,.ilo--richtext__theme__light 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--richtext__theme__dark{--ilo-richtext-color:var(--ilo-color-light-text-inverse);--ilo-richtext-hr-color:var(--ilo-color-dark-text-subtle);--ilo-richtext-link-color:var(--ilo-color-dark-text-brand);--ilo-richtext-link-visited-color:var(--ilo-color-dark-text-brand)}.ilo--richtext__theme__dark a{background:0 0;color:var(--ilo-link-color-default-dark);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-dark);text-decoration-thickness:.0535905681rem;text-underline-offset:.3215434084rem}.ilo--richtext__theme__dark a:visited{color:var(--ilo-link-color-visited-dark);text-decoration-color:var(--ilo-link-color-visited-dark)}.ilo--richtext__theme__dark a:hover{background-color:var(--ilo-link-background-hover-dark);color:var(--ilo-link-color-hover-dark);text-decoration-color:var(--ilo-link-color-hover-dark);text-decoration-thickness:.1607717042rem}.ilo--richtext__theme__dark a:active,.ilo--richtext__theme__dark a:focus{background-color:var(--ilo-link-background-focus-dark);color:var(--ilo-link-color-focus-light);outline:0;text-decoration-color:var(--ilo-link-color-focus-light);text-decoration-thickness:.1607717042rem}.ilo--richtext__theme__dark figcaption{border-inline-color:var(--ilo-color-dark-border-subtle);color:var(--ilo-color-light-text-inverse)}.ilo--richtext{color:var(--ilo-richtext-color)}.ilo--richtext>*{margin-bottom:calc(var(--ilo-spacing-base)*4);margin-top:calc(var(--ilo-spacing-base)*4)}.ilo--richtext>:first-child{margin-top:0}.ilo--richtext h1,.ilo--richtext h2,.ilo--richtext h3,.ilo--richtext h4,.ilo--richtext h5{margin-top:calc(var(--ilo-spacing-base)*14)}.ilo--richtext article,.ilo--richtext audio,.ilo--richtext blockquote,.ilo--richtext figure,.ilo--richtext hr,.ilo--richtext pre,.ilo--richtext video{margin-bottom:calc(var(--ilo-spacing-base)*14);margin-top:calc(var(--ilo-spacing-base)*14)}.ilo--richtext h1{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-5xlg);font-size:var(--ilo-font-size-4xlg);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-md)}.ilo--richtext h2{font-size:var(--ilo-font-size-3xlg)}.ilo--richtext h2,.ilo--richtext h3{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-xlg);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-md)}.ilo--richtext h3,.ilo--richtext h4,.ilo--richtext h5,.ilo--richtext h6{font-size:var(--ilo-font-size-lg);line-height:var(--ilo-line-height-lg)}.ilo--richtext h4,.ilo--richtext h5,.ilo--richtext h6{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg)}.ilo--richtext p{font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-lg);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-2xlg)}.ilo--richtext em,.ilo--richtext i{font-style:italic}.ilo--richtext b,.ilo--richtext strong{font-weight:700}.ilo--richtext figure{line-height:0;width:100%}.ilo--richtext img{width:100%}.ilo--richtext figcaption{border-inline-start:var(--ilo-border-lg) solid var(--ilo-color-light-border-default);color:var(--ilo-color-light-text-subtle);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--richtext hr{background-color:var(--ilo-richtext-hr-color);border:none;height:.1607717042rem}.ilo--richtext .responsive-video-embed{height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.ilo--richtext .responsive-video-embed iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.ilo--richtext blockquote{background-color:var(--ilo-color-light-container-bg-subtle);background-position:100% 0;background-repeat:no-repeat;background-size:3.8585209003rem 2.1436227224rem;border-bottom:.1607717042rem solid var(--ilo-color-light-border-default);clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px,100% 100%,0 100%);display:block;padding:calc(var(--ilo-spacing-base)*19) 0 calc(var(--ilo-spacing-base)*9) calc(var(--ilo-spacing-base)*8);width:fit-content}.ilo--richtext blockquote,.ilo--richtext blockquote p{font-family:var(--ilo-fonts-display);position:relative}.ilo--richtext blockquote p{color:var(--ilo-color-light-text-accent);font-size:var(--ilo-font-size-4xlg);font-size:var(--ilo-font-size-2xlg);font-weight:var(--ilo-font-weight-light);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-md);margin-bottom:calc(var(--ilo-spacing-base)*6);padding:0 calc(var(--ilo-spacing-base)*12) 0 0}.ilo--richtext blockquote p:after{background-color:var(--ilo-color-light-icon-accent);bottom:0;content:"";display:inline-block;height:1.0718113612rem;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;right:0;transform:scaleX(-1);width:1.4201500536rem}.ilo--richtext blockquote cite{color:var(--ilo-color-light-text-subtle);font-size:var(--ilo-font-size-sm);font-style:normal;font-weight:400;letter-spacing:var(--ilo-letter-spacing-md);line-height:135%}.ilo--richtext blockquote:before{background-color:var(--ilo-color-light-icon-accent);content:"";display:inline-block;height:2.1436227224rem;left:0;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 65 48'%3E%3Cpath fill='currentColor' d='M38.688 0v18.963c0 14.634 9.574 26.372 23.053 29.037l2.565-5.515c-6.24-2.357-10.252-11.145-10.252-16.821h10.252V0zM0 0v18.963C0 33.597 9.62 45.343 23.107 48l2.557-5.515c-6.254-2.357-10.267-11.152-10.267-16.821h10.22V0z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;top:0;width:2.8403001072rem}@media screen and (min-width:610px){.ilo--richtext blockquote{background-size:4.6087888532rem 2.5723472669rem;clip-path:polygon(0 0,calc(100% - 86px) 0,100% 48px,100% 100%,0 100%);padding:calc(var(--ilo-spacing-base)*16) 0 calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*12)}.ilo--richtext blockquote p{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-4xlg);font-weight:var(--ilo-font-weight-light);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-md);padding:0 calc(var(--ilo-spacing-base)*12) 0 0;position:relative}.ilo--richtext blockquote p:after{height:1.2861736334rem;width:1.7148981779rem}.ilo--richtext blockquote:before{height:2.5723472669rem;width:3.4297963558rem}}[dir=rtl] .ilo--richtext blockquote{background-position:-1px -1px;clip-path:polygon(72px 0,100% 0,100% 100%,0 100%,0 40px);padding:calc(var(--ilo-spacing-base)*14) calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*9) 0}[dir=rtl] .ilo--richtext blockquote p{padding:0 0 0 calc(var(--ilo-spacing-base)*12)}[dir=rtl] .ilo--richtext blockquote p:after{left:0;right:auto;transform:scaleX(1)}[dir=rtl] .ilo--richtext blockquote:before{left:auto;right:0;transform:scaleX(-1)}@media screen and (min-width:610px){[dir=rtl] .ilo--richtext blockquote{clip-path:polygon(86px 0,100% 0,100% 100%,0 100%,0 48px);padding:calc(var(--ilo-spacing-base)*15) calc(var(--ilo-spacing-base)*12) calc(var(--ilo-spacing-base)*12) 0}}.ilo--richtext li{border-collapse:separate;border-spacing:calc(var(--ilo-spacing-base)*3) 0;display:table;font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-lg);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-2xlg);margin-bottom:calc(var(--ilo-spacing-base)*3);margin-left:calc(var(--ilo-spacing-base)*3*-1);margin-right:calc(var(--ilo-spacing-base)*3*-1);position:relative}@media screen and (min-width:1024px){.ilo--richtext li{font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-lg);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-2xlg);margin-bottom:calc(var(--ilo-spacing-base)*4)}}.ilo--richtext ol{counter-reset:item}.ilo--richtext ol li{counter-increment:item}.ilo--richtext ol li:before{content:counter(item) ".";display:table-cell;text-align:right;width:1.3933547696rem}.ilo--richtext ul li:before{background-color:var(--ilo-color-light-icon-subtle);content:"";display:table-cell;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M17 12 9 6v12z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M17 12 9 6v12z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;width:1.3933547696rem}[dir=rtl] .ilo--richtext ul li:before{transform:scaleX(-1)}@media screen and (min-width:610px){.ilo--richtext>*{margin-bottom:calc(var(--ilo-spacing-base)*6);margin-top:calc(var(--ilo-spacing-base)*6)}.ilo--richtext>:first-child{margin-top:0}.ilo--richtext h1,.ilo--richtext h2,.ilo--richtext h3,.ilo--richtext h4,.ilo--richtext h5{margin-top:calc(var(--ilo-spacing-base)*16)}.ilo--richtext article,.ilo--richtext audio,.ilo--richtext blockquote,.ilo--richtext figure,.ilo--richtext hr,.ilo--richtext pre,.ilo--richtext video{margin-bottom:calc(var(--ilo-spacing-base)*16);margin-top:calc(var(--ilo-spacing-base)*16)}.ilo--richtext h1{font-size:var(--ilo-font-size-5xlg)}.ilo--richtext h1,.ilo--richtext h2{font-family:var(--ilo-fonts-display);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-md)}.ilo--richtext h2{font-size:var(--ilo-font-size-3xlg)}.ilo--richtext h3{font-size:var(--ilo-font-size-xlg);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-md)}.ilo--richtext h3,.ilo--richtext h4,.ilo--richtext h5,.ilo--richtext h6{font-family:var(--ilo-fonts-display);font-weight:var(--ilo-font-weight-bold)}.ilo--richtext h4,.ilo--richtext h5,.ilo--richtext h6{font-size:var(--ilo-font-size-lg);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg)}.ilo--richtext p{font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-lg);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-2xlg)}}
package/css/components/searchfield.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--searchfield{display:flex}.ilo--searchfield .ilo--fieldset{position:relative;width:100%}.ilo--searchfield .ilo--input{padding-inline-end:calc(var(--ilo-spacing-base)*9)}.ilo--searchfield--button{align-items:center;background-color:var(--ilo-color-light-container-bg-disabled);border:var(--ilo-border-md) solid var(--ilo-color-light-border-default);border-left:0;cursor:pointer;display:flex;height:100%;justify-content:center;width:2.5723472669rem}.ilo--searchfield--button:after{background-color:var(--ilo-color-light-action-default);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-light-container-bg-subtle)}.ilo--searchfield--button:active{background-color:var(--ilo-color-light-action-selected)}.ilo--searchfield--button:active:after{background-color:var(--ilo-color-light-icon-inverse);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__size__small .ilo--input{padding-inline-end:calc(var(--ilo-spacing-base)*4)}.ilo--searchfield__size__small .ilo--searchfield--button{width:1.7148981779rem}.ilo--searchfield__size__small .ilo--searchfield--button:after{height:.857449089rem;width:.857449089rem}.ilo--searchfield__size__small .ilo--searchfield--clear-button svg{display:block;height:.857449089rem;width:.857449089rem}.ilo--searchfield__size__small .ilo--searchfield--clear-button.show{top:50%;transform:translateY(-50%)}.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-light-border-default);border-right:0}[dir=rtl] .ilo--searchfield .ilo--searchfield--clear-button.show{right:95%}
1
+ .ilo--searchfield{display:flex}.ilo--searchfield .ilo--fieldset{position:relative;width:100%}.ilo--searchfield .ilo--input{padding-inline-end:calc(var(--ilo-spacing-base)*9)}.ilo--searchfield--button{align-items:center;background-color:var(--ilo-color-light-container-bg-disabled);border:var(--ilo-border-md) solid var(--ilo-color-light-border-default);border-left:0;cursor:pointer;display:flex;height:100%;justify-content:center;width:2.5723472669rem}.ilo--searchfield--button:after{background-color:var(--ilo-color-light-action-default);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-light-container-bg-subtle)}.ilo--searchfield--button:active{background-color:var(--ilo-color-light-action-selected)}.ilo--searchfield--button:active:after{background-color:var(--ilo-color-light-icon-inverse);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__size__small .ilo--input{padding-inline-end:calc(var(--ilo-spacing-base)*4)}.ilo--searchfield__size__small .ilo--searchfield--button{width:1.7148981779rem}.ilo--searchfield__size__small .ilo--searchfield--button:after{height:.857449089rem;width:.857449089rem}.ilo--searchfield__size__small .ilo--searchfield--clear-button svg{display:block;height:.857449089rem;width:.857449089rem}.ilo--searchfield__size__small .ilo--searchfield--clear-button.show{top:50%;transform:translateY(-50%)}.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-light-border-default);border-right:0}[dir=rtl] .ilo--searchfield .ilo--searchfield--clear-button.show{right:95%}
package/css/components/table.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--table{padding:calc(var(--ilo-spacing-base)*20);position:relative}.ilo--table--header{background-color:var(--ilo-color-light-container-bg-default);border-bottom:.1071811361rem solid var(--ilo-color-light-border-subtle);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{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,.ilo--table--head--cell{background-color:var(--ilo-color-light-container-bg-default)}.ilo--table--head--cell{border-bottom:.1071811361rem solid var(--ilo-color-light-border-subtle);border-left:.0535905681rem solid var(--ilo-color-light-border-subtle);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-light-container-bg-disabled);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-light-container-bg-subtle);border-bottom:.1071811361rem solid var(--ilo-color-light-border-brand-2);color:var(--ilo-color-light-action-hover);cursor:pointer}.ilo--table--head--cell.sortable:hover:after{background-color:var(--ilo-color-light-container-bg-subtle);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23bedcfa' 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-light-container-bg-default)}.ilo--table--body--row.selected{background-color:var(--ilo-color-light-container-bg-subtle)}.ilo--table--body--cell{border-bottom:.1071811361rem solid var(--ilo-color-light-border-subtle);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-light-container-bg-subtle);border-bottom:2px solid var(--ilo-color-light-border-brand-2);color:var(--ilo-color-light-action-hover)}.ilo--table--body--cell.selected{background-color:var(--ilo-color-light-action-selected);border-bottom:2px solid var(--ilo-color-dark-border-brand);color:var(--ilo-color-dark-text-brand);cursor:pointer}.ilo--table--body--cell.column--selected{background-color:var(--ilo-color-light-container-bg-subtle)}.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-light-text-subtle);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-light-container-bg-disabled)}.ilo--table--zebra .ilo--table--body--row:nth-child(odd) .ilo--table--body--cell{border-left:.0535905681rem solid var(--ilo-color-light-border-inverse)}.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-light-action-selected)}.ilo--table--zebra .ilo--table--body--row:nth-child(odd).selected .ilo--table--body--cell{background-color:var(--ilo-color-light-container-bg-subtle)}.ilo--table--zebra .ilo--table--body--row:nth-child(odd).selected .ilo--table--body--cell.selected{background-color:var(--ilo-color-light-action-selected)}
1
+ .ilo--table{padding:calc(var(--ilo-spacing-base)*20);position:relative}.ilo--table--header{background-color:var(--ilo-color-light-container-bg-default);border-bottom:.1071811361rem solid var(--ilo-color-light-border-subtle);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{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,.ilo--table--head--cell{background-color:var(--ilo-color-light-container-bg-default)}.ilo--table--head--cell{border-bottom:.1071811361rem solid var(--ilo-color-light-border-subtle);border-left:.0535905681rem solid var(--ilo-color-light-border-subtle);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,.ilo--table--head--cell.sortable:before{content:"";display:block;height:1.2861736334rem;position:absolute;right:.4823151125rem;top:50%;transform:translateY(-50%);width:1.2861736334rem}.ilo--table--head--cell.sortable:before{background-color:var(--ilo-color-light-container-bg-disabled)}.ilo--table--head--cell.sortable:after{background-color:var(--ilo-color-light-icon-brand);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-position:center center;-webkit-mask-position:center center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:75%;-webkit-mask-size:75%}.ilo--table--head--cell.sortable:hover{border-bottom:.1071811361rem solid var(--ilo-color-light-border-brand-2);color:var(--ilo-color-light-action-hover);cursor:pointer}.ilo--table--head--cell.sortable:hover,.ilo--table--head--cell.sortable:hover:before{background-color:var(--ilo-color-light-container-bg-subtle)}.ilo--table--head--cell.sortable:hover:after{background-color:var(--ilo-color-dark-icon-brand);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-position:center center;-webkit-mask-position:center center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:75%;-webkit-mask-size:75%}.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-light-container-bg-default)}.ilo--table--body--row.selected{background-color:var(--ilo-color-light-container-bg-subtle)}.ilo--table--body--cell{border-bottom:.1071811361rem solid var(--ilo-color-light-border-subtle);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-light-container-bg-subtle);border-bottom:2px solid var(--ilo-color-light-border-brand-2);color:var(--ilo-color-light-action-hover)}.ilo--table--body--cell.selected{background-color:var(--ilo-color-light-action-selected);border-bottom:2px solid var(--ilo-color-dark-border-brand);color:var(--ilo-color-dark-text-brand);cursor:pointer}.ilo--table--body--cell.column--selected{background-color:var(--ilo-color-light-container-bg-subtle)}.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-light-text-subtle);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-light-container-bg-disabled)}.ilo--table--zebra .ilo--table--body--row:nth-child(odd) .ilo--table--body--cell{border-left:.0535905681rem solid var(--ilo-color-light-border-inverse)}.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-light-action-selected)}.ilo--table--zebra .ilo--table--body--row:nth-child(odd).selected .ilo--table--body--cell{background-color:var(--ilo-color-light-container-bg-subtle)}.ilo--table--zebra .ilo--table--body--row:nth-child(odd).selected .ilo--table--body--cell.selected{background-color:var(--ilo-color-light-action-selected)}
package/css/components/textarea.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--textarea{appearance:none;background-color:var(--ilo-color-light-container-bg-default);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-light-border-default);outline:0}.ilo--textarea:focus{background-color:var(--ilo-color-light-container-bg-subtle);border-inline-start-color:var(--ilo-color-light-border-brand-2);box-shadow:inset .0535905681rem 0 0 0 var(--ilo-color-light-border-brand-2)}[dir=rtl] .ilo--textarea:focus{box-shadow:inset -.0535905681rem 0 0 0 var(--ilo-color-light-border-brand-2)}.ilo--textarea:disabled{opacity:.45;pointer-events:none}.ilo--textarea:invalid,.ilo--textarea__error,.ilo--textarea__error .ilo--textarea{background-color:var(--ilo-color-light-container-bg-default);border:var(--ilo-border-md) solid var(--ilo-color-light-border-default);border-inline-start-color:var(--ilo-color-light-feedback-error-dark);box-shadow:inset .0535905681rem 0 0 0 var(--ilo-color-light-feedback-error-dark)}[dir=rtl] .ilo--textarea:invalid,[dir=rtl] .ilo--textarea__error,[dir=rtl] .ilo--textarea__error .ilo--textarea{box-shadow:inset -.0535905681rem 0 0 0 var(--ilo-color-light-feedback-error-dark)}
1
+ .ilo--textarea{appearance:none;background-color:var(--ilo-color-light-container-bg-default);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-light-border-default);outline:0}.ilo--textarea:focus{background-color:var(--ilo-color-light-container-bg-subtle);border-inline-start-color:var(--ilo-color-light-border-brand-2);box-shadow:inset .0535905681rem 0 0 0 var(--ilo-color-light-border-brand-2)}[dir=rtl] .ilo--textarea:focus{box-shadow:inset -.0535905681rem 0 0 0 var(--ilo-color-light-border-brand-2)}.ilo--textarea:disabled{opacity:.45;pointer-events:none}.ilo--textarea:invalid,.ilo--textarea__error,.ilo--textarea__error .ilo--textarea{background-color:var(--ilo-color-light-container-bg-default);border:var(--ilo-border-md) solid var(--ilo-color-light-border-default);border-inline-start-color:var(--ilo-color-light-feedback-error-dark);box-shadow:inset .0535905681rem 0 0 0 var(--ilo-color-light-feedback-error-dark)}[dir=rtl] .ilo--textarea:invalid,[dir=rtl] .ilo--textarea__error,[dir=rtl] .ilo--textarea__error .ilo--textarea{box-shadow:inset -.0535905681rem 0 0 0 var(--ilo-color-light-feedback-error-dark)}
package/css/components/video.css CHANGED
@@ -4,4 +4,4 @@
4
4
  --ilo-color-light-container-bg-inverse
5
5
  );align-items:center;background:var(--ilo-caption-icon-wrapper-bg-color);display:flex;height:24px;justify-content:center;position:relative;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}[dir=rtl] .ilo--image--credit{left:auto;position:absolute;right: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-dark-border-subtle);color:var(--ilo-color-light-text-inverse)}.ilo--image__theme__dark .ilo--image--credit{--ilo-caption-icon-wrapper-bg-color:var(
6
6
  --ilo-color-light-container-bg-default
7
- )}.ilo--image__theme__dark .ilo--image--label{color:var(--ilo-color-light-text-default)}@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-light-border-default);color:var(--ilo-color-light-text-subtle);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__theme__dark figcaption{border-inline-color:var(--ilo-color-dark-border-subtle);color:var(--ilo-color-light-text-inverse)}.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-light-feedback-info-light);color:var(--ilo-color-light-action-hover)}.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-light-container-bg-inverse);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:24px 24px;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-light-feedback-info-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-light-container-bg-inverse);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:24px 24px;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-light-feedback-info-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-light-container-bg-inverse);color:var(--ilo-color-dark-text-subtle);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-light-container-bg-inverse);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-light-feedback-info-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-light-container-bg-inverse);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-light-feedback-info-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-light-container-bg-inverse);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:24px 24px;border:none;cursor:pointer;height:40px;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-light-feedback-info-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{margin-right:.1071811361rem}.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-light-container-bg-inverse);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:24px 24px;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-light-feedback-info-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-light-container-bg-inverse);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:24px 24px;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-light-feedback-info-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-light-container-bg-inverse);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:24px 24px;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-light-feedback-info-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-light-container-bg-inverse);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:24px 24px;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-light-feedback-info-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-light-feedback-info-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-light-container-bg-subtle);border:0;bottom:calc(100% + .42872rem);display:none;left:50%;min-width:10.1822079314rem;padding-top:.4287245445rem;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-light-text-default);content:var(--ilo-video-choose-subtitle-text,"Choose subtitles");display:block;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);margin-bottom:calc(var(--ilo-spacing-base)*2);padding-left:.6430868167rem}.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{display:flex;flex-direction:column;gap:calc(var(--ilo-spacing-base)*2);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-light-text-default);display:flex;font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-sm);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{cursor:pointer}.ilo--video .vjs-control-bar .vjs-subs-caps-button .vjs-menu-item:before{background-color:var(--ilo-color-light-container-bg-inactive);border-radius:50%;content:"";display:inline-block;flex-shrink:0;height:1.0718113612rem;width:1.0718113612rem}.ilo--video .vjs-control-bar .vjs-subs-caps-button .vjs-menu-item:after{background-color:var(--ilo-color-light-container-bg-inactive);border:.2143622722rem solid var(--ilo-color-light-border-default);border-radius:50%;content:"";height:.7502679528rem;left:.8038585209rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:.7502679528rem;z-index:1}.ilo--video .vjs-control-bar .vjs-subs-caps-button .vjs-menu-item.vjs-selected{color:var(--ilo-color-light-text-default)}.ilo--video .vjs-control-bar .vjs-subs-caps-button .vjs-menu-item.vjs-selected:before{background-color:var(--ilo-color-light-container-bg-brand)}.ilo--video .vjs-control-bar .vjs-subs-caps-button .vjs-menu-item.vjs-selected:after{background-color:var(--ilo-color-light-container-bg-subtle);border-color:var(--ilo-color-light-border-brand-3)}.ilo--video .vjs-control-bar .vjs-subs-caps-button .vjs-menu-item:focus:before{background-color:var(--ilo-color-light-feedback-warning-default)}.ilo--video .vjs-control-bar .vjs-subs-caps-button .vjs-menu-item[tabindex="-1"]:first-child .vjs-menu-item-text{font-size:0;line-height: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-sm);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-light-container-bg-inverse);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-light-feedback-info-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-light-container-bg-inactive);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-light-container-bg-inverse);bottom:calc(300% + 12px);color:var(--ilo-color-dark-text-subtle);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-light-container-bg-inverse);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:24px 24px;border:none;cursor:pointer;height:40px;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-light-feedback-info-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{height:2.1436227224rem}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control[title=Unmute]{background-color:var(--ilo-color-light-container-bg-inverse);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:24px 24px;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-light-feedback-info-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-light-feedback-info-light);border-left:.1607717042rem solid var(--ilo-color-light-border-default);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-light-container-bg-inactive);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-light-action-selected);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-light-action-selected);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-light-container-bg-inverse);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:24px 24px;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-light-feedback-info-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}
7
+ )}.ilo--image__theme__dark .ilo--image--label{color:var(--ilo-color-light-text-default)}.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-light-border-default);color:var(--ilo-color-light-text-subtle);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__theme__dark figcaption{border-inline-color:var(--ilo-color-dark-border-subtle);color:var(--ilo-color-light-text-inverse)}.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-light-feedback-info-light);color:var(--ilo-color-light-action-hover)}.ilo--video--element.vjs-ended .vjs-control-bar:focus .vjs-play-control:after,.ilo--video--element.vjs-ended .vjs-control-bar:hover .vjs-play-control:after,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:focus .vjs-play-control:after,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:hover .vjs-play-control:after{background-color:var(--ilo-color-light-action-hover)}.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-light-container-bg-inverse);border:none;cursor:pointer;height:40px;position:relative;width:40px}.ilo--video--element.vjs-ended .vjs-control-bar .vjs-play-control:after,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:after{background-color:var(--ilo-color-light-icon-disabled);content:"";display:block;inset:0;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='M8 5v14l5.5-3.5L19 12z'/%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='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");mask-position:center center;-webkit-mask-position:center center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:24px 24px;-webkit-mask-size:24px 24px;pointer-events:none;position:absolute}.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-light-feedback-info-light)}.ilo--video--element.vjs-ended .vjs-control-bar .vjs-play-control:focus:after,.ilo--video--element.vjs-ended .vjs-control-bar .vjs-play-control:hover:after,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:focus:after,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:hover:after{background-color:var(--ilo-color-light-action-hover)}.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-light-container-bg-inverse);border:none;cursor:pointer;height:40px;position:relative;width:40px}.ilo--video--element.vjs-ended .vjs-control-bar .vjs-play-control.vjs-paused:after,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control.vjs-paused:after{background-color:var(--ilo-color-light-icon-disabled);content:"";display:block;inset:0;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='M8 5v14l5.5-3.5L19 12z'/%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='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");mask-position:center center;-webkit-mask-position:center center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:24px 24px;-webkit-mask-size:24px 24px;pointer-events:none;position:absolute}.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-light-feedback-info-light)}.ilo--video--element.vjs-ended .vjs-control-bar .vjs-play-control.vjs-paused:focus:after,.ilo--video--element.vjs-ended .vjs-control-bar .vjs-play-control.vjs-paused:hover:after,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control.vjs-paused:focus:after,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control.vjs-paused:hover:after{background-color:var(--ilo-color-light-action-hover)}.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-light-container-bg-inverse);color:var(--ilo-color-dark-text-subtle);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-light-container-bg-inverse);border:none;cursor:pointer;height:80px;position:relative;width:80px}.ilo--video--element.vjs-ended .vjs-control-bar .vjs-play-control:after,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:after{background-color:var(--ilo-color-light-icon-disabled);content:"";display:block;inset:0;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='M8 5v14l5.5-3.5L19 12z'/%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='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");mask-position:center center;-webkit-mask-position:center center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:72px 72px;-webkit-mask-size:72px 72px;pointer-events:none;position:absolute}.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-light-feedback-info-light)}.ilo--video--element.vjs-ended .vjs-control-bar .vjs-play-control:focus:after,.ilo--video--element.vjs-ended .vjs-control-bar .vjs-play-control:hover:after,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:focus:after,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:hover:after{background-color:var(--ilo-color-light-action-hover)}.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-light-container-bg-inverse);border:none;cursor:pointer;height:80px;position:relative;width:80px}.ilo--video--element.vjs-ended .vjs-control-bar .vjs-play-control.vjs-paused:after,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control.vjs-paused:after{background-color:var(--ilo-color-light-icon-disabled);content:"";display:block;inset:0;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='M8 5v14l5.5-3.5L19 12z'/%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='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");mask-position:center center;-webkit-mask-position:center center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:72px 72px;-webkit-mask-size:72px 72px;pointer-events:none;position:absolute}.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-light-feedback-info-light)}.ilo--video--element.vjs-ended .vjs-control-bar .vjs-play-control.vjs-paused:focus:after,.ilo--video--element.vjs-ended .vjs-control-bar .vjs-play-control.vjs-paused:hover:after,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control.vjs-paused:focus:after,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control.vjs-paused:hover:after{background-color:var(--ilo-color-light-action-hover)}}.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-light-container-bg-inverse);border:none;cursor:pointer;height:40px;position:relative;width:40px}.ilo--video .vjs-control-bar .vjs-play-control:after{background-color:var(--ilo-color-light-icon-disabled);content:"";display:block;inset:0;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='M8 5v14l5.5-3.5L19 12z'/%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='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");mask-position:center center;-webkit-mask-position:center center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:24px 24px;-webkit-mask-size:24px 24px;pointer-events:none;position:absolute}.ilo--video .vjs-control-bar .vjs-play-control:focus,.ilo--video .vjs-control-bar .vjs-play-control:hover{background-color:var(--ilo-color-light-feedback-info-light)}.ilo--video .vjs-control-bar .vjs-play-control:focus:after,.ilo--video .vjs-control-bar .vjs-play-control:hover:after{background-color:var(--ilo-color-light-action-hover)}.ilo--video .vjs-control-bar .vjs-play-control{margin-right:.1071811361rem}.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-light-container-bg-inverse);border:none;cursor:pointer;height:40px;position:relative;width:40px}.ilo--video .vjs-control-bar .vjs-play-control.vjs-ended:after,.ilo--video .vjs-control-bar .vjs-play-control.vjs-paused:after{background-color:var(--ilo-color-light-icon-disabled);content:"";display:block;inset:0;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='M8 5v14l5.5-3.5L19 12z'/%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='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");mask-position:center center;-webkit-mask-position:center center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:24px 24px;-webkit-mask-size:24px 24px;pointer-events:none;position:absolute}.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-light-feedback-info-light)}.ilo--video .vjs-control-bar .vjs-play-control.vjs-ended:focus:after,.ilo--video .vjs-control-bar .vjs-play-control.vjs-ended:hover:after,.ilo--video .vjs-control-bar .vjs-play-control.vjs-paused:focus:after,.ilo--video .vjs-control-bar .vjs-play-control.vjs-paused:hover:after{background-color:var(--ilo-color-light-action-hover)}.ilo--video .vjs-control-bar .vjs-play-control.vjs-playing{background-color:var(--ilo-color-light-container-bg-inverse);border:none;cursor:pointer;height:40px;position:relative;width:40px}.ilo--video .vjs-control-bar .vjs-play-control.vjs-playing:after{background-color:var(--ilo-color-light-icon-disabled);content:"";display:block;inset:0;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='M6 19h4V5H6zm8-14v14h4V5z'/%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='M6 19h4V5H6zm8-14v14h4V5z'/%3E%3C/svg%3E");mask-position:center center;-webkit-mask-position:center center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:24px 24px;-webkit-mask-size:24px 24px;pointer-events:none;position:absolute}.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-light-feedback-info-light)}.ilo--video .vjs-control-bar .vjs-play-control.vjs-playing:focus:after,.ilo--video .vjs-control-bar .vjs-play-control.vjs-playing:hover:after{background-color:var(--ilo-color-light-action-hover)}.ilo--video .vjs-control-bar .vjs-fullscreen-control{background-color:var(--ilo-color-light-container-bg-inverse);border:none;cursor:pointer;height:40px;order:5;position:relative;width:40px}.ilo--video .vjs-control-bar .vjs-fullscreen-control:after{background-color:var(--ilo-color-light-icon-disabled);content:"";display:block;inset:0;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='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");-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='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");mask-position:center center;-webkit-mask-position:center center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:24px 24px;-webkit-mask-size:24px 24px;pointer-events:none;position:absolute}.ilo--video .vjs-control-bar .vjs-fullscreen-control:focus,.ilo--video .vjs-control-bar .vjs-fullscreen-control:hover{background-color:var(--ilo-color-light-feedback-info-light)}.ilo--video .vjs-control-bar .vjs-fullscreen-control:focus:after,.ilo--video .vjs-control-bar .vjs-fullscreen-control:hover:after{background-color:var(--ilo-color-light-action-hover)}.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-light-container-bg-inverse);border:none;cursor:pointer;height:40px;position:relative;width:40px}.ilo--video .vjs-control-bar .vjs-subs-caps-button>.vjs-menu-button:after{background-color:var(--ilo-color-light-icon-disabled);content:"";display:block;inset:0;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='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");-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='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");mask-position:center center;-webkit-mask-position:center center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:24px 24px;-webkit-mask-size:24px 24px;pointer-events:none;position:absolute}.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-light-feedback-info-light)}.ilo--video .vjs-control-bar .vjs-subs-caps-button>.vjs-menu-button:focus:after,.ilo--video .vjs-control-bar .vjs-subs-caps-button>.vjs-menu-button:hover:after{background-color:var(--ilo-color-light-action-hover)}.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-light-feedback-info-light)}.ilo--video .vjs-control-bar .vjs-subs-caps-button.vjs-hover>.vjs-menu-button:after,.ilo--video .vjs-control-bar .vjs-subs-caps-button:focus-within>.vjs-menu-button:after,.ilo--video .vjs-control-bar .vjs-subs-caps-button:hover>.vjs-menu-button:after{background-color:var(--ilo-color-light-action-hover)}.ilo--video .vjs-control-bar .vjs-subs-caps-button .vjs-menu{background:var(--ilo-color-light-container-bg-subtle);border:0;bottom:calc(100% + .42872rem);display:none;left:50%;min-width:10.1822079314rem;padding-top:.4287245445rem;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-light-text-default);content:var(--ilo-video-choose-subtitle-text,"Choose subtitles");display:block;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);margin-bottom:calc(var(--ilo-spacing-base)*2);padding-left:.6430868167rem}.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{display:flex;flex-direction:column;gap:calc(var(--ilo-spacing-base)*2);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-light-text-default);display:flex;font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-sm);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{cursor:pointer}.ilo--video .vjs-control-bar .vjs-subs-caps-button .vjs-menu-item:before{background-color:var(--ilo-color-light-container-bg-inactive);border-radius:50%;content:"";display:inline-block;flex-shrink:0;height:1.0718113612rem;width:1.0718113612rem}.ilo--video .vjs-control-bar .vjs-subs-caps-button .vjs-menu-item:after{background-color:var(--ilo-color-light-container-bg-inactive);border:.2143622722rem solid var(--ilo-color-light-border-default);border-radius:50%;content:"";height:.7502679528rem;left:.8038585209rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:.7502679528rem;z-index:1}.ilo--video .vjs-control-bar .vjs-subs-caps-button .vjs-menu-item.vjs-selected{color:var(--ilo-color-light-text-default)}.ilo--video .vjs-control-bar .vjs-subs-caps-button .vjs-menu-item.vjs-selected:before{background-color:var(--ilo-color-light-container-bg-brand)}.ilo--video .vjs-control-bar .vjs-subs-caps-button .vjs-menu-item.vjs-selected:after{background-color:var(--ilo-color-light-container-bg-subtle);border-color:var(--ilo-color-light-border-brand-3)}.ilo--video .vjs-control-bar .vjs-subs-caps-button .vjs-menu-item:focus:before{background-color:var(--ilo-color-light-feedback-warning-default)}.ilo--video .vjs-control-bar .vjs-subs-caps-button .vjs-menu-item[tabindex="-1"]:first-child .vjs-menu-item-text{font-size:0;line-height: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-sm);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-light-container-bg-inverse);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-light-feedback-info-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-light-container-bg-inactive);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-light-container-bg-inverse);bottom:calc(300% + 12px);color:var(--ilo-color-dark-text-subtle);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-color:var(--ilo-color-light-icon-default);bottom:-.6430868167rem;content:"";height:.6430868167rem;left:calc(50% - 6px);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='m12 17 6-8H6z'/%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='m12 17 6-8H6z'/%3E%3C/svg%3E");mask-position:top left;-webkit-mask-position:top left;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:contain;-webkit-mask-size:contain;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-light-container-bg-inverse);border:none;cursor:pointer;height:40px;position:relative;width:40px}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control:after{background-color:var(--ilo-color-light-icon-disabled);content:"";display:block;inset:0;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='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");-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='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");mask-position:center center;-webkit-mask-position:center center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:24px 24px;-webkit-mask-size:24px 24px;pointer-events:none;position:absolute}.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-light-feedback-info-light)}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control:focus:after,.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control:hover:after{background-color:var(--ilo-color-light-action-hover)}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control{height:2.1436227224rem}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control[title=Unmute]{background-color:var(--ilo-color-light-container-bg-inverse);border:none;cursor:pointer;height:40px;position:relative;width:40px}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control[title=Unmute]:after{background-color:var(--ilo-color-light-icon-disabled);content:"";display:block;inset:0;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='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");-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='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");mask-position:center center;-webkit-mask-position:center center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:24px 24px;-webkit-mask-size:24px 24px;pointer-events:none;position:absolute}.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-light-feedback-info-light)}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control[title=Unmute]:focus:after,.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control[title=Unmute]:hover:after{background-color:var(--ilo-color-light-action-hover)}.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-light-feedback-info-light);border-left:.1607717042rem solid var(--ilo-color-light-border-default);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-light-container-bg-inactive);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-light-action-selected);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-light-action-selected);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-light-container-bg-inverse);border:none;cursor:pointer;height:40px;position:relative;width:40px}.ilo--video .vjs-fullscreen .vjs-fullscreen-control:after{background-color:var(--ilo-color-light-icon-disabled);content:"";display:block;inset:0;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='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");-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='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");mask-position:center center;-webkit-mask-position:center center;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-size:24px 24px;-webkit-mask-size:24px 24px;pointer-events:none;position:absolute}.ilo--video .vjs-fullscreen .vjs-fullscreen-control:focus,.ilo--video .vjs-fullscreen .vjs-fullscreen-control:hover{background-color:var(--ilo-color-light-feedback-info-light)}.ilo--video .vjs-fullscreen .vjs-fullscreen-control:focus:after,.ilo--video .vjs-fullscreen .vjs-fullscreen-control:hover:after{background-color:var(--ilo-color-light-action-hover)}