@ilo-org/styles 1.2.2 → 1.2.3

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 (69) hide show
  1. package/css/components/accordion.css +1 -1
  2. package/css/components/breadcrumb.css +1 -1
  3. package/css/components/button.css +1 -1
  4. package/css/components/callout.css +1 -1
  5. package/css/components/card.css +1 -1
  6. package/css/components/cardgroup.css +1 -1
  7. package/css/components/checkbox.css +1 -1
  8. package/css/components/container.css +1 -1
  9. package/css/components/contextmenu.css +1 -1
  10. package/css/components/credit.css +1 -1
  11. package/css/components/datacard.css +1 -1
  12. package/css/components/datepicker.css +1 -1
  13. package/css/components/detailcard.css +1 -1
  14. package/css/components/dropdown.css +1 -1
  15. package/css/components/empty.css +1 -1
  16. package/css/components/factlistcard.css +1 -1
  17. package/css/components/featurecard.css +1 -1
  18. package/css/components/fieldset.css +1 -1
  19. package/css/components/file-upload.css +1 -1
  20. package/css/components/footer.css +1 -1
  21. package/css/components/form.css +1 -1
  22. package/css/components/formcontrol.css +1 -1
  23. package/css/components/hero.css +1 -1
  24. package/css/components/herocard.css +1 -1
  25. package/css/components/image.css +1 -1
  26. package/css/components/input.css +1 -1
  27. package/css/components/link.css +1 -1
  28. package/css/components/linklist.css +1 -1
  29. package/css/components/list.css +1 -1
  30. package/css/components/loading.css +1 -1
  31. package/css/components/logo.css +1 -1
  32. package/css/components/logogrid.css +1 -1
  33. package/css/components/modal.css +1 -1
  34. package/css/components/multilinkcard.css +1 -1
  35. package/css/components/navigation.css +1 -1
  36. package/css/components/notification.css +1 -1
  37. package/css/components/pagination.css +1 -1
  38. package/css/components/profile.css +1 -1
  39. package/css/components/promocard.css +1 -1
  40. package/css/components/radio.css +1 -1
  41. package/css/components/readmore.css +1 -1
  42. package/css/components/richtext.css +1 -1
  43. package/css/components/searchfield.css +1 -1
  44. package/css/components/socialmedia.css +1 -1
  45. package/css/components/statcard.css +1 -1
  46. package/css/components/table.css +1 -1
  47. package/css/components/tableofcontents.css +1 -1
  48. package/css/components/tabs.css +1 -1
  49. package/css/components/tag.css +1 -1
  50. package/css/components/textarea.css +1 -1
  51. package/css/components/textcard.css +1 -1
  52. package/css/components/textinput.css +1 -1
  53. package/css/components/toggle.css +1 -1
  54. package/css/components/tooltip.css +1 -1
  55. package/css/components/video.css +1 -1
  56. package/css/global.css.map +1 -1
  57. package/css/index.css +1 -1
  58. package/css/index.css.map +1 -1
  59. package/css/monorepo.css +1 -1
  60. package/css/monorepo.css.map +1 -1
  61. package/package.json +4 -4
  62. package/scss/_normalize.scss +5 -0
  63. package/scss/_reset.scss +6 -0
  64. package/scss/components/_button.scss +4 -2
  65. package/scss/components/_dropdown.scss +15 -5
  66. package/scss/components/_formcontrol.scss +1 -1
  67. package/scss/components/_navigation.scss +6 -2
  68. package/scss/components/_notification.scss +4 -2
  69. package/scss/components/_table.scss +2 -1
