@ilo-org/styles 1.15.1 → 1.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (133) 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/breadcrumb.css +5 -1
  5. package/css/components/button.css +1 -1
  6. package/css/components/callout.css +1 -1
  7. package/css/components/card.css +3 -1
  8. package/css/components/checkbox.css +1 -1
  9. package/css/components/contextmenu.css +1 -1
  10. package/css/components/datacard.css +3 -1
  11. package/css/components/detailcard.css +1 -1
  12. package/css/components/dropdown.css +7 -1
  13. package/css/components/factlistcard.css +1 -1
  14. package/css/components/featurecard.css +1 -1
  15. package/css/components/fieldset.css +1 -1
  16. package/css/components/file-upload.css +1 -1
  17. package/css/components/footer.css +1 -1
  18. package/css/components/form.css +1 -1
  19. package/css/components/formcontrol.css +5 -1
  20. package/css/components/hero.css +9 -1
  21. package/css/components/herocard.css +1 -1
  22. package/css/components/image.css +7 -1
  23. package/css/components/input.css +1 -1
  24. package/css/components/languagetoggle.css +3 -1
  25. package/css/components/linklist.css +1 -1
  26. package/css/components/list.css +1 -1
  27. package/css/components/loading.css +1 -1
  28. package/css/components/logo.css +1 -1
  29. package/css/components/logogrid.css +1 -1
  30. package/css/components/modal.css +1 -1
  31. package/css/components/multilinkcard.css +1 -1
  32. package/css/components/navigation.css +1 -1
  33. package/css/components/notification.css +1 -1
  34. package/css/components/pagination.css +1 -1
  35. package/css/components/profile.css +1 -1
  36. package/css/components/promocard.css +1 -1
  37. package/css/components/radio.css +1 -1
  38. package/css/components/readmore.css +1 -1
  39. package/css/components/richtext.css +7 -1
  40. package/css/components/scorecard.css +1 -1
  41. package/css/components/searchfield.css +1 -1
  42. package/css/components/socialmedia.css +1 -1
  43. package/css/components/statcard.css +1 -1
  44. package/css/components/status.css +1 -1
  45. package/css/components/table.css +1 -1
  46. package/css/components/tableofcontents.css +1 -1
  47. package/css/components/tabs.css +3 -1
  48. package/css/components/tag.css +1 -1
  49. package/css/components/textarea.css +1 -1
  50. package/css/components/textcard.css +1 -1
  51. package/css/components/toggle.css +1 -1
  52. package/css/components/tooltip.css +1 -1
  53. package/css/components/video.css +7 -1
  54. package/css/global.css +1 -1
  55. package/css/global.css.map +1 -1
  56. package/css/index.css +69 -3
  57. package/css/index.css.map +1 -1
  58. package/css/monorepo.css +69 -3
  59. package/css/monorepo.css.map +1 -1
  60. package/package.json +3 -3
  61. package/scss/_mixins.scss +4 -2
  62. package/scss/_typography.scss +1 -1
  63. package/scss/_typographymonorepo.scss +1 -1
  64. package/scss/components/_accordion.scss +10 -10
  65. package/scss/components/_audioplayer.scss +23 -23
  66. package/scss/components/_blockquote.scss +6 -6
  67. package/scss/components/_breadcrumb.scss +10 -6
  68. package/scss/components/_button.scss +32 -30
  69. package/scss/components/_callout.scss +24 -15
  70. package/scss/components/_card.scss +25 -21
  71. package/scss/components/_checkbox.scss +11 -11
  72. package/scss/components/_contextmenu.scss +9 -8
  73. package/scss/components/_datacard.scss +8 -6
  74. package/scss/components/_detailcard.scss +2 -2
  75. package/scss/components/_dropdown.scss +16 -10
  76. package/scss/components/_factlistcard.scss +6 -5
  77. package/scss/components/_featurecard.scss +2 -2
  78. package/scss/components/_fieldset.scss +9 -9
  79. package/scss/components/_file-upload.scss +20 -19
  80. package/scss/components/_footer.scss +21 -20
  81. package/scss/components/_form.scss +4 -4
  82. package/scss/components/_formcontrol.scss +14 -10
  83. package/scss/components/_hero.scss +8 -8
  84. package/scss/components/_herocard.scss +14 -14
  85. package/scss/components/_image.scss +9 -7
  86. package/scss/components/_input.scss +14 -12
  87. package/scss/components/_languagetoggle.scss +10 -8
  88. package/scss/components/_linklist.scss +13 -12
  89. package/scss/components/_list.scss +3 -3
  90. package/scss/components/_loading.scss +12 -12
  91. package/scss/components/_logo.scss +2 -2
  92. package/scss/components/_logogrid.scss +3 -3
  93. package/scss/components/_modal.scss +1 -1
  94. package/scss/components/_multilinkcard.scss +8 -8
  95. package/scss/components/_navigation.scss +71 -71
  96. package/scss/components/_notification.scss +12 -9
  97. package/scss/components/_pagination.scss +39 -24
  98. package/scss/components/_profile.scss +8 -8
  99. package/scss/components/_promocard.scss +1 -1
  100. package/scss/components/_radio.scss +8 -8
  101. package/scss/components/_readmore.scss +7 -7
  102. package/scss/components/_richtext.scss +12 -12
  103. package/scss/components/_scorecard.scss +2 -2
  104. package/scss/components/_searchfield.scss +11 -9
  105. package/scss/components/_socialmedia.scss +7 -7
  106. package/scss/components/_statcard.scss +8 -8
  107. package/scss/components/_status.scss +7 -7
  108. package/scss/components/_table.scss +30 -30
  109. package/scss/components/_tableofcontents.scss +13 -13
  110. package/scss/components/_tabs.scss +19 -17
  111. package/scss/components/_tag.scss +15 -15
  112. package/scss/components/_textarea.scss +15 -12
  113. package/scss/components/_textcard.scss +2 -2
  114. package/scss/components/_toggle.scss +6 -6
  115. package/scss/components/_tooltip.scss +13 -10
  116. package/scss/components/_video.scss +28 -29
  117. package/scss/components/navigation/_nav-compact.scss +17 -13
  118. package/scss/components/navigation/_nav-complex.scss +20 -12
  119. package/scss/components/navigation/_nav-main.scss +20 -14
  120. package/scss/components/navigation/internal/_nav-dropdown.scss +2 -2
  121. package/scss/components/navigation/internal/_nav-grid.scss +3 -3
  122. package/scss/components/navigation/internal/_nav-menu.scss +13 -13
  123. package/scss/components/navigation/internal/_nav-shared.scss +1 -1
  124. package/scss/components/navigation/internal/mobile/_nav-mobile-drawer.scss +5 -5
  125. package/scss/components/navigation/internal/mobile/_nav-mobile-menu.scss +5 -5
  126. package/scss/components/navigation/internal/mobile/_nav-mobile.scss +17 -17
  127. package/scss/components/photogallery/_expandable-caption.scss +4 -4
  128. package/scss/components/photogallery/_lightbox.scss +7 -7
  129. package/scss/components/photogallery/_lightboxgallery.scss +8 -8
  130. package/scss/components/photogallery/_photogallery-controls.scss +25 -13
  131. package/scss/components/photogallery/_photogallery-thumbnails.scss +8 -8
  132. package/scss/components/photogallery/_photogallery.scss +9 -9
  133. package/scss/theme/_foundation.scss +20 -1
