@ilo-org/styles 0.3.0 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (50) hide show
  1. package/build/css/components/index.css +63 -63
  2. package/build/css/index.css +63 -63
  3. package/build/css/monorepo.css +63 -63
  4. package/css/components/accordion.css +1 -0
  5. package/css/components/breadcrumb.css +1 -0
  6. package/css/components/button.css +1 -0
  7. package/css/components/callout.css +1 -0
  8. package/css/components/card.css +1 -0
  9. package/css/components/cardgroup.css +1 -0
  10. package/css/components/checkbox.css +1 -0
  11. package/css/components/contextmenu.css +1 -0
  12. package/css/components/credit.css +1 -0
  13. package/css/components/datepicker.css +1 -0
  14. package/css/components/dropdown.css +1 -0
  15. package/css/components/empty.css +1 -0
  16. package/css/components/fieldset.css +1 -0
  17. package/css/components/file-upload.css +1 -0
  18. package/css/components/footer.css +1 -0
  19. package/css/components/form.css +1 -0
  20. package/css/components/formgroup.css +1 -0
  21. package/css/components/heading.css +1 -0
  22. package/css/components/hero.css +1 -0
  23. package/css/components/image.css +1 -0
  24. package/css/components/input.css +1 -0
  25. package/css/components/link.css +1 -0
  26. package/css/components/linklist.css +1 -0
  27. package/css/components/list.css +1 -0
  28. package/css/components/loading.css +1 -0
  29. package/css/components/logo.css +1 -0
  30. package/css/components/modal.css +1 -0
  31. package/css/components/navigation.css +1 -0
  32. package/css/components/notification.css +1 -0
  33. package/css/components/pagination.css +1 -0
  34. package/css/components/profile.css +1 -0
  35. package/css/components/radio.css +1 -0
  36. package/css/components/readmore.css +1 -0
  37. package/css/components/richtext.css +1 -0
  38. package/css/components/searchfield.css +1 -0
  39. package/css/components/table.css +1 -0
  40. package/css/components/tableofcontents.css +1 -0
  41. package/css/components/tabs.css +1 -0
  42. package/css/components/tag.css +1 -0
  43. package/css/components/textarea.css +1 -0
  44. package/css/components/tooltip.css +1 -0
  45. package/css/components/video.css +1 -0
  46. package/css/index.css +2 -0
  47. package/css/index.css.map +1 -0
  48. package/css/monorepo.css +2 -0
  49. package/css/monorepo.css.map +1 -0
  50. package/package.json +3 -2
