@ilo-org/styles 1.16.0 → 1.17.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (112) 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/global.css.map +1 -1
  29. package/css/index.css +13 -25
  30. package/css/index.css.map +1 -1
  31. package/css/monorepo.css +13 -25
  32. package/css/monorepo.css.map +1 -1
  33. package/package.json +12 -9
  34. package/scss/_animation-mixins.scss +22 -0
  35. package/scss/_animations.scss +3 -19
  36. package/scss/_functions.scss +12 -6
  37. package/scss/_helpers.scss +12 -0
  38. package/scss/_mixins.scss +21 -8
  39. package/scss/components/_accordion.scss +2 -2
  40. package/scss/components/_audioplayer.scss +1 -1
  41. package/scss/components/_blockquote.scss +2 -2
  42. package/scss/components/_breadcrumb.scss +2 -2
  43. package/scss/components/_button.scss +3 -3
  44. package/scss/components/_callout.scss +2 -2
  45. package/scss/components/_card.scss +1 -1
  46. package/scss/components/_cardgroup.scss +1 -1
  47. package/scss/components/_checkbox.scss +1 -1
  48. package/scss/components/_container.scss +2 -2
  49. package/scss/components/_contextmenu.scss +1 -1
  50. package/scss/components/_datacard.scss +1 -1
  51. package/scss/components/_datepicker.scss +2 -1
  52. package/scss/components/_detailcard.scss +1 -1
  53. package/scss/components/_dropdown.scss +2 -2
  54. package/scss/components/_empty.scss +2 -2
  55. package/scss/components/_factlistcard.scss +1 -1
  56. package/scss/components/_featurecard.scss +1 -1
  57. package/scss/components/_fieldset.scss +1 -1
  58. package/scss/components/_file-upload.scss +1 -1
  59. package/scss/components/_footer.scss +2 -2
  60. package/scss/components/_form.scss +1 -1
  61. package/scss/components/_formcontrol.scss +1 -1
  62. package/scss/components/_hero.scss +1 -1
  63. package/scss/components/_herocard.scss +1 -1
  64. package/scss/components/_image.scss +1 -1
  65. package/scss/components/_input.scss +1 -1
  66. package/scss/components/_languagetoggle.scss +2 -2
  67. package/scss/components/_linklist.scss +2 -2
  68. package/scss/components/_list.scss +1 -1
  69. package/scss/components/_loading.scss +2 -2
  70. package/scss/components/_logogrid.scss +1 -1
  71. package/scss/components/_modal.scss +2 -2
  72. package/scss/components/_multilinkcard.scss +1 -1
  73. package/scss/components/_navigation.scss +208 -85
  74. package/scss/components/_notification.scss +5 -4
  75. package/scss/components/_pagination.scss +1 -1
  76. package/scss/components/_profile.scss +2 -2
  77. package/scss/components/_promocard.scss +1 -1
  78. package/scss/components/_radio.scss +1 -1
  79. package/scss/components/_readmore.scss +2 -2
  80. package/scss/components/_richtext.scss +3 -3
  81. package/scss/components/_scorecard.scss +1 -1
  82. package/scss/components/_searchfield.scss +1 -1
  83. package/scss/components/_socialmedia.scss +2 -2
  84. package/scss/components/_statcard.scss +1 -1
  85. package/scss/components/_status.scss +1 -1
  86. package/scss/components/_table.scss +25 -8
  87. package/scss/components/_tableofcontents.scss +1 -1
  88. package/scss/components/_tabs.scss +1 -1
  89. package/scss/components/_tag.scss +1 -1
  90. package/scss/components/_textarea.scss +1 -1
  91. package/scss/components/_textcard.scss +1 -1
  92. package/scss/components/_toggle.scss +1 -1
  93. package/scss/components/_tooltip.scss +1 -1
  94. package/scss/components/_video.scss +33 -16
  95. package/scss/components/navigation/_nav-compact.scss +2 -2
  96. package/scss/components/navigation/_nav-complex.scss +2 -2
  97. package/scss/components/navigation/_nav-main.scss +2 -2
  98. package/scss/components/navigation/internal/_nav-dropdown.scss +2 -2
  99. package/scss/components/navigation/internal/_nav-grid.scss +2 -2
  100. package/scss/components/navigation/internal/_nav-menu.scss +3 -3
  101. package/scss/components/navigation/internal/_nav-shared.scss +2 -2
  102. package/scss/components/navigation/internal/mobile/_nav-mobile-drawer.scss +2 -2
  103. package/scss/components/navigation/internal/mobile/_nav-mobile-menu.scss +2 -2
  104. package/scss/components/navigation/internal/mobile/_nav-mobile.scss +2 -2
  105. package/scss/components/photogallery/_expandable-caption.scss +2 -2
  106. package/scss/components/photogallery/_lightbox.scss +2 -2
  107. package/scss/components/photogallery/_lightboxgallery.scss +2 -2
  108. package/scss/components/photogallery/_photogallery-controls.scss +2 -2
  109. package/scss/components/photogallery/_photogallery-thumbnails.scss +2 -2
  110. package/scss/components/photogallery/_photogallery.scss +2 -2
  111. package/scss/theme/_breakpoints.scss +4 -3
  112. package/scss/theme/_foundation.scss +7 -6
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)}
package/css/global.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["_reset.scss","theme/_typography.scss","theme/_foundation.scss","_typography.scss"],"names":[],"mappings":"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","file":"global.css","sourcesContent":["/**\n* This file is an opinionated reset that is based on https://nicolas-cusan.github.io/destyle.css/\n* it aims to provide a clean layer for styling, the reset should be used with normalize.css in order to create\n* a normalized base\n**/\n\n*,\n::before,\n::after {\n box-sizing: border-box;\n}\n\nbody,\np,\ntable,\nblockquote,\naddress,\npre,\niframe,\nform,\nfigure,\ndl,\nul,\nol,\nfieldset,\noption,\nlegend {\n margin: 0;\n padding: 0;\n border: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin: 0;\n font-size: inherit;\n font-weight: inherit;\n}\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\nsection {\n display: block;\n}\n\nbody {\n line-height: 1;\n}\n\nul {\n list-style: none;\n}\n\ntable {\n border-color: inherit;\n border-collapse: collapse;\n border-spacing: 0;\n}\n\ntd,\nth {\n vertical-align: top;\n padding: 0;\n}\n\nth {\n text-align: left;\n font-weight: bold;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n -webkit-appearance: none;\n appearance: none;\n vertical-align: middle;\n color: inherit;\n font: inherit;\n background: transparent;\n padding: 0;\n margin: 0;\n border-radius: 0;\n text-align: inherit;\n text-transform: inherit;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n border-top-width: 1px;\n margin: 0;\n clear: both;\n color: inherit;\n}\n\ntextarea {\n overflow: auto;\n}\n\nselect {\n -webkit-appearance: none;\n -moz-appearance: none;\n}\n\n/// Makes SVGs accessible in high contrast mode\n/// @link https://github.com/IBM/carbon-elements/issues/345#issuecomment-466577293 Carbon-elements #345\n@media screen and (-ms-high-contrast: active) {\n svg {\n fill: ButtonText;\n }\n}\n","@use \"../config\" as *;\n\n:root {\n // Display Font Families\n --ilo-fonts-display: Overpass, Noto Sans, sans-serif;\n --ilo-fonts-display-ar: Vazirmatn, sans-serif;\n --ilo-fonts-display-zh: PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;\n --ilo-fonts-display-jp: Noto Sans CJK JP, Yu Gothic, Hiragino Sans,\n TakaoPGothic, sans-serif;\n\n // Copy font families\n --ilo-fonts-copy: Noto Sans, sans-serif;\n --ilo-fonts-copy-ar: Vazirmatn, sans-serif;\n --ilo-fonts-copy-zh: PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;\n --ilo-fonts-copy-jp: Noto Sans CJK JP, Yu Gothic, Hiragino Sans, TakaoPGothic,\n sans-serif;\n\n --ilo-fonts-monospace: monospace;\n --ilo-line-height: 1.46;\n\n // Font Sizes\n --ilo-font-size-base: #{$base-font-size};\n --ilo-font-size-2xsm: px-to-rem(10px);\n --ilo-font-size-xsm: px-to-rem(12px);\n --ilo-font-size-sm: px-to-rem(14px);\n --ilo-font-size-md: px-to-rem(16px);\n --ilo-font-size-lg: px-to-rem(18px);\n --ilo-font-size-xlg: px-to-rem(24px);\n --ilo-font-size-2xlg: px-to-rem(28px);\n --ilo-font-size-3xlg: px-to-rem(32px);\n --ilo-font-size-4xlg: px-to-rem(36px);\n --ilo-font-size-5xlg: px-to-rem(44px);\n\n // Font Weight\n --ilo-font-weight-light: 300;\n --ilo-font-weight-regular: 400;\n --ilo-font-weight-medium: 500;\n --ilo-font-weight-bold: 700;\n\n // Line Height\n --ilo-line-height-base: 27.24px;\n --ilo-line-height-xsm: 1.15;\n --ilo-line-height-sm: 1.2;\n --ilo-line-height-md: 1.25;\n --ilo-line-height-lg: 1.3;\n --ilo-line-height-xlg: 1.35;\n --ilo-line-height-2xlg: 1.45;\n --ilo-line-height-3xlg: 1.5;\n\n // Letter Spacing\n --ilo-letter-spacing-xsm: -3.5%;\n --ilo-letter-spacing-sm: -2%;\n --ilo-letter-spacing-md: 0;\n --ilo-letter-spacing-lg: 2%;\n}\n","@use \"../functions\" as *;\n@use \"./breakpoints\" as *;\n@use \"./typography\" as *;\n\n:root {\n --ilo-scale: 1; // default scale for the design system\n\n /**\n * Layout\n */\n --ilo-layout-max-width: #{px-to-rem(1300px)};\n --ilo-layout-padding: #{px-to-rem(20px)};\n\n /**\n * Legacy Colors (aliases pointing to new global colors)\n *\n * @deprecated Use the Light/Dark Semantic Colors below — they name the role a\n * colour plays (Text, Action, Icon, Border, Container Background, Page\n * Background, Supportive Feedback, Generic) rather than the colour itself.\n * These aliases are kept for backwards compatibility with downstream consumers\n * only. Nothing inside this repo references them any more — not the component\n * styles, not the Twig templates, not the React components, not Storybook — so\n * the whole block can be deleted in the next major of @ilo-org/styles.\n */\n --ilo-color-white: var(--ilo-color-neutrals-white);\n --ilo-color-blue: var(--ilo-color-brand-600);\n --ilo-color-blue-lighter: var(--ilo-color-brand-100);\n --ilo-color-blue-light: var(--ilo-color-brand-200);\n --ilo-color-blue-dark: var(--ilo-color-brand-800);\n --ilo-color-blue-medium: rgba(210, 213, 242, 1);\n --ilo-color-blue-ramp: var(--ilo-color-brand-700);\n --ilo-color-blue-dark-ramp: var(--ilo-color-brand-800-transparent);\n --ilo-color-gray-charcoal: var(--ilo-color-neutrals-black);\n --ilo-color-gray-accessible: var(--ilo-color-neutrals-700);\n --ilo-color-gray-light: var(--ilo-color-neutrals-200);\n --ilo-color-gray-light-semi-transparent: rgba(237, 240, 242, 0.25);\n --ilo-color-gray-base: var(--ilo-color-neutrals-500);\n --ilo-color-red: var(--ilo-color-red-500);\n --ilo-color-red-light: var(--ilo-color-red-100);\n --ilo-color-red-dark: var(--ilo-color-red-600);\n --ilo-color-red-ramp: var(--ilo-color-red-500-transparent);\n --ilo-color-yellow: var(--ilo-color-yellow-400);\n --ilo-color-yellow-light: var(--ilo-color-yellow-100);\n --ilo-color-yellow-ramp: var(--ilo-color-yellow-400-transparent);\n --ilo-color-green: var(--ilo-color-green-400);\n --ilo-color-green-light: var(--ilo-color-green-100);\n --ilo-color-green-ramp: var(--ilo-color-green-400-transparent);\n --ilo-color-turquoise: var(--ilo-color-turquoise-500);\n --ilo-color-purple: var(--ilo-color-purple-600);\n\n /**\n * New Global Colors\n */\n\n // Brand\n --ilo-color-brand-800: rgba(35, 0, 80, 1);\n --ilo-color-brand-800-transparent: rgba(35, 0, 80, 0.5);\n --ilo-color-brand-700: rgba(21, 31, 133, 1);\n --ilo-color-brand-600: rgba(30, 45, 190, 1);\n --ilo-color-brand-600-transparent: rgba(30, 45, 190, 0.4);\n --ilo-color-brand-500: rgba(50, 100, 200, 1);\n --ilo-color-brand-400: rgba(90, 135, 205, 1);\n --ilo-color-brand-300: rgba(130, 175, 220, 1);\n --ilo-color-brand-200: rgba(190, 220, 250, 1);\n --ilo-color-brand-100: rgba(235, 245, 253, 1);\n\n // Neutrals\n --ilo-color-neutrals-black: rgba(45, 45, 45, 1);\n --ilo-color-neutrals-700: rgba(109, 109, 109, 1);\n --ilo-color-neutrals-500: rgba(184, 196, 204, 1);\n --ilo-color-neutrals-200: rgba(237, 240, 242, 1);\n --ilo-color-neutrals-white: rgba(255, 255, 255, 1);\n\n // Red\n --ilo-color-red-800: rgba(125, 18, 26, 1);\n --ilo-color-red-700: rgba(150, 36, 45, 1);\n --ilo-color-red-600: rgba(200, 48, 60, 1);\n --ilo-color-red-500: rgba(250, 60, 75, 1);\n --ilo-color-red-500-transparent: rgba(250, 60, 75, 0.2);\n --ilo-color-red-400: rgba(251, 99, 111, 1);\n --ilo-color-red-300: rgba(252, 138, 147, 1);\n --ilo-color-red-200: rgba(253, 177, 183, 1);\n --ilo-color-red-100: rgba(254, 216, 219, 1);\n\n // Yellow\n --ilo-color-yellow-800: rgba(165, 104, 3, 1);\n --ilo-color-yellow-700: rgba(215, 135, 0, 1);\n --ilo-color-yellow-600: rgba(228, 148, 40, 1);\n --ilo-color-yellow-500: rgba(250, 180, 40, 1);\n --ilo-color-yellow-400: rgba(255, 205, 45, 1);\n --ilo-color-yellow-400-transparent: rgba(255, 205, 45, 0.2);\n --ilo-color-yellow-300: rgba(255, 220, 108, 1);\n --ilo-color-yellow-200: rgba(255, 235, 171, 1);\n --ilo-color-yellow-100: rgba(255, 245, 200, 1);\n\n // Green\n --ilo-color-green-800: rgba(21, 66, 0, 1);\n --ilo-color-green-700: rgba(56, 90, 40, 1);\n --ilo-color-green-600: rgba(84, 135, 60, 1);\n --ilo-color-green-500: rgba(112, 180, 80, 1);\n --ilo-color-green-400: rgba(140, 225, 100, 1);\n --ilo-color-green-400-transparent: rgba(140, 225, 100, 0.2);\n --ilo-color-green-300: rgba(175, 234, 147, 1);\n --ilo-color-green-200: rgba(209, 243, 193, 1);\n --ilo-color-green-100: rgba(232, 249, 224, 1);\n\n // Turquoise\n --ilo-color-turquoise-800: rgba(2, 84, 84, 1);\n --ilo-color-turquoise-700: rgba(4, 147, 147, 1);\n --ilo-color-turquoise-600: rgba(5, 189, 189, 1);\n --ilo-color-turquoise-500: rgba(5, 210, 210, 1);\n --ilo-color-turquoise-400: rgba(105, 228, 228, 1);\n --ilo-color-turquoise-300: rgba(158, 242, 242, 1);\n --ilo-color-turquoise-200: rgba(180, 250, 247, 1);\n --ilo-color-turquoise-100: rgba(210, 251, 251, 1);\n\n // Purple\n --ilo-color-purple-800: rgba(95, 0, 55, 1);\n --ilo-color-purple-700: rgba(119, 20, 73, 1);\n --ilo-color-purple-600: rgba(150, 10, 85, 1);\n --ilo-color-purple-500: rgba(171, 59, 119, 1);\n --ilo-color-purple-400: rgba(203, 133, 170, 1);\n --ilo-color-purple-300: rgba(224, 182, 204, 1);\n --ilo-color-purple-200: rgba(240, 210, 224, 1);\n --ilo-color-purple-100: rgba(245, 231, 238, 1);\n\n /**\n * Light Semantic Colors\n */\n\n // Text\n --ilo-color-light-text-default: var(--ilo-color-neutrals-black);\n --ilo-color-light-text-subtle: var(--ilo-color-neutrals-700);\n --ilo-color-light-text-brand: var(--ilo-color-brand-800);\n --ilo-color-light-text-accent: var(--ilo-color-purple-600);\n --ilo-color-light-text-inverse: var(--ilo-color-neutrals-white);\n\n // Action\n --ilo-color-light-action-default: var(--ilo-color-brand-800);\n --ilo-color-light-action-hover: var(--ilo-color-brand-600);\n --ilo-color-light-action-selected: var(--ilo-color-brand-600);\n --ilo-color-light-action-inverse: var(--ilo-color-neutrals-white);\n\n // Icon\n --ilo-color-light-icon-default: var(--ilo-color-neutrals-black);\n --ilo-color-light-icon-subtle: var(--ilo-color-neutrals-500);\n --ilo-color-light-icon-brand: var(--ilo-color-brand-800);\n --ilo-color-light-icon-disabled: var(--ilo-color-neutrals-200);\n --ilo-color-light-icon-accent: var(--ilo-color-purple-600);\n --ilo-color-light-icon-inverse: var(--ilo-color-neutrals-white);\n\n // Border\n --ilo-color-light-border-default: var(--ilo-color-neutrals-500);\n --ilo-color-light-border-subtle: var(--ilo-color-neutrals-200);\n --ilo-color-light-border-brand: var(--ilo-color-brand-600);\n --ilo-color-light-border-brand-2: var(--ilo-color-brand-200);\n --ilo-color-light-border-brand-3: var(--ilo-color-brand-800);\n --ilo-color-light-border-brand-4: var(--ilo-color-purple-600);\n --ilo-color-light-border-focus: var(--ilo-color-yellow-400);\n --ilo-color-light-border-inverse: var(--ilo-color-neutrals-white);\n\n // Container Background\n --ilo-color-light-container-bg-default: var(--ilo-color-neutrals-white);\n --ilo-color-light-container-bg-subtle: var(--ilo-color-brand-100);\n --ilo-color-light-container-bg-brand: var(--ilo-color-brand-800);\n --ilo-color-light-container-bg-disabled: var(--ilo-color-neutrals-200);\n --ilo-color-light-container-bg-inactive: var(--ilo-color-neutrals-500);\n --ilo-color-light-container-bg-inverse-subtle: var(--ilo-color-neutrals-700);\n --ilo-color-light-container-bg-inverse: var(--ilo-color-neutrals-black);\n --ilo-color-light-container-bg-accent: var(--ilo-color-yellow-400);\n\n // Page Background\n --ilo-color-light-page-bg-default: var(--ilo-color-neutrals-white);\n --ilo-color-light-page-bg-subtle: var(--ilo-color-brand-100);\n\n // Supportive Feedback\n --ilo-color-light-feedback-error-dark: var(--ilo-color-red-600);\n --ilo-color-light-feedback-error-default: var(--ilo-color-red-500);\n --ilo-color-light-feedback-error-light: var(--ilo-color-red-100);\n --ilo-color-light-feedback-warning-default: var(--ilo-color-yellow-400);\n --ilo-color-light-feedback-warning-light: var(--ilo-color-yellow-100);\n --ilo-color-light-feedback-success-default: var(--ilo-color-green-400);\n --ilo-color-light-feedback-success-light: var(--ilo-color-green-100);\n --ilo-color-light-feedback-info-default: var(--ilo-color-brand-600);\n --ilo-color-light-feedback-info-light: var(--ilo-color-brand-200);\n\n // Generic\n --ilo-color-light-generic-turquoise: var(--ilo-color-turquoise-500);\n --ilo-color-light-generic-purple: var(--ilo-color-purple-600);\n --ilo-color-light-generic-green: var(--ilo-color-green-400);\n --ilo-color-light-generic-yellow: var(--ilo-color-yellow-400);\n --ilo-color-light-generic-ilo-light-blue: var(--ilo-color-brand-100);\n\n /**\n * Dark Semantic Colors\n */\n\n // Text\n --ilo-color-dark-text-default: var(--ilo-color-neutrals-white);\n --ilo-color-dark-text-subtle: var(--ilo-color-neutrals-200);\n --ilo-color-dark-text-brand: var(--ilo-color-brand-200);\n --ilo-color-dark-text-accent: var(--ilo-color-yellow-400);\n --ilo-color-dark-text-inverse: var(--ilo-color-brand-800);\n\n // Action\n --ilo-color-dark-action-default: var(--ilo-color-brand-100);\n --ilo-color-dark-action-hover: var(--ilo-color-brand-200);\n --ilo-color-dark-action-selected: var(--ilo-color-brand-600);\n --ilo-color-dark-action-inverse: var(--ilo-color-brand-800);\n\n // Icon\n --ilo-color-dark-icon-default: var(--ilo-color-neutrals-white);\n --ilo-color-dark-icon-subtle: var(--ilo-color-neutrals-700);\n --ilo-color-dark-icon-brand: var(--ilo-color-brand-200);\n --ilo-color-dark-icon-disabled: var(--ilo-color-neutrals-700);\n --ilo-color-dark-icon-accent: var(--ilo-color-yellow-400);\n --ilo-color-dark-icon-inverse: var(--ilo-color-brand-800);\n\n // Border\n --ilo-color-dark-border-default: var(--ilo-color-neutrals-white);\n --ilo-color-dark-border-subtle: var(--ilo-color-neutrals-700);\n --ilo-color-dark-border-brand: var(--ilo-color-brand-200);\n --ilo-color-dark-border-brand-2: var(--ilo-color-brand-800);\n --ilo-color-dark-border-brand-3: var(--ilo-color-brand-100);\n --ilo-color-dark-border-brand-4: var(--ilo-color-yellow-400);\n --ilo-color-dark-border-focus: var(--ilo-color-yellow-400);\n --ilo-color-dark-border-inverse: var(--ilo-color-brand-800);\n\n // Container Background\n --ilo-color-dark-container-bg-default: var(--ilo-color-brand-800);\n --ilo-color-dark-container-bg-subtle: var(--ilo-color-brand-600);\n --ilo-color-dark-container-bg-brand: var(--ilo-color-brand-100);\n --ilo-color-dark-container-bg-disabled: var(--ilo-color-neutrals-black);\n --ilo-color-dark-container-bg-inactive: var(--ilo-color-neutrals-700);\n --ilo-color-dark-container-bg-inverse-subtle: var(--ilo-color-neutrals-200);\n --ilo-color-dark-container-bg-inverse: var(--ilo-color-neutrals-white);\n\n // Page Background\n --ilo-color-dark-page-bg-default: var(--ilo-color-brand-800);\n --ilo-color-dark-page-bg-subtle: var(--ilo-color-neutrals-black);\n\n // Supportive Feedback\n --ilo-color-dark-feedback-error-dark: var(--ilo-color-red-100);\n --ilo-color-dark-feedback-error-default: var(--ilo-color-red-500);\n --ilo-color-dark-feedback-error-light: var(--ilo-color-red-600);\n --ilo-color-dark-feedback-warning-default: var(--ilo-color-yellow-400);\n --ilo-color-dark-feedback-warning-light: var(--ilo-color-yellow-800);\n --ilo-color-dark-feedback-success-default: var(--ilo-color-green-400);\n --ilo-color-dark-feedback-success-light: var(--ilo-color-green-800);\n --ilo-color-dark-feedback-info-default: var(--ilo-color-brand-600);\n --ilo-color-dark-feedback-info-light: var(--ilo-color-brand-800);\n\n // Generic\n --ilo-color-dark-generic-turquoise: var(--ilo-color-turquoise-500);\n --ilo-color-dark-generic-purple: var(--ilo-color-purple-600);\n --ilo-color-dark-generic-green: var(--ilo-color-green-400);\n --ilo-color-dark-generic-yellow: var(--ilo-color-yellow-400);\n --ilo-color-dark-generic-ilo-light-blue: var(--ilo-color-brand-200);\n\n /**\n * Legacy Semantic Aliases (preserved for backwards compatibility)\n */\n --ilo-color-notification-type-error: var(--ilo-color-red-500);\n --ilo-color-notification-type-info: var(--ilo-color-brand-600);\n --ilo-color-notification-type-success: var(--ilo-color-green-400);\n --ilo-color-notification-type-warning: var(--ilo-color-yellow-400);\n --ilo-color-background-default: var(--ilo-color-neutrals-white);\n --ilo-color-background-active: var(--ilo-color-brand-600);\n --ilo-color-background-highlight: var(--ilo-color-neutrals-200);\n --ilo-color-background-hover: var(--ilo-color-brand-100);\n --ilo-color-background-focus: var(--ilo-color-neutrals-white);\n\n --ilo-color-borders-default: var(--ilo-color-neutrals-500);\n --ilo-color-borders-hover: var(--ilo-color-brand-600);\n --ilo-color-borders-active: var(--ilo-color-brand-600);\n --ilo-color-borders-focus: var(--ilo-color-yellow-400);\n\n /**\n * Sizing\n */\n --ilo-breakpoint-xs: #{map-get($breakpoints-foundation, \"xs\")};\n --ilo-breakpoint-sm: #{map-get($breakpoints-foundation, \"sm\")};\n --ilo-breakpoint-md: #{map-get($breakpoints-foundation, \"md\")};\n --ilo-breakpoint-lg: #{map-get($breakpoints-foundation, \"lg\")};\n --ilo-breakpoint-xl: #{map-get($breakpoints-foundation, \"xl\")};\n --ilo-breakpoint-xxl: #{map-get($breakpoints-foundation, \"xxl\")};\n --ilo-border-radius: calc(#{px-to-rem(2)} * var(--ilo-scale));\n\n /**\n * Font-size\n */\n --ilo-font-size-2xsm: calc(#{px-to-rem(10)} * var(--ilo-scale));\n --ilo-font-size-xsm: calc(#{px-to-rem(12)} * var(--ilo-scale));\n --ilo-font-size-sm: calc(#{px-to-rem(14)} * var(--ilo-scale));\n --ilo-font-size-md: calc(#{px-to-rem(16)} * var(--ilo-scale));\n --ilo-font-size-lg: calc(#{px-to-rem(18)} * var(--ilo-scale));\n --ilo-font-size-xlg: calc(#{px-to-rem(24)} * var(--ilo-scale));\n --ilo-font-size-2xlg: calc(#{px-to-rem(28)} * var(--ilo-scale));\n --ilo-font-size-3xlg: calc(#{px-to-rem(32)} * var(--ilo-scale));\n --ilo-font-size-4xlg: calc(#{px-to-rem(36)} * var(--ilo-scale));\n --ilo-font-size-5xlg: calc(#{px-to-rem(44)} * var(--ilo-scale));\n\n /**\n * Font-weight\n */\n --ilo-font-weight-regular: 400;\n --ilo-font-weight-medium: 500;\n --ilo-font-weight-bold: 700;\n\n /**\n * Line Height\n */\n --ilo-line-height-xsm: 115%;\n --ilo-line-height-sm: 120%;\n --ilo-line-height-md: 125%;\n --ilo-line-height-lg: 130%;\n --ilo-line-height-xlg: 135%;\n --ilo-line-height-2xlg: 145%;\n --ilo-line-height-3xlg: 150%;\n\n /**\n * Letter spacing\n */\n --ilo-letter-spacing-xsm: -0.035em;\n --ilo-letter-spacing-sm: -0.02em;\n --ilo-letter-spacing-md: 0em;\n --ilo-letter-spacing-lg: 0.02em;\n\n /**\n * Spacing\n */\n --ilo-spacing-base: calc(#{px-to-rem(4)} * var(--ilo-scale));\n\n /**\n * Transition\n */\n --ilo-transition-duration: 150ms;\n --ilo-transition-timing-function: ease-out;\n\n /**\n * Border\n */\n --ilo-border-xs: calc(#{px-to-rem(1)} * var(--ilo-scale));\n --ilo-border-sm: calc(#{px-to-rem(1.5)} * var(--ilo-scale));\n --ilo-border-md: calc(#{px-to-rem(2)} * var(--ilo-scale));\n --ilo-border-lg: calc(#{px-to-rem(4)} * var(--ilo-scale));\n\n /**\n * Links\n */\n --ilo-link-color-default-light: var(--ilo-color-brand-800);\n --ilo-link-color-default-dark: var(--ilo-color-neutrals-white);\n\n --ilo-link-color-visited-light: var(--ilo-color-purple-600);\n --ilo-link-color-visited-dark: var(--ilo-color-neutrals-500);\n\n --ilo-link-color-hover-light: var(--ilo-color-brand-600);\n --ilo-link-color-hover-dark: var(--ilo-color-brand-600);\n\n --ilo-link-color-active-light: var(--ilo-color-brand-800);\n --ilo-link-color-active-dark: var(--ilo-color-brand-800);\n\n --ilo-link-color-focus-light: var(--ilo-color-brand-800);\n --ilo-link-color-focus-dark: var(--ilo-color-brand-800);\n\n --ilo-link-background-default-light: transparent;\n --ilo-link-background-default-dark: transparent;\n\n --ilo-link-background-hover-light: transparent;\n --ilo-link-background-hover-dark: var(--ilo-color-neutrals-white);\n\n --ilo-link-background-focus-light: var(--ilo-color-yellow-400);\n --ilo-link-background-focus-dark: var(--ilo-color-yellow-400);\n}\n","// Set Arabic fonts\n:root[lang*=\"ar\"],\n[lang*=\"ar\"] {\n --ilo-fonts-display: var(--ilo-fonts-display-ar);\n --ilo-fonts-copy: var(--ilo-fonts-copy-ar);\n\n // Letter spacing overrides for Arabic. Different letter spacing values cause incorrect\n // glpyhs to be rendered. See https://github.com/international-labour-organization/designsystem/issues/1547\n --ilo-letter-spacing-xsm: 0;\n --ilo-letter-spacing-sm: 0;\n --ilo-letter-spacing-md: 0;\n --ilo-letter-spacing-lg: 0;\n}\n\n// Set Chinese system fonts\n:root[lang*=\"zh\"],\n[lang*=\"zh\"] {\n --ilo-fonts-display: var(--ilo-fonts-display-zh);\n --ilo-fonts-copy: var(--ilo-fonts-copy-zh);\n}\n\n// Set Japanese system fonts\n:root[lang*=\"ja\"],\n[lang*=\"ja\"] {\n --ilo-fonts-display: var(--ilo-fonts-display-jp);\n --ilo-fonts-copy: var(--ilo-fonts-copy-jp);\n}\n\nhtml,\nbody {\n color: var(--ilo-color-light-text-default);\n font-family: var(--ilo-fonts-copy);\n font-size: var(--ilo-font-size-base);\n line-height: var(--ilo-line-height-base);\n letter-spacing: normal;\n -webkit-font-smoothing: antialiased;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh5 {\n font-family: var(--ilo-fonts-display);\n}\n"]}
1
+ {"version":3,"sources":["_reset.scss","theme/_typography.scss","theme/_foundation.scss","_typography.scss"],"names":[],"mappings":"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","file":"global.css","sourcesContent":["/**\n* This file is an opinionated reset that is based on https://nicolas-cusan.github.io/destyle.css/\n* it aims to provide a clean layer for styling, the reset should be used with normalize.css in order to create\n* a normalized base\n**/\n\n*,\n::before,\n::after {\n box-sizing: border-box;\n}\n\nbody,\np,\ntable,\nblockquote,\naddress,\npre,\niframe,\nform,\nfigure,\ndl,\nul,\nol,\nfieldset,\noption,\nlegend {\n margin: 0;\n padding: 0;\n border: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin: 0;\n font-size: inherit;\n font-weight: inherit;\n}\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\nsection {\n display: block;\n}\n\nbody {\n line-height: 1;\n}\n\nul {\n list-style: none;\n}\n\ntable {\n border-color: inherit;\n border-collapse: collapse;\n border-spacing: 0;\n}\n\ntd,\nth {\n vertical-align: top;\n padding: 0;\n}\n\nth {\n text-align: left;\n font-weight: bold;\n}\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n -webkit-appearance: none;\n appearance: none;\n vertical-align: middle;\n color: inherit;\n font: inherit;\n background: transparent;\n padding: 0;\n margin: 0;\n border-radius: 0;\n text-align: inherit;\n text-transform: inherit;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n border-top-width: 1px;\n margin: 0;\n clear: both;\n color: inherit;\n}\n\ntextarea {\n overflow: auto;\n}\n\nselect {\n -webkit-appearance: none;\n -moz-appearance: none;\n}\n\n/// Makes SVGs accessible in high contrast mode\n/// @link https://github.com/IBM/carbon-elements/issues/345#issuecomment-466577293 Carbon-elements #345\n@media screen and (-ms-high-contrast: active) {\n svg {\n fill: ButtonText;\n }\n}\n","@use \"../config\" as *;\n\n:root {\n // Display Font Families\n --ilo-fonts-display: Overpass, Noto Sans, sans-serif;\n --ilo-fonts-display-ar: Vazirmatn, sans-serif;\n --ilo-fonts-display-zh: PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;\n --ilo-fonts-display-jp: Noto Sans CJK JP, Yu Gothic, Hiragino Sans,\n TakaoPGothic, sans-serif;\n\n // Copy font families\n --ilo-fonts-copy: Noto Sans, sans-serif;\n --ilo-fonts-copy-ar: Vazirmatn, sans-serif;\n --ilo-fonts-copy-zh: PingFang SC, Microsoft YaHei, 微软雅黑, sans-serif;\n --ilo-fonts-copy-jp: Noto Sans CJK JP, Yu Gothic, Hiragino Sans, TakaoPGothic,\n sans-serif;\n\n --ilo-fonts-monospace: monospace;\n --ilo-line-height: 1.46;\n\n // Font Sizes\n --ilo-font-size-base: #{$base-font-size};\n --ilo-font-size-2xsm: px-to-rem(10px);\n --ilo-font-size-xsm: px-to-rem(12px);\n --ilo-font-size-sm: px-to-rem(14px);\n --ilo-font-size-md: px-to-rem(16px);\n --ilo-font-size-lg: px-to-rem(18px);\n --ilo-font-size-xlg: px-to-rem(24px);\n --ilo-font-size-2xlg: px-to-rem(28px);\n --ilo-font-size-3xlg: px-to-rem(32px);\n --ilo-font-size-4xlg: px-to-rem(36px);\n --ilo-font-size-5xlg: px-to-rem(44px);\n\n // Font Weight\n --ilo-font-weight-light: 300;\n --ilo-font-weight-regular: 400;\n --ilo-font-weight-medium: 500;\n --ilo-font-weight-bold: 700;\n\n // Line Height\n --ilo-line-height-base: 27.24px;\n --ilo-line-height-xsm: 1.15;\n --ilo-line-height-sm: 1.2;\n --ilo-line-height-md: 1.25;\n --ilo-line-height-lg: 1.3;\n --ilo-line-height-xlg: 1.35;\n --ilo-line-height-2xlg: 1.45;\n --ilo-line-height-3xlg: 1.5;\n\n // Letter Spacing\n --ilo-letter-spacing-xsm: -3.5%;\n --ilo-letter-spacing-sm: -2%;\n --ilo-letter-spacing-md: 0;\n --ilo-letter-spacing-lg: 2%;\n}\n","@use \"sass:map\";\n@use \"../functions\" as *;\n@use \"./breakpoints\" as *;\n@use \"./typography\" as *;\n\n:root {\n --ilo-scale: 1; // default scale for the design system\n\n /**\n * Layout\n */\n --ilo-layout-max-width: #{px-to-rem(1300px)};\n --ilo-layout-padding: #{px-to-rem(20px)};\n\n /**\n * Legacy Colors (aliases pointing to new global colors)\n *\n * @deprecated Use the Light/Dark Semantic Colors below — they name the role a\n * colour plays (Text, Action, Icon, Border, Container Background, Page\n * Background, Supportive Feedback, Generic) rather than the colour itself.\n * These aliases are kept for backwards compatibility with downstream consumers\n * only. Nothing inside this repo references them any more — not the component\n * styles, not the Twig templates, not the React components, not Storybook — so\n * the whole block can be deleted in the next major of @ilo-org/styles.\n */\n --ilo-color-white: var(--ilo-color-neutrals-white);\n --ilo-color-blue: var(--ilo-color-brand-600);\n --ilo-color-blue-lighter: var(--ilo-color-brand-100);\n --ilo-color-blue-light: var(--ilo-color-brand-200);\n --ilo-color-blue-dark: var(--ilo-color-brand-800);\n --ilo-color-blue-medium: rgba(210, 213, 242, 1);\n --ilo-color-blue-ramp: var(--ilo-color-brand-700);\n --ilo-color-blue-dark-ramp: var(--ilo-color-brand-800-transparent);\n --ilo-color-gray-charcoal: var(--ilo-color-neutrals-black);\n --ilo-color-gray-accessible: var(--ilo-color-neutrals-700);\n --ilo-color-gray-light: var(--ilo-color-neutrals-200);\n --ilo-color-gray-light-semi-transparent: rgba(237, 240, 242, 0.25);\n --ilo-color-gray-base: var(--ilo-color-neutrals-500);\n --ilo-color-red: var(--ilo-color-red-500);\n --ilo-color-red-light: var(--ilo-color-red-100);\n --ilo-color-red-dark: var(--ilo-color-red-600);\n --ilo-color-red-ramp: var(--ilo-color-red-500-transparent);\n --ilo-color-yellow: var(--ilo-color-yellow-400);\n --ilo-color-yellow-light: var(--ilo-color-yellow-100);\n --ilo-color-yellow-ramp: var(--ilo-color-yellow-400-transparent);\n --ilo-color-green: var(--ilo-color-green-400);\n --ilo-color-green-light: var(--ilo-color-green-100);\n --ilo-color-green-ramp: var(--ilo-color-green-400-transparent);\n --ilo-color-turquoise: var(--ilo-color-turquoise-500);\n --ilo-color-purple: var(--ilo-color-purple-600);\n\n /**\n * New Global Colors\n */\n\n // Brand\n --ilo-color-brand-800: rgba(35, 0, 80, 1);\n --ilo-color-brand-800-transparent: rgba(35, 0, 80, 0.5);\n --ilo-color-brand-700: rgba(21, 31, 133, 1);\n --ilo-color-brand-600: rgba(30, 45, 190, 1);\n --ilo-color-brand-600-transparent: rgba(30, 45, 190, 0.4);\n --ilo-color-brand-500: rgba(50, 100, 200, 1);\n --ilo-color-brand-400: rgba(90, 135, 205, 1);\n --ilo-color-brand-300: rgba(130, 175, 220, 1);\n --ilo-color-brand-200: rgba(190, 220, 250, 1);\n --ilo-color-brand-100: rgba(235, 245, 253, 1);\n\n // Neutrals\n --ilo-color-neutrals-black: rgba(45, 45, 45, 1);\n --ilo-color-neutrals-700: rgba(109, 109, 109, 1);\n --ilo-color-neutrals-500: rgba(184, 196, 204, 1);\n --ilo-color-neutrals-200: rgba(237, 240, 242, 1);\n --ilo-color-neutrals-white: rgba(255, 255, 255, 1);\n\n // Red\n --ilo-color-red-800: rgba(125, 18, 26, 1);\n --ilo-color-red-700: rgba(150, 36, 45, 1);\n --ilo-color-red-600: rgba(200, 48, 60, 1);\n --ilo-color-red-500: rgba(250, 60, 75, 1);\n --ilo-color-red-500-transparent: rgba(250, 60, 75, 0.2);\n --ilo-color-red-400: rgba(251, 99, 111, 1);\n --ilo-color-red-300: rgba(252, 138, 147, 1);\n --ilo-color-red-200: rgba(253, 177, 183, 1);\n --ilo-color-red-100: rgba(254, 216, 219, 1);\n\n // Yellow\n --ilo-color-yellow-800: rgba(165, 104, 3, 1);\n --ilo-color-yellow-700: rgba(215, 135, 0, 1);\n --ilo-color-yellow-600: rgba(228, 148, 40, 1);\n --ilo-color-yellow-500: rgba(250, 180, 40, 1);\n --ilo-color-yellow-400: rgba(255, 205, 45, 1);\n --ilo-color-yellow-400-transparent: rgba(255, 205, 45, 0.2);\n --ilo-color-yellow-300: rgba(255, 220, 108, 1);\n --ilo-color-yellow-200: rgba(255, 235, 171, 1);\n --ilo-color-yellow-100: rgba(255, 245, 200, 1);\n\n // Green\n --ilo-color-green-800: rgba(21, 66, 0, 1);\n --ilo-color-green-700: rgba(56, 90, 40, 1);\n --ilo-color-green-600: rgba(84, 135, 60, 1);\n --ilo-color-green-500: rgba(112, 180, 80, 1);\n --ilo-color-green-400: rgba(140, 225, 100, 1);\n --ilo-color-green-400-transparent: rgba(140, 225, 100, 0.2);\n --ilo-color-green-300: rgba(175, 234, 147, 1);\n --ilo-color-green-200: rgba(209, 243, 193, 1);\n --ilo-color-green-100: rgba(232, 249, 224, 1);\n\n // Turquoise\n --ilo-color-turquoise-800: rgba(2, 84, 84, 1);\n --ilo-color-turquoise-700: rgba(4, 147, 147, 1);\n --ilo-color-turquoise-600: rgba(5, 189, 189, 1);\n --ilo-color-turquoise-500: rgba(5, 210, 210, 1);\n --ilo-color-turquoise-400: rgba(105, 228, 228, 1);\n --ilo-color-turquoise-300: rgba(158, 242, 242, 1);\n --ilo-color-turquoise-200: rgba(180, 250, 247, 1);\n --ilo-color-turquoise-100: rgba(210, 251, 251, 1);\n\n // Purple\n --ilo-color-purple-800: rgba(95, 0, 55, 1);\n --ilo-color-purple-700: rgba(119, 20, 73, 1);\n --ilo-color-purple-600: rgba(150, 10, 85, 1);\n --ilo-color-purple-500: rgba(171, 59, 119, 1);\n --ilo-color-purple-400: rgba(203, 133, 170, 1);\n --ilo-color-purple-300: rgba(224, 182, 204, 1);\n --ilo-color-purple-200: rgba(240, 210, 224, 1);\n --ilo-color-purple-100: rgba(245, 231, 238, 1);\n\n /**\n * Light Semantic Colors\n */\n\n // Text\n --ilo-color-light-text-default: var(--ilo-color-neutrals-black);\n --ilo-color-light-text-subtle: var(--ilo-color-neutrals-700);\n --ilo-color-light-text-brand: var(--ilo-color-brand-800);\n --ilo-color-light-text-accent: var(--ilo-color-purple-600);\n --ilo-color-light-text-inverse: var(--ilo-color-neutrals-white);\n\n // Action\n --ilo-color-light-action-default: var(--ilo-color-brand-800);\n --ilo-color-light-action-hover: var(--ilo-color-brand-600);\n --ilo-color-light-action-selected: var(--ilo-color-brand-600);\n --ilo-color-light-action-inverse: var(--ilo-color-neutrals-white);\n\n // Icon\n --ilo-color-light-icon-default: var(--ilo-color-neutrals-black);\n --ilo-color-light-icon-subtle: var(--ilo-color-neutrals-500);\n --ilo-color-light-icon-brand: var(--ilo-color-brand-800);\n --ilo-color-light-icon-disabled: var(--ilo-color-neutrals-200);\n --ilo-color-light-icon-accent: var(--ilo-color-purple-600);\n --ilo-color-light-icon-inverse: var(--ilo-color-neutrals-white);\n\n // Border\n --ilo-color-light-border-default: var(--ilo-color-neutrals-500);\n --ilo-color-light-border-subtle: var(--ilo-color-neutrals-200);\n --ilo-color-light-border-brand: var(--ilo-color-brand-600);\n --ilo-color-light-border-brand-2: var(--ilo-color-brand-200);\n --ilo-color-light-border-brand-3: var(--ilo-color-brand-800);\n --ilo-color-light-border-brand-4: var(--ilo-color-purple-600);\n --ilo-color-light-border-focus: var(--ilo-color-yellow-400);\n --ilo-color-light-border-inverse: var(--ilo-color-neutrals-white);\n\n // Container Background\n --ilo-color-light-container-bg-default: var(--ilo-color-neutrals-white);\n --ilo-color-light-container-bg-subtle: var(--ilo-color-brand-100);\n --ilo-color-light-container-bg-brand: var(--ilo-color-brand-800);\n --ilo-color-light-container-bg-disabled: var(--ilo-color-neutrals-200);\n --ilo-color-light-container-bg-inactive: var(--ilo-color-neutrals-500);\n --ilo-color-light-container-bg-inverse-subtle: var(--ilo-color-neutrals-700);\n --ilo-color-light-container-bg-inverse: var(--ilo-color-neutrals-black);\n --ilo-color-light-container-bg-accent: var(--ilo-color-yellow-400);\n\n // Page Background\n --ilo-color-light-page-bg-default: var(--ilo-color-neutrals-white);\n --ilo-color-light-page-bg-subtle: var(--ilo-color-brand-100);\n\n // Supportive Feedback\n --ilo-color-light-feedback-error-dark: var(--ilo-color-red-600);\n --ilo-color-light-feedback-error-default: var(--ilo-color-red-500);\n --ilo-color-light-feedback-error-light: var(--ilo-color-red-100);\n --ilo-color-light-feedback-warning-default: var(--ilo-color-yellow-400);\n --ilo-color-light-feedback-warning-light: var(--ilo-color-yellow-100);\n --ilo-color-light-feedback-success-default: var(--ilo-color-green-400);\n --ilo-color-light-feedback-success-light: var(--ilo-color-green-100);\n --ilo-color-light-feedback-info-default: var(--ilo-color-brand-600);\n --ilo-color-light-feedback-info-light: var(--ilo-color-brand-200);\n\n // Generic\n --ilo-color-light-generic-turquoise: var(--ilo-color-turquoise-500);\n --ilo-color-light-generic-purple: var(--ilo-color-purple-600);\n --ilo-color-light-generic-green: var(--ilo-color-green-400);\n --ilo-color-light-generic-yellow: var(--ilo-color-yellow-400);\n --ilo-color-light-generic-ilo-light-blue: var(--ilo-color-brand-100);\n\n /**\n * Dark Semantic Colors\n */\n\n // Text\n --ilo-color-dark-text-default: var(--ilo-color-neutrals-white);\n --ilo-color-dark-text-subtle: var(--ilo-color-neutrals-200);\n --ilo-color-dark-text-brand: var(--ilo-color-brand-200);\n --ilo-color-dark-text-accent: var(--ilo-color-yellow-400);\n --ilo-color-dark-text-inverse: var(--ilo-color-brand-800);\n\n // Action\n --ilo-color-dark-action-default: var(--ilo-color-brand-100);\n --ilo-color-dark-action-hover: var(--ilo-color-brand-200);\n --ilo-color-dark-action-selected: var(--ilo-color-brand-600);\n --ilo-color-dark-action-inverse: var(--ilo-color-brand-800);\n\n // Icon\n --ilo-color-dark-icon-default: var(--ilo-color-neutrals-white);\n --ilo-color-dark-icon-subtle: var(--ilo-color-neutrals-700);\n --ilo-color-dark-icon-brand: var(--ilo-color-brand-200);\n --ilo-color-dark-icon-disabled: var(--ilo-color-neutrals-700);\n --ilo-color-dark-icon-accent: var(--ilo-color-yellow-400);\n --ilo-color-dark-icon-inverse: var(--ilo-color-brand-800);\n\n // Border\n --ilo-color-dark-border-default: var(--ilo-color-neutrals-white);\n --ilo-color-dark-border-subtle: var(--ilo-color-neutrals-700);\n --ilo-color-dark-border-brand: var(--ilo-color-brand-200);\n --ilo-color-dark-border-brand-2: var(--ilo-color-brand-800);\n --ilo-color-dark-border-brand-3: var(--ilo-color-brand-100);\n --ilo-color-dark-border-brand-4: var(--ilo-color-yellow-400);\n --ilo-color-dark-border-focus: var(--ilo-color-yellow-400);\n --ilo-color-dark-border-inverse: var(--ilo-color-brand-800);\n\n // Container Background\n --ilo-color-dark-container-bg-default: var(--ilo-color-brand-800);\n --ilo-color-dark-container-bg-subtle: var(--ilo-color-brand-600);\n --ilo-color-dark-container-bg-brand: var(--ilo-color-brand-100);\n --ilo-color-dark-container-bg-disabled: var(--ilo-color-neutrals-black);\n --ilo-color-dark-container-bg-inactive: var(--ilo-color-neutrals-700);\n --ilo-color-dark-container-bg-inverse-subtle: var(--ilo-color-neutrals-200);\n --ilo-color-dark-container-bg-inverse: var(--ilo-color-neutrals-white);\n\n // Page Background\n --ilo-color-dark-page-bg-default: var(--ilo-color-brand-800);\n --ilo-color-dark-page-bg-subtle: var(--ilo-color-neutrals-black);\n\n // Supportive Feedback\n --ilo-color-dark-feedback-error-dark: var(--ilo-color-red-100);\n --ilo-color-dark-feedback-error-default: var(--ilo-color-red-500);\n --ilo-color-dark-feedback-error-light: var(--ilo-color-red-600);\n --ilo-color-dark-feedback-warning-default: var(--ilo-color-yellow-400);\n --ilo-color-dark-feedback-warning-light: var(--ilo-color-yellow-800);\n --ilo-color-dark-feedback-success-default: var(--ilo-color-green-400);\n --ilo-color-dark-feedback-success-light: var(--ilo-color-green-800);\n --ilo-color-dark-feedback-info-default: var(--ilo-color-brand-600);\n --ilo-color-dark-feedback-info-light: var(--ilo-color-brand-800);\n\n // Generic\n --ilo-color-dark-generic-turquoise: var(--ilo-color-turquoise-500);\n --ilo-color-dark-generic-purple: var(--ilo-color-purple-600);\n --ilo-color-dark-generic-green: var(--ilo-color-green-400);\n --ilo-color-dark-generic-yellow: var(--ilo-color-yellow-400);\n --ilo-color-dark-generic-ilo-light-blue: var(--ilo-color-brand-200);\n\n /**\n * Legacy Semantic Aliases (preserved for backwards compatibility)\n */\n --ilo-color-notification-type-error: var(--ilo-color-red-500);\n --ilo-color-notification-type-info: var(--ilo-color-brand-600);\n --ilo-color-notification-type-success: var(--ilo-color-green-400);\n --ilo-color-notification-type-warning: var(--ilo-color-yellow-400);\n --ilo-color-background-default: var(--ilo-color-neutrals-white);\n --ilo-color-background-active: var(--ilo-color-brand-600);\n --ilo-color-background-highlight: var(--ilo-color-neutrals-200);\n --ilo-color-background-hover: var(--ilo-color-brand-100);\n --ilo-color-background-focus: var(--ilo-color-neutrals-white);\n\n --ilo-color-borders-default: var(--ilo-color-neutrals-500);\n --ilo-color-borders-hover: var(--ilo-color-brand-600);\n --ilo-color-borders-active: var(--ilo-color-brand-600);\n --ilo-color-borders-focus: var(--ilo-color-yellow-400);\n\n /**\n * Sizing\n */\n --ilo-breakpoint-xs: #{map.get($breakpoints-foundation, \"xs\")};\n --ilo-breakpoint-sm: #{map.get($breakpoints-foundation, \"sm\")};\n --ilo-breakpoint-md: #{map.get($breakpoints-foundation, \"md\")};\n --ilo-breakpoint-lg: #{map.get($breakpoints-foundation, \"lg\")};\n --ilo-breakpoint-xl: #{map.get($breakpoints-foundation, \"xl\")};\n --ilo-breakpoint-xxl: #{map.get($breakpoints-foundation, \"xxl\")};\n --ilo-border-radius: calc(#{px-to-rem(2)} * var(--ilo-scale));\n\n /**\n * Font-size\n */\n --ilo-font-size-2xsm: calc(#{px-to-rem(10)} * var(--ilo-scale));\n --ilo-font-size-xsm: calc(#{px-to-rem(12)} * var(--ilo-scale));\n --ilo-font-size-sm: calc(#{px-to-rem(14)} * var(--ilo-scale));\n --ilo-font-size-md: calc(#{px-to-rem(16)} * var(--ilo-scale));\n --ilo-font-size-lg: calc(#{px-to-rem(18)} * var(--ilo-scale));\n --ilo-font-size-xlg: calc(#{px-to-rem(24)} * var(--ilo-scale));\n --ilo-font-size-2xlg: calc(#{px-to-rem(28)} * var(--ilo-scale));\n --ilo-font-size-3xlg: calc(#{px-to-rem(32)} * var(--ilo-scale));\n --ilo-font-size-4xlg: calc(#{px-to-rem(36)} * var(--ilo-scale));\n --ilo-font-size-5xlg: calc(#{px-to-rem(44)} * var(--ilo-scale));\n\n /**\n * Font-weight\n */\n --ilo-font-weight-regular: 400;\n --ilo-font-weight-medium: 500;\n --ilo-font-weight-bold: 700;\n\n /**\n * Line Height\n */\n --ilo-line-height-xsm: 115%;\n --ilo-line-height-sm: 120%;\n --ilo-line-height-md: 125%;\n --ilo-line-height-lg: 130%;\n --ilo-line-height-xlg: 135%;\n --ilo-line-height-2xlg: 145%;\n --ilo-line-height-3xlg: 150%;\n\n /**\n * Letter spacing\n */\n --ilo-letter-spacing-xsm: -0.035em;\n --ilo-letter-spacing-sm: -0.02em;\n --ilo-letter-spacing-md: 0em;\n --ilo-letter-spacing-lg: 0.02em;\n\n /**\n * Spacing\n */\n --ilo-spacing-base: calc(#{px-to-rem(4)} * var(--ilo-scale));\n\n /**\n * Transition\n */\n --ilo-transition-duration: 150ms;\n --ilo-transition-timing-function: ease-out;\n\n /**\n * Border\n */\n --ilo-border-xs: calc(#{px-to-rem(1)} * var(--ilo-scale));\n --ilo-border-sm: calc(#{px-to-rem(1.5)} * var(--ilo-scale));\n --ilo-border-md: calc(#{px-to-rem(2)} * var(--ilo-scale));\n --ilo-border-lg: calc(#{px-to-rem(4)} * var(--ilo-scale));\n\n /**\n * Links\n */\n --ilo-link-color-default-light: var(--ilo-color-brand-800);\n --ilo-link-color-default-dark: var(--ilo-color-neutrals-white);\n\n --ilo-link-color-visited-light: var(--ilo-color-purple-600);\n --ilo-link-color-visited-dark: var(--ilo-color-neutrals-500);\n\n --ilo-link-color-hover-light: var(--ilo-color-brand-600);\n --ilo-link-color-hover-dark: var(--ilo-color-brand-600);\n\n --ilo-link-color-active-light: var(--ilo-color-brand-800);\n --ilo-link-color-active-dark: var(--ilo-color-brand-800);\n\n --ilo-link-color-focus-light: var(--ilo-color-brand-800);\n --ilo-link-color-focus-dark: var(--ilo-color-brand-800);\n\n --ilo-link-background-default-light: transparent;\n --ilo-link-background-default-dark: transparent;\n\n --ilo-link-background-hover-light: transparent;\n --ilo-link-background-hover-dark: var(--ilo-color-neutrals-white);\n\n --ilo-link-background-focus-light: var(--ilo-color-yellow-400);\n --ilo-link-background-focus-dark: var(--ilo-color-yellow-400);\n}\n","// Set Arabic fonts\n:root[lang*=\"ar\"],\n[lang*=\"ar\"] {\n --ilo-fonts-display: var(--ilo-fonts-display-ar);\n --ilo-fonts-copy: var(--ilo-fonts-copy-ar);\n\n // Letter spacing overrides for Arabic. Different letter spacing values cause incorrect\n // glpyhs to be rendered. See https://github.com/international-labour-organization/designsystem/issues/1547\n --ilo-letter-spacing-xsm: 0;\n --ilo-letter-spacing-sm: 0;\n --ilo-letter-spacing-md: 0;\n --ilo-letter-spacing-lg: 0;\n}\n\n// Set Chinese system fonts\n:root[lang*=\"zh\"],\n[lang*=\"zh\"] {\n --ilo-fonts-display: var(--ilo-fonts-display-zh);\n --ilo-fonts-copy: var(--ilo-fonts-copy-zh);\n}\n\n// Set Japanese system fonts\n:root[lang*=\"ja\"],\n[lang*=\"ja\"] {\n --ilo-fonts-display: var(--ilo-fonts-display-jp);\n --ilo-fonts-copy: var(--ilo-fonts-copy-jp);\n}\n\nhtml,\nbody {\n color: var(--ilo-color-light-text-default);\n font-family: var(--ilo-fonts-copy);\n font-size: var(--ilo-font-size-base);\n line-height: var(--ilo-line-height-base);\n letter-spacing: normal;\n -webkit-font-smoothing: antialiased;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh5 {\n font-family: var(--ilo-fonts-display);\n}\n"]}