package/css/components/table.css CHANGED
@@ -1 +1 @@
1
- .ilo--table{background-color:#bedcfa;padding:calc(20 * var(--ilo-spacing-base));position:relative}.ilo--table--header{background-color:#fff;border-bottom:.1071811361rem solid #edf0f2;padding:calc(4 * var(--ilo-spacing-base)) calc(2 * var(--ilo-spacing-base)) calc(5 * var(--ilo-spacing-base))}.ilo--table--wrapper{max-height:380px;overflow:scroll;position:relative;width:100%}.ilo--table--content{border-collapse:initial;width:100%}.ilo--table--head{background-color:#fff;box-shadow:0 .8px 1.6px rgba(30,45,190,.038),0 4px 8px rgba(30,45,190,.054),0 10px 20px rgba(30,45,190,.08),0 -4px 16px rgba(30,45,190,.054);left:0;height:auto;position:sticky;top:-1px;width:100%;z-index:2}.ilo--table--head--cell{background-color:#fff;border-left:.0535905681rem solid #edf0f2;border-bottom:.1071811361rem solid #edf0f2;font-family:var(--ilo-fonts-display);font-weight:700;font-size:14.93px;letter-spacing:normal;line-height:20.3px;letter-spacing:-.02em;padding:calc(4 * var(--ilo-spacing-base)) calc(2 * var(--ilo-spacing-base));pointer-events:none;text-align:left}.ilo--table--small .ilo--table--head--cell{padding:calc(2 * var(--ilo-spacing-base))}.ilo--table--head--cell:first-of-type{border-left:none}.ilo--table--head--cell.sortable{pointer-events:auto;position:relative}.ilo--table--head--cell.sortable:after{background-color:#edf0f2;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23230050' d='M12 16.78l-8-8 1.455-1.56L12 13.767l6.546-6.545L20 8.779l-8 8z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:75%;content:"";display:block;height:1.2861736334rem;position:absolute;right:.4823151125rem;width:1.2861736334rem;top:50%;transform:translateY(-50%)}.ilo--table--head--cell.sortable:hover{background-color:#ebf5fd;border-bottom:.1071811361rem solid #1e2dbe;color:#1e2dbe;cursor:pointer}.ilo--table--head--cell.sortable:hover:after{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M12 16.78l-8-8 1.455-1.56L12 13.767l6.546-6.545L20 8.779l-8 8z'/%3E%3C/svg%3E")}.ilo--table--head--cell.sortable[aria-sort=descending]:after{transform-origin:center center;transform:translateY(-50%) rotate(180deg)}.ilo--table--body{background-color:#fff}.ilo--table--body--row.selected{background-color:#ebf5fd}.ilo--table--body--cell{border-bottom:.1071811361rem solid #edf0f2;font-family:var(--ilo-fonts-copy);font-weight:400;font-size:14.93px;letter-spacing:normal;line-height:20.3px;outline:0;padding:calc(4 * var(--ilo-spacing-base)) calc(2 * var(--ilo-spacing-base)) calc(5 * var(--ilo-spacing-base));position:relative}.ilo--table--small .ilo--table--body--cell{padding:calc(3 * var(--ilo-spacing-base)) calc(2 * var(--ilo-spacing-base))}.ilo--table--body--cell:first-of-type{border-left:none}.ilo--table--body--cell.numeric{text-align:right}.ilo--table--body--cell:hover{background-color:#ebf5fd;border-bottom:2px solid #1e2dbe;color:#1e2dbe}.ilo--table--body--cell.selected{background-color:#bedcfa;border-bottom:2px solid #1e2dbe;color:#1e2dbe;cursor:pointer}.ilo--table--body--cell.column--selected{background-color:#ebf5fd}.ilo--table--body--cell a{background:transparent;color:#230050;font-size:inherit;font-weight:inherit;line-height:inherit;text-decoration:underline;text-underline-offset:.3215434084rem;text-decoration-thickness:.0803858521rem;padding-bottom:calc(1 * var(--ilo-spacing-base))}.ilo--table--body--cell a:visited{background:transparent;color:#960a55}.ilo--table--body--cell a:hover{background:#fff;color:#1e2dbe;text-decoration-thickness:3px}.ilo--table--body--cell a:active,.ilo--table--body--cell a:focus{background:#ffcd2d;color:#230050;text-decoration-thickness:3px}.ilo--table--body--cell a--dark{background:transparent;color:#edf0f2}.ilo--table--body--cell a--dark:visited{background:transparent;color:#b8c4cc}.ilo--table--body--cell a--dark:hover{background:#fff;color:#1e2dbe;text-decoration-thickness:3px}.ilo--table--body--cell a--dark:active,.ilo--table--body--cell a--dark:focus{background:#ffcd2d;color:#230050;text-decoration-thickness:3px}.ilo--table--body--cell a--footer{font-size:11.94px;letter-spacing:normal;line-height:16.24px;background:transparent;color:#6d6d6d}.ilo--table--body--cell a--footer:visited{background:transparent;color:#960a55}.ilo--table--body--cell a--footer:hover{background:#fff;color:#1e2dbe;text-decoration-thickness:3px}.ilo--table--body--cell a--footer:active,.ilo--table--body--cell a--footer:focus{background:#ffcd2d;color:#230050;text-decoration-thickness:3px}.ilo--table--headline{align-items:center;display:flex;font-family:var(--ilo-fonts-display);font-weight:700;margin-bottom:calc(2 * var(--ilo-spacing-base));font-size:18.66px;letter-spacing:-.035em;line-height:24.26px}.ilo--table--headline .ilo--tooltip--wrapper{margin-left:calc(1 * var(--ilo-spacing-base))}.ilo--table--description{color:#6d6d6d;font-family:var(--ilo-fonts-copy);font-weight:400;font-size:11.94px;letter-spacing:normal;line-height:16.24px}.ilo--table--description a{background:transparent;color:#230050;font-size:inherit;font-weight:inherit;line-height:inherit;text-decoration:underline;text-underline-offset:.3215434084rem;text-decoration-thickness:.0803858521rem;padding-bottom:calc(1 * var(--ilo-spacing-base))}.ilo--table--description a:visited{background:transparent;color:#960a55}.ilo--table--description a:hover{background:#fff;color:#1e2dbe;text-decoration-thickness:3px}.ilo--table--description a:active,.ilo--table--description a:focus{background:#ffcd2d;color:#230050;text-decoration-thickness:3px}.ilo--table--description a--dark{background:transparent;color:#edf0f2}.ilo--table--description a--dark:visited{background:transparent;color:#b8c4cc}.ilo--table--description a--dark:hover{background:#fff;color:#1e2dbe;text-decoration-thickness:3px}.ilo--table--description a--dark:active,.ilo--table--description a--dark:focus{background:#ffcd2d;color:#230050;text-decoration-thickness:3px}.ilo--table--description a--footer{font-size:11.94px;letter-spacing:normal;line-height:16.24px;background:transparent;color:#6d6d6d}.ilo--table--description a--footer:visited{background:transparent;color:#960a55}.ilo--table--description a--footer:hover{background:#fff;color:#1e2dbe;text-decoration-thickness:3px}.ilo--table--description a--footer:active,.ilo--table--description a--footer:focus{background:#ffcd2d;color:#230050;text-decoration-thickness:3px}.ilo--table--zebra .ilo--table--body--row:nth-child(odd),.ilo--table--zebra .ilo--table--body--row:nth-child(odd):focus,.ilo--table--zebra .ilo--table--body--row:nth-child(odd):hover{background-color:#f6f7f8}.ilo--table--zebra .ilo--table--body--row:nth-child(odd) .ilo--table--body--cell{border-left:.0535905681rem solid #fff}.ilo--table--zebra .ilo--table--body--row:nth-child(odd) .ilo--table--body--cell:focus,.ilo--table--zebra .ilo--table--body--row:nth-child(odd) .ilo--table--body--cell:hover{background-color:#bedcfa}.ilo--table--zebra .ilo--table--body--row:nth-child(odd).selected .ilo--table--body--cell{background-color:#ebf5fd}.ilo--table--zebra .ilo--table--body--row:nth-child(odd).selected .ilo--table--body--cell.selected{background-color:#bedcfa}
1
+ .ilo--table{background-color:#bedcfa;padding:calc(var(--ilo-spacing-base)*20);position:relative}.ilo--table--header{background-color:#fff;border-bottom:.1071811361rem solid #edf0f2;padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*5) calc(var(--ilo-spacing-base)*2)}.ilo--table--wrapper{max-height:380px;overflow:scroll;position:relative;width:100%}.ilo--table--content{border-collapse:initial;width:100%}.ilo--table--head{background-color:#fff;box-shadow:0 .8px 1.6px rgba(30,45,190,.038),0 4px 8px rgba(30,45,190,.054),0 10px 20px rgba(30,45,190,.08),0 -4px 16px rgba(30,45,190,.054);height:auto;left:0;position:sticky;top:-1px;width:100%;z-index:2}.ilo--table--head--cell{background-color:#fff;border-bottom:.1071811361rem solid #edf0f2;border-left:.0535905681rem solid #edf0f2;font-family:var(--ilo-fonts-display);font-size:14.93px;font-weight:700;letter-spacing:normal;letter-spacing:-.02em;line-height:20.3px;padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*2);pointer-events:none;text-align:left}.ilo--table--small .ilo--table--head--cell{padding:calc(var(--ilo-spacing-base)*2)}.ilo--table--head--cell:first-of-type{border-left:none}.ilo--table--head--cell.sortable{pointer-events:auto;position:relative}.ilo--table--head--cell.sortable:after{background-color:#edf0f2;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23230050' d='m12 16.78-8-8 1.455-1.56L12 13.767l6.546-6.545L20 8.779z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:75%;content:"";display:block;height:1.2861736334rem;position:absolute;right:.4823151125rem;top:50%;transform:translateY(-50%);width:1.2861736334rem}.ilo--table--head--cell.sortable:hover{background-color:#ebf5fd;border-bottom:.1071811361rem solid #1e2dbe;color:#1e2dbe;cursor:pointer}.ilo--table--head--cell.sortable:hover:after{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='m12 16.78-8-8 1.455-1.56L12 13.767l6.546-6.545L20 8.779z'/%3E%3C/svg%3E")}.ilo--table--head--cell.sortable[aria-sort=descending]:after{transform:translateY(-50%) rotate(180deg);transform-origin:center center}.ilo--table--body{background-color:#fff}.ilo--table--body--row.selected{background-color:#ebf5fd}.ilo--table--body--cell{border-bottom:.1071811361rem solid #edf0f2;font-family:var(--ilo-fonts-copy);font-size:14.93px;font-weight:400;letter-spacing:normal;line-height:20.3px;outline:0;padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*5);position:relative}.ilo--table--small .ilo--table--body--cell{padding:calc(var(--ilo-spacing-base)*3) calc(var(--ilo-spacing-base)*2)}.ilo--table--body--cell:first-of-type{border-left:none}.ilo--table--body--cell.numeric{text-align:right}.ilo--table--body--cell:hover{background-color:#ebf5fd;border-bottom:2px solid #1e2dbe;color:#1e2dbe}.ilo--table--body--cell.selected{background-color:#bedcfa;border-bottom:2px solid #1e2dbe;color:#1e2dbe;cursor:pointer}.ilo--table--body--cell.column--selected{background-color:#ebf5fd}.ilo--table--body--cell a{background:transparent;color:#230050;font-size:inherit;font-weight:inherit;line-height:inherit;padding-bottom:calc(var(--ilo-spacing-base)*1);text-decoration:underline;text-decoration-thickness:.0803858521rem;text-underline-offset:.3215434084rem}.ilo--table--body--cell a:visited{background:transparent;color:#960a55}.ilo--table--body--cell a:hover{background:#fff;color:#1e2dbe;text-decoration-thickness:3px}.ilo--table--body--cell a:active,.ilo--table--body--cell a:focus{background:#ffcd2d;color:#230050;text-decoration-thickness:3px}.ilo--table--body--cell a--dark{background:transparent;color:#edf0f2}.ilo--table--body--cell a--dark:visited{background:transparent;color:#b8c4cc}.ilo--table--body--cell a--dark:hover{background:#fff;color:#1e2dbe;text-decoration-thickness:3px}.ilo--table--body--cell a--dark:active,.ilo--table--body--cell a--dark:focus{background:#ffcd2d;color:#230050;text-decoration-thickness:3px}.ilo--table--body--cell a--footer{background:transparent;color:#6d6d6d;font-size:11.94px;letter-spacing:normal;line-height:16.24px}.ilo--table--body--cell a--footer:visited{background:transparent;color:#960a55}.ilo--table--body--cell a--footer:hover{background:#fff;color:#1e2dbe;text-decoration-thickness:3px}.ilo--table--body--cell a--footer:active,.ilo--table--body--cell a--footer:focus{background:#ffcd2d;color:#230050;text-decoration-thickness:3px}.ilo--table--headline{align-items:center;display:flex;font-family:var(--ilo-fonts-display);font-size:18.66px;font-weight:700;letter-spacing:-.035em;line-height:24.26px;margin-bottom:calc(var(--ilo-spacing-base)*2)}.ilo--table--headline .ilo--tooltip--wrapper{margin-left:calc(var(--ilo-spacing-base)*1)}.ilo--table--description{color:#6d6d6d;font-family:var(--ilo-fonts-copy);font-size:11.94px;font-weight:400;letter-spacing:normal;line-height:16.24px}.ilo--table--description a{background:transparent;color:#230050;font-size:inherit;font-weight:inherit;line-height:inherit;padding-bottom:calc(var(--ilo-spacing-base)*1);text-decoration:underline;text-decoration-thickness:.0803858521rem;text-underline-offset:.3215434084rem}.ilo--table--description a:visited{background:transparent;color:#960a55}.ilo--table--description a:hover{background:#fff;color:#1e2dbe;text-decoration-thickness:3px}.ilo--table--description a:active,.ilo--table--description a:focus{background:#ffcd2d;color:#230050;text-decoration-thickness:3px}.ilo--table--description a--dark{background:transparent;color:#edf0f2}.ilo--table--description a--dark:visited{background:transparent;color:#b8c4cc}.ilo--table--description a--dark:hover{background:#fff;color:#1e2dbe;text-decoration-thickness:3px}.ilo--table--description a--dark:active,.ilo--table--description a--dark:focus{background:#ffcd2d;color:#230050;text-decoration-thickness:3px}.ilo--table--description a--footer{background:transparent;color:#6d6d6d;font-size:11.94px;letter-spacing:normal;line-height:16.24px}.ilo--table--description a--footer:visited{background:transparent;color:#960a55}.ilo--table--description a--footer:hover{background:#fff;color:#1e2dbe;text-decoration-thickness:3px}.ilo--table--description a--footer:active,.ilo--table--description a--footer:focus{background:#ffcd2d;color:#230050;text-decoration-thickness:3px}.ilo--table--zebra .ilo--table--body--row:nth-child(odd),.ilo--table--zebra .ilo--table--body--row:nth-child(odd):focus,.ilo--table--zebra .ilo--table--body--row:nth-child(odd):hover{background-color:#f6f7f8}.ilo--table--zebra .ilo--table--body--row:nth-child(odd) .ilo--table--body--cell{border-left:.0535905681rem solid #fff}.ilo--table--zebra .ilo--table--body--row:nth-child(odd) .ilo--table--body--cell:focus,.ilo--table--zebra .ilo--table--body--row:nth-child(odd) .ilo--table--body--cell:hover{background-color:#bedcfa}.ilo--table--zebra .ilo--table--body--row:nth-child(odd).selected .ilo--table--body--cell{background-color:#ebf5fd}.ilo--table--zebra .ilo--table--body--row:nth-child(odd).selected .ilo--table--body--cell.selected{background-color:#bedcfa}
package/css/components/tableofcontents.css CHANGED
@@ -1 +1 @@
1
- .ilo--table-of-contents{background-color:#edf0f2;display:none;min-width:343px;padding:0}.ilo--table-of-contents>*{opacity:0}.ilo--table-of-contents.show{display:block}.ilo--table-of-contents.show.fadein>*{opacity:1;transition-delay:125ms;transition-property:opacity;transition-duration:.15s;transition-timing-function:ease-out}.ilo--table-of-contents--headline{border-bottom:.1607717042rem solid #edf0f2;margin-bottom:calc(6 * var(--ilo-spacing-base));margin-top:calc(2 * var(--ilo-spacing-base));font-size:18.66px;letter-spacing:normal;line-height:27.24px;font-family:var(--ilo-fonts-display);font-weight:700;padding-bottom:calc(4 * var(--ilo-spacing-base))}.ilo--table-of-contents--wrapper.show{display:block;height:100vh;left:0;padding:calc(6 * var(--ilo-spacing-base));position:fixed;top:0;width:100vw;z-index:10001}@media screen and (min-width:1024px){.ilo--table-of-contents--wrapper.show{padding:0}}.ilo--table-of-contents--trigger{align-items:center;display:flex;justify-content:center;margin:calc(6 * var(--ilo-spacing-base)) auto}.ilo--table-of-contents--trigger.hide{display:none}@media screen and (min-width:1024px){.ilo--table-of-contents{display:block}.ilo--table-of-contents>*{opacity:1}.ilo--table-of-contents--trigger{display:none}}.ilo--table-of-contents--modal{display:none}.ilo--table-of-contents--modal>*{opacity:0}.ilo--table-of-contents--modal.show{display:block}.ilo--table-of-contents--modal.show.fadein>*{opacity:1;transition-delay:125ms;transition-property:opacity;transition-duration:.15s;transition-timing-function:ease-out}@media screen and (min-width:1024px){.ilo--table-of-contents--modal,.ilo--table-of-contents--modal.show{display:none}}.ilo--table-of-contents--modal .toc--modal--close{top:0;height:2.1436227224rem;right:0;position:absolute;width:2.1436227224rem;z-index:10004}.ilo--table-of-contents--modal .toc--modal--close .ilo--icon{left:.1607717042rem;top:.1607717042rem}.ilo--table-of-contents--list,.ilo--table-of-contents--list--item{width:100%}.ilo--table-of-contents--link{background-color:transparent;background-position:calc(100% - 11px) 50%;background-repeat:no-repeat;background-size:1.2861736334rem 1.2861736334rem;border-bottom:.1071811361rem solid #fff;color:#230050;display:block;font-family:var(--ilo-fonts-display);font-weight:500;margin:0 calc(2 * var(--ilo-spacing-base));padding:calc(4 * var(--ilo-spacing-base)) calc(2 * var(--ilo-spacing-base));padding-inline-end:calc(12 * var(--ilo-spacing-base));position:relative;text-decoration:none;width:calc(100% - 16px);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23230050' d='M18 13.164l-1.254-1.253-3.85 3.85V4.836h-1.792V15.76l-3.85-3.85L6 13.164l6 6 6-6z'/%3E%3C/svg%3E");font-size:16px;letter-spacing:-.02em;line-height:21.6px}.ilo--table-of-contents--link,.ilo--table-of-contents--link:focus,.ilo--table-of-contents--link:hover{transition-property:background-color,border,color;transition-duration:.15s;transition-timing-function:ease-out}.ilo--table-of-contents--link:focus,.ilo--table-of-contents--link:hover{background-color:#ebf5fd;border-bottom:.1071811361rem solid #1e2dbe;background-position:calc(100% - 19px) 50%;color:#1e2dbe;margin:0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M18 13.164l-1.254-1.253-3.85 3.85V4.836h-1.792V15.76l-3.85-3.85L6 13.164l6 6 6-6z'/%3E%3C/svg%3E")}.ilo--table-of-contents--link:active,.ilo--table-of-contents--link:focus,.ilo--table-of-contents--link:hover{outline:0;padding:calc(4 * var(--ilo-spacing-base));padding-inline-end:calc(12 * var(--ilo-spacing-base));width:100%}.ilo--table-of-contents--link:active{background-color:#fff;border-bottom:.1071811361rem solid #230050;border-top:.1071811361rem solid #fff;color:#230050;margin:-2px 0 0;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23230050' d='M18 13.164l-1.254-1.253-3.85 3.85V4.836h-1.792V15.76l-3.85-3.85L6 13.164l6 6 6-6z'/%3E%3C/svg%3E");z-index:5}.ilo--table-of-contents--list--item:last-of-type .ilo--table-of-contents--link{border-bottom:none}.ilo--table-of-contents--list--item:last-of-type .ilo--table-of-contents--link:hover{border-bottom:.1071811361rem solid #1e2dbe}[dir=rtl] .ilo--table-of-contents .ilo--table-of-contents--link{background-position:11px}[dir=rtl] .ilo--table-of-contents .ilo--table-of-contents--link:focus,[dir=rtl] .ilo--table-of-contents .ilo--table-of-contents--link:hover{background-position:19px}[dir=rtl] .ilo--table-of-contents--modal .toc--modal--close{left:0;right:auto}
1
+ @keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--table-of-contents{background-color:#edf0f2;display:none;min-width:343px;padding:0}.ilo--table-of-contents>*{opacity:0}.ilo--table-of-contents.show{display:block}.ilo--table-of-contents.show.fadein>*{opacity:1;transition-delay:125ms;transition-duration:.15s;transition-property:opacity;transition-timing-function:ease-out}.ilo--table-of-contents--headline{border-bottom:.1607717042rem solid #edf0f2;font-family:var(--ilo-fonts-display);font-size:18.66px;font-weight:700;letter-spacing:normal;line-height:27.24px;margin-bottom:calc(var(--ilo-spacing-base)*6);margin-top:calc(var(--ilo-spacing-base)*2);padding-bottom:calc(var(--ilo-spacing-base)*4)}.ilo--table-of-contents--wrapper.show{display:block;height:100vh;left:0;padding:calc(var(--ilo-spacing-base)*6);position:fixed;top:0;width:100vw;z-index:10001}@media screen and (min-width:1024px){.ilo--table-of-contents--wrapper.show{padding:0}}.ilo--table-of-contents--trigger{align-items:center;display:flex;justify-content:center;margin:calc(var(--ilo-spacing-base)*6) auto}.ilo--table-of-contents--trigger.hide{display:none}@media screen and (min-width:1024px){.ilo--table-of-contents{display:block}.ilo--table-of-contents>*{opacity:1}.ilo--table-of-contents--trigger{display:none}}.ilo--table-of-contents--modal{display:none}.ilo--table-of-contents--modal>*{opacity:0}.ilo--table-of-contents--modal.show{display:block}.ilo--table-of-contents--modal.show.fadein>*{opacity:1;transition-delay:125ms;transition-duration:.15s;transition-property:opacity;transition-timing-function:ease-out}@media screen and (min-width:1024px){.ilo--table-of-contents--modal,.ilo--table-of-contents--modal.show{display:none}}.ilo--table-of-contents--modal .toc--modal--close{height:2.1436227224rem;position:absolute;right:0;top:0;width:2.1436227224rem;z-index:10004}.ilo--table-of-contents--modal .toc--modal--close .ilo--icon{left:.1607717042rem;top:.1607717042rem}.ilo--table-of-contents--list,.ilo--table-of-contents--list--item{width:100%}.ilo--table-of-contents--link{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23230050' d='m18 13.164-1.254-1.253-3.85 3.85V4.836h-1.792V15.76l-3.85-3.85L6 13.164l6 6z'/%3E%3C/svg%3E");background-position:calc(100% - 11px);background-repeat:no-repeat;background-size:1.2861736334rem 1.2861736334rem;border-bottom:.1071811361rem solid #fff;color:#230050;display:block;font-family:var(--ilo-fonts-display);font-size:16px;font-weight:500;letter-spacing:-.02em;line-height:21.6px;margin:0 calc(var(--ilo-spacing-base)*2) 0 calc(var(--ilo-spacing-base)*2);padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*4);padding-inline-end:calc(var(--ilo-spacing-base)*12);position:relative;text-decoration:none;width:calc(100% - 16px)}.ilo--table-of-contents--link,.ilo--table-of-contents--link:focus,.ilo--table-of-contents--link:hover{transition-duration:.15s;transition-property:background-color,border,color;transition-timing-function:ease-out}.ilo--table-of-contents--link:focus,.ilo--table-of-contents--link:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='m18 13.164-1.254-1.253-3.85 3.85V4.836h-1.792V15.76l-3.85-3.85L6 13.164l6 6z'/%3E%3C/svg%3E");background-position:calc(100% - 19px);border-bottom:.1071811361rem solid #1e2dbe;color:#1e2dbe;margin:0}.ilo--table-of-contents--link:active,.ilo--table-of-contents--link:focus,.ilo--table-of-contents--link:hover{outline:0;padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*4);padding-inline-end:calc(var(--ilo-spacing-base)*12);width:100%}.ilo--table-of-contents--link:active{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23230050' d='m18 13.164-1.254-1.253-3.85 3.85V4.836h-1.792V15.76l-3.85-3.85L6 13.164l6 6z'/%3E%3C/svg%3E");border-bottom:.1071811361rem solid #230050;border-top:.1071811361rem solid #fff;color:#230050;margin:-2px 0 0;z-index:5}.ilo--table-of-contents--list--item:last-of-type .ilo--table-of-contents--link{border-bottom:none}.ilo--table-of-contents--list--item:last-of-type .ilo--table-of-contents--link:hover{border-bottom:.1071811361rem solid #1e2dbe}[dir=rtl] .ilo--table-of-contents .ilo--table-of-contents--link{background-position:11px}[dir=rtl] .ilo--table-of-contents .ilo--table-of-contents--link:focus,[dir=rtl] .ilo--table-of-contents .ilo--table-of-contents--link:hover{background-position:19px}[dir=rtl] .ilo--table-of-contents--modal .toc--modal--close{left:0;right:auto}
package/css/components/tabs.css CHANGED
@@ -1 +1 @@
1
- .ilo--tabs{border-bottom:.1607717042rem solid #edf0f2;border-left:.1607717042rem solid #edf0f2;border-right:.1607717042rem solid #edf0f2}.ilo--tabs:not(.tabs--js) .ilo--tabs--selection{margin-bottom:calc(6 * var(--ilo-spacing-base))}.ilo--tabs:not(.tabs--js) .ilo--tabs--selection--button{background:transparent;border-bottom:1.5px solid #1e2dbe;color:#230050;font-size:inherit;font-weight:inherit;line-height:inherit;text-decoration:none;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:ease-out}.ilo--tabs:not(.tabs--js) .ilo--tabs--selection--button:visited{background:transparent;border-bottom:1.5px solid #960a55;color:#960a55}.ilo--tabs:not(.tabs--js) .ilo--tabs--selection--button:hover{background:#fff;border-bottom:3px solid #1e2dbe;color:#1e2dbe;text-decoration:none;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:ease-out}.ilo--tabs:not(.tabs--js) .ilo--tabs--selection--button:active,.ilo--tabs:not(.tabs--js) .ilo--tabs--selection--button:focus{background:transparent;border-bottom:1.5px solid #1e2dbe;color:#230050;outline:0}.ilo--tabs.tabs--js .ilo--tabs--selection{--tabscount:1;display:block}.ilo--tabs.tabs--js .ilo--tabs--selection--button{align-items:center;background-color:#edf0f2;border-bottom:.1607717042rem solid #fff;color:#230050;font-family:var(--ilo-fonts-display);font-weight:600;display:flex;gap:calc(1 * var(--ilo-spacing-base));height:3.2154340836rem;justify-content:flex-start;padding-left:calc(2 * var(--ilo-spacing-base));padding-right:calc(6 * var(--ilo-spacing-base));text-decoration:none;font-size:16px;letter-spacing:-.02em;line-height:21.6px;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:ease-out}.ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]{background-color:#fff;border-top:.1607717042rem solid #230050;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:ease-out}.ilo--tabs.tabs--js .ilo--tabs--selection--button.icon .ilo--icon{height:.857449089rem;order:1;width:.857449089rem}.ilo--tabs.tabs--js .ilo--tabs--selection--button.icon .ilo--tabs--selection--label{order:2;flex:1 1}.ilo--tabs.tabs--js .ilo--tabs--selection--button:hover,.ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]:hover{background-color:#ebf5fd;color:#1e2dbe;outline:0;border-top:.1607717042rem solid #1e2dbe;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:ease-out}.ilo--tabs.tabs--js .ilo--tabs--selection--button:hover.has--tooltip .ilo--tooltip--wrapper,.ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]:hover.has--tooltip .ilo--tooltip--wrapper{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%231E2DBE' d='M8 0C6.4 0 4.9.5 3.6 1.3c-1.4.9-2.4 2.2-3 3.6C0 6.4-.2 8 .2 9.6c.3 1.6 1.1 3 2.2 4.1 1.1 1.1 2.5 1.9 4.1 2.2s3.2.2 4.6-.5c1.5-.6 2.7-1.6 3.6-2.9.8-1.4 1.3-2.9 1.3-4.5 0-2.1-.8-4.2-2.3-5.7C12.2.8 10.1 0 8 0zm0 14c-1.2 0-2.3-.4-3.3-1-1-.7-1.8-1.6-2.2-2.7C2 9.2 1.9 8 2.1 6.8c.2-1.2.8-2.2 1.6-3.1.8-.8 1.9-1.4 3.1-1.6 1.2-.2 2.4-.1 3.5.4s2 1.2 2.7 2.2c.7 1 1 2.1 1 3.3 0 1.6-.6 3.1-1.8 4.2C11.1 13.4 9.6 14 8 14z'/%3E%3Cpath fill='%231E2DBE' d='M9 7H7v5h2V7zM8 6c.6 0 1-.4 1-1s-.4-1-1-1-1 .4-1 1 .4 1 1 1z'/%3E%3C/svg%3E")}.ilo--tabs.tabs--js .ilo--tabs--selection--label{overflow:hidden;padding-top:calc(1 * var(--ilo-spacing-base));white-space:nowrap;text-overflow:ellipsis}.ilo--tabs.tabs--js .ilo--tabs--selection--item{overflow:hidden;display:block;width:100%}.ilo--tabs.tabs--js .ilo--tabs--selection--item:last-of-type .ilo--tabs--selection--button{border-bottom:none;border-right:none}.ilo--tabs.tabs--js .ilo--tabs--content{background-color:#fff;padding:calc(10 * var(--ilo-spacing-base)) calc(6 * var(--ilo-spacing-base)) calc(14 * var(--ilo-spacing-base))}.ilo--tabs.tabs--js .ilo--tabs--content [aria-expanded=false]{display:none}.ilo--tabs.tabs--js .ilo--tabs--content [aria-expanded=true]{display:block}@media screen and (min-width:610px){.ilo--tabs.tabs--js .ilo--tabs--content{padding:calc(10 * var(--ilo-spacing-base)) calc(16 * var(--ilo-spacing-base)) calc(16 * var(--ilo-spacing-base))}.ilo--tabs.tabs--js .ilo--tabs--selection{display:flex;max-width:100%;overflow-x:hidden;overflow-y:hidden}.ilo--tabs.tabs--js .ilo--tabs--selection--button{border-bottom:none;border-right:.2679528403rem solid #fff}.ilo--tabs.tabs--js .ilo--tabs--selection--item{width:min(var(--tabscount)/1 * 100%,100%)}}@media screen and (min-width:1024px){.ilo--tabs.tabs--js .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)}}.ilo--tabs{border-bottom:.1607717042rem solid #edf0f2;border-left:.1607717042rem solid #edf0f2;border-right:.1607717042rem solid #edf0f2}.ilo--tabs:not(.tabs--js) .ilo--tabs--selection{margin-bottom:calc(var(--ilo-spacing-base)*6)}.ilo--tabs:not(.tabs--js) .ilo--tabs--selection--button{background:transparent;border-bottom:1.5px solid #1e2dbe;color:#230050;font-size:inherit;font-weight:inherit;line-height:inherit;text-decoration:none;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--tabs:not(.tabs--js) .ilo--tabs--selection--button:visited{background:transparent;border-bottom:1.5px solid #960a55;color:#960a55}.ilo--tabs:not(.tabs--js) .ilo--tabs--selection--button:hover{background:#fff;border-bottom:3px solid #1e2dbe;color:#1e2dbe;text-decoration:none;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--tabs:not(.tabs--js) .ilo--tabs--selection--button:active,.ilo--tabs:not(.tabs--js) .ilo--tabs--selection--button:focus{background:transparent;border-bottom:1.5px solid #1e2dbe;color:#230050;outline:0}.ilo--tabs.tabs--js .ilo--tabs--selection{--tabscount:1;display:block}.ilo--tabs.tabs--js .ilo--tabs--selection--button{align-items:center;background-color:#edf0f2;border-bottom:.1607717042rem solid #fff;color:#230050;display:flex;font-family:var(--ilo-fonts-display);font-size:16px;font-weight:600;gap:calc(var(--ilo-spacing-base)*1);height:3.2154340836rem;justify-content:flex-start;letter-spacing:-.02em;line-height:21.6px;padding-left:calc(var(--ilo-spacing-base)*2);padding-right:calc(var(--ilo-spacing-base)*6);text-decoration:none;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]{background-color:#fff;border-top:.1607717042rem solid #230050;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--tabs.tabs--js .ilo--tabs--selection--button.icon .ilo--icon{height:.857449089rem;order:1;width:.857449089rem}.ilo--tabs.tabs--js .ilo--tabs--selection--button.icon .ilo--tabs--selection--label{flex:1 1;order:2}.ilo--tabs.tabs--js .ilo--tabs--selection--button:hover,.ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]:hover{background-color:#ebf5fd;border-top:.1607717042rem solid #1e2dbe;color:#1e2dbe;outline:0;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--tabs.tabs--js .ilo--tabs--selection--button:hover.has--tooltip .ilo--tooltip--wrapper,.ilo--tabs.tabs--js .ilo--tabs--selection--button[aria-selected=true]:hover.has--tooltip .ilo--tooltip--wrapper{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%231E2DBE' d='M8 0C6.4 0 4.9.5 3.6 1.3c-1.4.9-2.4 2.2-3 3.6C0 6.4-.2 8 .2 9.6c.3 1.6 1.1 3 2.2 4.1s2.5 1.9 4.1 2.2 3.2.2 4.6-.5c1.5-.6 2.7-1.6 3.6-2.9.8-1.4 1.3-2.9 1.3-4.5 0-2.1-.8-4.2-2.3-5.7S10.1 0 8 0m0 14c-1.2 0-2.3-.4-3.3-1-1-.7-1.8-1.6-2.2-2.7C2 9.2 1.9 8 2.1 6.8s.8-2.2 1.6-3.1c.8-.8 1.9-1.4 3.1-1.6s2.4-.1 3.5.4 2 1.2 2.7 2.2 1 2.1 1 3.3c0 1.6-.6 3.1-1.8 4.2C11.1 13.4 9.6 14 8 14'/%3E%3Cpath fill='%231E2DBE' d='M9 7H7v5h2zM8 6c.6 0 1-.4 1-1s-.4-1-1-1-1 .4-1 1 .4 1 1 1'/%3E%3C/svg%3E")}.ilo--tabs.tabs--js .ilo--tabs--selection--label{overflow:hidden;padding-top:calc(var(--ilo-spacing-base)*1);text-overflow:ellipsis;white-space:nowrap}.ilo--tabs.tabs--js .ilo--tabs--selection--item{display:block;overflow:hidden;width:100%}.ilo--tabs.tabs--js .ilo--tabs--selection--item:last-of-type .ilo--tabs--selection--button{border-bottom:none;border-right:none}.ilo--tabs.tabs--js .ilo--tabs--content{background-color:#fff;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.tabs--js .ilo--tabs--content [aria-expanded=false]{display:none}.ilo--tabs.tabs--js .ilo--tabs--content [aria-expanded=true]{display:block}@media screen and (min-width:610px){.ilo--tabs.tabs--js .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.tabs--js .ilo--tabs--selection{display:flex;max-width:100%;overflow-x:hidden;overflow-y:hidden}.ilo--tabs.tabs--js .ilo--tabs--selection--button{border-bottom:none;border-right:.2679528403rem solid #fff}.ilo--tabs.tabs--js .ilo--tabs--selection--item{width:min(var(--tabscount)/1 * 100%,100%)}}@media screen and (min-width:1024px){.ilo--tabs.tabs--js .ilo--tabs--selection--item{width:min(var(--tabscount)/1 * 100%,100%)}}
package/css/components/tag.css CHANGED
@@ -1 +1 @@
1
- .ilo--tag-set{list-style:none}.ilo--tag-set__item{display:inline-block;margin:calc(1 * var(--ilo-spacing-base))}.ilo--tag{font-size:14.93px;letter-spacing:-.02em;line-height:20.16px;background:#edf0f2;border:none;color:#6d6d6d;display:inline-block;font-family:var(--ilo-fonts-display);font-weight:500;padding:calc(2 * var(--ilo-spacing-base)) calc(3 * var(--ilo-spacing-base));text-decoration:none;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:ease-out;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ilo--tag--active{background:#edf0f2;color:#230050;outline:0}.ilo--tag--anchor{cursor:unset;pointer-events:none}.ilo--tag--anchor.ilo--tag--active{background:#edf0f2;color:#230050;cursor:pointer;outline:0}.ilo--tag--anchor.ilo--tag--active:hover{text-decoration:none}.ilo--tag--anchor.ilo--tag--active:focus,.ilo--tag--anchor.ilo--tag--active:hover{background:#ebf5fd;color:#1e2dbe;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:ease-out}.ilo--tag--anchor.ilo--tag--active:focus{outline:0}.ilo--tag--anchor.ilo--tag--active.ilo--tag--active{pointer-events:auto}.ilo--tag--button{font-size:14.93px;letter-spacing:-.02em;line-height:20.16px;cursor:pointer;display:none;opacity:0;padding-right:calc(9 * var(--ilo-spacing-base));position:relative;visibility:hidden}.ilo--tag--button.ilo--tag--active{background:#edf0f2;color:#230050;display:block;opacity:1;outline:0;visibility:visible;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:ease-out}.ilo--tag--button.icon__position--right .ilo--icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23230050' d='M16.95 15.536L13.414 12l3.536-3.535-1.414-1.415L12 10.586 8.464 7.05 7.05 8.465 10.586 12 7.05 15.536l1.414 1.414L12 13.414l3.536 3.536 1.414-1.414z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;height:100%;max-height:24px;max-width:24px;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:100%}.ilo--tag--button:hover{background:#ebf5fd;color:#1e2dbe;text-decoration:none;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:ease-out}.ilo--tag--button:hover.icon__position--right .ilo--icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M16.95 15.536L13.414 12l3.536-3.535-1.414-1.415L12 10.586 8.464 7.05 7.05 8.465 10.586 12 7.05 15.536l1.414 1.414L12 13.414l3.536 3.536 1.414-1.414z'/%3E%3C/svg%3E")}.ilo--tag--button:focus{background:#ebf5fd;color:#1e2dbe;outline:0}.ilo--tag--reset{font-size:14.93px;letter-spacing:-.02em;line-height:20.16px;padding:calc((2 * var(--ilo-spacing-base)) - .0803858521rem) calc((3 * var(--ilo-spacing-base)) - .0803858521rem);cursor:pointer;display:none;opacity:0;position:relative;visibility:hidden}.ilo--tag--reset.ilo--tag--active{background:#fff;border:1.5px solid #b8c4cc;color:#230050;display:block;opacity:1;outline:0;visibility:visible;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:ease-out}.ilo--tag--reset.icon__position--right .ilo--icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23230050' d='M16.95 15.536L13.414 12l3.536-3.535-1.414-1.415L12 10.586 8.464 7.05 7.05 8.465 10.586 12 7.05 15.536l1.414 1.414L12 13.414l3.536 3.536 1.414-1.414z'/%3E%3C/svg%3E");height:100%;max-height:28px;max-width:28px;position:absolute;right:5px;top:5px;width:100%}.ilo--tag--reset:hover{background:#ebf5fd;border:1.5px solid #ebf5fd;color:#1e2dbe;text-decoration:none;transition-property:color,background-color,border-color;transition-duration:.15s;transition-timing-function:ease-out}.ilo--tag--reset:hover.icon__position--right .ilo--icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M16.95 15.536L13.414 12l3.536-3.535-1.414-1.415L12 10.586 8.464 7.05 7.05 8.465 10.586 12 7.05 15.536l1.414 1.414L12 13.414l3.536 3.536 1.414-1.414z'/%3E%3C/svg%3E")}.ilo--tag--reset:focus{background:#ebf5fd;border:1.5px solid #ebf5fd;color:#1e2dbe;outline:0}
1
+ @keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--tag-set{list-style:none}.ilo--tag-set__item{display:inline-block;margin:calc(var(--ilo-spacing-base)*1)}.ilo--tag{background:#edf0f2;border:none;color:#6d6d6d;display:inline-block;font-family:var(--ilo-fonts-display);font-size:14.93px;font-weight:500;letter-spacing:-.02em;line-height:20.16px;max-width:190px;overflow:hidden;padding:calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*3);text-decoration:none;text-overflow:ellipsis;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out;white-space:nowrap}.ilo--tag--active{background:#edf0f2;color:#230050;outline:0}.ilo--tag--anchor{cursor:unset;pointer-events:none}.ilo--tag--anchor.ilo--tag--active{background:#edf0f2;color:#230050;cursor:pointer;outline:0}.ilo--tag--anchor.ilo--tag--active:hover{text-decoration:none}.ilo--tag--anchor.ilo--tag--active:focus,.ilo--tag--anchor.ilo--tag--active:hover{background:#ebf5fd;color:#1e2dbe;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--tag--anchor.ilo--tag--active:focus{outline:0}.ilo--tag--anchor.ilo--tag--active.ilo--tag--active{pointer-events:auto}.ilo--tag--button{cursor:pointer;display:none;font-size:14.93px;letter-spacing:-.02em;line-height:20.16px;opacity:0;padding-right:calc(var(--ilo-spacing-base)*9);position:relative;visibility:hidden}.ilo--tag--button.ilo--tag--active{background:#edf0f2;color:#230050;display:block;opacity:1;outline:0;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out;visibility:visible}.ilo--tag--button.icon__position--right .ilo--icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23230050' d='M16.95 15.536 13.414 12l3.536-3.535-1.414-1.415L12 10.586 8.464 7.05 7.05 8.465 10.586 12 7.05 15.536l1.414 1.414L12 13.414l3.536 3.536z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;height:100%;max-height:24px;max-width:24px;position:absolute;right:10px;top:50%;transform:translateY(-50%);width:100%}.ilo--tag--button:hover{background:#ebf5fd;color:#1e2dbe;text-decoration:none;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--tag--button:hover.icon__position--right .ilo--icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M16.95 15.536 13.414 12l3.536-3.535-1.414-1.415L12 10.586 8.464 7.05 7.05 8.465 10.586 12 7.05 15.536l1.414 1.414L12 13.414l3.536 3.536z'/%3E%3C/svg%3E")}.ilo--tag--button:focus{background:#ebf5fd;color:#1e2dbe;outline:0}.ilo--tag--reset{cursor:pointer;display:none;font-size:14.93px;letter-spacing:-.02em;line-height:20.16px;opacity:0;padding:calc(var(--ilo-spacing-base)*2 - .08039rem) calc(var(--ilo-spacing-base)*3 - .08039rem);position:relative;visibility:hidden}.ilo--tag--reset.ilo--tag--active{background:#fff;border:1.5px solid #b8c4cc;color:#230050;display:block;opacity:1;outline:0;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out;visibility:visible}.ilo--tag--reset.icon__position--right .ilo--icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23230050' d='M16.95 15.536 13.414 12l3.536-3.535-1.414-1.415L12 10.586 8.464 7.05 7.05 8.465 10.586 12 7.05 15.536l1.414 1.414L12 13.414l3.536 3.536z'/%3E%3C/svg%3E");height:100%;max-height:28px;max-width:28px;position:absolute;right:5px;top:5px;width:100%}.ilo--tag--reset:hover{background:#ebf5fd;border:1.5px solid #ebf5fd;color:#1e2dbe;text-decoration:none;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--tag--reset:hover.icon__position--right .ilo--icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M16.95 15.536 13.414 12l3.536-3.535-1.414-1.415L12 10.586 8.464 7.05 7.05 8.465 10.586 12 7.05 15.536l1.414 1.414L12 13.414l3.536 3.536z'/%3E%3C/svg%3E")}.ilo--tag--reset:focus{background:#ebf5fd;border:1.5px solid #ebf5fd;color:#1e2dbe;outline:0}
package/css/components/textarea.css CHANGED
@@ -1 +1 @@
1
- .ilo--textarea{-moz-appearance:none;appearance:none;background-color:#fff;border:.1071811361rem solid #b8c4cc;box-sizing:border-box;font-family:var(--ilo-fonts-copy);font-weight:500;font-size:16px;letter-spacing:-.02em;line-height:21.6px;height:2.5723472669rem;margin:calc(0 * var(--ilo-spacing-base));max-width:100%;min-height:6.4308681672rem;min-width:100%;outline:0;position:relative;padding:calc(4 * var(--ilo-spacing-base)) calc(3 * var(--ilo-spacing-base));width:100%}.ilo--textarea:focus{background-color:#ebf5fd;border-bottom:.1071811361rem solid #b8c4cc;border-left:.1607717042rem solid #1e2dbe;border-right:.1071811361rem solid #b8c4cc;border-top:.1071811361rem solid #b8c4cc;padding-left:calc(3 * var(--ilo-spacing-base))}.ilo--textarea:disabled{opacity:.45;pointer-events:none}.ilo--textarea:invalid,.ilo--textarea__error,.ilo--textarea__error .ilo--textarea{background-color:#fff;border-bottom:.1071811361rem solid #b8c4cc;border-left:.1607717042rem solid #c8303c;border-right:.1071811361rem solid #b8c4cc;border-top:.1071811361rem solid #b8c4cc}
1
+ .ilo--textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:.1071811361rem solid #b8c4cc;box-sizing:border-box;font-family:var(--ilo-fonts-copy);font-size:16px;font-weight:500;height:2.5723472669rem;letter-spacing:-.02em;line-height:21.6px;margin:calc(var(--ilo-spacing-base)*0);max-width:100%;min-height:6.4308681672rem;min-width:100%;outline:0;padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*3);position:relative;width:100%}.ilo--textarea:focus{background-color:#ebf5fd;border:.1071811361rem solid #b8c4cc;border-left:.1607717042rem solid #1e2dbe;padding-left:calc(var(--ilo-spacing-base)*3)}.ilo--textarea:disabled{opacity:.45;pointer-events:none}.ilo--textarea:invalid,.ilo--textarea__error,.ilo--textarea__error .ilo--textarea{background-color:#fff;border:.1071811361rem solid #b8c4cc;border-left:.1607717042rem solid #c8303c}
package/css/components/textcard.css CHANGED
@@ -1 +1 @@
1
- .ilo--card__type__text{--max-width:16.1307609861rem;border-bottom:.1607717042rem solid #b8c4cc;padding:calc(10 * var(--ilo-spacing-base)) calc(6 * var(--ilo-spacing-base)) calc(8 * var(--ilo-spacing-base));clip-path:polygon(0 0,calc(100% - 72px) 0,100% 40px,100% 100%,0 100%)}[dir=rtl] .ilo--card__type__text{clip-path:polygon(72px 0,100% 0,100% 100%,0 100%,0 40px)}.ilo--card__type__text [class$=profile__theme__light] *{color:#2d2d2d}.ilo--card__type__text [class$=profile__theme__dark] *{color:#fff}.ilo--card__type__text:focus,.ilo--card__type__text:focus-within,.ilo--card__type__text:hover{filter:drop-shadow(0 -4px 16px rgba(30,45,190,.05)) drop-shadow(0 10px 20px rgba(30,45,190,.08)) drop-shadow(0 4px 8px rgba(30,45,190,.05)) drop-shadow(0 .8px 1.6px rgba(30,45,190,.04));transition-property:border-color;transition-duration:.15s;transition-timing-function:ease-out;border-color:#1e2dbe}.ilo--card__type__text:focus-within [class*=profile__theme] *,.ilo--card__type__text:focus [class*=profile__theme] *,.ilo--card__type__text:hover [class*=profile__theme] *{color:#1e2dbe}@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(10 * var(--ilo-spacing-base)) calc(8 * var(--ilo-spacing-base)) calc(8 * var(--ilo-spacing-base))}.ilo--card__type__text.ilo--card__size__narrow{--max-width:16.1307609861rem;padding:calc(10 * var(--ilo-spacing-base)) calc(6 * var(--ilo-spacing-base)) calc(8 * var(--ilo-spacing-base))}@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-size:18.66px;letter-spacing:-.035em;line-height:24.26px;margin-bottom:1.674953518rem}.ilo--card__type__text.ilo--card__dark{border-bottom:.1607717042rem solid #fa3c4b}.ilo--card__type__text .ilo--card--eyebrow{margin-bottom:1.0110920672rem}.ilo--card__type__text .ilo--card--title{font-size:18.66px;letter-spacing:-.035em;line-height:24.26px;margin-bottom:1.674953518rem}@media screen and (min-width:610px){.ilo--card__type__text .ilo--card--title{font-size:23.32px;letter-spacing:-.035em;line-height:29.15px;margin-bottom:1.5763397642rem}}.ilo--card__type__text .ilo--card--date{display:block;margin-bottom:1.4398166117rem}.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)}}.ilo--card__type__text{--max-width:16.1307609861rem;border-bottom:.1607717042rem solid #b8c4cc;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)}.ilo--card__type__text [class$=profile__theme__light] *{color:#2d2d2d}.ilo--card__type__text [class$=profile__theme__dark] *{color:#fff}.ilo--card__type__text:focus,.ilo--card__type__text:focus-within,.ilo--card__type__text:hover{border-color:#1e2dbe;filter:drop-shadow(0 -4px 16px rgba(30,45,190,.05)) drop-shadow(0 10px 20px rgba(30,45,190,.08)) drop-shadow(0 4px 8px rgba(30,45,190,.05)) drop-shadow(0 .8px 1.6px rgba(30,45,190,.04));transition-duration:.15s;transition-property:border-color;transition-timing-function:ease-out}.ilo--card__type__text:focus [class*=profile__theme] *,.ilo--card__type__text:focus-within [class*=profile__theme] *,.ilo--card__type__text:hover [class*=profile__theme] *{color:#1e2dbe}@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-size:18.66px;letter-spacing:-.035em;line-height:24.26px;margin-bottom:1.674953518rem}.ilo--card__type__text.ilo--card__dark{border-bottom:.1607717042rem solid #fa3c4b}.ilo--card__type__text .ilo--card--eyebrow{margin-bottom:1.0110920672rem}.ilo--card__type__text .ilo--card--title{font-size:18.66px;letter-spacing:-.035em;line-height:24.26px;margin-bottom:1.674953518rem}@media screen and (min-width:610px){.ilo--card__type__text .ilo--card--title{font-size:23.32px;letter-spacing:-.035em;line-height:29.15px;margin-bottom:1.5763397642rem}}.ilo--card__type__text .ilo--card--date{display:block;margin-bottom:1.4398166117rem}.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/textinput.css CHANGED
@@ -1 +1 @@
1
- .ilo--text-input{-moz-appearance:none;appearance:none;background-color:#fff;border:.1071811361rem solid #b8c4cc;box-sizing:border-box;font-family:var(--ilo-fonts-copy);font-weight:500;font-size:16px;letter-spacing:-.02em;line-height:21.6px;height:2.5723472669rem;margin:calc(0 * var(--ilo-spacing-base));outline:0;padding:calc(4 * var(--ilo-spacing-base)) calc(3 * var(--ilo-spacing-base));width:100%}.ilo--text-input:focus{background-color:#ebf5fd;border-bottom:.1071811361rem solid #b8c4cc;border-left:.1607717042rem solid #1e2dbe;border-right:.1071811361rem solid #b8c4cc;border-top:.1071811361rem solid #b8c4cc;padding-left:calc(3 * var(--ilo-spacing-base));outline:0}.ilo--text-input:disabled{opacity:.45;pointer-events:none}.ilo--text-input:invalid,.ilo--text-input__error{background-color:#fff;border-bottom:.1071811361rem solid #b8c4cc;border-left:.1607717042rem solid #c8303c;border-right:.1071811361rem solid #b8c4cc;border-top:.1071811361rem solid #b8c4cc}
1
+ .ilo--text-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;box-sizing:border-box;font-family:var(--ilo-fonts-copy);font-size:16px;font-weight:500;height:2.5723472669rem;letter-spacing:-.02em;line-height:21.6px;margin:calc(var(--ilo-spacing-base)*0);padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*3);width:100%}.ilo--text-input,.ilo--text-input:focus{border:.1071811361rem solid #b8c4cc;outline:0}.ilo--text-input:focus{background-color:#ebf5fd;border-left:.1607717042rem solid #1e2dbe;padding-left:calc(var(--ilo-spacing-base)*3)}.ilo--text-input:disabled{opacity:.45;pointer-events:none}.ilo--text-input:invalid,.ilo--text-input__error{background-color:#fff;border:.1071811361rem solid #b8c4cc;border-left:.1607717042rem solid #c8303c}
package/css/components/toggle.css CHANGED
@@ -1 +1 @@
1
- .ilo--input--toggle{grid-area:a;position:relative;display:inline-block;width:var(--toggle-width);height:var(--toggle-height);--base-toggle-width:2.4651661308rem;--base-toggle-height:1.2861736334rem}.ilo--input--toggle__size__small{--toggle-width:var(--base-toggle-width);--toggle-height:var(--base-toggle-height)}.ilo--input--toggle__size__medium{--toggle-width:calc(var(--base-toggle-width) * 1.5);--toggle-height:calc(var(--base-toggle-height) * 1.5)}.ilo--input--toggle__size__large{--toggle-width:calc(var(--base-toggle-width) * 2);--toggle-height:calc(var(--base-toggle-height) * 2)}.ilo--input--toggle__disabled{cursor:not-allowed;opacity:.5}.ilo--input--toggle__error .ilo--input--toggle--slider{outline-color:#fa3c4b!important;outline-width:calc(var(--toggle-height)/ 8);outline-style:solid}.ilo--input--toggle input[type=checkbox]{opacity:0;width:100%;height:100%;padding:0;margin:0;cursor:pointer}.ilo--input--toggle--slider{position:absolute;pointer-events:none;top:0;left:0;right:0;bottom:0;background-color:#b8c4cc;border-radius:calc(var(--toggle-height)/ 2);transition-property:background;transition-duration:.15s;transition-timing-function:ease-out}.ilo--input--toggle--slider:before{position:absolute;content:"";height:calc(var(--toggle-height) - var(--toggle-height)/ 3);width:calc(var(--toggle-height) - var(--toggle-height)/ 3);left:calc(var(--toggle-height)/ 6);bottom:calc(var(--toggle-height)/ 6);background-color:#fff;border-radius:50%;transition-property:transform,background;transition-duration:.15s;transition-timing-function:ease-out}input[type=checkbox]:checked+.ilo--input--toggle--slider{background-color:#230050}input[type=checkbox]:focus+.ilo--input--toggle--slider{outline-color:#ffcd2d;outline-width:calc(var(--toggle-height)/ 8);outline-style:solid}input:checked+.ilo--input--toggle--slider:before{transform:translateX(calc(var(--toggle-width) - var(--toggle-height)));background-color:#ebf5fd}
1
+ @keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--input--toggle{display:inline-block;grid-area:input;height:var(--toggle-height);position:relative;width:var(--toggle-width);--base-toggle-width:2.4651661308rem;--base-toggle-height:1.2861736334rem}.ilo--input--toggle__size__small{--toggle-width:var(--base-toggle-width);--toggle-height:var(--base-toggle-height)}.ilo--input--toggle__size__medium{--toggle-width:calc(var(--base-toggle-width)*1.5);--toggle-height:calc(var(--base-toggle-height)*1.5)}.ilo--input--toggle__size__large{--toggle-width:calc(var(--base-toggle-width)*2);--toggle-height:calc(var(--base-toggle-height)*2)}.ilo--input--toggle__disabled{cursor:not-allowed;opacity:.5}.ilo--input--toggle__error .ilo--input--toggle--slider{outline-color:#fa3c4b!important;outline-style:solid;outline-width:calc(var(--toggle-height)/8)}.ilo--input--toggle input[type=checkbox]{cursor:pointer;height:100%;margin:0;opacity:0;padding:0;width:100%}.ilo--input--toggle--slider{background-color:#b8c4cc;border-radius:calc(var(--toggle-height)/2);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;transition-duration:.15s;transition-property:background;transition-timing-function:ease-out}.ilo--input--toggle--slider:before{background-color:#fff;border-radius:50%;bottom:calc(var(--toggle-height)/6);content:"";height:calc(var(--toggle-height) - var(--toggle-height)/3);left:calc(var(--toggle-height)/6);position:absolute;transition-duration:.15s;transition-property:transform,background;transition-timing-function:ease-out;width:calc(var(--toggle-height) - var(--toggle-height)/3)}input[type=checkbox]:checked+.ilo--input--toggle--slider{background-color:#230050}input[type=checkbox]:focus+.ilo--input--toggle--slider{outline-color:#ffcd2d;outline-style:solid;outline-width:calc(var(--toggle-height)/8)}input:checked+.ilo--input--toggle--slider:before{background-color:#ebf5fd;transform:translateX(calc(var(--toggle-width) - var(--toggle-height)))}
package/css/components/tooltip.css CHANGED
@@ -1 +1 @@
1
- .ilo--tooltip{font-size:14.93px;letter-spacing:normal;line-height:20.3px;font-family:var(--ilo-fonts-copy);font-weight:400;background:#fff;border:none;border-radius:.1071811361rem;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));color:#2d2d2d;opacity:0;padding:calc(2 * var(--ilo-spacing-base)) calc(4 * var(--ilo-spacing-base)) calc(3 * var(--ilo-spacing-base));position:absolute;visibility:hidden;width:max-content;max-width:9.6463022508rem}@media screen and (min-width:610px){.ilo--tooltip--long{max-width:21.436227224rem}}.ilo--tooltip--fade{opacity:1}.ilo--tooltip--visible{visibility:visible;z-index:2;opacity:1}.ilo--tooltip--arrow,.ilo--tooltip--arrow:before{position:absolute;visibility:hidden;width:10px;height:10px;background:inherit}.ilo--tooltip--arrow:before{visibility:visible;content:"";transform:rotate(45deg)}.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{display:inline-block;position:relative;cursor:pointer}.ilo--tooltip--wrapper__icon{background-repeat:no-repeat;background-size:cover;height:calc(4 * var(--ilo-spacing-base));min-width:calc(4 * var(--ilo-spacing-base));background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%23230050' d='M8 0C6.4 0 4.9.5 3.6 1.3c-1.4.9-2.4 2.2-3 3.6C0 6.4-.2 8 .2 9.6c.3 1.6 1.1 3 2.2 4.1 1.1 1.1 2.5 1.9 4.1 2.2s3.2.2 4.6-.5c1.5-.6 2.7-1.6 3.6-2.9.8-1.4 1.3-2.9 1.3-4.5 0-2.1-.8-4.2-2.3-5.7C12.2.8 10.1 0 8 0zm0 14c-1.2 0-2.3-.4-3.3-1-1-.7-1.8-1.6-2.2-2.7C2 9.2 1.9 8 2.1 6.8c.2-1.2.8-2.2 1.6-3.1.8-.8 1.9-1.4 3.1-1.6 1.2-.2 2.4-.1 3.5.4s2 1.2 2.7 2.2c.7 1 1 2.1 1 3.3 0 1.6-.6 3.1-1.8 4.2C11.1 13.4 9.6 14 8 14z'/%3E%3Cpath fill='%23230050' d='M9 7H7v5h2V7zM8 6c.6 0 1-.4 1-1s-.4-1-1-1-1 .4-1 1 .4 1 1 1z'/%3E%3C/svg%3E")}.ilo--tooltip--wrapper__icon.ilo--tooltip--wrapper__icon__theme__dark{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%23EDF0F2' d='M8 0C6.4 0 4.9.5 3.6 1.3c-1.4.9-2.4 2.2-3 3.6C0 6.4-.2 8 .2 9.6c.3 1.6 1.1 3 2.2 4.1 1.1 1.1 2.5 1.9 4.1 2.2s3.2.2 4.6-.5c1.5-.6 2.7-1.6 3.6-2.9.8-1.4 1.3-2.9 1.3-4.5 0-2.1-.8-4.2-2.3-5.7C12.2.8 10.1 0 8 0zm0 14c-1.2 0-2.3-.4-3.3-1-1-.7-1.8-1.6-2.2-2.7C2 9.2 1.9 8 2.1 6.8c.2-1.2.8-2.2 1.6-3.1.8-.8 1.9-1.4 3.1-1.6 1.2-.2 2.4-.1 3.5.4s2 1.2 2.7 2.2c.7 1 1 2.1 1 3.3 0 1.6-.6 3.1-1.8 4.2C11.1 13.4 9.6 14 8 14z'/%3E%3Cpath fill='%23EDF0F2' d='M9 7H7v5h2V7zM8 6c.6 0 1-.4 1-1s-.4-1-1-1-1 .4-1 1 .4 1 1 1z'/%3E%3C/svg%3E")}.ilo--tooltip--dark{background:#2d2d2d;color:#edf0f2}.ilo--tooltip--dark.ilo--tooltip--arrow{border-bottom-color:#2d2d2d;border-top-color:#2d2d2d;border-left-color:#2d2d2d;border-right-color:#2d2d2d}.docs-story div[height]{min-height:150px}
1
+ @keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.ilo--tooltip{background:#fff;border:none;border-radius:.1071811361rem;color:#2d2d2d;display:inline-block;filter:drop-shadow(0 .8px 1.6px rgba(30,45,190,.038)) drop-shadow(0 4px 8px rgba(30,45,190,.054)) drop-shadow(0 10px 20px rgba(30,45,190,.08)) drop-shadow(0 -4px 16px rgba(30,45,190,.054));font-family:var(--ilo-fonts-copy);font-size:14.93px;font-weight:400;letter-spacing:normal;line-height:20.3px;max-width:9.6463022508rem;opacity:0;padding:calc(var(--ilo-spacing-base)*2) calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*3);position:absolute;visibility:hidden;width:max-content}@media screen and (min-width:610px){.ilo--tooltip--long{max-width:21.436227224rem}}.ilo--tooltip--fade{opacity:1}.ilo--tooltip--visible{opacity:1;visibility:visible;z-index:2}.ilo--tooltip--arrow,.ilo--tooltip--arrow:before{background:inherit;height:10px;position:absolute;visibility:hidden;width:10px}.ilo--tooltip--arrow:before{content:"";transform:rotate(45deg);visibility:visible}.ilo--tooltip[data-popper-placement^=top]>.ilo--tooltip--arrow{bottom:-4px}.ilo--tooltip[data-popper-placement^=bottom]>.ilo--tooltip--arrow{top:-4px}.ilo--tooltip[data-popper-placement^=left]>.ilo--tooltip--arrow{right:-4px}.ilo--tooltip[data-popper-placement^=right]>.ilo--tooltip--arrow{left:-4px}.ilo--tooltip--wrapper{cursor:pointer;display:inline-block;position:relative}.ilo--tooltip--wrapper__icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%23230050' d='M8 0C6.4 0 4.9.5 3.6 1.3c-1.4.9-2.4 2.2-3 3.6C0 6.4-.2 8 .2 9.6c.3 1.6 1.1 3 2.2 4.1s2.5 1.9 4.1 2.2 3.2.2 4.6-.5c1.5-.6 2.7-1.6 3.6-2.9.8-1.4 1.3-2.9 1.3-4.5 0-2.1-.8-4.2-2.3-5.7S10.1 0 8 0m0 14c-1.2 0-2.3-.4-3.3-1-1-.7-1.8-1.6-2.2-2.7C2 9.2 1.9 8 2.1 6.8s.8-2.2 1.6-3.1c.8-.8 1.9-1.4 3.1-1.6s2.4-.1 3.5.4 2 1.2 2.7 2.2 1 2.1 1 3.3c0 1.6-.6 3.1-1.8 4.2C11.1 13.4 9.6 14 8 14'/%3E%3Cpath fill='%23230050' d='M9 7H7v5h2zM8 6c.6 0 1-.4 1-1s-.4-1-1-1-1 .4-1 1 .4 1 1 1'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:cover;height:calc(var(--ilo-spacing-base)*4);min-width:calc(var(--ilo-spacing-base)*4)}.ilo--tooltip--wrapper__icon.ilo--tooltip--wrapper__icon__theme__dark{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%23EDF0F2' d='M8 0C6.4 0 4.9.5 3.6 1.3c-1.4.9-2.4 2.2-3 3.6C0 6.4-.2 8 .2 9.6c.3 1.6 1.1 3 2.2 4.1s2.5 1.9 4.1 2.2 3.2.2 4.6-.5c1.5-.6 2.7-1.6 3.6-2.9.8-1.4 1.3-2.9 1.3-4.5 0-2.1-.8-4.2-2.3-5.7S10.1 0 8 0m0 14c-1.2 0-2.3-.4-3.3-1-1-.7-1.8-1.6-2.2-2.7C2 9.2 1.9 8 2.1 6.8s.8-2.2 1.6-3.1c.8-.8 1.9-1.4 3.1-1.6s2.4-.1 3.5.4 2 1.2 2.7 2.2 1 2.1 1 3.3c0 1.6-.6 3.1-1.8 4.2C11.1 13.4 9.6 14 8 14'/%3E%3Cpath fill='%23EDF0F2' d='M9 7H7v5h2zM8 6c.6 0 1-.4 1-1s-.4-1-1-1-1 .4-1 1 .4 1 1 1'/%3E%3C/svg%3E")}.ilo--tooltip--dark{background:#2d2d2d;color:#edf0f2}.ilo--tooltip--dark.ilo--tooltip--arrow{border-bottom-color:#2d2d2d;border-left-color:#2d2d2d;border-right-color:#2d2d2d;border-top-color:#2d2d2d}.docs-story div[height]{min-height:150px}
package/css/components/video.css CHANGED
@@ -1 +1 @@
1
- .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--caption{border-left:.1607717042rem solid #b8c4cc;color:#6d6d6d;font-weight:400;margin-top:calc(4 * var(--ilo-spacing-base));padding-left:calc(2 * var(--ilo-spacing-base));font-size:14.93px;letter-spacing:-.02em;line-height:20.16px}.ilo--video--element{height:auto;object-fit:cover;width:inherit}.ilo--video--wrapper{line-height:0;position:relative;overflow:hidden}.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-within .vjs-control-bar,.ilo--video:focus .vjs-control-bar,.ilo--video:hover .vjs-control-bar{opacity:1;transition:opacity .15s ease-out}.ilo--video .vjs-youtube{padding-bottom:56.25%}.ilo--video--element:not(.vjs-has-started) .vjs-poster{background-size:cover;object-fit:cover;height:100%;overflow:hidden;position:absolute;width:100%;left:0;top:0}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar{bottom:auto;opacity:1;top:0;width:6.6452304394rem}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:focus .vjs-duration,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:focus .vjs-play-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:hover .vjs-duration,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:hover .vjs-play-control{background-color:#ebf5fd;color:#1e2dbe}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:focus .vjs-play-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:hover .vjs-play-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M22 12L4 2v20l18-10z'/%3E%3C/svg%3E")}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control{cursor:pointer;border:none;background-color:#2d2d2d;width:40px;height:40px;background-position:50%;background-repeat:no-repeat;background-size:24px 24px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23EDF0F2' d='M22 12L4 2v20l18-10z'/%3E%3C/svg%3E")}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:focus,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M22 12L4 2v20l18-10z'/%3E%3C/svg%3E")}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-duration{display:flex;justify-content:center;align-items:center;font-weight:700;font-size:.7502679528rem;height:2.1436227224rem;width:4.2872454448rem;background-color:#2d2d2d;color:#edf0f2}@media screen and (min-width:1024px){.ilo--video--element:not(.vjs-has-started) .vjs-control-bar{width:4.2872454448rem;flex-direction:column;height:6.6452304394rem;gap:.2143622722rem}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control{cursor:pointer;border:none;background-color:#2d2d2d;width:80px;height:80px;background-position:50%;background-repeat:no-repeat;background-size:48px 48px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23EDF0F2' d='M22 12L4 2v20l18-10z'/%3E%3C/svg%3E")}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:focus,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M22 12L4 2v20l18-10z'/%3E%3C/svg%3E")}}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-fullscreen-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-progress-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-volume-panel{display:none}.ilo--video .vjs-control-bar{order:1;opacity:0;transition:opacity .15s ease-out;position:absolute;display:flex;width:100%;height:2.1436227224rem;bottom:0}.ilo--video .vjs-control-bar .vjs-duration,.ilo--video .vjs-control-bar .vjs-poster{display:none}.ilo--video .vjs-control-bar .vjs-play-control{cursor:pointer;border:none;background-color:#2d2d2d;width:40px;height:40px;background-position:50%;background-repeat:no-repeat;background-size:24px 24px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23EDF0F2' d='M22 12L4 2v20l18-10z'/%3E%3C/svg%3E");margin-right:.1071811361rem}.ilo--video .vjs-control-bar .vjs-play-control:focus,.ilo--video .vjs-control-bar .vjs-play-control:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M22 12L4 2v20l18-10z'/%3E%3C/svg%3E")}.ilo--video .vjs-control-bar .vjs-play-control.vjs-ended,.ilo--video .vjs-control-bar .vjs-play-control.vjs-paused{cursor:pointer;border:none;background-color:#2d2d2d;width:40px;height:40px;background-position:50%;background-repeat:no-repeat;background-size:24px 24px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23EDF0F2' d='M22 12L4 2v20l18-10z'/%3E%3C/svg%3E")}.ilo--video .vjs-control-bar .vjs-play-control.vjs-ended:focus,.ilo--video .vjs-control-bar .vjs-play-control.vjs-ended:hover,.ilo--video .vjs-control-bar .vjs-play-control.vjs-paused:focus,.ilo--video .vjs-control-bar .vjs-play-control.vjs-paused:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M22 12L4 2v20l18-10z'/%3E%3C/svg%3E")}.ilo--video .vjs-control-bar .vjs-play-control.vjs-playing{cursor:pointer;border:none;background-color:#2d2d2d;width:40px;height:40px;background-position:50%;background-repeat:no-repeat;background-size:24px 24px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23EDF0F2' d='M3 2h6v20H3V2zm12 0h6v20h-6V2z'/%3E%3C/svg%3E")}.ilo--video .vjs-control-bar .vjs-play-control.vjs-playing:focus,.ilo--video .vjs-control-bar .vjs-play-control.vjs-playing:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M3 2h6v20H3V2zm12 0h6v20h-6V2z'/%3E%3C/svg%3E")}.ilo--video .vjs-control-bar .vjs-fullscreen-control{order:5;cursor:pointer;border:none;background-color:#2d2d2d;width:40px;height:40px;background-position:50%;background-repeat:no-repeat;background-size:24px 24px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23EDF0F2' d='M14.272 5l2.414 2.414-2.863 2.863.9.9 2.863-2.863L20 10.727V5h-5.728zm.45 7.823l-.9.9 2.864 2.863L14.273 19H20v-5.728l-2.414 2.415-2.863-2.864zm-3.445 0l-2.863 2.864L6 13.273V19h5.728l-2.414-2.414 2.863-2.863-.9-.9zM11.727 5H6v5.728l2.414-2.414 2.863 2.863.9-.9-2.863-2.863L11.727 5z'/%3E%3C/svg%3E")}.ilo--video .vjs-control-bar .vjs-fullscreen-control:focus,.ilo--video .vjs-control-bar .vjs-fullscreen-control:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M14.272 5l2.414 2.414-2.863 2.863.9.9 2.863-2.863L20 10.727V5h-5.728zm.45 7.823l-.9.9 2.864 2.863L14.273 19H20v-5.728l-2.414 2.415-2.863-2.864zm-3.445 0l-2.863 2.864L6 13.273V19h5.728l-2.414-2.414 2.863-2.863-.9-.9zM11.727 5H6v5.728l2.414-2.414 2.863 2.863.9-.9-2.863-2.863L11.727 5z'/%3E%3C/svg%3E")}.ilo--video .vjs-control-bar .vjs-progress-control{order:2;margin-right:.1071811361rem;background-color:#2d2d2d;flex-grow:1}.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%;top:.857449089rem;position:absolute;z-index:10}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress{background-color:#ebf5fd;z-index:15}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress .vjs-time-tooltip{display:none}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress{background-color:#b8c4cc;z-index:15}.ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress,.ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress{position:relative}.ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip,.ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip{color:#edf0f2;font-size:.7502679528rem;height:1.7148981779rem;align-items:center;background-color:#2d2d2d;display:flex;justify-content:center;right:0;position:absolute;bottom:calc(300% + 12px);width:70px;font-size:11.94px;letter-spacing:-.02em;line-height:16.24px}.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-position:0 0;background-repeat:no-repeat;background-size:contain;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 11'%3E%3Cpath fill='%232D2D2D' d='M6 10.846L12 0H0l6 10.846z'/%3E%3C/svg%3E");content:"";height:.6430868167rem;position:absolute;left:calc(50% - 6px);bottom:-.6430868167rem;width:.6430868167rem}.ilo--video .vjs-control-bar .vjs-volume-panel{order:3;border-bottom:1px solid;bottom:0;flex-direction:column;margin-right:.1071811361rem;position:relative;width:40px}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control{cursor:pointer;border:none;background-color:#2d2d2d;width:40px;height:40px;background-position:50%;background-repeat:no-repeat;background-size:24px 24px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23EDF0F2' d='M14.633 4.735a.67.67 0 0 0-.698.063L8.78 8.666H5.667A.666.666 0 0 0 5 9.333v5.334c0 .369.298.667.667.667h3.112l5.156 3.867a.663.663 0 0 0 .698.064.668.668 0 0 0 .369-.597V5.332a.667.667 0 0 0-.369-.597zm2.531 4.436l-.471-.471-.943.943.472.471a2.669 2.669 0 0 1 0 3.771l-.472.472.943.943.471-.472a4.005 4.005 0 0 0 0-5.657z'/%3E%3Cpath fill='%23EDF0F2' d='M18.579 6.813l-.943.943.471.472a5.341 5.341 0 0 1 0 7.544l-.471.471.943.943.471-.471c2.6-2.6 2.6-6.83 0-9.43l-.471-.472z'/%3E%3C/svg%3E");height:2.1436227224rem}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control:focus,.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%231E2DBE' d='M14.633 4.735a.67.67 0 0 0-.698.063L8.78 8.666H5.667A.666.666 0 0 0 5 9.333v5.334c0 .369.298.667.667.667h3.112l5.156 3.867a.663.663 0 0 0 .698.064.668.668 0 0 0 .369-.597V5.332a.667.667 0 0 0-.369-.597zm2.531 4.436l-.471-.471-.943.943.472.471a2.669 2.669 0 0 1 0 3.771l-.472.472.943.943.471-.472a4.005 4.005 0 0 0 0-5.657z'/%3E%3Cpath fill='%231E2DBE' d='M18.579 6.813l-.943.943.471.472a5.341 5.341 0 0 1 0 7.544l-.471.471.943.943.471-.471c2.6-2.6 2.6-6.83 0-9.43l-.471-.472z'/%3E%3C/svg%3E")}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control[title=Unmute]{cursor:pointer;border:none;background-color:#2d2d2d;width:40px;height:40px;background-position:50%;background-repeat:no-repeat;background-size:24px 24px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23EDF0F2' d='M12.045 15.783L16.6 19.2a.663.663 0 0 0 .698.063.667.667 0 0 0 .369-.597v-8.505l-5.622 5.622zm-6.85 4.022a.665.665 0 0 0 .943 0L20.805 5.138a.666.666 0 1 0-.943-.942L17.667 6.39V5.333A.667.667 0 0 0 16.6 4.8l-5.155 3.867H6.333a.666.666 0 0 0-.666.666v5.334c0 .368.298.666.666.666h2.391l-3.529 3.529a.666.666 0 0 0 0 .943z'/%3E%3C/svg%3E")}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control[title=Unmute]:focus,.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control[title=Unmute]:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M12.045 15.783L16.6 19.2a.663.663 0 0 0 .698.063.667.667 0 0 0 .369-.597v-8.505l-5.622 5.622zm-6.85 4.022a.665.665 0 0 0 .943 0L20.805 5.138a.666.666 0 1 0-.943-.942L17.667 6.39V5.333A.667.667 0 0 0 16.6 4.8l-5.155 3.867H6.333a.666.666 0 0 0-.666.666v5.334c0 .368.298.666.666.666h2.391l-3.529 3.529a.666.666 0 0 0 0 .943z'/%3E%3C/svg%3E")}.ilo--video .vjs-control-bar .vjs-volume-panel.vjs-hover .vjs-volume-control{align-items:center;cursor:pointer;display:flex;justify-content:center}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control{background:#ebf5fd;border-left:.1607717042rem solid #b8c4cc;display:none;height:2.1436227224rem;position:absolute;transform:rotate(270deg);transform-origin:-4px -4px;top:.4823151125rem;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{height:.2143622722rem;position:absolute;width:100%;background-color:#b8c4cc}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-level{height:.2143622722rem;left:0;top:0;position:absolute;background-color:#1e2dbe}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-level:before{content:"";background:#1e2dbe;border-radius:50%;height:.857449089rem;width:.857449089rem;position:absolute;right:-.857449089rem;top:50%;transform:translate(-50%,-50%)}[dir=rtl] .ilo--video--caption{border-left:none;border-right:3px solid #b8c4cc;padding-left:0;padding-right:calc(2 * var(--ilo-spacing-base))}
1
+ .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--caption{border-left:.1607717042rem solid #b8c4cc;color:#6d6d6d;font-size:14.93px;font-weight:400;letter-spacing:-.02em;line-height:20.16px;margin-top:calc(var(--ilo-spacing-base)*4);padding-left:calc(var(--ilo-spacing-base)*2)}.ilo--video--element{height:auto;object-fit:cover;width:inherit}.ilo--video--wrapper{line-height:0;overflow:hidden;position:relative}.ilo--video button{padding:0}.ilo--video .vjs-control-text,.ilo--video .vjs-current-time,.ilo--video .vjs-custom-control-spacer,.ilo--video .vjs-remaining-time,.ilo--video .vjs-time-divider{display:none}.ilo--video:focus .vjs-control-bar,.ilo--video:focus-within .vjs-control-bar,.ilo--video:hover .vjs-control-bar{opacity:1;transition:opacity .15s ease-out}.ilo--video .vjs-youtube{padding-bottom:56.25%}.ilo--video--element:not(.vjs-has-started) .vjs-poster{background-size:cover;height:100%;left:0;object-fit:cover;overflow:hidden;position:absolute;top:0;width:100%}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar{bottom:auto;opacity:1;top:0;width:6.6452304394rem}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:focus .vjs-duration,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:focus .vjs-play-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:hover .vjs-duration,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:hover .vjs-play-control{background-color:#ebf5fd;color:#1e2dbe}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:focus .vjs-play-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar:hover .vjs-play-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M22 12 4 2v20z'/%3E%3C/svg%3E")}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23EDF0F2' d='M22 12 4 2v20z'/%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:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:focus,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M22 12 4 2v20z'/%3E%3C/svg%3E")}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-duration{align-items:center;background-color:#2d2d2d;color:#edf0f2;display:flex;font-size:.7502679528rem;font-weight:700;height:2.1436227224rem;justify-content:center;width:4.2872454448rem}@media screen and (min-width:1024px){.ilo--video--element:not(.vjs-has-started) .vjs-control-bar{flex-direction:column;gap:.2143622722rem;height:6.6452304394rem;width:4.2872454448rem}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23EDF0F2' d='M22 12 4 2v20z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:48px 48px;border:none;cursor:pointer;height:80px;width:80px}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:focus,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-play-control:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M22 12 4 2v20z'/%3E%3C/svg%3E")}}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-fullscreen-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-progress-control,.ilo--video--element:not(.vjs-has-started) .vjs-control-bar .vjs-volume-panel{display:none}.ilo--video .vjs-control-bar{bottom:0;display:flex;height:2.1436227224rem;opacity:0;order:1;position:absolute;transition:opacity .15s ease-out;width:100%}.ilo--video .vjs-control-bar .vjs-duration,.ilo--video .vjs-control-bar .vjs-poster{display:none}.ilo--video .vjs-control-bar .vjs-play-control{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23EDF0F2' d='M22 12 4 2v20z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:24px 24px;border:none;cursor:pointer;height:40px;margin-right:.1071811361rem;width:40px}.ilo--video .vjs-control-bar .vjs-play-control:focus,.ilo--video .vjs-control-bar .vjs-play-control:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M22 12 4 2v20z'/%3E%3C/svg%3E")}.ilo--video .vjs-control-bar .vjs-play-control.vjs-ended,.ilo--video .vjs-control-bar .vjs-play-control.vjs-paused{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23EDF0F2' d='M22 12 4 2v20z'/%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:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M22 12 4 2v20z'/%3E%3C/svg%3E")}.ilo--video .vjs-control-bar .vjs-play-control.vjs-playing{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23EDF0F2' d='M3 2h6v20H3zm12 0h6v20h-6z'/%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:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M3 2h6v20H3zm12 0h6v20h-6z'/%3E%3C/svg%3E")}.ilo--video .vjs-control-bar .vjs-fullscreen-control{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23EDF0F2' d='m14.272 5 2.414 2.414-2.863 2.863.9.9 2.863-2.863L20 10.727V5zm.45 7.823-.9.9 2.864 2.863L14.273 19H20v-5.728l-2.414 2.415zm-3.445 0-2.863 2.864L6 13.273V19h5.728l-2.414-2.414 2.863-2.863zM11.727 5H6v5.728l2.414-2.414 2.863 2.863.9-.9-2.863-2.863z'/%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:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='m14.272 5 2.414 2.414-2.863 2.863.9.9 2.863-2.863L20 10.727V5zm.45 7.823-.9.9 2.864 2.863L14.273 19H20v-5.728l-2.414 2.415zm-3.445 0-2.863 2.864L6 13.273V19h5.728l-2.414-2.414 2.863-2.863zM11.727 5H6v5.728l2.414-2.414 2.863 2.863.9-.9-2.863-2.863z'/%3E%3C/svg%3E")}.ilo--video .vjs-control-bar .vjs-progress-control{background-color:#2d2d2d;flex-grow:1;margin-right:.1071811361rem;order:2}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-mouse-display{display:none}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-progress-holder{position:relative;width:96%}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress,.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress{height:.4287245445rem;left:2%;position:absolute;top:.857449089rem;z-index:10}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress{background-color:#ebf5fd;z-index:15}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress .vjs-time-tooltip{display:none}.ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress{background-color:#b8c4cc;z-index:15}.ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress,.ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress{position:relative}.ilo--video .vjs-control-bar .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip,.ilo--video .vjs-control-bar .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip{align-items:center;background-color:#2d2d2d;bottom:calc(300% + 12px);color:#edf0f2;display:flex;font-size:.7502679528rem;font-size:11.94px;height:1.7148981779rem;justify-content:center;letter-spacing:-.02em;line-height:16.24px;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' viewBox='0 0 12 11'%3E%3Cpath fill='%232D2D2D' d='M6 10.846 12 0H0z'/%3E%3C/svg%3E");background-position:0 0;background-repeat:no-repeat;background-size:contain;bottom:-.6430868167rem;content:"";height:.6430868167rem;left:calc(50% - 6px);position:absolute;width:.6430868167rem}.ilo--video .vjs-control-bar .vjs-volume-panel{border-bottom:1px solid;bottom:0;flex-direction:column;margin-right:.1071811361rem;order:3;position:relative;width:40px}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%23EDF0F2' d='M14.633 4.735a.67.67 0 0 0-.698.063L8.78 8.666H5.667A.666.666 0 0 0 5 9.333v5.334c0 .369.298.667.667.667h3.112l5.156 3.867a.66.66 0 0 0 .698.064.67.67 0 0 0 .369-.597V5.332a.67.67 0 0 0-.369-.597m2.531 4.436-.471-.471-.943.943.472.471a2.67 2.67 0 0 1 0 3.771l-.472.472.943.943.471-.472a4.005 4.005 0 0 0 0-5.657'/%3E%3Cpath fill='%23EDF0F2' d='m18.579 6.813-.943.943.471.472a5.34 5.34 0 0 1 0 7.544l-.471.471.943.943.471-.471c2.6-2.6 2.6-6.83 0-9.43z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:24px 24px;border:none;cursor:pointer;height:40px;height:2.1436227224rem;width:40px}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control:focus,.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath fill='%231E2DBE' d='M14.633 4.735a.67.67 0 0 0-.698.063L8.78 8.666H5.667A.666.666 0 0 0 5 9.333v5.334c0 .369.298.667.667.667h3.112l5.156 3.867a.66.66 0 0 0 .698.064.67.67 0 0 0 .369-.597V5.332a.67.67 0 0 0-.369-.597m2.531 4.436-.471-.471-.943.943.472.471a2.67 2.67 0 0 1 0 3.771l-.472.472.943.943.471-.472a4.005 4.005 0 0 0 0-5.657'/%3E%3Cpath fill='%231E2DBE' d='m18.579 6.813-.943.943.471.472a5.34 5.34 0 0 1 0 7.544l-.471.471.943.943.471-.471c2.6-2.6 2.6-6.83 0-9.43z'/%3E%3C/svg%3E")}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-mute-control[title=Unmute]{background-color:#2d2d2d;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23EDF0F2' d='M12.045 15.783 16.6 19.2a.66.66 0 0 0 .698.063.67.67 0 0 0 .369-.597v-8.505zm-6.85 4.022a.665.665 0 0 0 .943 0L20.805 5.138a.666.666 0 1 0-.943-.942L17.667 6.39V5.333A.667.667 0 0 0 16.6 4.8l-5.155 3.867H6.333a.666.666 0 0 0-.666.666v5.334c0 .368.298.666.666.666h2.391l-3.528 3.529a.666.666 0 0 0 0 .943'/%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:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231E2DBE' d='M12.045 15.783 16.6 19.2a.66.66 0 0 0 .698.063.67.67 0 0 0 .369-.597v-8.505zm-6.85 4.022a.665.665 0 0 0 .943 0L20.805 5.138a.666.666 0 1 0-.943-.942L17.667 6.39V5.333A.667.667 0 0 0 16.6 4.8l-5.155 3.867H6.333a.666.666 0 0 0-.666.666v5.334c0 .368.298.666.666.666h2.391l-3.528 3.529a.666.666 0 0 0 0 .943'/%3E%3C/svg%3E")}.ilo--video .vjs-control-bar .vjs-volume-panel.vjs-hover .vjs-volume-control{align-items:center;cursor:pointer;display:flex;justify-content:center}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control{background:#ebf5fd;border-left:.1607717042rem solid #b8c4cc;display:none;height:2.1436227224rem;position:absolute;top:.4823151125rem;transform:rotate(270deg);transform-origin:-4px -4px;width:7.3954983923rem}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-bar{height:.2143622722rem;position:relative;width:calc(100% - 26px)}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-tooltip{display:none}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-mouse-display{background-color:#b8c4cc;height:.2143622722rem;position:absolute;width:100%}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-level{background-color:#1e2dbe;height:.2143622722rem;left:0;position:absolute;top:0}.ilo--video .vjs-control-bar .vjs-volume-panel .vjs-volume-control .vjs-volume-level:before{background:#1e2dbe;border-radius:50%;content:"";height:.857449089rem;position:absolute;right:-.857449089rem;top:50%;transform:translate(-50%,-50%);width:.857449089rem}[dir=rtl] .ilo--video--caption{border-left:none;border-right:3px solid #b8c4cc;padding-left:0;padding-right:calc(var(--ilo-spacing-base)*2)}