package/css/components/video.css ADDED
@@ -0,0 +1 @@
1
+ .ilo--video{position:relative}.ilo--video--wrapper{line-height:0;position:relative;width:100%}.ilo--video--img{line-height:0}.ilo--video--caption{border-left:3px solid #b8c4cc;color:#6d6d6d;font-size:14.93px;font-weight:400;letter-spacing:-.02em;line-height:20.16px;margin-top:.857449089rem;padding-left:.4287245445rem}.ilo--video .vjs-tech:focus,.ilo--video:focus{outline:0}.ilo--video--element,.ilo--video .vjs-tech{height:auto;object-fit:cover;width:100%}.ilo--video--element:focus,.ilo--video .vjs-tech:focus{outline:0}.ilo--video--player{position:relative}.ilo--video--player:focus{outline:0}.ilo--video--player.youtube{height:auto;max-width:100%;overflow:hidden;padding-bottom:56.25%;position:relative}.ilo--video--player iframe,.ilo--video--poster,.ilo--video .vjs-poster{height:100%;left:0;position:absolute;top:0;width:100%}.ilo--video--poster,.ilo--video .vjs-poster{display:none;max-height:100%;max-width:100%;object-fit:cover;overflow:hidden}.ilo--video--poster.show,.ilo--video .vjs-poster.show{display:block}.ilo--video--poster img,.ilo--video--poster source,.ilo--video .vjs-poster img,.ilo--video .vjs-poster source{height:auto;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.ilo--video--controls,.ilo--video .vjs-control-bar{bottom:0;color:#fff;display:flex;height:2.1436227224rem;justify-content:flex-start;left:0;opacity:0;position:absolute;transition:opacity .15s ease-out;width:100%}.ilo--video--controls.notplayed,.ilo--video .vjs-control-bar.notplayed{bottom:auto;opacity:1;top:0}@media screen and (min-width:1024px){.ilo--video--controls.notplayed,.ilo--video .vjs-control-bar.notplayed{flex-direction:column;height:122px;width:2.5723472669rem}}.ilo--video--controls button span,.ilo--video .vjs-control-bar button span{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ilo--video--controls--pause,.ilo--video--controls--play,.ilo--video--controls .vjs-big-play-button,.ilo--video--controls .vjs-play-control,.ilo--video .vjs-control-bar--pause,.ilo--video .vjs-control-bar--play,.ilo--video .vjs-control-bar .vjs-big-play-button,.ilo--video .vjs-control-bar .vjs-play-control{-webkit-appearance:none;-moz-appearance:none;background-color:#2d2d2d;border:none;cursor:pointer;height:100%;order:1;width:40px}@media screen and (min-width:1024px){.ilo--video--controls.notplayed .vjs-big-play-button,.ilo--video--controls.notplayed .vjs-play-control,.ilo--video .vjs-control-bar.notplayed .vjs-big-play-button,.ilo--video .vjs-control-bar.notplayed .vjs-play-control{height:2.5723472669rem;order:1;width:2.5723472669rem}.ilo--video--controls.notplayed .ilo--video--controls--pause,.ilo--video--controls.notplayed .ilo--video--controls--play,.ilo--video .vjs-control-bar.notplayed .ilo--video--controls--pause,.ilo--video .vjs-control-bar.notplayed .ilo--video--controls--play{height:4.2872454448rem;order:1;width:4.2872454448rem}}.ilo--video--controls--play,.ilo--video--controls .vjs-big-play-button,.ilo--video--controls .vjs-play-control:not(.vjs-playing),.ilo--video .vjs-control-bar--play,.ilo--video .vjs-control-bar .vjs-big-play-button,.ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing){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");background-position:50%;background-repeat:no-repeat;background-size:48px 48px}.ilo--video--controls--play:focus,.ilo--video--controls--play:hover,.ilo--video--controls .vjs-big-play-button:focus,.ilo--video--controls .vjs-big-play-button:hover,.ilo--video--controls .vjs-play-control:not(.vjs-playing):focus,.ilo--video--controls .vjs-play-control:not(.vjs-playing):hover,.ilo--video .vjs-control-bar--play:focus,.ilo--video .vjs-control-bar--play:hover,.ilo--video .vjs-control-bar .vjs-big-play-button:focus,.ilo--video .vjs-control-bar .vjs-big-play-button:hover,.ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):focus,.ilo--video .vjs-control-bar .vjs-play-control:not(.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='M22 12L4 2v20l18-10z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:48px 48px}.ilo--video--controls--play:focus~.ilo--video--controls--duration,.ilo--video--controls--play:focus~.vjs-duration,.ilo--video--controls--play:hover~.ilo--video--controls--duration,.ilo--video--controls--play:hover~.vjs-duration,.ilo--video--controls .vjs-big-play-button:focus~.ilo--video--controls--duration,.ilo--video--controls .vjs-big-play-button:focus~.vjs-duration,.ilo--video--controls .vjs-big-play-button:hover~.ilo--video--controls--duration,.ilo--video--controls .vjs-big-play-button:hover~.vjs-duration,.ilo--video--controls .vjs-play-control:not(.vjs-playing):focus~.ilo--video--controls--duration,.ilo--video--controls .vjs-play-control:not(.vjs-playing):focus~.vjs-duration,.ilo--video--controls .vjs-play-control:not(.vjs-playing):hover~.ilo--video--controls--duration,.ilo--video--controls .vjs-play-control:not(.vjs-playing):hover~.vjs-duration,.ilo--video .vjs-control-bar--play:focus~.ilo--video--controls--duration,.ilo--video .vjs-control-bar--play:focus~.vjs-duration,.ilo--video .vjs-control-bar--play:hover~.ilo--video--controls--duration,.ilo--video .vjs-control-bar--play:hover~.vjs-duration,.ilo--video .vjs-control-bar .vjs-big-play-button:focus~.ilo--video--controls--duration,.ilo--video .vjs-control-bar .vjs-big-play-button:focus~.vjs-duration,.ilo--video .vjs-control-bar .vjs-big-play-button:hover~.ilo--video--controls--duration,.ilo--video .vjs-control-bar .vjs-big-play-button:hover~.vjs-duration,.ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):focus~.ilo--video--controls--duration,.ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):focus~.vjs-duration,.ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):hover~.ilo--video--controls--duration,.ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing):hover~.vjs-duration{background-color:#ebf5fd;color:#1e2dbe}.ilo--video--controls--play.vjs-paused,.ilo--video--controls .vjs-big-play-button.vjs-paused,.ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused,.ilo--video .vjs-control-bar--play.vjs-paused,.ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused,.ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused{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");background-position:50%;background-repeat:no-repeat;background-size:24px 24px}.ilo--video--controls--play.vjs-paused:focus,.ilo--video--controls--play.vjs-paused:hover,.ilo--video--controls .vjs-big-play-button.vjs-paused:focus,.ilo--video--controls .vjs-big-play-button.vjs-paused:hover,.ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused:focus,.ilo--video--controls .vjs-play-control:not(.vjs-playing).vjs-paused:hover,.ilo--video .vjs-control-bar--play.vjs-paused:focus,.ilo--video .vjs-control-bar--play.vjs-paused:hover,.ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused:focus,.ilo--video .vjs-control-bar .vjs-big-play-button.vjs-paused:hover,.ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).vjs-paused:focus,.ilo--video .vjs-control-bar .vjs-play-control:not(.vjs-playing).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");background-position:50%;background-repeat:no-repeat;background-size:24px 24px}.ilo--video--controls:not(.notplayed) .ilo--video--controls--play,.ilo--video .vjs-control-bar:not(.notplayed) .ilo--video--controls--play{background-size:24px 24px}.ilo--video--controls--pause,.ilo--video--controls .vjs-playing,.ilo--video .vjs-control-bar--pause,.ilo--video .vjs-control-bar .vjs-playing{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");background-position:50%;background-repeat:no-repeat;background-size:24px 24px}.ilo--video--controls--pause:focus,.ilo--video--controls--pause:hover,.ilo--video--controls .vjs-playing:focus,.ilo--video--controls .vjs-playing:hover,.ilo--video .vjs-control-bar--pause:focus,.ilo--video .vjs-control-bar--pause:hover,.ilo--video .vjs-control-bar .vjs-playing:focus,.ilo--video .vjs-control-bar .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");background-position:50%;background-repeat:no-repeat;background-size:24px 24px}.ilo--video--controls--duration,.ilo--video--controls .vjs-duration,.ilo--video .vjs-control-bar--duration,.ilo--video .vjs-control-bar .vjs-duration{background-color:#2d2d2d;color:#edf0f2;display:none;font-size:14.93px;font-weight:700;height:100%;letter-spacing:-.02em;line-height:20.16px;margin-left:2px;order:2;padding-top:9px;text-align:center;width:4.2872454448rem}.ilo--video--controls--duration:focus,.ilo--video--controls--duration:hover,.ilo--video--controls .vjs-duration:focus,.ilo--video--controls .vjs-duration:hover,.ilo--video .vjs-control-bar--duration:focus,.ilo--video .vjs-control-bar--duration:hover,.ilo--video .vjs-control-bar .vjs-duration:focus,.ilo--video .vjs-control-bar .vjs-duration:hover{background-color:#ebf5fd;color:#1e2dbe}.ilo--video--controls--duration.show,.ilo--video--controls .vjs-duration.show,.ilo--video .vjs-control-bar--duration.show,.ilo--video .vjs-control-bar .vjs-duration.show{display:block}@media screen and (min-width:1024px){.ilo--video--controls.notplayed .vjs-duration,.ilo--video .vjs-control-bar.notplayed .vjs-duration{height:2.1436227224rem;margin-left:0;margin-top:2px;width:2.5723472669rem}.ilo--video--controls.notplayed .ilo--video--controls--duration,.ilo--video .vjs-control-bar.notplayed .ilo--video--controls--duration{height:2.1436227224rem;margin-left:0;margin-top:2px;width:4.2872454448rem}}.ilo--video--controls .vjs-progress-holder,.ilo--video .vjs-control-bar .vjs-progress-holder{position:relative;width:96%}.ilo--video--controls--progress,.ilo--video--controls .vjs-progress-control,.ilo--video .vjs-control-bar--progress,.ilo--video .vjs-control-bar .vjs-progress-control{background-color:#2d2d2d;display:none;flex-grow:1;height:100%;margin-left:2px;order:3;position:relative}.ilo--video--controls--progress.show,.ilo--video--controls .vjs-progress-control.show,.ilo--video .vjs-control-bar--progress.show,.ilo--video .vjs-control-bar .vjs-progress-control.show,.vjs-has-started .ilo--video--controls--progress,.vjs-has-started .ilo--video--controls .vjs-progress-control,.vjs-has-started .ilo--video .vjs-control-bar--progress,.vjs-has-started .ilo--video .vjs-control-bar .vjs-progress-control{display:block}.ilo--video--controls--progress-playhead,.ilo--video--controls .vjs-progress-control-playhead,.ilo--video .vjs-control-bar--progress-playhead,.ilo--video .vjs-control-bar .vjs-progress-control-playhead{height:100%;left:2%;opacity:0;padding:0;position:absolute;top:0;width:96%;z-index:3}.ilo--video--controls--progress-current,.ilo--video--controls--progress .vjs-play-progress,.ilo--video--controls .vjs-progress-control-current,.ilo--video--controls .vjs-progress-control .vjs-play-progress,.ilo--video .vjs-control-bar--progress-current,.ilo--video .vjs-control-bar--progress .vjs-play-progress,.ilo--video .vjs-control-bar .vjs-progress-control-current,.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress{-webkit-appearance:none;height:8px;left:2%;position:absolute;top:.857449089rem;width:96%;z-index:2}.ilo--video--controls--progress-current::-moz-progress-bar,.ilo--video--controls--progress .vjs-play-progress::-moz-progress-bar,.ilo--video--controls .vjs-progress-control-current::-moz-progress-bar,.ilo--video--controls .vjs-progress-control .vjs-play-progress::-moz-progress-bar,.ilo--video .vjs-control-bar--progress-current::-moz-progress-bar,.ilo--video .vjs-control-bar--progress .vjs-play-progress::-moz-progress-bar,.ilo--video .vjs-control-bar .vjs-progress-control-current::-moz-progress-bar,.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress::-moz-progress-bar{background:#ebf5fd;border-radius:0}.ilo--video--controls--progress-current::-webkit-progress-bar,.ilo--video--controls--progress .vjs-play-progress::-webkit-progress-bar,.ilo--video--controls .vjs-progress-control-current::-webkit-progress-bar,.ilo--video--controls .vjs-progress-control .vjs-play-progress::-webkit-progress-bar,.ilo--video .vjs-control-bar--progress-current::-webkit-progress-bar,.ilo--video .vjs-control-bar--progress .vjs-play-progress::-webkit-progress-bar,.ilo--video .vjs-control-bar .vjs-progress-control-current::-webkit-progress-bar,.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress::-webkit-progress-bar{background:0 0}.ilo--video--controls--progress-current::-webkit-progress-value,.ilo--video--controls--progress .vjs-play-progress::-webkit-progress-value,.ilo--video--controls .vjs-progress-control-current::-webkit-progress-value,.ilo--video--controls .vjs-progress-control .vjs-play-progress::-webkit-progress-value,.ilo--video .vjs-control-bar--progress-current::-webkit-progress-value,.ilo--video .vjs-control-bar--progress .vjs-play-progress::-webkit-progress-value,.ilo--video .vjs-control-bar .vjs-progress-control-current::-webkit-progress-value,.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress::-webkit-progress-value{background:#ebf5fd;border-radius:0}.ilo--video--controls--progress .vjs-play-progress,.ilo--video--controls .vjs-progress-control .vjs-play-progress,.ilo--video .vjs-control-bar--progress .vjs-play-progress,.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress{background:#ebf5fd}.ilo--video--controls--progress .vjs-play-progress .vjs-time-tooltip,.ilo--video--controls .vjs-progress-control .vjs-play-progress .vjs-time-tooltip,.ilo--video .vjs-control-bar--progress .vjs-play-progress .vjs-time-tooltip,.ilo--video .vjs-control-bar .vjs-progress-control .vjs-play-progress .vjs-time-tooltip{display:none}.ilo--video--controls--progress div[data-start],.ilo--video--controls .vjs-progress-control div[data-start],.ilo--video .vjs-control-bar--progress div[data-start],.ilo--video .vjs-control-bar .vjs-progress-control div[data-start]{background:#b8c4cc;height:8px;left:2%;position:absolute;top:0;width:96%;z-index:2}.ilo--video--controls--progress-played,.ilo--video--controls--progress .vjs-mouse-display,.ilo--video--controls .vjs-progress-control-played,.ilo--video--controls .vjs-progress-control .vjs-mouse-display,.ilo--video .vjs-control-bar--progress-played,.ilo--video .vjs-control-bar--progress .vjs-mouse-display,.ilo--video .vjs-control-bar .vjs-progress-control-played,.ilo--video .vjs-control-bar .vjs-progress-control .vjs-mouse-display{display:none;position:absolute;top:-40px;z-index:3}.ilo--video--controls--progress-loaded,.ilo--video--controls--progress .vjs-load-progress,.ilo--video--controls .vjs-progress-control-loaded,.ilo--video--controls .vjs-progress-control .vjs-load-progress,.ilo--video .vjs-control-bar--progress-loaded,.ilo--video .vjs-control-bar--progress .vjs-load-progress,.ilo--video .vjs-control-bar .vjs-progress-control-loaded,.ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress{-webkit-appearance:none;height:8px;left:2%;position:absolute;top:.857449089rem;width:96%;z-index:1}.ilo--video--controls--progress-loaded::-moz-progress-bar,.ilo--video--controls--progress .vjs-load-progress::-moz-progress-bar,.ilo--video--controls .vjs-progress-control-loaded::-moz-progress-bar,.ilo--video--controls .vjs-progress-control .vjs-load-progress::-moz-progress-bar,.ilo--video .vjs-control-bar--progress-loaded::-moz-progress-bar,.ilo--video .vjs-control-bar--progress .vjs-load-progress::-moz-progress-bar,.ilo--video .vjs-control-bar .vjs-progress-control-loaded::-moz-progress-bar,.ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress::-moz-progress-bar{background:#b8c4cc;border-radius:0}.ilo--video--controls--progress-loaded::-webkit-progress-bar,.ilo--video--controls--progress .vjs-load-progress::-webkit-progress-bar,.ilo--video--controls .vjs-progress-control-loaded::-webkit-progress-bar,.ilo--video--controls .vjs-progress-control .vjs-load-progress::-webkit-progress-bar,.ilo--video .vjs-control-bar--progress-loaded::-webkit-progress-bar,.ilo--video .vjs-control-bar--progress .vjs-load-progress::-webkit-progress-bar,.ilo--video .vjs-control-bar .vjs-progress-control-loaded::-webkit-progress-bar,.ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress::-webkit-progress-bar{background:0 0}.ilo--video--controls--progress-loaded::-webkit-progress-value,.ilo--video--controls--progress .vjs-load-progress::-webkit-progress-value,.ilo--video--controls .vjs-progress-control-loaded::-webkit-progress-value,.ilo--video--controls .vjs-progress-control .vjs-load-progress::-webkit-progress-value,.ilo--video .vjs-control-bar--progress-loaded::-webkit-progress-value,.ilo--video .vjs-control-bar--progress .vjs-load-progress::-webkit-progress-value,.ilo--video .vjs-control-bar .vjs-progress-control-loaded::-webkit-progress-value,.ilo--video .vjs-control-bar .vjs-progress-control .vjs-load-progress::-webkit-progress-value{background:#b8c4cc;border-radius:0}.ilo--video--controls--progress:focus .vjs-play-progress,.ilo--video--controls--progress:hover .vjs-play-progress,.ilo--video--controls .vjs-progress-control:focus .vjs-play-progress,.ilo--video--controls .vjs-progress-control:hover .vjs-play-progress,.ilo--video .vjs-control-bar--progress:focus .vjs-play-progress,.ilo--video .vjs-control-bar--progress:hover .vjs-play-progress,.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--controls--progress:focus .vjs-play-progress .vjs-time-tooltip,.ilo--video--controls--progress:hover .vjs-play-progress .vjs-time-tooltip,.ilo--video--controls .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip,.ilo--video--controls .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip,.ilo--video .vjs-control-bar--progress:focus .vjs-play-progress .vjs-time-tooltip,.ilo--video .vjs-control-bar--progress:hover .vjs-play-progress .vjs-time-tooltip,.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);display:flex;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--controls--progress:focus .vjs-play-progress .vjs-time-tooltip:after,.ilo--video--controls--progress:hover .vjs-play-progress .vjs-time-tooltip:after,.ilo--video--controls .vjs-progress-control:focus .vjs-play-progress .vjs-time-tooltip:after,.ilo--video--controls .vjs-progress-control:hover .vjs-play-progress .vjs-time-tooltip:after,.ilo--video .vjs-control-bar--progress:focus .vjs-play-progress .vjs-time-tooltip:after,.ilo--video .vjs-control-bar--progress:hover .vjs-play-progress .vjs-time-tooltip:after,.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.846L12 0H0l6 10.846z'/%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--controls--progress:focus .ilo--video--controls--progress-played-container,.ilo--video--controls--progress:hover .ilo--video--controls--progress-played-container,.ilo--video--controls .vjs-progress-control:focus .ilo--video--controls--progress-played-container,.ilo--video--controls .vjs-progress-control:hover .ilo--video--controls--progress-played-container,.ilo--video .vjs-control-bar--progress:focus .ilo--video--controls--progress-played-container,.ilo--video .vjs-control-bar--progress:hover .ilo--video--controls--progress-played-container,.ilo--video .vjs-control-bar .vjs-progress-control:focus .ilo--video--controls--progress-played-container,.ilo--video .vjs-control-bar .vjs-progress-control:hover .ilo--video--controls--progress-played-container{left:2%;position:absolute;top:0;width:96%}.ilo--video--controls--progress:focus .ilo--video--controls--progress-played,.ilo--video--controls--progress:hover .ilo--video--controls--progress-played,.ilo--video--controls .vjs-progress-control:focus .ilo--video--controls--progress-played,.ilo--video--controls .vjs-progress-control:hover .ilo--video--controls--progress-played,.ilo--video .vjs-control-bar--progress:focus .ilo--video--controls--progress-played,.ilo--video .vjs-control-bar--progress:hover .ilo--video--controls--progress-played,.ilo--video .vjs-control-bar .vjs-progress-control:focus .ilo--video--controls--progress-played,.ilo--video .vjs-control-bar .vjs-progress-control:hover .ilo--video--controls--progress-played{--playhead:0%;align-items:center;background-color:#2d2d2d;bottom:calc(300% + 12px);display:flex;font-size:11.94px;height:1.7148981779rem;justify-content:center;left:calc(var(--playhead) - 34px);letter-spacing:-.02em;line-height:16.24px;position:absolute;width:70px}.ilo--video--controls--progress:focus .ilo--video--controls--progress-played:after,.ilo--video--controls--progress:hover .ilo--video--controls--progress-played:after,.ilo--video--controls .vjs-progress-control:focus .ilo--video--controls--progress-played:after,.ilo--video--controls .vjs-progress-control:hover .ilo--video--controls--progress-played:after,.ilo--video .vjs-control-bar--progress:focus .ilo--video--controls--progress-played:after,.ilo--video .vjs-control-bar--progress:hover .ilo--video--controls--progress-played:after,.ilo--video .vjs-control-bar .vjs-progress-control:focus .ilo--video--controls--progress-played:after,.ilo--video .vjs-control-bar .vjs-progress-control:hover .ilo--video--controls--progress-played: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.846L12 0H0l6 10.846z'/%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--controls--volume,.ilo--video--controls .vjs-volume-panel,.ilo--video .vjs-control-bar--volume,.ilo--video .vjs-control-bar .vjs-volume-panel{border-bottom:1px solid;bottom:0;display:none;flex-direction:column;height:140px;margin-left:2px;order:4;position:relative;width:40px}.ilo--video--controls--volume.show,.ilo--video--controls--volume:focus .vjs-volume-control,.ilo--video--controls--volume:hover .vjs-volume-control,.ilo--video--controls .vjs-volume-panel.show,.ilo--video--controls .vjs-volume-panel:focus .vjs-volume-control,.ilo--video--controls .vjs-volume-panel:hover .vjs-volume-control,.ilo--video .vjs-control-bar--volume.show,.ilo--video .vjs-control-bar--volume:focus .vjs-volume-control,.ilo--video .vjs-control-bar--volume:hover .vjs-volume-control,.ilo--video .vjs-control-bar .vjs-volume-panel.show,.ilo--video .vjs-control-bar .vjs-volume-panel:focus .vjs-volume-control,.ilo--video .vjs-control-bar .vjs-volume-panel:hover .vjs-volume-control,.vjs-has-started .ilo--video--controls--volume,.vjs-has-started .ilo--video--controls .vjs-volume-panel,.vjs-has-started .ilo--video .vjs-control-bar--volume,.vjs-has-started .ilo--video .vjs-control-bar .vjs-volume-panel{display:block}.ilo--video--controls--showvolume,.ilo--video--controls .vjs-mute-control,.ilo--video .vjs-control-bar--showvolume,.ilo--video .vjs-control-bar .vjs-mute-control{-webkit-appearance:none;-moz-appearance:none;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.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");background-position:50%;background-repeat:no-repeat;background-size:24px 24px;border:none;cursor:pointer;height:2.1436227224rem;margin-top:0;position:relative;width:2.1436227224rem;z-index:1}.ilo--video--controls--showvolume:focus,.ilo--video--controls--showvolume:hover,.ilo--video--controls .vjs-mute-control:focus,.ilo--video--controls .vjs-mute-control:hover,.ilo--video .vjs-control-bar--showvolume:focus,.ilo--video .vjs-control-bar--showvolume:hover,.ilo--video .vjs-control-bar .vjs-mute-control:focus,.ilo--video .vjs-control-bar .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' viewBox='0 0 24 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");background-position:50%;background-repeat:no-repeat;background-size:24px 24px}.ilo--video--controls--showvolume.muted,.ilo--video--controls--showvolume[title=Unmute],.ilo--video--controls .vjs-mute-control.muted,.ilo--video--controls .vjs-mute-control[title=Unmute],.ilo--video .vjs-control-bar--showvolume.muted,.ilo--video .vjs-control-bar--showvolume[title=Unmute],.ilo--video .vjs-control-bar .vjs-mute-control.muted,.ilo--video .vjs-control-bar .vjs-mute-control[title=Unmute]{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");background-position:50%;background-repeat:no-repeat;background-size:24px 24px}.ilo--video--controls--showvolume.muted:focus,.ilo--video--controls--showvolume.muted:hover,.ilo--video--controls--showvolume[title=Unmute]:focus,.ilo--video--controls--showvolume[title=Unmute]:hover,.ilo--video--controls .vjs-mute-control.muted:focus,.ilo--video--controls .vjs-mute-control.muted:hover,.ilo--video--controls .vjs-mute-control[title=Unmute]:focus,.ilo--video--controls .vjs-mute-control[title=Unmute]:hover,.ilo--video .vjs-control-bar--showvolume.muted:focus,.ilo--video .vjs-control-bar--showvolume.muted:hover,.ilo--video .vjs-control-bar--showvolume[title=Unmute]:focus,.ilo--video .vjs-control-bar--showvolume[title=Unmute]:hover,.ilo--video .vjs-control-bar .vjs-mute-control.muted:focus,.ilo--video .vjs-control-bar .vjs-mute-control.muted:hover,.ilo--video .vjs-control-bar .vjs-mute-control[title=Unmute]:focus,.ilo--video .vjs-control-bar .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");background-position:50%;background-repeat:no-repeat;background-size:24px 24px}.ilo--video--controls--setvolume,.ilo--video--controls .vjs-volume-control,.ilo--video .vjs-control-bar--setvolume,.ilo--video .vjs-control-bar .vjs-volume-control{background:#ebf5fd;border-left:3px solid #b8c4cc;display:none;height:2.1436227224rem;order:1;padding:0;position:absolute;top:9px;transform:rotate(270deg);transform-origin:-4px -4px;width:7.3954983923rem}.ilo--video--controls--setvolume,.ilo--video .vjs-control-bar--setvolume{-webkit-appearance:none;border-left:8px solid #ebf5fd;border-right:8px solid #ebf5fd;width:6.5380493033rem}.ilo--video--controls--setvolume.show,.ilo--video .vjs-control-bar--setvolume.show{display:block}.ilo--video--controls--setvolume-container,.ilo--video .vjs-control-bar--setvolume-container{left:-2px;position:absolute;top:-2px}.ilo--video--controls--setvolume::-webkit-slider-runnable-track,.ilo--video .vjs-control-bar--setvolume::-webkit-slider-runnable-track{background-color:#1e2dbe;border:none;box-shadow:none;cursor:pointer;height:4px}.ilo--video--controls--setvolume::-webkit-slider-thumb,.ilo--video .vjs-control-bar--setvolume::-webkit-slider-thumb{-webkit-appearance:none;background-color:#1e2dbe;border:none;border-radius:50%;box-shadow:none;cursor:pointer;height:16px;margin-top:-5px;width:16px}.ilo--video--controls .vjs-volume-panel.vjs-hover .vjs-volume-control,.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--controls .vjs-volume-bar,.ilo--video .vjs-control-bar .vjs-volume-bar{height:4px;position:relative;width:calc(100% - 26px)}.ilo--video--controls .vjs-mouse-display,.ilo--video--controls .vjs-volume-level,.ilo--video .vjs-control-bar .vjs-mouse-display,.ilo--video .vjs-control-bar .vjs-volume-level{height:4px;left:0;position:absolute;top:0}.ilo--video--controls .vjs-mouse-display,.ilo--video .vjs-control-bar .vjs-mouse-display{background-color:#b8c4cc;width:100%}.ilo--video--controls .vjs-volume-level,.ilo--video .vjs-control-bar .vjs-volume-level{background-color:#1e2dbe}.ilo--video--controls .vjs-volume-level:before,.ilo--video .vjs-control-bar .vjs-volume-level:before{background:#1e2dbe;border-radius:50%;content:"";height:16px;margin:0;padding:0;position:absolute;right:-16px;top:50%;transform:translate(-50%,-50%);width:16px}.ilo--video--controls .vjs-volume-tooltip,.ilo--video .vjs-control-bar .vjs-volume-tooltip{display:none}.ilo--video--controls--fullscreen,.ilo--video--controls .vjs-fullscreen-control,.ilo--video .vjs-control-bar--fullscreen,.ilo--video .vjs-control-bar .vjs-fullscreen-control{-webkit-appearance:none;-moz-appearance:none;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 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");background-position:50%;background-repeat:no-repeat;background-size:24px 24px;border:none;cursor:pointer;display:none;height:100%;margin-left:2px;order:5;width:2.1436227224rem}.ilo--video--controls--fullscreen:focus,.ilo--video--controls--fullscreen:hover,.ilo--video--controls .vjs-fullscreen-control:focus,.ilo--video--controls .vjs-fullscreen-control:hover,.ilo--video .vjs-control-bar--fullscreen:focus,.ilo--video .vjs-control-bar--fullscreen:hover,.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");background-position:50%;background-repeat:no-repeat;background-size:24px 24px}.ilo--video--controls--fullscreen.show,.ilo--video--controls .vjs-fullscreen-control.show,.ilo--video .vjs-control-bar--fullscreen.show,.ilo--video .vjs-control-bar .vjs-fullscreen-control.show{display:block}.ilo--video .vjs-control-bar{bottom:0;left:-5px;width:calc(100% + 5px)}.ilo--video--element:not(.vjs-has-started) .vjs-control-bar{bottom:auto;left:-5px;opacity:1;top:0}@media screen and (min-width:1024px){.ilo--video--element:not(.vjs-has-started) .vjs-control-bar{flex-direction:column;height:158px;justify-content:flex-start;left:0;width:80px}}.ilo--video--element:not(.vjs-has-started) .vjs-duration{display:block}@media screen and (min-width:1024px){.ilo--video--element:not(.vjs-has-started) .vjs-duration{height:2.1436227224rem;margin-left:0;margin-top:2px;width:4.2872454448rem}.ilo--video--element:not(.vjs-has-started) .vjs-play-control{height:4.2872454448rem;order:1;width:4.2872454448rem}}.ilo--video .vjs-control:focus,.ilo--video .vjs-control :focus{outline:0}.ilo--video .vjs-has-started .vjs-control:not(.vjs-duration):not(.vjs-volume-control){display:block}.ilo--video:focus-within .ilo--video--controls,.ilo--video:focus-within .vjs-control-bar,.ilo--video:focus .ilo--video--controls,.ilo--video:focus .vjs-control-bar,.ilo--video:hover .ilo--video--controls,.ilo--video:hover .vjs-control-bar{opacity:1;transition:opacity .15s ease-out}.ilo--video .vjs-loading-spinner{display:none}.ilo--video .vjs-control-text,.ilo--video .vjs-current-time,.ilo--video .vjs-remaining-time,.ilo--video .vjs-time-divider{display:none!important}.ilo--video--container{position:relative}.right-to-left .ilo--video--caption{border-left:none;border-right:3px solid #b8c4cc;direction:rtl;padding-left:0;padding-right:.4287245445rem}.right-to-left .ilo--credit{left:auto;right:0}