package/css/components/tabs.css CHANGED
@@ -1 +1,3 @@
1
- @keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--tabs__theme__light{--ilo-tabs-selection-bg-color:var(--ilo-color-white);--ilo-tabs-btn-bg-color:var(--ilo-color-gray-light);--ilo-tabs-btn-bg-color-hover:var(--ilo-color-blue-lighter);--ilo-tabs-btn-bg-color-selected:var(--ilo-color-white);--ilo-tabs-btn-border-top-hover:var(--ilo-color-blue);--ilo-tabs-btn-border-top-selected:var(--ilo-color-blue-dark);--ilo-tabs-btn-color:var(--ilo-color-blue-dark);--ilo-tabs-btn-color-hover:var(--ilo-color-blue);--ilo-tabs-content-bg-color:var(--ilo-color-white)}.ilo--tabs__theme__dark{--ilo-tabs-selection-bg-color:var(--ilo-color-blue-dark);--ilo-tabs-btn-bg-color:var(--ilo-color-blue-ramp);--ilo-tabs-btn-bg-color-hover:var(--ilo-color-blue-dark);--ilo-tabs-btn-bg-color-selected:var(--ilo-color-blue-dark);--ilo-tabs-btn-border-top-selected:var(--ilo-color-white);--ilo-tabs-btn-color:var(--ilo-color-white);--ilo-tabs-btn-color-hover:var(--ilo-color-white);--ilo-tabs-content-bg-color:var(--ilo-color-blue-dark)}.ilo--tabs *{transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--tabs .ilo--tabs--selection{--tabscount:1;background-color:var(--ilo-tabs-selection-bg-color);display:block}.ilo--tabs .ilo--tabs--selection--button{align-items:center;background-color:var(--ilo-tabs-btn-bg-color);border-top:.1607717042rem solid transparent;color:var(--ilo-tabs-btn-color);display:flex;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-lg);font-weight:600;font-weight:var(--ilo-font-weight-medium);gap:calc(var(--ilo-spacing-base)*1);height:3.2154340836rem;justify-content:flex-start;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg);padding-left:calc(var(--ilo-spacing-base)*2);padding-right:calc(var(--ilo-spacing-base)*6);text-decoration:none}.ilo--tabs .ilo--tabs--selection--button[aria-selected=true]{background-color:var(--ilo-tabs-btn-bg-color-selected);border-top-color:var(--ilo-tabs-btn-border-top-selected)}.ilo--tabs .ilo--tabs--selection--button:hover{background-color:var(--ilo-tabs-btn-bg-color-hover);border-top-color:var(--ilo-tabs-btn-border-top-hover);color:var(--ilo-tabs-btn-color-hover)}.ilo--tabs .ilo--tabs--selection--button[aria-selected=true]{pointer-events:none}.ilo--tabs .ilo--tabs--selection--button.icon .ilo--icon{height:.857449089rem;order:1;width:.857449089rem}.ilo--tabs .ilo--tabs--selection--button.icon .ilo--tabs--selection--label{flex:1 1;order:2}.ilo--tabs .ilo--tabs--selection--label{overflow:hidden;padding-top:calc(var(--ilo-spacing-base)*1);text-overflow:ellipsis;white-space:nowrap}.ilo--tabs .ilo--tabs--selection--item{display:block;overflow:hidden;width:100%}.ilo--tabs .ilo--tabs--selection--item:last-of-type .ilo--tabs--selection--button{border-bottom:none;border-right:none}.ilo--tabs .ilo--tabs--content{background-color:var(--ilo-tabs-content-bg-color);padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*14) calc(var(--ilo-spacing-base)*6)}.ilo--tabs .ilo--tabs--content [aria-expanded=false]{display:none}.ilo--tabs .ilo--tabs--content [aria-expanded=true]{display:block}@media screen and (min-width:610px){.ilo--tabs .ilo--tabs--content{padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*16) calc(var(--ilo-spacing-base)*16) calc(var(--ilo-spacing-base)*16)}.ilo--tabs .ilo--tabs--selection{display:flex;flex-flow:row nowrap;gap:calc(var(--ilo-spacing-base)*1);max-width:100%}.ilo--tabs .ilo--tabs--selection--item{width:min(var(--tabscount)/1 * 100%,100%)}}
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--tabs__theme__light{--ilo-tabs-selection-bg-color:var(--ilo-color-light-container-bg-default);--ilo-tabs-btn-bg-color:var(--ilo-color-light-container-bg-disabled);--ilo-tabs-btn-bg-color-hover:var(--ilo-color-light-container-bg-subtle);--ilo-tabs-btn-bg-color-selected:var(
2
+ --ilo-color-light-container-bg-default
3
+ );--ilo-tabs-btn-border-top-hover:var(--ilo-color-light-border-brand);--ilo-tabs-btn-border-top-selected:var(--ilo-color-light-border-brand-3);--ilo-tabs-btn-color:var(--ilo-color-light-text-brand);--ilo-tabs-btn-color-hover:var(--ilo-color-light-action-hover);--ilo-tabs-content-bg-color:var(--ilo-color-light-container-bg-default)}.ilo--tabs__theme__dark{--ilo-tabs-selection-bg-color:var(--ilo-color-light-container-bg-brand);--ilo-tabs-btn-bg-color:var(--ilo-color-dark-action-selected);--ilo-tabs-btn-bg-color-hover:var(--ilo-color-light-container-bg-brand);--ilo-tabs-btn-bg-color-selected:var(--ilo-color-light-container-bg-brand);--ilo-tabs-btn-border-top-selected:var(--ilo-color-light-border-inverse);--ilo-tabs-btn-color:var(--ilo-color-light-text-inverse);--ilo-tabs-btn-color-hover:var(--ilo-color-light-text-inverse);--ilo-tabs-content-bg-color:var(--ilo-color-light-container-bg-brand)}.ilo--tabs *{transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--tabs .ilo--tabs--selection{--tabscount:1;background-color:var(--ilo-tabs-selection-bg-color);display:block}.ilo--tabs .ilo--tabs--selection--button{align-items:center;background-color:var(--ilo-tabs-btn-bg-color);border-top:.1607717042rem solid transparent;color:var(--ilo-tabs-btn-color);display:flex;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-lg);font-weight:600;font-weight:var(--ilo-font-weight-medium);gap:calc(var(--ilo-spacing-base)*1);height:3.2154340836rem;justify-content:flex-start;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg);padding-left:calc(var(--ilo-spacing-base)*2);padding-right:calc(var(--ilo-spacing-base)*6);text-decoration:none}.ilo--tabs .ilo--tabs--selection--button[aria-selected=true]{background-color:var(--ilo-tabs-btn-bg-color-selected);border-top-color:var(--ilo-tabs-btn-border-top-selected)}.ilo--tabs .ilo--tabs--selection--button:hover{background-color:var(--ilo-tabs-btn-bg-color-hover);border-top-color:var(--ilo-tabs-btn-border-top-hover);color:var(--ilo-tabs-btn-color-hover)}.ilo--tabs .ilo--tabs--selection--button[aria-selected=true]{pointer-events:none}.ilo--tabs .ilo--tabs--selection--button.icon .ilo--icon{height:.857449089rem;order:1;width:.857449089rem}.ilo--tabs .ilo--tabs--selection--button.icon .ilo--tabs--selection--label{flex:1 1;order:2}.ilo--tabs .ilo--tabs--selection--label{overflow:hidden;padding-top:calc(var(--ilo-spacing-base)*1);text-overflow:ellipsis;white-space:nowrap}.ilo--tabs .ilo--tabs--selection--item{display:block;overflow:hidden;width:100%}.ilo--tabs .ilo--tabs--selection--item:last-of-type .ilo--tabs--selection--button{border-bottom:none;border-right:none}.ilo--tabs .ilo--tabs--content{background-color:var(--ilo-tabs-content-bg-color);padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*14) calc(var(--ilo-spacing-base)*6)}.ilo--tabs .ilo--tabs--content [aria-expanded=false]{display:none}.ilo--tabs .ilo--tabs--content [aria-expanded=true]{display:block}@media screen and (min-width:610px){.ilo--tabs .ilo--tabs--content{padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*16) calc(var(--ilo-spacing-base)*16) calc(var(--ilo-spacing-base)*16)}.ilo--tabs .ilo--tabs--selection{display:flex;flex-flow:row nowrap;gap:calc(var(--ilo-spacing-base)*1);max-width:100%}.ilo--tabs .ilo--tabs--selection--item{width:min(var(--tabscount)/1 * 100%,100%)}}
package/css/components/tag.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--tags{display:flex;flex-wrap:wrap;gap:calc(var(--ilo-spacing-base)*2)}.ilo--tag{align-items:center;background-color:var(--ilo-color-gray-light);border-color:var(--ilo-color-gray-light);border-radius:.1071811361rem;border-style:solid;border-width:.0803858521rem;box-sizing:border-box;color:var(--ilo-color-blue-dark);display:inline-flex;fill:var(--ilo-color-blue-dark);flex-flow:row nowrap;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-medium);height:1.8756698821rem;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);margin:0;padding:calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*3);transition-duration:.15s;transition-property:color background-color border-color fill;transition-timing-function:ease-out;width:fit-content}.ilo--tag__disabled{color:var(--ilo-color-gray-accessible);fill:var(--ilo-color-gray-accessible);pointer-events:none}.ilo--tag__type__anchor,.ilo--tag__type__button,.ilo--tag__type__reset{appearance:none;box-shadow:none;cursor:pointer;outline:0}.ilo--tag__type__anchor:disabled,.ilo--tag__type__button:disabled,.ilo--tag__type__reset:disabled{pointer-events:none}.ilo--tag__type__anchor:focus-visible,.ilo--tag__type__button:focus-visible,.ilo--tag__type__reset:focus-visible{outline:1px solid var(--ilo-color-blue)}.ilo--tag__type__anchor:focus,.ilo--tag__type__anchor:hover,.ilo--tag__type__button:focus,.ilo--tag__type__button:hover,.ilo--tag__type__reset:focus,.ilo--tag__type__reset:hover{background-color:var(--ilo-color-blue-lighter);border-color:var(--ilo-color-blue-lighter);color:var(--ilo-color-blue);fill:var(--ilo-color-blue)}.ilo--tag__type__anchor{text-decoration:none}.ilo--tag__type__reset{background-color:var(--ilo-color-white);border-color:var(--ilo-color-gray-base);color:var(--ilo-color-blue-dark);fill:var(--ilo-color-blue-dark)}.ilo--tag .ilo--icon{bottom:.0535905681rem;fill:inherit;margin-inline-start:.1071811361rem;position:relative}
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--tags{display:flex;flex-wrap:wrap;gap:calc(var(--ilo-spacing-base)*2)}.ilo--tag{align-items:center;background-color:var(--ilo-color-light-container-bg-disabled);border-color:var(--ilo-color-light-border-subtle);border-radius:.1071811361rem;border-style:solid;border-width:.0803858521rem;box-sizing:border-box;color:var(--ilo-color-light-text-brand);display:inline-flex;fill:var(--ilo-color-light-action-default);flex-flow:row nowrap;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-medium);height:1.8756698821rem;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);margin:0;padding:calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*3);transition-duration:.15s;transition-property:color background-color border-color fill;transition-timing-function:ease-out;width:fit-content}.ilo--tag__disabled{color:var(--ilo-color-light-text-subtle);fill:var(--ilo-color-dark-icon-subtle);pointer-events:none}.ilo--tag__type__anchor,.ilo--tag__type__button,.ilo--tag__type__reset{appearance:none;box-shadow:none;cursor:pointer;outline:0}.ilo--tag__type__anchor:disabled,.ilo--tag__type__button:disabled,.ilo--tag__type__reset:disabled{pointer-events:none}.ilo--tag__type__anchor:focus-visible,.ilo--tag__type__button:focus-visible,.ilo--tag__type__reset:focus-visible{outline:1px solid var(--ilo-color-light-border-brand)}.ilo--tag__type__anchor:focus,.ilo--tag__type__anchor:hover,.ilo--tag__type__button:focus,.ilo--tag__type__button:hover,.ilo--tag__type__reset:focus,.ilo--tag__type__reset:hover{background-color:var(--ilo-color-light-container-bg-subtle);border-color:var(--ilo-color-dark-border-brand-3);color:var(--ilo-color-light-action-hover);fill:var(--ilo-color-light-action-hover)}.ilo--tag__type__anchor{text-decoration:none}.ilo--tag__type__reset{background-color:var(--ilo-color-light-container-bg-default);border-color:var(--ilo-color-light-border-default);color:var(--ilo-color-light-text-brand);fill:var(--ilo-color-light-action-default)}.ilo--tag .ilo--icon{bottom:.0535905681rem;fill:inherit;margin-inline-start:.1071811361rem;position:relative}
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-white);box-sizing:border-box;font-family:var(--ilo-fonts-copy);font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:var(--ilo-font-weight-medium);height:2.5723472669rem;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);margin:calc(var(--ilo-spacing-base)*0);max-width:100%;min-height:6.4308681672rem;min-width:100%;padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*3);position:relative;width:100%}.ilo--textarea,.ilo--textarea:focus{border:var(--ilo-border-md) solid var(--ilo-color-gray-base);outline:0}.ilo--textarea:focus{background-color:var(--ilo-color-blue-lighter);border-inline-start-color:var(--ilo-color-blue-medium);box-shadow:inset .0535905681rem 0 0 0 var(--ilo-color-blue-medium)}[dir=rtl] .ilo--textarea:focus{box-shadow:inset -.0535905681rem 0 0 0 var(--ilo-color-blue-medium)}.ilo--textarea:disabled{opacity:.45;pointer-events:none}.ilo--textarea:invalid,.ilo--textarea__error,.ilo--textarea__error .ilo--textarea{background-color:var(--ilo-color-white);border:var(--ilo-border-md) solid var(--ilo-color-gray-base);border-inline-start-color:var(--ilo-color-red-dark);box-shadow:inset .0535905681rem 0 0 0 var(--ilo-color-red-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-red-dark)}
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)}
package/css/components/textcard.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--card__type__text{--max-width:16.1307609861rem;clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px,100% 100%,0 100%);padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*8)}[dir=rtl] .ilo--card__type__text{clip-path:polygon(72px 0,100% 0,100% 100%,0 100%,0 40px)}@media screen and (max-width:609px){.ilo--card__type__text{--max-width:100%}}.ilo--card__type__text.ilo--card__size__fluid,.ilo--card__type__text.ilo--card__size__wide{--max-width:28.0278670954rem;padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*8)}.ilo--card__type__text.ilo--card__size__narrow{--max-width:16.1307609861rem;padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*8)}@media screen and (max-width:609px){.ilo--card__type__text.ilo--card__size__narrow{--max-width:100%}}.ilo--card__type__text.ilo--card__size__narrow .ilo--card--title{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-lg);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg)}.ilo--card__type__text.ilo--card__dark{border-bottom:.1607717042rem solid var(--ilo-color-red)}.ilo--card__type__text .ilo--card--skeleton--eyebrow{animation-delay:.5s;animation-duration:2s;animation-iteration-count:infinite;animation-name:pulse;animation-timing-function:ease-in-out;background:var(--ilo-skeleton-element-background-color);height:.6430868167rem;width:20%}.ilo--card__type__text .ilo--card--skeleton--title{margin-top:calc(var(--ilo-spacing-base)*4);width:90%}.ilo--card__type__text .ilo--card--skeleton--date,.ilo--card__type__text .ilo--card--skeleton--title{animation-delay:.5s;animation-duration:2s;animation-iteration-count:infinite;animation-name:pulse;animation-timing-function:ease-in-out;background:var(--ilo-skeleton-element-background-color);height:.7502679528rem}.ilo--card__type__text .ilo--card--skeleton--date{margin-top:calc(var(--ilo-spacing-base)*2);width:100%}.ilo--card__type__text .ilo--card--skeleton--profile{animation-delay:.5s;animation-duration:2s;animation-iteration-count:infinite;animation-name:pulse;animation-timing-function:ease-in-out;background:var(--ilo-skeleton-element-background-color);height:.7502679528rem;margin-top:calc(var(--ilo-spacing-base)*2);width:80%}.ilo--card__type__text .ilo--card--title{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-lg);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg)}@media screen and (min-width:610px){.ilo--card__type__text .ilo--card--title{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--card__type__text .ilo--card--date{display:block}.ilo--card__type__text .ilo--card--content{display:flex;flex-direction:column;position:relative}.ilo--card__type__text .ilo--card--content>*{justify-self:flex-start}.ilo--card__type__text .ilo--card--content>:last-child{justify-self:flex-end;margin-bottom:0}
1
+ @keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--card__type__text{--max-width:16.1307609861rem;clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px,100% 100%,0 100%);padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*8)}[dir=rtl] .ilo--card__type__text{clip-path:polygon(72px 0,100% 0,100% 100%,0 100%,0 40px)}@media screen and (max-width:609px){.ilo--card__type__text{--max-width:100%}}.ilo--card__type__text.ilo--card__size__fluid,.ilo--card__type__text.ilo--card__size__wide{--max-width:28.0278670954rem;padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*8) calc(var(--ilo-spacing-base)*8)}.ilo--card__type__text.ilo--card__size__narrow{--max-width:16.1307609861rem;padding:calc(var(--ilo-spacing-base)*10) calc(var(--ilo-spacing-base)*6) calc(var(--ilo-spacing-base)*8)}@media screen and (max-width:609px){.ilo--card__type__text.ilo--card__size__narrow{--max-width:100%}}.ilo--card__type__text.ilo--card__size__narrow .ilo--card--title{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-lg);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg)}.ilo--card__type__text.ilo--card__dark{border-bottom:.1607717042rem solid var(--ilo-color-light-feedback-error-default)}.ilo--card__type__text .ilo--card--skeleton--eyebrow{animation-delay:.5s;animation-duration:2s;animation-iteration-count:infinite;animation-name:pulse;animation-timing-function:ease-in-out;background:var(--ilo-skeleton-element-background-color);height:.6430868167rem;width:20%}.ilo--card__type__text .ilo--card--skeleton--title{margin-top:calc(var(--ilo-spacing-base)*4);width:90%}.ilo--card__type__text .ilo--card--skeleton--date,.ilo--card__type__text .ilo--card--skeleton--title{animation-delay:.5s;animation-duration:2s;animation-iteration-count:infinite;animation-name:pulse;animation-timing-function:ease-in-out;background:var(--ilo-skeleton-element-background-color);height:.7502679528rem}.ilo--card__type__text .ilo--card--skeleton--date{margin-top:calc(var(--ilo-spacing-base)*2);width:100%}.ilo--card__type__text .ilo--card--skeleton--profile{animation-delay:.5s;animation-duration:2s;animation-iteration-count:infinite;animation-name:pulse;animation-timing-function:ease-in-out;background:var(--ilo-skeleton-element-background-color);height:.7502679528rem;margin-top:calc(var(--ilo-spacing-base)*2);width:80%}.ilo--card__type__text .ilo--card--title{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-lg);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg)}@media screen and (min-width:610px){.ilo--card__type__text .ilo--card--title{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--card__type__text .ilo--card--date{display:block}.ilo--card__type__text .ilo--card--content{display:flex;flex-direction:column;position:relative}.ilo--card__type__text .ilo--card--content>*{justify-self:flex-start}.ilo--card__type__text .ilo--card--content>:last-child{justify-self:flex-end;margin-bottom:0}
package/css/components/toggle.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--input--toggle{display:inline-block;grid-area:input;height:var(--toggle-height);position:relative;width:var(--toggle-width);--base-toggle-width:2.4651661308rem;--base-toggle-height:1.2861736334rem}.ilo--input--toggle__size__small{--toggle-width:var(--base-toggle-width);--toggle-height:var(--base-toggle-height)}.ilo--input--toggle__size__medium{--toggle-width:calc(var(--base-toggle-width)*1.5);--toggle-height:calc(var(--base-toggle-height)*1.5)}.ilo--input--toggle__size__large{--toggle-width:calc(var(--base-toggle-width)*2);--toggle-height:calc(var(--base-toggle-height)*2)}.ilo--input--toggle__disabled{cursor:not-allowed;opacity:.5}.ilo--input--toggle__error .ilo--input--toggle--slider{outline-color:var(--ilo-color-red)!important;outline-style:solid;outline-width:calc(var(--toggle-height)/8)}.ilo--input--toggle input[type=checkbox]{cursor:pointer;height:100%;margin:0;opacity:0;padding:0;width:100%}.ilo--input--toggle--slider{background-color:var(--ilo-color-gray-base);border-radius:calc(var(--toggle-height)/2);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;transition-duration:.15s;transition-property:background;transition-timing-function:ease-out}.ilo--input--toggle--slider:before{background-color:var(--ilo-color-white);border-radius:50%;bottom:calc(var(--toggle-height)/6);content:"";height:calc(var(--toggle-height) - var(--toggle-height)/3);left:calc(var(--toggle-height)/6);position:absolute;transition-duration:.15s;transition-property:transform,background;transition-timing-function:ease-out;width:calc(var(--toggle-height) - var(--toggle-height)/3)}input[type=checkbox]:checked+.ilo--input--toggle--slider{background-color:var(--ilo-color-blue-dark)}input[type=checkbox]:focus+.ilo--input--toggle--slider{outline-color:var(--ilo-color-yellow);outline-style:solid;outline-width:calc(var(--toggle-height)/8)}input:checked+.ilo--input--toggle--slider:before{background-color:var(--ilo-color-blue-lighter);transform:translateX(calc(var(--toggle-width) - var(--toggle-height)))}
1
+ @keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--input--toggle{display:inline-block;grid-area:input;height:var(--toggle-height);position:relative;width:var(--toggle-width);--base-toggle-width:2.4651661308rem;--base-toggle-height:1.2861736334rem}.ilo--input--toggle__size__small{--toggle-width:var(--base-toggle-width);--toggle-height:var(--base-toggle-height)}.ilo--input--toggle__size__medium{--toggle-width:calc(var(--base-toggle-width)*1.5);--toggle-height:calc(var(--base-toggle-height)*1.5)}.ilo--input--toggle__size__large{--toggle-width:calc(var(--base-toggle-width)*2);--toggle-height:calc(var(--base-toggle-height)*2)}.ilo--input--toggle__disabled{cursor:not-allowed;opacity:.5}.ilo--input--toggle__error .ilo--input--toggle--slider{outline-color:var(--ilo-color-light-feedback-error-default)!important;outline-style:solid;outline-width:calc(var(--toggle-height)/8)}.ilo--input--toggle input[type=checkbox]{cursor:pointer;height:100%;margin:0;opacity:0;padding:0;width:100%}.ilo--input--toggle--slider{background-color:var(--ilo-color-light-container-bg-inactive);border-radius:calc(var(--toggle-height)/2);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;transition-duration:.15s;transition-property:background;transition-timing-function:ease-out}.ilo--input--toggle--slider:before{background-color:var(--ilo-color-light-container-bg-default);border-radius:50%;bottom:calc(var(--toggle-height)/6);content:"";height:calc(var(--toggle-height) - var(--toggle-height)/3);left:calc(var(--toggle-height)/6);position:absolute;transition-duration:.15s;transition-property:transform,background;transition-timing-function:ease-out;width:calc(var(--toggle-height) - var(--toggle-height)/3)}input[type=checkbox]:checked+.ilo--input--toggle--slider{background-color:var(--ilo-color-light-container-bg-brand)}input[type=checkbox]:focus+.ilo--input--toggle--slider{outline-color:var(--ilo-color-light-border-focus);outline-style:solid;outline-width:calc(var(--toggle-height)/8)}input:checked+.ilo--input--toggle--slider:before{background-color:var(--ilo-color-light-container-bg-subtle);transform:translateX(calc(var(--toggle-width) - var(--toggle-height)))}
package/css/components/tooltip.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--tooltip{background:var(--ilo-color-white);border:none;border-radius:.1071811361rem;color:var(--ilo-color-gray-charcoal);display:inline-block;filter:drop-shadow(0 .8px 1.6px rgba(30,45,190,.038)) drop-shadow(0 4px 8px rgba(30,45,190,.054)) drop-shadow(0 10px 20px rgba(30,45,190,.08)) drop-shadow(0 -4px 16px rgba(30,45,190,.054));font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-regular);font-weight:400;letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);max-width:9.6463022508rem;opacity:0;padding:calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*3);position:absolute;visibility:hidden;width:max-content}@media screen and (min-width:610px){.ilo--tooltip--long{max-width:21.436227224rem}}.ilo--tooltip--fade{opacity:1}.ilo--tooltip--visible{opacity:1;visibility:visible;z-index:2}.ilo--tooltip--arrow,.ilo--tooltip--arrow:before{background:inherit;height:10px;position:absolute;visibility:hidden;width:10px}.ilo--tooltip--arrow:before{content:"";transform:rotate(45deg);visibility:visible}.ilo--tooltip[data-popper-placement^=top]>.ilo--tooltip--arrow{bottom:-4px}.ilo--tooltip[data-popper-placement^=bottom]>.ilo--tooltip--arrow{top:-4px}.ilo--tooltip[data-popper-placement^=left]>.ilo--tooltip--arrow{right:-4px}.ilo--tooltip[data-popper-placement^=right]>.ilo--tooltip--arrow{left:-4px}.ilo--tooltip--wrapper{cursor:pointer;display:inline-block;position:relative}.ilo--tooltip--wrapper__icon{background-repeat:no-repeat;background-size:cover;height:1.0718113612rem;min-width:1.0718113612rem;position:relative}.ilo--tooltip--wrapper__icon:after{background-color:var(--ilo-color-blue-dark);content:"";display:block;height:100%;width:100%}.ilo--tooltip--wrapper__icon.ilo--tooltip--wrapper__icon__theme__dark:after,.ilo--tooltip--wrapper__icon:after{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M11 7h2v2h-2zm0 4h2v6h-2z'/%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M11 7h2v2h-2zm0 4h2v6h-2z'/%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.ilo--tooltip--wrapper__icon.ilo--tooltip--wrapper__icon__theme__dark:after{background-color:var(--ilo-color-gray-light)}.ilo--tooltip--dark{background:var(--ilo-color-gray-charcoal);color:var(--ilo-color-gray-light)}.ilo--tooltip--dark.ilo--tooltip--arrow{border-bottom-color:var(--ilo-color-gray-charcoal);border-left-color:var(--ilo-color-gray-charcoal);border-right-color:var(--ilo-color-gray-charcoal);border-top-color:var(--ilo-color-gray-charcoal)}.docs-story div[height]{min-height:150px}
1
+ @keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--tooltip{background:var(--ilo-color-light-container-bg-default);border:none;border-radius:.1071811361rem;color:var(--ilo-color-light-text-default);display:inline-block;filter:drop-shadow(0 .8px 1.6px rgba(30,45,190,.038)) drop-shadow(0 4px 8px rgba(30,45,190,.054)) drop-shadow(0 10px 20px rgba(30,45,190,.08)) drop-shadow(0 -4px 16px rgba(30,45,190,.054));font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-regular);font-weight:400;letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);max-width:9.6463022508rem;opacity:0;padding:calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*3);position:absolute;visibility:hidden;width:max-content}@media screen and (min-width:610px){.ilo--tooltip--long{max-width:21.436227224rem}}.ilo--tooltip--fade{opacity:1}.ilo--tooltip--visible{opacity:1;visibility:visible;z-index:2}.ilo--tooltip--arrow,.ilo--tooltip--arrow:before{background:inherit;height:10px;position:absolute;visibility:hidden;width:10px}.ilo--tooltip--arrow:before{content:"";transform:rotate(45deg);visibility:visible}.ilo--tooltip[data-popper-placement^=top]>.ilo--tooltip--arrow{bottom:-4px}.ilo--tooltip[data-popper-placement^=bottom]>.ilo--tooltip--arrow{top:-4px}.ilo--tooltip[data-popper-placement^=left]>.ilo--tooltip--arrow{right:-4px}.ilo--tooltip[data-popper-placement^=right]>.ilo--tooltip--arrow{left:-4px}.ilo--tooltip--wrapper{cursor:pointer;display:inline-block;position:relative}.ilo--tooltip--wrapper__icon{background-repeat:no-repeat;background-size:cover;height:1.0718113612rem;min-width:1.0718113612rem;position:relative}.ilo--tooltip--wrapper__icon:after{background-color:var(--ilo-color-light-action-default);content:"";display:block;height:100%;width:100%}.ilo--tooltip--wrapper__icon.ilo--tooltip--wrapper__icon__theme__dark:after,.ilo--tooltip--wrapper__icon:after{mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M11 7h2v2h-2zm0 4h2v6h-2z'/%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M11 7h2v2h-2zm0 4h2v6h-2z'/%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.ilo--tooltip--wrapper__icon.ilo--tooltip--wrapper__icon__theme__dark:after{background-color:var(--ilo-color-light-icon-disabled)}.ilo--tooltip--dark{background:var(--ilo-color-light-container-bg-inverse);color:var(--ilo-color-dark-text-subtle)}.ilo--tooltip--dark.ilo--tooltip--arrow{border-bottom-color:var(--ilo-color-light-container-bg-inverse);border-left-color:var(--ilo-color-light-container-bg-inverse);border-right-color:var(--ilo-color-light-container-bg-inverse);border-top-color:var(--ilo-color-light-container-bg-inverse)}.docs-story div[height]{min-height:150px}
package/css/components/video.css CHANGED
@@ -1 +1,7 @@
1
- .ilo--image{position:relative}.ilo--image--wrapper{position:relative}.ilo--image figure,.ilo--image--wrapper{line-height:0;width:100%}.ilo--image img{width:100%}.ilo--image figcaption{border-inline-start:var(--ilo-border-lg) solid var(--ilo-color-borders-default);color:var(--ilo-color-gray-accessible);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);margin-top:calc(var(--ilo-spacing-base)*4);padding-inline-start:calc(var(--ilo-spacing-base)*2)}.ilo--image--credit{--ilo-caption-icon-wrapper-bg-color:var(--ilo-color-gray-charcoal);align-items:center;background:var(--ilo-caption-icon-wrapper-bg-color);display:flex;height:24px;justify-content:center;position:relative;width:auto}.ilo--image--credit:after{border-left:20px solid var(--ilo-caption-icon-wrapper-bg-color);border-right:none;border-top:24px solid transparent;content:"";height:0;left:100%;position:absolute;top:0;width:0}.ilo--image--credit{bottom:0;left:0;position:absolute}.ilo--image--tooltip{padding-left:calc(var(--ilo-spacing-base)*2);padding-right:calc(var(--ilo-spacing-base)*1)}.ilo--image--label{color:var(--ilo-color-gray-light);display:none;font-size:var(--ilo-font-size-xsm);line-height:var(--ilo-line-height-xsm);padding-left:calc(var(--ilo-spacing-base)*3);padding-right:calc(var(--ilo-spacing-base)*2)}[dir=rtl] .ilo--image--credit{--ilo-caption-icon-wrapper-bg-color:var(--ilo-color-gray-charcoal);align-items:center;background:var(--ilo-caption-icon-wrapper-bg-color);display:flex;height:24px;justify-content:center;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-gray-light-semi-transparent);color:var(--ilo-color-white)}.ilo--image__theme__dark .ilo--image--credit{--ilo-caption-icon-wrapper-bg-color:var(--ilo-color-white)}.ilo--image__theme__dark .ilo--image--label{color:var(--ilo-color-gray-charcoal)}@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--video{width:100%}.ilo--video .video-js{height:auto}.ilo--video .vjs-loading-spinner{display:none}.ilo--video .vjs-tech{width:100%}.ilo--video--element{height:auto;object-fit:cover;width:inherit}.ilo--video--wrapper{line-height:0;overflow:hidden;position:relative}.ilo--video figcaption{border-inline-start:var(--ilo-border-lg) solid var(--ilo-color-borders-default);color:var(--ilo-color-gray-accessible);font-size:var(--ilo-font-size-sm);font-weight:var(--ilo-font-weight-regular);letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);margin-top:calc(var(--ilo-spacing-base)*4);padding-inline-start:calc(var(--ilo-spacing-base)*2)}.ilo--video__theme__dark figcaption{border-inline-color:var(--ilo-color-gray-light-semi-transparent);color:var(--ilo-color-white)}.ilo--video button{padding:0}.ilo--video .vjs-control-text,.ilo--video .vjs-current-time,.ilo--video .vjs-custom-control-spacer,.ilo--video .vjs-remaining-time,.ilo--video .vjs-time-divider{display:none}.ilo--video:focus .vjs-control-bar,.ilo--video:focus-within .vjs-control-bar,.ilo--video:hover .vjs-control-bar{opacity:1;transition:opacity .15s ease-out}.ilo--video .vjs-youtube{padding-bottom:56.25%}.ilo--video--element.vjs-ended .vjs-poster,.ilo--video--element:not(.vjs-has-started) .vjs-poster{background-size:cover;height:100%;left:0;object-fit:cover;overflow:hidden;position:absolute;top:0;width:100%}.ilo--video--element.vjs-ended .vjs-control-bar,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar{bottom:auto;opacity:1;top:0;width:6.6452304394rem}.ilo--video--element.vjs-ended .vjs-control-bar:focus .vjs-duration,.ilo--video--element.vjs-ended .vjs-control-bar:focus .vjs-play-control,.ilo--video--element.vjs-ended .vjs-control-bar:hover .vjs-duration,.ilo--video--element.vjs-ended .vjs-control-bar:hover .vjs-play-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:focus .vjs-duration,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:focus .vjs-play-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:hover .vjs-duration,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:hover .vjs-play-control{background-color:var(--ilo-color-blue-light);color:var(--ilo-color-blue)}.ilo--video--element.vjs-ended .vjs-control-bar:focus .vjs-play-control,.ilo--video--element.vjs-ended .vjs-control-bar:hover .vjs-play-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:focus .vjs-play-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:hover .vjs-play-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231e2dbe' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video--element.vjs-ended .vjs-control-bar .vjs-play-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control{background-color:var(--ilo-color-gray-charcoal);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23edf0f2' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size: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-blue-light);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231e2dbe' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video--element.vjs-ended .vjs-control-bar .vjs-play-control.vjs-paused,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control.vjs-paused{background-color:var(--ilo-color-gray-charcoal);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23edf0f2' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size: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-blue-light);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231e2dbe' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video--element.vjs-ended .vjs-control-bar .vjs-duration,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-duration{align-items:center;background-color:var(--ilo-color-gray-charcoal);color:var(--ilo-color-gray-light);display:flex;font-size:.7502679528rem;font-weight:700;height:2.1436227224rem;justify-content:center;width:4.2872454448rem}@media screen and (min-width:1024px){.ilo--video--element.vjs-ended .vjs-control-bar,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar{flex-direction:column;gap:.2143622722rem;height:6.6452304394rem;width:4.2872454448rem}.ilo--video--element.vjs-ended .vjs-control-bar .vjs-play-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control{background-color:var(--ilo-color-gray-charcoal);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23edf0f2' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:72px 72px;border:none;cursor:pointer;height:80px;width:80px}.ilo--video--element.vjs-ended .vjs-control-bar .vjs-play-control:focus,.ilo--video--element.vjs-ended .vjs-control-bar .vjs-play-control:hover,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:focus,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:hover{background-color:var(--ilo-color-blue-light);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231e2dbe' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video--element.vjs-ended .vjs-control-bar .vjs-play-control.vjs-paused,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control.vjs-paused{background-color:var(--ilo-color-gray-charcoal);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23edf0f2' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:72px 72px;border:none;cursor:pointer;height:80px;width:80px}.ilo--video--element.vjs-ended .vjs-control-bar .vjs-play-control.vjs-paused:focus,.ilo--video--element.vjs-ended .vjs-control-bar .vjs-play-control.vjs-paused:hover,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control.vjs-paused:focus,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control.vjs-paused:hover{background-color:var(--ilo-color-blue-light);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231e2dbe' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}}.ilo--video--element.vjs-ended .vjs-control-bar .vjs-fullscreen-control,.ilo--video--element.vjs-ended .vjs-control-bar .vjs-progress-control,.ilo--video--element.vjs-ended .vjs-control-bar .vjs-subs-caps-button,.ilo--video--element.vjs-ended .vjs-control-bar .vjs-volume-panel,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-fullscreen-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-progress-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-subs-caps-button,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-volume-panel{display:none}.ilo--video .vjs-control-bar{bottom:0;display:flex;height:2.1436227224rem;opacity:0;order:1;position:absolute;transition:opacity .15s ease-out;width:100%}.ilo--video .vjs-control-bar .vjs-duration,.ilo--video .vjs-control-bar .vjs-poster{display:none}.ilo--video .vjs-control-bar .vjs-play-control{background-color:var(--ilo-color-gray-charcoal);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23edf0f2' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size: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-blue-light);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231e2dbe' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-play-control{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-gray-charcoal);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23edf0f2' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size: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-blue-light);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231e2dbe' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l5.5-3.5L19 12z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-play-control.vjs-playing{background-color:var(--ilo-color-gray-charcoal);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23edf0f2' viewBox='0 0 24 24'%3E%3Cpath d='M6 19h4V5H6zm8-14v14h4V5z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size: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-blue-light);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231e2dbe' viewBox='0 0 24 24'%3E%3Cpath d='M6 19h4V5H6zm8-14v14h4V5z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-fullscreen-control{background-color:var(--ilo-color-gray-charcoal);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23edf0f2' viewBox='0 0 24 24'%3E%3Cpath d='m10.364 15.055-3.988 3.987L8.333 21H3v-5.333l1.962 1.96 3.988-3.986zm8.678 2.568L21 15.667V21h-5.333l1.96-1.963-3.986-3.987 1.414-1.414zM6.373 4.959l3.991 3.991-1.414 1.414L4.96 6.373 3 8.333V3h5.333zM21 8.333l-1.958-1.957-3.987 3.988L13.64 8.95l3.987-3.988L15.667 3H21z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size: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-blue-light);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231e2dbe' viewBox='0 0 24 24'%3E%3Cpath d='m10.364 15.055-3.988 3.987L8.333 21H3v-5.333l1.962 1.96 3.988-3.986zm8.678 2.568L21 15.667V21h-5.333l1.96-1.963-3.986-3.987 1.414-1.414zM6.373 4.959l3.991 3.991-1.414 1.414L4.96 6.373 3 8.333V3h5.333zM21 8.333l-1.958-1.957-3.987 3.988L13.64 8.95l3.987-3.988L15.667 3H21z'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-subs-caps-button{margin-right:.1071811361rem;order:3;position:relative;z-index:30}.ilo--video .vjs-control-bar .vjs-subs-caps-button>.vjs-menu-button{background-color:var(--ilo-color-gray-charcoal);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23edf0f2' viewBox='0 0 24 24'%3E%3Cpath d='M4.222 21H2V3h20v18H4.222m2.222-5.668h3.334q.472 0 .792-.32a1.07 1.07 0 0 0 .319-.791V13.11H9.222v.555H7v-3.333h2.222v.556h1.667V9.777q0-.473-.32-.792a1.08 1.08 0 0 0-.791-.32H6.444q-.471 0-.79.32a1.08 1.08 0 0 0-.32.792v4.444q0 .473.32.792t.79.319m7.778 0h3.333q.473 0 .793-.32t.318-.791V13.11H17v.555h-2.222v-3.333H17v.556h1.666V9.777q0-.473-.32-.792a1.08 1.08 0 0 0-.79-.32h-3.334q-.472 0-.791.32a1.08 1.08 0 0 0-.32.792v4.444q0 .473.32.792t.791.319'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size: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-blue-light);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231e2dbe' viewBox='0 0 24 24'%3E%3Cpath d='M4.222 21H2V3h20v18H4.222m2.222-5.668h3.334q.472 0 .792-.32a1.07 1.07 0 0 0 .319-.791V13.11H9.222v.555H7v-3.333h2.222v.556h1.667V9.777q0-.473-.32-.792a1.08 1.08 0 0 0-.791-.32H6.444q-.471 0-.79.32a1.08 1.08 0 0 0-.32.792v4.444q0 .473.32.792t.79.319m7.778 0h3.333q.473 0 .793-.32t.318-.791V13.11H17v.555h-2.222v-3.333H17v.556h1.666V9.777q0-.473-.32-.792a1.08 1.08 0 0 0-.79-.32h-3.334q-.472 0-.791.32a1.08 1.08 0 0 0-.32.792v4.444q0 .473.32.792t.791.319'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-subs-caps-button.vjs-hover>.vjs-menu-button,.ilo--video .vjs-control-bar .vjs-subs-caps-button:focus-within>.vjs-menu-button,.ilo--video .vjs-control-bar .vjs-subs-caps-button:hover>.vjs-menu-button{background-color:var(--ilo-color-blue-light);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231e2dbe' viewBox='0 0 24 24'%3E%3Cpath d='M4.222 21H2V3h20v18H4.222m2.222-5.668h3.334q.472 0 .792-.32a1.07 1.07 0 0 0 .319-.791V13.11H9.222v.555H7v-3.333h2.222v.556h1.667V9.777q0-.473-.32-.792a1.08 1.08 0 0 0-.791-.32H6.444q-.471 0-.79.32a1.08 1.08 0 0 0-.32.792v4.444q0 .473.32.792t.79.319m7.778 0h3.333q.473 0 .793-.32t.318-.791V13.11H17v.555h-2.222v-3.333H17v.556h1.666V9.777q0-.473-.32-.792a1.08 1.08 0 0 0-.79-.32h-3.334q-.472 0-.791.32a1.08 1.08 0 0 0-.32.792v4.444q0 .473.32.792t.791.319'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-subs-caps-button .vjs-menu{background:var(--ilo-color-brand-100);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-gray-charcoal);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-gray-charcoal);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{background:var(--ilo-color-neutrals-200);cursor:pointer}.ilo--video .vjs-control-bar .vjs-subs-caps-button .vjs-menu-item:before{background-color:var(--ilo-color-gray-base);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-gray-base);border:.2143622722rem solid var(--ilo-color-gray-base);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-gray-charcoal)}.ilo--video .vjs-control-bar .vjs-subs-caps-button .vjs-menu-item.vjs-selected:before{background-color:var(--ilo-color-blue-dark)}.ilo--video .vjs-control-bar .vjs-subs-caps-button .vjs-menu-item.vjs-selected:after{background-color:var(--ilo-color-blue-lighter);border-color:var(--ilo-color-blue-dark)}.ilo--video .vjs-control-bar .vjs-subs-caps-button .vjs-menu-item:focus:before{background-color:var(--ilo-color-yellow)}.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-gray-charcoal);flex-grow:1;margin-right:.1071811361rem;order:2}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-mouse-display{display:none}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-progress-holder{position:relative;width:96%}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress,.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress{height:.4287245445rem;left:2%;position:absolute;top:.857449089rem;z-index:10}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress{background-color:var(--ilo-color-blue-light);z-index:15}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress .vjs-time-tooltip{display:none}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress{background-color:var(--ilo-color-gray-base);z-index:15}.ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress,.ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress{position:relative}.ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip,.ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip{align-items:center;background-color:var(--ilo-color-gray-charcoal);bottom:calc(300% + 12px);color:var(--ilo-color-gray-light);display:flex;font-family:var(--ilo-fonts-copy);font-size:.7502679528rem;font-size:var(--ilo-font-size-xsm);font-weight:var(--ilo-font-weight-regular);height:1.7148981779rem;justify-content:center;letter-spacing:var(--ilo-letter-spacing-md);line-height:var(--ilo-line-height-xlg);position:absolute;right:0;width:70px}.ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip:after,.ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232d2d2d' viewBox='0 0 24 24'%3E%3Cpath d='m12 17 6-8H6z'/%3E%3C/svg%3E");background-position:0 0;background-repeat:no-repeat;background-size:contain;bottom:-.6430868167rem;content:"";height:.6430868167rem;left:calc(50% - 6px);position:absolute;width:.6430868167rem}.ilo--video .vjs-control-bar .vjs-volume-panel{border-bottom:1px solid;bottom:0;flex-direction:column;margin-right:.1071811361rem;order:4;position:relative;width:40px}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control{background-color:var(--ilo-color-gray-charcoal);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23edf0f2' viewBox='0 0 24 24'%3E%3Cpath d='M3.34 8.77v6h4l5 5v-16l-5 5zm13.5 3a4.5 4.5 0 0 0-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02M14.34 3v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size: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-blue-light);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231e2dbe' viewBox='0 0 24 24'%3E%3Cpath d='M3.34 8.77v6h4l5 5v-16l-5 5zm13.5 3a4.5 4.5 0 0 0-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02M14.34 3v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control{height:2.1436227224rem}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control[title=Unmute]{background-color:var(--ilo-color-gray-charcoal);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23edf0f2' viewBox='0 0 24 24'%3E%3Cpath d='M4.61 3 3.2 4.41l4.36 4.36-.29.3h-4v6h4l5 5v-6.59l4.18 4.18c-.65.49-1.38.88-2.18 1.11v2.06a8.94 8.94 0 0 0 3.61-1.75l2.05 2.05 1.41-1.41zm14.66 9.07c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71m-7-8-1.88 1.88 1.88 1.88zm4.5 8a4.5 4.5 0 0 0-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size: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-blue-light);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231e2dbe' viewBox='0 0 24 24'%3E%3Cpath d='M4.61 3 3.2 4.41l4.36 4.36-.29.3h-4v6h4l5 5v-6.59l4.18 4.18c-.65.49-1.38.88-2.18 1.11v2.06a8.94 8.94 0 0 0 3.61-1.75l2.05 2.05 1.41-1.41zm14.66 9.07c0 .82-.15 1.61-.41 2.34l1.53 1.53c.56-1.17.88-2.48.88-3.87 0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71m-7-8-1.88 1.88 1.88 1.88zm4.5 8a4.5 4.5 0 0 0-2.5-4.03v1.79l2.48 2.48c.01-.08.02-.16.02-.24'/%3E%3C/svg%3E");background-repeat:no-repeat}.ilo--video .vjs-control-bar .vjs-volume-panel.vjs-hover .vjs-volume-control{align-items:center;cursor:pointer;display:flex;justify-content:center}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control{background:var(--ilo-color-blue-light);border-left:.1607717042rem solid var(--ilo-color-gray-base);display:none;height:2.1436227224rem;position:absolute;top:.4823151125rem;transform:rotate(270deg);transform-origin:-4px -4px;width:7.3954983923rem}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-bar{height:.2143622722rem;position:relative;width:calc(100% - 26px)}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-tooltip{display:none}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-mouse-display{background-color:var(--ilo-color-gray-base);height:.2143622722rem;position:absolute;width:100%}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-level{background-color:var(--ilo-color-blue);height:.2143622722rem;left:0;position:absolute;top:0}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-level:before{background:var(--ilo-color-blue);border-radius:50%;content:"";height:.857449089rem;position:absolute;right:-.857449089rem;top:50%;transform:translate(-50%,-50%);width:.857449089rem}.ilo--video .vjs-fullscreen .vjs-fullscreen-control{background-color:var(--ilo-color-gray-charcoal);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23edf0f2' viewBox='0 0 24 24'%3E%3Cpath d='m7.813 6.569 2.045-2.045v5.334H4.524L6.57 7.813 3 4.263 4.262 3zm11.663 3.289L17.43 7.813 21 4.263 19.738 3l-3.551 3.569-2.045-2.045v5.334zm-3.29 7.573-2.044 2.045v-5.334h5.334l-2.045 2.045L21 19.737 19.738 21zM6.57 16.187l-2.045-2.045h5.334v5.334L7.813 17.43 4.263 21 3 19.738z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size: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-blue-light);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231e2dbe' viewBox='0 0 24 24'%3E%3Cpath d='m7.813 6.569 2.045-2.045v5.334H4.524L6.57 7.813 3 4.263 4.262 3zm11.663 3.289L17.43 7.813 21 4.263 19.738 3l-3.551 3.569-2.045-2.045v5.334zm-3.29 7.573-2.044 2.045v-5.334h5.334l-2.045 2.045L21 19.737 19.738 21zM6.57 16.187l-2.045-2.045h5.334v5.334L7.813 17.43 4.263 21 3 19.738z'/%3E%3C/svg%3E");background-repeat:no-repeat}
1
+ .ilo--image{position:relative}.ilo--image--wrapper{position:relative}.ilo--image figure,.ilo--image--wrapper{line-height:0;width:100%}.ilo--image img{width:100%}.ilo--image figcaption{border-inline-start:var(--ilo-border-lg) solid var(--ilo-color-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--image--credit{--ilo-caption-icon-wrapper-bg-color:var(
2
+ --ilo-color-light-container-bg-inverse
3
+ );align-items:center;background:var(--ilo-caption-icon-wrapper-bg-color);display:flex;height:24px;justify-content:center;position:relative;width:auto}.ilo--image--credit:after{border-left:20px solid var(--ilo-caption-icon-wrapper-bg-color);border-right:none;border-top:24px solid transparent;content:"";height:0;left:100%;position:absolute;top:0;width:0}.ilo--image--credit{bottom:0;left:0;position:absolute}.ilo--image--tooltip{padding-left:calc(var(--ilo-spacing-base)*2);padding-right:calc(var(--ilo-spacing-base)*1)}.ilo--image--label{color:var(--ilo-color-dark-text-subtle);display:none;font-size:var(--ilo-font-size-xsm);line-height:var(--ilo-line-height-xsm);padding-left:calc(var(--ilo-spacing-base)*3);padding-right:calc(var(--ilo-spacing-base)*2)}[dir=rtl] .ilo--image--credit{--ilo-caption-icon-wrapper-bg-color:var(
4
+ --ilo-color-light-container-bg-inverse
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
+ --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}
package/css/global.css CHANGED
@@ -1,2 +1,2 @@
1
- @charset "UTF-8";*,::after,::before{box-sizing:border-box}address,blockquote,body,dl,fieldset,figure,form,iframe,legend,ol,option,p,pre,table,ul{margin:0;padding:0;border:0}h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit;font-weight:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ul{list-style:none}table{border-color:inherit;border-collapse:collapse;border-spacing:0}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:0 0;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}textarea{overflow:auto}select{-webkit-appearance:none;-moz-appearance:none}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}:root{--ilo-fonts-display:Overpass,Noto Sans,sans-serif;--ilo-fonts-display-ar:Vazirmatn,sans-serif;--ilo-fonts-display-zh:PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;--ilo-fonts-display-jp:Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,sans-serif;--ilo-fonts-copy:Noto Sans,sans-serif;--ilo-fonts-copy-ar:Vazirmatn,sans-serif;--ilo-fonts-copy-zh:PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;--ilo-fonts-copy-jp:Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,sans-serif;--ilo-fonts-monospace:monospace;--ilo-line-height:1.46;--ilo-font-size-base:18.66px;--ilo-font-size-2xsm:px-to-rem(10px);--ilo-font-size-xsm:px-to-rem(12px);--ilo-font-size-sm:px-to-rem(14px);--ilo-font-size-md:px-to-rem(16px);--ilo-font-size-lg:px-to-rem(18px);--ilo-font-size-xlg:px-to-rem(24px);--ilo-font-size-2xlg:px-to-rem(28px);--ilo-font-size-3xlg:px-to-rem(32px);--ilo-font-size-4xlg:px-to-rem(36px);--ilo-font-size-5xlg:px-to-rem(44px);--ilo-font-weight-light:300;--ilo-font-weight-regular:400;--ilo-font-weight-medium:500;--ilo-font-weight-bold:700;--ilo-line-height-base:27.24px;--ilo-line-height-xsm:1.15;--ilo-line-height-sm:1.2;--ilo-line-height-md:1.25;--ilo-line-height-lg:1.3;--ilo-line-height-xlg:1.35;--ilo-line-height-2xlg:1.45;--ilo-line-height-3xlg:1.5;--ilo-letter-spacing-xsm:-3.5%;--ilo-letter-spacing-sm:-2%;--ilo-letter-spacing-md:0;--ilo-letter-spacing-lg:2%}:root{--ilo-scale:1;--ilo-layout-max-width:69.667738478rem;--ilo-layout-padding:1.0718113612rem;--ilo-color-white:var(--ilo-color-neutrals-white);--ilo-color-blue:var(--ilo-color-brand-600);--ilo-color-blue-lighter:var(--ilo-color-brand-100);--ilo-color-blue-light:var(--ilo-color-brand-200);--ilo-color-blue-dark:var(--ilo-color-brand-800);--ilo-color-blue-medium:rgba(210, 213, 242, 1);--ilo-color-blue-ramp:var(--ilo-color-brand-700);--ilo-color-blue-dark-ramp:var(--ilo-color-brand-800-transparent);--ilo-color-gray-charcoal:var(--ilo-color-neutrals-black);--ilo-color-gray-accessible:var(--ilo-color-neutrals-700);--ilo-color-gray-light:var(--ilo-color-neutrals-200);--ilo-color-gray-light-semi-transparent:rgba(237, 240, 242, 0.25);--ilo-color-gray-base:var(--ilo-color-neutrals-500);--ilo-color-red:var(--ilo-color-red-500);--ilo-color-red-light:var(--ilo-color-red-100);--ilo-color-red-dark:var(--ilo-color-red-600);--ilo-color-red-ramp:var(--ilo-color-red-500-transparent);--ilo-color-yellow:var(--ilo-color-yellow-400);--ilo-color-yellow-light:var(--ilo-color-yellow-100);--ilo-color-yellow-ramp:var(--ilo-color-yellow-400-transparent);--ilo-color-green:var(--ilo-color-green-400);--ilo-color-green-light:var(--ilo-color-green-100);--ilo-color-green-ramp:var(--ilo-color-green-400-transparent);--ilo-color-turquoise:var(--ilo-color-turquoise-500);--ilo-color-purple:var(--ilo-color-purple-600);--ilo-color-brand-800:rgba(35, 0, 80, 1);--ilo-color-brand-800-transparent:rgba(35, 0, 80, 0.5);--ilo-color-brand-700:rgba(21, 31, 133, 1);--ilo-color-brand-600:rgba(30, 45, 190, 1);--ilo-color-brand-600-transparent:rgba(30, 45, 190, 0.4);--ilo-color-brand-500:rgba(50, 100, 200, 1);--ilo-color-brand-400:rgba(90, 135, 205, 1);--ilo-color-brand-300:rgba(130, 175, 220, 1);--ilo-color-brand-200:rgba(190, 220, 250, 1);--ilo-color-brand-100:rgba(235, 245, 253, 1);--ilo-color-neutrals-black:rgba(45, 45, 45, 1);--ilo-color-neutrals-700:rgba(109, 109, 109, 1);--ilo-color-neutrals-500:rgba(184, 196, 204, 1);--ilo-color-neutrals-200:rgba(237, 240, 242, 1);--ilo-color-neutrals-white:rgba(255, 255, 255, 1);--ilo-color-red-800:rgba(125, 18, 26, 1);--ilo-color-red-700:rgba(150, 36, 45, 1);--ilo-color-red-600:rgba(200, 48, 60, 1);--ilo-color-red-500:rgba(250, 60, 75, 1);--ilo-color-red-500-transparent:rgba(250, 60, 75, 0.2);--ilo-color-red-400:rgba(251, 99, 111, 1);--ilo-color-red-300:rgba(252, 138, 147, 1);--ilo-color-red-200:rgba(253, 177, 183, 1);--ilo-color-red-100:rgba(254, 216, 219, 1);--ilo-color-yellow-800:rgba(165, 104, 3, 1);--ilo-color-yellow-700:rgba(215, 135, 0, 1);--ilo-color-yellow-600:rgba(228, 148, 40, 1);--ilo-color-yellow-500:rgba(250, 180, 40, 1);--ilo-color-yellow-400:rgba(255, 205, 45, 1);--ilo-color-yellow-400-transparent:rgba(255, 205, 45, 0.2);--ilo-color-yellow-300:rgba(255, 220, 108, 1);--ilo-color-yellow-200:rgba(255, 235, 171, 1);--ilo-color-yellow-100:rgba(255, 245, 200, 1);--ilo-color-green-800:rgba(21, 66, 0, 1);--ilo-color-green-700:rgba(56, 90, 40, 1);--ilo-color-green-600:rgba(84, 135, 60, 1);--ilo-color-green-500:rgba(112, 180, 80, 1);--ilo-color-green-400:rgba(140, 225, 100, 1);--ilo-color-green-400-transparent:rgba(140, 225, 100, 0.2);--ilo-color-green-300:rgba(175, 234, 147, 1);--ilo-color-green-200:rgba(209, 243, 193, 1);--ilo-color-green-100:rgba(232, 249, 224, 1);--ilo-color-turquoise-800:rgba(2, 84, 84, 1);--ilo-color-turquoise-700:rgba(4, 147, 147, 1);--ilo-color-turquoise-600:rgba(5, 189, 189, 1);--ilo-color-turquoise-500:rgba(5, 210, 210, 1);--ilo-color-turquoise-400:rgba(105, 228, 228, 1);--ilo-color-turquoise-300:rgba(158, 242, 242, 1);--ilo-color-turquoise-200:rgba(180, 250, 247, 1);--ilo-color-turquoise-100:rgba(210, 251, 251, 1);--ilo-color-purple-800:rgba(95, 0, 55, 1);--ilo-color-purple-700:rgba(119, 20, 73, 1);--ilo-color-purple-600:rgba(150, 10, 85, 1);--ilo-color-purple-500:rgba(171, 59, 119, 1);--ilo-color-purple-400:rgba(203, 133, 170, 1);--ilo-color-purple-300:rgba(224, 182, 204, 1);--ilo-color-purple-200:rgba(240, 210, 224, 1);--ilo-color-purple-100:rgba(245, 231, 238, 1);--ilo-color-light-text-default:var(--ilo-color-neutrals-black);--ilo-color-light-text-subtle:var(--ilo-color-neutrals-700);--ilo-color-light-text-brand:var(--ilo-color-brand-800);--ilo-color-light-text-accent:var(--ilo-color-purple-600);--ilo-color-light-text-inverse:var(--ilo-color-neutrals-white);--ilo-color-light-action-default:var(--ilo-color-brand-800);--ilo-color-light-action-hover:var(--ilo-color-brand-600);--ilo-color-light-action-selected:var(--ilo-color-brand-600);--ilo-color-light-action-inverse:var(--ilo-color-neutrals-white);--ilo-color-light-icon-default:var(--ilo-color-neutrals-black);--ilo-color-light-icon-subtle:var(--ilo-color-neutrals-500);--ilo-color-light-icon-accent:var(--ilo-color-purple-600);--ilo-color-light-icon-inverse:var(--ilo-color-neutrals-white);--ilo-color-light-border-default:var(--ilo-color-neutrals-500);--ilo-color-light-border-subtle:var(--ilo-color-neutrals-200);--ilo-color-light-border-brand:var(--ilo-color-brand-600);--ilo-color-light-border-brand-2:var(--ilo-color-brand-200);--ilo-color-light-border-brand-3:var(--ilo-color-brand-800);--ilo-color-light-border-brand-4:var(--ilo-color-purple-600);--ilo-color-light-border-focus:var(--ilo-color-yellow-400);--ilo-color-light-border-inverse:var(--ilo-color-neutrals-white);--ilo-color-light-container-bg-default:var(--ilo-color-neutrals-white);--ilo-color-light-container-bg-subtle:var(--ilo-color-brand-100);--ilo-color-light-container-bg-brand:var(--ilo-color-brand-800);--ilo-color-light-container-bg-disabled:var(--ilo-color-neutrals-200);--ilo-color-light-page-bg-default:var(--ilo-color-neutrals-white);--ilo-color-light-page-bg-subtle:var(--ilo-color-brand-100);--ilo-color-light-feedback-error-dark:var(--ilo-color-red-600);--ilo-color-light-feedback-error-default:var(--ilo-color-red-500);--ilo-color-light-feedback-error-light:var(--ilo-color-red-100);--ilo-color-light-feedback-warning-default:var(--ilo-color-yellow-400);--ilo-color-light-feedback-warning-light:var(--ilo-color-yellow-100);--ilo-color-light-feedback-success-default:var(--ilo-color-green-400);--ilo-color-light-feedback-success-light:var(--ilo-color-green-100);--ilo-color-light-feedback-info-default:var(--ilo-color-brand-600);--ilo-color-light-feedback-info-light:var(--ilo-color-brand-200);--ilo-color-light-generic-turquoise:var(--ilo-color-turquoise-500);--ilo-color-light-generic-purple:var(--ilo-color-purple-600);--ilo-color-light-generic-green:var(--ilo-color-green-400);--ilo-color-light-generic-yellow:var(--ilo-color-yellow-400);--ilo-color-light-generic-ilo-light-blue:var(--ilo-color-brand-100);--ilo-color-dark-text-default:var(--ilo-color-neutrals-white);--ilo-color-dark-text-subtle:var(--ilo-color-neutrals-200);--ilo-color-dark-text-brand:var(--ilo-color-brand-200);--ilo-color-dark-text-accent:var(--ilo-color-yellow-400);--ilo-color-dark-text-inverse:var(--ilo-color-brand-800);--ilo-color-dark-action-default:var(--ilo-color-brand-100);--ilo-color-dark-action-hover:var(--ilo-color-brand-200);--ilo-color-dark-action-selected:var(--ilo-color-brand-200);--ilo-color-dark-action-inverse:var(--ilo-color-brand-800);--ilo-color-dark-icon-default:var(--ilo-color-neutrals-white);--ilo-color-dark-icon-subtle:var(--ilo-color-neutrals-700);--ilo-color-dark-icon-accent:var(--ilo-color-yellow-400);--ilo-color-dark-icon-inverse:var(--ilo-color-brand-800);--ilo-color-dark-border-default:var(--ilo-color-neutrals-white);--ilo-color-dark-border-subtle:var(--ilo-color-neutrals-700);--ilo-color-dark-border-brand:var(--ilo-color-brand-200);--ilo-color-dark-border-brand-2:var(--ilo-color-brand-800);--ilo-color-dark-border-brand-3:var(--ilo-color-brand-100);--ilo-color-dark-border-brand-4:var(--ilo-color-yellow-400);--ilo-color-dark-border-focus:var(--ilo-color-yellow-400);--ilo-color-dark-border-inverse:var(--ilo-color-brand-800);--ilo-color-dark-container-bg-default:var(--ilo-color-brand-800);--ilo-color-dark-container-bg-subtle:var(--ilo-color-brand-600);--ilo-color-dark-container-bg-brand:var(--ilo-color-brand-100);--ilo-color-dark-container-bg-disabled:var(--ilo-color-neutrals-black);--ilo-color-dark-page-bg-default:var(--ilo-color-brand-800);--ilo-color-dark-page-bg-subtle:var(--ilo-color-neutrals-black);--ilo-color-dark-feedback-error-dark:var(--ilo-color-red-100);--ilo-color-dark-feedback-error-default:var(--ilo-color-red-500);--ilo-color-dark-feedback-error-light:var(--ilo-color-red-600);--ilo-color-dark-feedback-warning-default:var(--ilo-color-yellow-400);--ilo-color-dark-feedback-warning-light:var(--ilo-color-yellow-800);--ilo-color-dark-feedback-success-default:var(--ilo-color-green-400);--ilo-color-dark-feedback-success-light:var(--ilo-color-green-800);--ilo-color-dark-feedback-info-default:var(--ilo-color-brand-600);--ilo-color-dark-feedback-info-light:var(--ilo-color-brand-800);--ilo-color-dark-generic-turquoise:var(--ilo-color-turquoise-500);--ilo-color-dark-generic-purple:var(--ilo-color-purple-600);--ilo-color-dark-generic-green:var(--ilo-color-green-400);--ilo-color-dark-generic-yellow:var(--ilo-color-yellow-400);--ilo-color-dark-generic-ilo-light-blue:var(--ilo-color-brand-200);--ilo-color-notification-type-error:var(--ilo-color-red-500);--ilo-color-notification-type-info:var(--ilo-color-brand-600);--ilo-color-notification-type-success:var(--ilo-color-green-400);--ilo-color-notification-type-warning:var(--ilo-color-yellow-400);--ilo-color-background-default:var(--ilo-color-neutrals-white);--ilo-color-background-active:var(--ilo-color-brand-600);--ilo-color-background-highlight:var(--ilo-color-neutrals-200);--ilo-color-background-hover:var(--ilo-color-brand-100);--ilo-color-background-focus:var(--ilo-color-neutrals-white);--ilo-color-borders-default:var(--ilo-color-neutrals-500);--ilo-color-borders-hover:var(--ilo-color-brand-600);--ilo-color-borders-active:var(--ilo-color-brand-600);--ilo-color-borders-focus:var(--ilo-color-yellow-400);--ilo-breakpoint-xs:320px;--ilo-breakpoint-sm:414px;--ilo-breakpoint-md:610px;--ilo-breakpoint-lg:1024px;--ilo-breakpoint-xl:1140px;--ilo-breakpoint-xxl:1168px;--ilo-border-radius:calc(0.1071811361rem * var(--ilo-scale));--ilo-font-size-2xsm:calc(0.5359056806rem * var(--ilo-scale));--ilo-font-size-xsm:calc(0.6430868167rem * var(--ilo-scale));--ilo-font-size-sm:calc(0.7502679528rem * var(--ilo-scale));--ilo-font-size-md:calc(0.857449089rem * var(--ilo-scale));--ilo-font-size-lg:calc(0.9646302251rem * var(--ilo-scale));--ilo-font-size-xlg:calc(1.2861736334rem * var(--ilo-scale));--ilo-font-size-2xlg:calc(1.5005359057rem * var(--ilo-scale));--ilo-font-size-3xlg:calc(1.7148981779rem * var(--ilo-scale));--ilo-font-size-4xlg:calc(1.9292604502rem * var(--ilo-scale));--ilo-font-size-5xlg:calc(2.3579849946rem * var(--ilo-scale));--ilo-font-weight-regular:400;--ilo-font-weight-medium:500;--ilo-font-weight-bold:700;--ilo-line-height-xsm:115%;--ilo-line-height-sm:120%;--ilo-line-height-md:125%;--ilo-line-height-lg:130%;--ilo-line-height-xlg:135%;--ilo-line-height-2xlg:145%;--ilo-line-height-3xlg:150%;--ilo-letter-spacing-xsm:-0.035em;--ilo-letter-spacing-sm:-0.02em;--ilo-letter-spacing-md:0em;--ilo-letter-spacing-lg:0.02em;--ilo-spacing-base:calc(0.2143622722rem * var(--ilo-scale));--ilo-transition-duration:150ms;--ilo-transition-timing-function:ease-out;--ilo-border-xs:calc(0.0535905681rem * var(--ilo-scale));--ilo-border-sm:calc(0.0803858521rem * var(--ilo-scale));--ilo-border-md:calc(0.1071811361rem * var(--ilo-scale));--ilo-border-lg:calc(0.2143622722rem * var(--ilo-scale));--ilo-link-color-default-light:var(--ilo-color-brand-800);--ilo-link-color-default-dark:var(--ilo-color-neutrals-white);--ilo-link-color-visited-light:var(--ilo-color-purple-600);--ilo-link-color-visited-dark:var(--ilo-color-neutrals-500);--ilo-link-color-hover-light:var(--ilo-color-brand-600);--ilo-link-color-hover-dark:var(--ilo-color-brand-600);--ilo-link-color-active-light:var(--ilo-color-brand-800);--ilo-link-color-active-dark:var(--ilo-color-brand-800);--ilo-link-color-focus-light:var(--ilo-color-brand-800);--ilo-link-color-focus-dark:var(--ilo-color-brand-800);--ilo-link-background-default-light:transparent;--ilo-link-background-default-dark:transparent;--ilo-link-background-hover-light:transparent;--ilo-link-background-hover-dark:var(--ilo-color-neutrals-white);--ilo-link-background-focus-light:var(--ilo-color-yellow-400);--ilo-link-background-focus-dark:var(--ilo-color-yellow-400)}:root[lang*=ar],[lang*=ar]{--ilo-fonts-display:var(--ilo-fonts-display-ar);--ilo-fonts-copy:var(--ilo-fonts-copy-ar);--ilo-letter-spacing-xsm:0;--ilo-letter-spacing-sm:0;--ilo-letter-spacing-md:0;--ilo-letter-spacing-lg:0}:root[lang*=zh],[lang*=zh]{--ilo-fonts-display:var(--ilo-fonts-display-zh);--ilo-fonts-copy:var(--ilo-fonts-copy-zh)}:root[lang*=ja],[lang*=ja]{--ilo-fonts-display:var(--ilo-fonts-display-jp);--ilo-fonts-copy:var(--ilo-fonts-copy-jp)}body,html{color:var(--ilo-color-gray-charcoal);font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-base);line-height:var(--ilo-line-height-base);letter-spacing:normal;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5{font-family:var(--ilo-fonts-display)}
1
+ @charset "UTF-8";*,::after,::before{box-sizing:border-box}address,blockquote,body,dl,fieldset,figure,form,iframe,legend,ol,option,p,pre,table,ul{margin:0;padding:0;border:0}h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit;font-weight:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ul{list-style:none}table{border-color:inherit;border-collapse:collapse;border-spacing:0}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:0 0;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}textarea{overflow:auto}select{-webkit-appearance:none;-moz-appearance:none}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}:root{--ilo-fonts-display:Overpass,Noto Sans,sans-serif;--ilo-fonts-display-ar:Vazirmatn,sans-serif;--ilo-fonts-display-zh:PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;--ilo-fonts-display-jp:Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,sans-serif;--ilo-fonts-copy:Noto Sans,sans-serif;--ilo-fonts-copy-ar:Vazirmatn,sans-serif;--ilo-fonts-copy-zh:PingFang SC,Microsoft YaHei,微软雅黑,sans-serif;--ilo-fonts-copy-jp:Noto Sans CJK JP,Yu Gothic,Hiragino Sans,TakaoPGothic,sans-serif;--ilo-fonts-monospace:monospace;--ilo-line-height:1.46;--ilo-font-size-base:18.66px;--ilo-font-size-2xsm:px-to-rem(10px);--ilo-font-size-xsm:px-to-rem(12px);--ilo-font-size-sm:px-to-rem(14px);--ilo-font-size-md:px-to-rem(16px);--ilo-font-size-lg:px-to-rem(18px);--ilo-font-size-xlg:px-to-rem(24px);--ilo-font-size-2xlg:px-to-rem(28px);--ilo-font-size-3xlg:px-to-rem(32px);--ilo-font-size-4xlg:px-to-rem(36px);--ilo-font-size-5xlg:px-to-rem(44px);--ilo-font-weight-light:300;--ilo-font-weight-regular:400;--ilo-font-weight-medium:500;--ilo-font-weight-bold:700;--ilo-line-height-base:27.24px;--ilo-line-height-xsm:1.15;--ilo-line-height-sm:1.2;--ilo-line-height-md:1.25;--ilo-line-height-lg:1.3;--ilo-line-height-xlg:1.35;--ilo-line-height-2xlg:1.45;--ilo-line-height-3xlg:1.5;--ilo-letter-spacing-xsm:-3.5%;--ilo-letter-spacing-sm:-2%;--ilo-letter-spacing-md:0;--ilo-letter-spacing-lg:2%}:root{--ilo-scale:1;--ilo-layout-max-width:69.667738478rem;--ilo-layout-padding:1.0718113612rem;--ilo-color-white:var(--ilo-color-neutrals-white);--ilo-color-blue:var(--ilo-color-brand-600);--ilo-color-blue-lighter:var(--ilo-color-brand-100);--ilo-color-blue-light:var(--ilo-color-brand-200);--ilo-color-blue-dark:var(--ilo-color-brand-800);--ilo-color-blue-medium:rgba(210, 213, 242, 1);--ilo-color-blue-ramp:var(--ilo-color-brand-700);--ilo-color-blue-dark-ramp:var(--ilo-color-brand-800-transparent);--ilo-color-gray-charcoal:var(--ilo-color-neutrals-black);--ilo-color-gray-accessible:var(--ilo-color-neutrals-700);--ilo-color-gray-light:var(--ilo-color-neutrals-200);--ilo-color-gray-light-semi-transparent:rgba(237, 240, 242, 0.25);--ilo-color-gray-base:var(--ilo-color-neutrals-500);--ilo-color-red:var(--ilo-color-red-500);--ilo-color-red-light:var(--ilo-color-red-100);--ilo-color-red-dark:var(--ilo-color-red-600);--ilo-color-red-ramp:var(--ilo-color-red-500-transparent);--ilo-color-yellow:var(--ilo-color-yellow-400);--ilo-color-yellow-light:var(--ilo-color-yellow-100);--ilo-color-yellow-ramp:var(--ilo-color-yellow-400-transparent);--ilo-color-green:var(--ilo-color-green-400);--ilo-color-green-light:var(--ilo-color-green-100);--ilo-color-green-ramp:var(--ilo-color-green-400-transparent);--ilo-color-turquoise:var(--ilo-color-turquoise-500);--ilo-color-purple:var(--ilo-color-purple-600);--ilo-color-brand-800:rgba(35, 0, 80, 1);--ilo-color-brand-800-transparent:rgba(35, 0, 80, 0.5);--ilo-color-brand-700:rgba(21, 31, 133, 1);--ilo-color-brand-600:rgba(30, 45, 190, 1);--ilo-color-brand-600-transparent:rgba(30, 45, 190, 0.4);--ilo-color-brand-500:rgba(50, 100, 200, 1);--ilo-color-brand-400:rgba(90, 135, 205, 1);--ilo-color-brand-300:rgba(130, 175, 220, 1);--ilo-color-brand-200:rgba(190, 220, 250, 1);--ilo-color-brand-100:rgba(235, 245, 253, 1);--ilo-color-neutrals-black:rgba(45, 45, 45, 1);--ilo-color-neutrals-700:rgba(109, 109, 109, 1);--ilo-color-neutrals-500:rgba(184, 196, 204, 1);--ilo-color-neutrals-200:rgba(237, 240, 242, 1);--ilo-color-neutrals-white:rgba(255, 255, 255, 1);--ilo-color-red-800:rgba(125, 18, 26, 1);--ilo-color-red-700:rgba(150, 36, 45, 1);--ilo-color-red-600:rgba(200, 48, 60, 1);--ilo-color-red-500:rgba(250, 60, 75, 1);--ilo-color-red-500-transparent:rgba(250, 60, 75, 0.2);--ilo-color-red-400:rgba(251, 99, 111, 1);--ilo-color-red-300:rgba(252, 138, 147, 1);--ilo-color-red-200:rgba(253, 177, 183, 1);--ilo-color-red-100:rgba(254, 216, 219, 1);--ilo-color-yellow-800:rgba(165, 104, 3, 1);--ilo-color-yellow-700:rgba(215, 135, 0, 1);--ilo-color-yellow-600:rgba(228, 148, 40, 1);--ilo-color-yellow-500:rgba(250, 180, 40, 1);--ilo-color-yellow-400:rgba(255, 205, 45, 1);--ilo-color-yellow-400-transparent:rgba(255, 205, 45, 0.2);--ilo-color-yellow-300:rgba(255, 220, 108, 1);--ilo-color-yellow-200:rgba(255, 235, 171, 1);--ilo-color-yellow-100:rgba(255, 245, 200, 1);--ilo-color-green-800:rgba(21, 66, 0, 1);--ilo-color-green-700:rgba(56, 90, 40, 1);--ilo-color-green-600:rgba(84, 135, 60, 1);--ilo-color-green-500:rgba(112, 180, 80, 1);--ilo-color-green-400:rgba(140, 225, 100, 1);--ilo-color-green-400-transparent:rgba(140, 225, 100, 0.2);--ilo-color-green-300:rgba(175, 234, 147, 1);--ilo-color-green-200:rgba(209, 243, 193, 1);--ilo-color-green-100:rgba(232, 249, 224, 1);--ilo-color-turquoise-800:rgba(2, 84, 84, 1);--ilo-color-turquoise-700:rgba(4, 147, 147, 1);--ilo-color-turquoise-600:rgba(5, 189, 189, 1);--ilo-color-turquoise-500:rgba(5, 210, 210, 1);--ilo-color-turquoise-400:rgba(105, 228, 228, 1);--ilo-color-turquoise-300:rgba(158, 242, 242, 1);--ilo-color-turquoise-200:rgba(180, 250, 247, 1);--ilo-color-turquoise-100:rgba(210, 251, 251, 1);--ilo-color-purple-800:rgba(95, 0, 55, 1);--ilo-color-purple-700:rgba(119, 20, 73, 1);--ilo-color-purple-600:rgba(150, 10, 85, 1);--ilo-color-purple-500:rgba(171, 59, 119, 1);--ilo-color-purple-400:rgba(203, 133, 170, 1);--ilo-color-purple-300:rgba(224, 182, 204, 1);--ilo-color-purple-200:rgba(240, 210, 224, 1);--ilo-color-purple-100:rgba(245, 231, 238, 1);--ilo-color-light-text-default:var(--ilo-color-neutrals-black);--ilo-color-light-text-subtle:var(--ilo-color-neutrals-700);--ilo-color-light-text-brand:var(--ilo-color-brand-800);--ilo-color-light-text-accent:var(--ilo-color-purple-600);--ilo-color-light-text-inverse:var(--ilo-color-neutrals-white);--ilo-color-light-action-default:var(--ilo-color-brand-800);--ilo-color-light-action-hover:var(--ilo-color-brand-600);--ilo-color-light-action-selected:var(--ilo-color-brand-600);--ilo-color-light-action-inverse:var(--ilo-color-neutrals-white);--ilo-color-light-icon-default:var(--ilo-color-neutrals-black);--ilo-color-light-icon-subtle:var(--ilo-color-neutrals-500);--ilo-color-light-icon-brand:var(--ilo-color-brand-800);--ilo-color-light-icon-disabled:var(--ilo-color-neutrals-200);--ilo-color-light-icon-accent:var(--ilo-color-purple-600);--ilo-color-light-icon-inverse:var(--ilo-color-neutrals-white);--ilo-color-light-border-default:var(--ilo-color-neutrals-500);--ilo-color-light-border-subtle:var(--ilo-color-neutrals-200);--ilo-color-light-border-brand:var(--ilo-color-brand-600);--ilo-color-light-border-brand-2:var(--ilo-color-brand-200);--ilo-color-light-border-brand-3:var(--ilo-color-brand-800);--ilo-color-light-border-brand-4:var(--ilo-color-purple-600);--ilo-color-light-border-focus:var(--ilo-color-yellow-400);--ilo-color-light-border-inverse:var(--ilo-color-neutrals-white);--ilo-color-light-container-bg-default:var(--ilo-color-neutrals-white);--ilo-color-light-container-bg-subtle:var(--ilo-color-brand-100);--ilo-color-light-container-bg-brand:var(--ilo-color-brand-800);--ilo-color-light-container-bg-disabled:var(--ilo-color-neutrals-200);--ilo-color-light-container-bg-inactive:var(--ilo-color-neutrals-500);--ilo-color-light-container-bg-inverse-subtle:var(--ilo-color-neutrals-700);--ilo-color-light-container-bg-inverse:var(--ilo-color-neutrals-black);--ilo-color-light-container-bg-accent:var(--ilo-color-yellow-400);--ilo-color-light-page-bg-default:var(--ilo-color-neutrals-white);--ilo-color-light-page-bg-subtle:var(--ilo-color-brand-100);--ilo-color-light-feedback-error-dark:var(--ilo-color-red-600);--ilo-color-light-feedback-error-default:var(--ilo-color-red-500);--ilo-color-light-feedback-error-light:var(--ilo-color-red-100);--ilo-color-light-feedback-warning-default:var(--ilo-color-yellow-400);--ilo-color-light-feedback-warning-light:var(--ilo-color-yellow-100);--ilo-color-light-feedback-success-default:var(--ilo-color-green-400);--ilo-color-light-feedback-success-light:var(--ilo-color-green-100);--ilo-color-light-feedback-info-default:var(--ilo-color-brand-600);--ilo-color-light-feedback-info-light:var(--ilo-color-brand-200);--ilo-color-light-generic-turquoise:var(--ilo-color-turquoise-500);--ilo-color-light-generic-purple:var(--ilo-color-purple-600);--ilo-color-light-generic-green:var(--ilo-color-green-400);--ilo-color-light-generic-yellow:var(--ilo-color-yellow-400);--ilo-color-light-generic-ilo-light-blue:var(--ilo-color-brand-100);--ilo-color-dark-text-default:var(--ilo-color-neutrals-white);--ilo-color-dark-text-subtle:var(--ilo-color-neutrals-200);--ilo-color-dark-text-brand:var(--ilo-color-brand-200);--ilo-color-dark-text-accent:var(--ilo-color-yellow-400);--ilo-color-dark-text-inverse:var(--ilo-color-brand-800);--ilo-color-dark-action-default:var(--ilo-color-brand-100);--ilo-color-dark-action-hover:var(--ilo-color-brand-200);--ilo-color-dark-action-selected:var(--ilo-color-brand-600);--ilo-color-dark-action-inverse:var(--ilo-color-brand-800);--ilo-color-dark-icon-default:var(--ilo-color-neutrals-white);--ilo-color-dark-icon-subtle:var(--ilo-color-neutrals-700);--ilo-color-dark-icon-brand:var(--ilo-color-brand-200);--ilo-color-dark-icon-disabled:var(--ilo-color-neutrals-700);--ilo-color-dark-icon-accent:var(--ilo-color-yellow-400);--ilo-color-dark-icon-inverse:var(--ilo-color-brand-800);--ilo-color-dark-border-default:var(--ilo-color-neutrals-white);--ilo-color-dark-border-subtle:var(--ilo-color-neutrals-700);--ilo-color-dark-border-brand:var(--ilo-color-brand-200);--ilo-color-dark-border-brand-2:var(--ilo-color-brand-800);--ilo-color-dark-border-brand-3:var(--ilo-color-brand-100);--ilo-color-dark-border-brand-4:var(--ilo-color-yellow-400);--ilo-color-dark-border-focus:var(--ilo-color-yellow-400);--ilo-color-dark-border-inverse:var(--ilo-color-brand-800);--ilo-color-dark-container-bg-default:var(--ilo-color-brand-800);--ilo-color-dark-container-bg-subtle:var(--ilo-color-brand-600);--ilo-color-dark-container-bg-brand:var(--ilo-color-brand-100);--ilo-color-dark-container-bg-disabled:var(--ilo-color-neutrals-black);--ilo-color-dark-container-bg-inactive:var(--ilo-color-neutrals-700);--ilo-color-dark-container-bg-inverse-subtle:var(--ilo-color-neutrals-200);--ilo-color-dark-container-bg-inverse:var(--ilo-color-neutrals-white);--ilo-color-dark-page-bg-default:var(--ilo-color-brand-800);--ilo-color-dark-page-bg-subtle:var(--ilo-color-neutrals-black);--ilo-color-dark-feedback-error-dark:var(--ilo-color-red-100);--ilo-color-dark-feedback-error-default:var(--ilo-color-red-500);--ilo-color-dark-feedback-error-light:var(--ilo-color-red-600);--ilo-color-dark-feedback-warning-default:var(--ilo-color-yellow-400);--ilo-color-dark-feedback-warning-light:var(--ilo-color-yellow-800);--ilo-color-dark-feedback-success-default:var(--ilo-color-green-400);--ilo-color-dark-feedback-success-light:var(--ilo-color-green-800);--ilo-color-dark-feedback-info-default:var(--ilo-color-brand-600);--ilo-color-dark-feedback-info-light:var(--ilo-color-brand-800);--ilo-color-dark-generic-turquoise:var(--ilo-color-turquoise-500);--ilo-color-dark-generic-purple:var(--ilo-color-purple-600);--ilo-color-dark-generic-green:var(--ilo-color-green-400);--ilo-color-dark-generic-yellow:var(--ilo-color-yellow-400);--ilo-color-dark-generic-ilo-light-blue:var(--ilo-color-brand-200);--ilo-color-notification-type-error:var(--ilo-color-red-500);--ilo-color-notification-type-info:var(--ilo-color-brand-600);--ilo-color-notification-type-success:var(--ilo-color-green-400);--ilo-color-notification-type-warning:var(--ilo-color-yellow-400);--ilo-color-background-default:var(--ilo-color-neutrals-white);--ilo-color-background-active:var(--ilo-color-brand-600);--ilo-color-background-highlight:var(--ilo-color-neutrals-200);--ilo-color-background-hover:var(--ilo-color-brand-100);--ilo-color-background-focus:var(--ilo-color-neutrals-white);--ilo-color-borders-default:var(--ilo-color-neutrals-500);--ilo-color-borders-hover:var(--ilo-color-brand-600);--ilo-color-borders-active:var(--ilo-color-brand-600);--ilo-color-borders-focus:var(--ilo-color-yellow-400);--ilo-breakpoint-xs:320px;--ilo-breakpoint-sm:414px;--ilo-breakpoint-md:610px;--ilo-breakpoint-lg:1024px;--ilo-breakpoint-xl:1140px;--ilo-breakpoint-xxl:1168px;--ilo-border-radius:calc(0.1071811361rem * var(--ilo-scale));--ilo-font-size-2xsm:calc(0.5359056806rem * var(--ilo-scale));--ilo-font-size-xsm:calc(0.6430868167rem * var(--ilo-scale));--ilo-font-size-sm:calc(0.7502679528rem * var(--ilo-scale));--ilo-font-size-md:calc(0.857449089rem * var(--ilo-scale));--ilo-font-size-lg:calc(0.9646302251rem * var(--ilo-scale));--ilo-font-size-xlg:calc(1.2861736334rem * var(--ilo-scale));--ilo-font-size-2xlg:calc(1.5005359057rem * var(--ilo-scale));--ilo-font-size-3xlg:calc(1.7148981779rem * var(--ilo-scale));--ilo-font-size-4xlg:calc(1.9292604502rem * var(--ilo-scale));--ilo-font-size-5xlg:calc(2.3579849946rem * var(--ilo-scale));--ilo-font-weight-regular:400;--ilo-font-weight-medium:500;--ilo-font-weight-bold:700;--ilo-line-height-xsm:115%;--ilo-line-height-sm:120%;--ilo-line-height-md:125%;--ilo-line-height-lg:130%;--ilo-line-height-xlg:135%;--ilo-line-height-2xlg:145%;--ilo-line-height-3xlg:150%;--ilo-letter-spacing-xsm:-0.035em;--ilo-letter-spacing-sm:-0.02em;--ilo-letter-spacing-md:0em;--ilo-letter-spacing-lg:0.02em;--ilo-spacing-base:calc(0.2143622722rem * var(--ilo-scale));--ilo-transition-duration:150ms;--ilo-transition-timing-function:ease-out;--ilo-border-xs:calc(0.0535905681rem * var(--ilo-scale));--ilo-border-sm:calc(0.0803858521rem * var(--ilo-scale));--ilo-border-md:calc(0.1071811361rem * var(--ilo-scale));--ilo-border-lg:calc(0.2143622722rem * var(--ilo-scale));--ilo-link-color-default-light:var(--ilo-color-brand-800);--ilo-link-color-default-dark:var(--ilo-color-neutrals-white);--ilo-link-color-visited-light:var(--ilo-color-purple-600);--ilo-link-color-visited-dark:var(--ilo-color-neutrals-500);--ilo-link-color-hover-light:var(--ilo-color-brand-600);--ilo-link-color-hover-dark:var(--ilo-color-brand-600);--ilo-link-color-active-light:var(--ilo-color-brand-800);--ilo-link-color-active-dark:var(--ilo-color-brand-800);--ilo-link-color-focus-light:var(--ilo-color-brand-800);--ilo-link-color-focus-dark:var(--ilo-color-brand-800);--ilo-link-background-default-light:transparent;--ilo-link-background-default-dark:transparent;--ilo-link-background-hover-light:transparent;--ilo-link-background-hover-dark:var(--ilo-color-neutrals-white);--ilo-link-background-focus-light:var(--ilo-color-yellow-400);--ilo-link-background-focus-dark:var(--ilo-color-yellow-400)}:root[lang*=ar],[lang*=ar]{--ilo-fonts-display:var(--ilo-fonts-display-ar);--ilo-fonts-copy:var(--ilo-fonts-copy-ar);--ilo-letter-spacing-xsm:0;--ilo-letter-spacing-sm:0;--ilo-letter-spacing-md:0;--ilo-letter-spacing-lg:0}:root[lang*=zh],[lang*=zh]{--ilo-fonts-display:var(--ilo-fonts-display-zh);--ilo-fonts-copy:var(--ilo-fonts-copy-zh)}:root[lang*=ja],[lang*=ja]{--ilo-fonts-display:var(--ilo-fonts-display-jp);--ilo-fonts-copy:var(--ilo-fonts-copy-jp)}body,html{color:var(--ilo-color-light-text-default);font-family:var(--ilo-fonts-copy);font-size:var(--ilo-font-size-base);line-height:var(--ilo-line-height-base);letter-spacing:normal;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5{font-family:var(--ilo-fonts-display)}
2
2
  /*# sourceMappingURL=global.css.map */
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 --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-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\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-200);\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-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\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-gray-charcoal);\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 \"../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"]}