@ilo-org/styles 0.3.1 → 0.3.2

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 (27) hide show
  1. package/README.md +6 -0
  2. package/build/css/components/index.css +72 -72
  3. package/build/css/global.css +170 -0
  4. package/build/css/global.css.map +1 -0
  5. package/build/css/index.css +72 -72
  6. package/build/css/monorepo.css +88 -88
  7. package/build/css/monorepo.css.map +1 -1
  8. package/build/minified/index.css +1 -1
  9. package/build/minified/index.css.map +1 -1
  10. package/build/minified/monorepo.css +1 -1
  11. package/build/minified/monorepo.css.map +1 -1
  12. package/css/components/callout.css +1 -1
  13. package/css/components/credit.css +1 -1
  14. package/css/components/footer.css +1 -1
  15. package/css/components/notification.css +1 -1
  16. package/css/components/tabs.css +1 -1
  17. package/css/components/tooltip.css +1 -1
  18. package/css/components/video.css +1 -1
  19. package/css/global.css +2 -0
  20. package/css/global.css.map +1 -0
  21. package/css/index.css +1 -1
  22. package/css/index.css.map +1 -1
  23. package/css/monorepo.css +1 -1
  24. package/css/monorepo.css.map +1 -1
  25. package/package.json +4 -4
  26. package/scss/_typographymonorepo.scss +1 -1
  27. package/scss/global.scss +8 -0
package/css/components/video.css CHANGED
@@ -1 +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}
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' 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");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' 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");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}
package/css/global.css ADDED
@@ -0,0 +1,2 @@
1
+ a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{padding:0;border:0;margin:0;font:inherit;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote::after,blockquote::before,q::after,q::before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{box-sizing:border-box}select{-webkit-appearance:none;-moz-appearance:none}*,::after,::before{box-sizing:inherit}@media screen and (-ms-high-contrast:active){svg{fill:ButtonText}}body,html{color:#2d2d2d;font:18.66px/27.24px Noto Sans;letter-spacing:normal;-webkit-font-smoothing:antialiased}
2
+ /*# sourceMappingURL=global.css.map */
package/css/global.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["_reset.scss","_typography.scss","../node_modules/@ilo-org/themes/build/scss/_tokens.scss"],"names":[],"mappings":"AAWA,EAAA,KAAA,QAAA,QAAA,OAAA,QAAA,MAAA,MAAA,EAAA,IAAA,WAAA,KAAA,OAAA,QAAA,OAAA,KAAA,KAAA,GAAA,IAAA,QAAA,IAAA,IAAA,GAAA,GAAA,GAAA,MAAA,SAAA,WAAA,OAAA,OAAA,KAAA,GAAA,GAAA,GAAA,GAAA,GAAA,GAAA,OAAA,OAAA,KAAA,EAAA,OAAA,IAAA,IAAA,IAAA,MAAA,OAAA,GAAA,KAAA,KAAA,IAAA,OAAA,GAAA,OAAA,EAAA,IAAA,EAAA,KAAA,EAAA,KAAA,QAAA,MAAA,KAAA,OAAA,OAAA,IAAA,QAAA,IAAA,MAAA,MAAA,GAAA,MAAA,GAAA,MAAA,KAAA,GAAA,GAAA,EAAA,GAAA,IAAA,MAiFE,QAAA,EACA,OAAA,EACA,OAAA,EACA,KAAA,QACA,UAAA,KACA,eAAA,SAIF,QAAA,MAAA,QAAA,WAAA,OAAA,OAAA,OAAA,OAAA,KAAA,IAAA,QAWE,QAAA,MAGF,KACE,YAAA,EAGF,GAAA,GAEE,WAAA,KAGF,WAAA,EAEE,OAAA,KAGF,kBAAA,mBAAA,SAAA,UAIE,QAAA,GAEA,QAAA,KAGF,MACE,gBAAA,SACA,eAAA,EAIF,KACE,WAAA,WAGF,OACE,mBAAA,KACA,gBAAA,KAGF,EAAA,QAAA,SAGE,WAAA,QAKF,6CACE,IACE,KAAA,YC1JJ,KAAA,KAEE,MCiBgB,QDhBhB,KAAA,OAAA,CAAA,QAAA,KAAA,KACA,eCsnByB,ODrnBzB,uBAAA","file":"global.css","sourcesContent":["//\n// Copyright IBM Corp. 2018, 2018\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n/// http://meyerweb.com/eric/tools/css/reset/\n/// v2.0 | 20110126\n/// License: none (public domain)\n/// Start vendor reset\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n padding: 0;\n border: 0;\n margin: 0;\n font: inherit;\n font-size: 100%;\n vertical-align: baseline;\n}\n\n/* HTML5 display-role reset for older browsers */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\nsection {\n display: block;\n}\n\nbody {\n line-height: 1;\n}\n\nol,\nul {\n list-style: none;\n}\n\nblockquote,\nq {\n quotes: none;\n}\n\nblockquote::before,\nblockquote::after,\nq::before,\nq::after {\n content: \"\";\n // stylelint-disable-next-line declaration-block-no-duplicate-properties\n content: none;\n}\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n/// End vendor reset\n\nhtml {\n box-sizing: border-box;\n}\n\nselect {\n -webkit-appearance: none;\n -moz-appearance: none;\n}\n\n*,\n*::before,\n*::after {\n box-sizing: inherit;\n}\n\n/// Makes SVGs accessible in high contrast mode\n/// @link https://github.com/IBM/carbon-elements/issues/345#issuecomment-466577293 Carbon-elements #345\n@media screen and (-ms-high-contrast: active) {\n svg {\n fill: ButtonText;\n }\n}\n","// Adapted from Carbon Library\n//\n// This source code is licensed under the Apache-2.0 license found in the\n// LICENSE file in the root directory of this source tree.\n//\n\n// Load the theme vars and fonts\n@use \"@ilo-org/themes/build/scss/tokens\" as *;\n\nhtml,\nbody {\n color: $color-font-base;\n font: #{$type-base-size}/#{$type-base-line-height} $fonts-copy;\n letter-spacing: $type-base-letter-spacing;\n -webkit-font-smoothing: antialiased;\n}\n\n/// Font family fallbacks for: Overpass, Noto Sans\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$font-families: (\n \"display\": unquote(\"#{$fonts-display}, sans-serif\"),\n \"copy\": unquote(\"#{$fonts-copy}, sans-serif\"),\n) !default;\n\n/// Get the font-family for a font\n/// @param {String} $name\n/// @return {String}\n/// @access public\n/// @group @carbon/type\n@function font-family($name) {\n @return map-get($font-families, $name);\n}\n\n/// Include the `font-family` definition for the given name in your selector\n/// @param {String} $name\n/// @access public\n/// @group @carbon/type\n@mixin font-family($name) {\n font-family: font-family($name);\n}\n\n/// Suggested font weights to be used in product\n/// @type Map\n/// @access public\n/// @group @carbon/type\n$font-weights: (\n \"light\": 300,\n \"regular\": 400,\n \"semibold\": 600,\n \"bold\": 700,\n \"extrabold\": 800,\n) !default;\n\n/// Retrieve the font-weight value for a given name\n/// @param {String} $weight\n/// @return {Number}\n/// @access public\n/// @group @carbon/type\n@function font-weight($weight) {\n @return map-get($font-weights, $weight);\n}\n\n/// Set the `font-weight` property with the value for a given name\n/// @param {String} $weight\n/// @access public\n/// @group @carbon/type\n@mixin font-weight($weight) {\n font-weight: font-weight($weight);\n}\n","/**\n * Do not edit directly\n * Generated on Wed, 31 May 2023 15:14:52 GMT\n */\n\n/**\n* TOKENS:\n*/\n\n$borders-small: 1.5px !default;\n$borders-base: 2px !default;\n$borders-thick: 6px !default;\n$brand-ilo-blue: rgba(30, 45, 190, 1) !default;\n$brand-ilo-red: rgba(250, 60, 75, 1) !default;\n$brand-ilo-dark-blue: rgba(35, 0, 80, 1) !default;\n$brand-ilo-yellow: rgba(255, 205, 45, 1) !default;\n$brand-ilo-green: rgba(140, 225, 100, 1) !default;\n$brand-ilo-purple: rgba(150, 10, 85, 1) !default;\n$brand-ilo-purple-light: rgba(116, 96, 145, 1) !default;\n$brand-ilo-turquoise: rgba(5, 210, 210, 1) !default;\n$brand-ilo-dark-red: rgba(200, 48, 60, 1) !default;\n$brand-ilo-lighter-blue: rgba(235, 245, 253, 1) !default;\n$brand-ilo-light-blue: rgba(235, 245, 253, 1) !default;\n$brand-ilo-grey-light-alternate: rgba(246, 247, 248, 1) !default;\n$brand-ilo-grey-light: rgba(237, 240, 242, 1) !default;\n$brand-ilo-grey-ui: rgba(184, 196, 204, 1) !default;\n$brand-ilo-grey-accessible: rgba(109, 109, 109, 1) !default;\n$brand-ilo-grey-charcoal: rgba(45, 45, 45, 1) !default;\n$brand-ilo-black: rgba(45, 45, 45, 1) !default;\n$brand-ilo-white: rgba(255, 255, 255, 1) !default;\n$brand-ilo-ramp-blue: rgba(190, 220, 250, 1) !default;\n$brand-ilo-ramp-red: rgba(254, 216, 219, 1) !default;\n$brand-ilo-ramp-green: rgba(232, 249, 224, 1) !default;\n$brand-ilo-ramp-yellow: rgba(255, 245, 200, 1) !default;\n$breakpoints-x-small: 320px !default;\n$breakpoints-small: 414px !default;\n$breakpoints-medium: 610px !default;\n$breakpoints-large: 1024px !default;\n$breakpoints-x-large: 1168px !default;\n$breakpoints-xx-large: 1440px !default;\n$color-base-blue-lighter: $brand-ilo-lighter-blue !default;\n$color-base-blue-light: $brand-ilo-light-blue !default;\n$color-base-blue-intermediate: $brand-ilo-ramp-blue !default;\n$color-base-blue-medium: $brand-ilo-blue !default;\n$color-base-blue-dark: $brand-ilo-dark-blue !default;\n$color-base-green: $brand-ilo-green !default;\n$color-base-neutrals-white: $brand-ilo-white !default;\n$color-base-neutrals-alternate: $brand-ilo-grey-light-alternate !default;\n$color-base-neutrals-lighter: $brand-ilo-grey-light !default;\n$color-base-neutrals-light: $brand-ilo-grey-ui !default;\n$color-base-neutrals-medium: $brand-ilo-grey-accessible !default;\n$color-base-neutrals-dark: $brand-ilo-grey-charcoal !default;\n$color-base-neutrals-black: $brand-ilo-black !default;\n$color-base-purple-light: $brand-ilo-purple-light !default;\n$color-base-purple-medium: $brand-ilo-purple !default;\n$color-base-red-light: $brand-ilo-blue !default;\n$color-base-red-medium: $brand-ilo-red !default;\n$color-base-red-dark: $brand-ilo-dark-red !default;\n$color-base-turquoise: $brand-ilo-turquoise !default;\n$color-base-yellow: $brand-ilo-yellow !default;\n$color-ramp-blue: $brand-ilo-ramp-blue !default;\n$color-ramp-green: $brand-ilo-ramp-green !default;\n$color-ramp-red: $brand-ilo-ramp-red !default;\n$color-ramp-yellow: $brand-ilo-ramp-yellow !default;\n$color-accordion-border: $color-base-neutrals-lighter !default;\n$color-font-base: $color-base-neutrals-black !default;\n$color-font-blockquote: $color-base-purple-medium !default;\n$color-font-cite: $color-base-neutrals-medium !default;\n$color-font-caption: $color-base-neutrals-medium !default;\n$color-formelements-input-default-background: $color-base-neutrals-white !default;\n$color-formelements-input-default-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-input-default-border-left: $color-base-neutrals-light !default;\n$color-formelements-input-default-border-right: $color-base-neutrals-light !default;\n$color-formelements-input-default-border-top: $color-base-neutrals-light !default;\n$color-formelements-input-default-color: $color-base-neutrals-medium !default;\n$color-formelements-input-hover-background: $color-base-blue-light !default;\n$color-formelements-input-hover-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-input-hover-border-left: $color-base-blue-medium !default;\n$color-formelements-input-hover-border-right: $color-base-neutrals-light !default;\n$color-formelements-input-hover-border-top: $color-base-neutrals-light !default;\n$color-formelements-input-hover-color: $color-base-neutrals-dark !default;\n$color-formelements-input-focus-background: $color-base-blue-light !default;\n$color-formelements-input-focus-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-input-focus-border-left: $color-base-blue-medium !default;\n$color-formelements-input-focus-border-right: $color-base-neutrals-light !default;\n$color-formelements-input-focus-border-top: $color-base-neutrals-light !default;\n$color-formelements-input-focus-color: $color-base-neutrals-dark !default;\n$color-formelements-input-error-background: $color-base-neutrals-white !default;\n$color-formelements-input-error-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-input-error-border-left: $color-base-red-dark !default;\n$color-formelements-input-error-border-right: $color-base-neutrals-light !default;\n$color-formelements-input-error-border-top: $color-base-neutrals-light !default;\n$color-formelements-input-error-color: $color-base-neutrals-medium !default;\n$color-formelements-input-disabled-background: $color-base-neutrals-white !default;\n$color-formelements-input-disabled-border-bottom: $color-base-neutrals-lighter !default;\n$color-formelements-input-disabled-border-left: $color-base-neutrals-lighter !default;\n$color-formelements-input-disabled-border-right: $color-base-neutrals-lighter !default;\n$color-formelements-input-disabled-border-top: $color-base-neutrals-lighter !default;\n$color-formelements-input-disabled-color: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-default-background: $color-base-neutrals-lighter !default;\n$color-formelements-inputbutton-default-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-default-border-left: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-default-border-right: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-default-border-top: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-default-color: $color-base-blue-dark !default;\n$color-formelements-inputbutton-hover-background: $color-base-blue-light !default;\n$color-formelements-inputbutton-hover-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-hover-border-left: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-hover-border-right: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-hover-border-top: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-hover-color: $color-base-blue-medium !default;\n$color-formelements-inputbutton-focus-background: $color-base-blue-light !default;\n$color-formelements-inputbutton-focus-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-focus-border-left: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-focus-border-right: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-focus-border-top: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-focus-color: $color-base-blue-medium !default;\n$color-formelements-inputbutton-active-background: $color-base-blue-medium !default;\n$color-formelements-inputbutton-active-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-active-border-left: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-active-border-right: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-active-border-top: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-active-color: $color-base-blue-light !default;\n$color-formelements-inputbutton-error-background: $color-base-neutrals-white !default;\n$color-formelements-inputbutton-error-border-bottom: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-error-border-left: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-error-border-right: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-error-border-top: $color-base-neutrals-light !default;\n$color-formelements-inputbutton-error-color: $color-base-neutrals-medium !default;\n$color-formelements-inputbutton-disabled-background: $color-base-neutrals-white !default;\n$color-formelements-inputbutton-disabled-border-bottom: $color-base-neutrals-lighter !default;\n$color-formelements-inputbutton-disabled-border-left: $color-base-neutrals-lighter !default;\n$color-formelements-inputbutton-disabled-border-right: $color-base-neutrals-lighter !default;\n$color-formelements-inputbutton-disabled-border-top: $color-base-neutrals-lighter !default;\n$color-formelements-inputbutton-disabled-color: $color-base-neutrals-light !default;\n$color-formelements-uploadedfile-default-background: $color-base-neutrals-lighter !default;\n$color-formelements-uploadedfile-default-border-bottom: $color-base-neutrals-lighter !default;\n$color-formelements-uploadedfile-default-border-left: $color-base-blue-dark !default;\n$color-formelements-uploadedfile-default-border-right: $color-base-neutrals-lighter !default;\n$color-formelements-uploadedfile-default-border-top: $color-base-neutrals-lighter !default;\n$color-formelements-uploadedfile-default-color: $color-base-neutrals-dark !default;\n$color-hero-article: $color-base-blue-light !default;\n$color-hero-image: rgba(0, 0, 0, 0) !default;\n$color-hero-project: $color-base-blue-light !default;\n$color-hero-portal-background: $color-base-blue-dark !default;\n$color-hero-portal-color: $color-base-neutrals-white !default;\n$color-hero-card-dark-background: $color-base-blue-dark !default;\n$color-hero-card-dark-color: $color-base-neutrals-white !default;\n$color-hero-card-dark-icon-color: $color-base-neutrals-white !default;\n$color-hero-card-dark-iconhover-color: $color-base-blue-medium !default;\n$color-hero-card-dark-iconhover-background: $color-base-neutrals-white !default;\n$color-hero-card-dark-eyebrow-color: $color-base-neutrals-white !default;\n$color-hero-card-dark-datecopy-color: $color-base-neutrals-white !default;\n$color-hero-card-light-background: $color-base-neutrals-white !default;\n$color-hero-card-light-color: $color-base-neutrals-dark !default;\n$color-hero-card-light-eyebrow-color: $color-base-purple-medium !default;\n$color-hero-card-light-datecopy-color: $color-base-neutrals-medium !default;\n$color-hero-card-light-link-color: $color-base-neutrals-white !default;\n$color-hero-card-light-icon-color: $color-base-neutrals-medium !default;\n$color-hero-card-light-iconhover-background: $color-base-blue-light !default;\n$color-hero-card-light-iconhover-color: $color-base-blue-medium !default;\n$color-link-background-default: rgba(0, 0, 0, 0) !default;\n$color-link-background-hover: $color-base-neutrals-white !default;\n$color-link-background-focus: $color-base-yellow !default;\n$color-link-background-active: $color-base-yellow !default;\n$color-link-background-visited: rgba(0, 0, 0, 0) !default;\n$color-link-background-dark-default: rgba(0, 0, 0, 0) !default;\n$color-link-background-dark-hover: $color-base-neutrals-white !default;\n$color-link-background-dark-focus: $color-base-yellow !default;\n$color-link-background-dark-active: $color-base-yellow !default;\n$color-link-background-dark-visited: rgba(0, 0, 0, 0) !default;\n$color-link-background-footer-default: rgba(0, 0, 0, 0) !default;\n$color-link-background-footer-hover: $color-base-neutrals-white !default;\n$color-link-background-footer-focus: $color-base-yellow !default;\n$color-link-background-footer-active: $color-base-yellow !default;\n$color-link-background-footer-visited: rgba(0, 0, 0, 0) !default;\n$color-link-text-default: $color-base-blue-dark !default;\n$color-link-text-hover: $color-base-blue-medium !default;\n$color-link-text-focus: $color-base-blue-dark !default;\n$color-link-text-active: $color-base-blue-dark !default;\n$color-link-text-visited: $color-base-purple-medium !default;\n$color-link-text-dark-default: $color-base-neutrals-lighter !default;\n$color-link-text-dark-hover: $color-base-blue-medium !default;\n$color-link-text-dark-focus: $color-base-blue-dark !default;\n$color-link-text-dark-active: $color-base-blue-dark !default;\n$color-link-text-dark-visited: $color-base-neutrals-light !default;\n$color-link-text-footer-default: $color-base-neutrals-medium !default;\n$color-link-text-footer-hover: $color-base-blue-medium !default;\n$color-link-text-footer-focus: $color-base-blue-dark !default;\n$color-link-text-footer-active: $color-base-blue-dark !default;\n$color-link-text-footer-visited: $color-base-purple-medium !default;\n$color-link-underline-default: $color-base-blue-medium !default;\n$color-link-underline-hover: $color-base-blue-medium !default;\n$color-link-underline-focus: $color-base-blue-dark !default;\n$color-link-underline-active: $color-base-blue-dark !default;\n$color-link-underline-visited: $color-base-purple-medium !default;\n$color-link-underline-dark-default: $color-base-neutrals-white !default;\n$color-link-underline-dark-hover: $color-base-blue-medium !default;\n$color-link-underline-dark-focus: $color-base-blue-dark !default;\n$color-link-underline-dark-active: $color-base-blue-dark !default;\n$color-link-underline-dark-visited: $color-base-neutrals-light !default;\n$color-link-underline-footer-default: $color-base-neutrals-medium !default;\n$color-link-underline-footer-hover: $color-base-blue-medium !default;\n$color-link-underline-footer-focus: $color-base-blue-dark !default;\n$color-link-underline-footer-active: $color-base-blue-dark !default;\n$color-link-underline-footer-visited: $color-base-purple-medium !default;\n$color-tag-background-default: $color-base-neutrals-lighter !default;\n$color-tag-background-hover: $color-base-blue-light !default;\n$color-tag-background-focus: $color-base-blue-light !default;\n$color-tag-background-active: $color-base-neutrals-lighter !default;\n$color-tag-background-visited: $color-base-neutrals-lighter !default;\n$color-tag-text-default: $color-base-neutrals-medium !default;\n$color-tag-text-hover: $color-base-blue-medium !default;\n$color-tag-text-focus: $color-base-blue-medium !default;\n$color-tag-text-active: $color-base-blue-dark !default;\n$color-tag-text-visited: $color-base-neutrals-medium !default;\n$color-tooltip-default-background: $color-base-neutrals-white !default;\n$color-tooltip-default-dropshadow: $color-base-blue-dark !default;\n$color-tooltip-default-text: $color-base-neutrals-dark !default;\n$color-tooltip-dark-background: $color-base-neutrals-dark !default;\n$color-tooltip-dark-dropshadow: $color-base-blue-dark !default;\n$color-tooltip-dark-text: $color-base-neutrals-lighter !default;\n$color-ux-background-default: $color-base-neutrals-white !default;\n$color-ux-background-disabled: $color-base-neutrals-lighter !default;\n$color-ux-background-highlight: $color-base-neutrals-lighter !default;\n$color-ux-background-hover: $color-base-blue-light !default;\n$color-ux-background-focus: $color-base-neutrals-white !default;\n$color-ux-background-active: $color-base-blue-medium !default;\n$color-ux-background-alert: $color-base-red-dark !default;\n$color-ux-background-attention: $color-base-yellow !default;\n$color-ux-borders-default: $color-base-neutrals-light !default;\n$color-ux-borders-error: $color-base-red-dark !default;\n$color-ux-borders-highlight: $color-base-purple-medium !default;\n$color-ux-borders-hover: $color-base-blue-medium !default;\n$color-ux-borders-focus: $color-base-yellow !default;\n$color-ux-borders-active: $color-base-blue-medium !default;\n$color-ux-borders-alert: $color-base-red-dark !default;\n$color-ux-borders-attention: $color-base-yellow !default;\n$color-ux-labels-actionable: $color-base-blue-dark !default;\n$color-ux-labels-darkbg: $color-base-neutrals-white !default;\n$color-ux-labels-default: $color-base-neutrals-medium !default;\n$color-ux-labels-error: $color-base-red-dark !default;\n$color-ux-labels-focus: $color-base-blue-dark !default;\n$color-ux-labels-hover: $color-base-blue-medium !default;\n$color-ux-labels-active: $color-base-blue-light !default;\n$color-ux-labels-alert: $color-base-neutrals-white !default;\n$color-ux-caption-background: rgba(0, 0, 0, 0) !default;\n$color-ux-caption-border-bottom: rgba(0, 0, 0, 0) !default;\n$color-ux-caption-border-left: $color-base-neutrals-light !default;\n$color-ux-caption-border-right: rgba(0, 0, 0, 0) !default;\n$color-ux-caption-border-top: rgba(0, 0, 0, 0) !default;\n$color-ux-caption-text: $color-base-neutrals-black !default;\n$color-ux-credit-background: $color-base-neutrals-dark !default;\n$color-ux-credit-border-bottom: rgba(0, 0, 0, 0) !default;\n$color-ux-credit-border-left: rgba(0, 0, 0, 0) !default;\n$color-ux-credit-border-right: rgba(0, 0, 0, 0) !default;\n$color-ux-credit-border-top: rgba(0, 0, 0, 0) !default;\n$color-ux-credit-text: $color-base-neutrals-white !default;\n$color-ux-horizontal-rule-default: $color-base-neutrals-lighter !default;\n$color-ux-notification-background: $color-base-neutrals-white !default;\n$color-ux-notification-icon: $color-base-neutrals-white !default;\n$color-ux-notification-text: $color-base-neutrals-dark !default;\n$color-ux-notification-type-error: $color-base-red-medium !default;\n$color-ux-notification-type-info: $color-base-blue-medium !default;\n$color-ux-notification-type-success: $color-base-green !default;\n$color-ux-notification-type-warning: $color-base-yellow !default;\n$color-ux-pagination-default-background: $color-base-neutrals-lighter !default;\n$color-ux-pagination-default-icon: $color-base-blue-dark !default;\n$color-ux-pagination-hover-background: $color-base-blue-light !default;\n$color-ux-pagination-hover-icon: $color-base-blue-medium !default;\n$color-ux-readmore-default-background: rgba(0, 0, 0, 0) !default;\n$color-ux-readmore-default-border-bottom: rgba(0, 0, 0, 0) !default;\n$color-ux-readmore-default-border-left: rgba(0, 0, 0, 0) !default;\n$color-ux-readmore-default-border-right: rgba(0, 0, 0, 0) !default;\n$color-ux-readmore-default-border-top: $color-base-neutrals-lighter !default;\n$color-ux-readmore-hover-background: $color-base-blue-light !default;\n$color-ux-readmore-hover-border-bottom: rgba(0, 0, 0, 0) !default;\n$color-ux-readmore-hover-border-left: rgba(0, 0, 0, 0) !default;\n$color-ux-readmore-hover-border-right: rgba(0, 0, 0, 0) !default;\n$color-ux-readmore-hover-border-top: $color-base-blue-medium !default;\n$color-ux-table-background: $color-base-blue-intermediate !default;\n$color-ux-table-content-background: $color-base-neutrals-white !default;\n$color-ux-table-cell-background: $color-base-neutrals-white !default;\n$color-ux-table-zebra-background: $color-base-neutrals-alternate !default;\n$color-ux-table-hover-background: $color-base-blue-lighter !default;\n$color-ux-table-selected-background: $color-base-blue-intermediate !default;\n$color-ux-tableofcontents-items-default-background: $color-base-neutrals-lighter !default;\n$color-ux-tableofcontents-items-default-border: $color-base-neutrals-white !default;\n$color-ux-tableofcontents-items-default-color: $color-base-blue-dark !default;\n$color-ux-tableofcontents-items-default-icon: $color-base-blue-dark !default;\n$color-ux-tableofcontents-items-hover-background: $color-base-blue-light !default;\n$color-ux-tableofcontents-items-hover-border: $color-base-blue-medium !default;\n$color-ux-tableofcontents-items-hover-color: $color-base-blue-medium !default;\n$color-ux-tableofcontents-items-hover-icon: $color-base-blue-medium !default;\n$color-ux-tableofcontents-items-active-background: $color-base-neutrals-white !default;\n$color-ux-tableofcontents-items-active-border: $color-base-blue-dark !default;\n$color-ux-tableofcontents-items-active-color: $color-base-blue-dark !default;\n$color-ux-tableofcontents-items-active-icon: $color-base-blue-dark !default;\n$color-ux-video-controls-default-background: $color-base-neutrals-dark !default;\n$color-ux-video-controls-default-border-bottom: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-default-border-left: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-default-border-right: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-default-border-top: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-default-icon: $color-base-neutrals-lighter !default;\n$color-ux-video-controls-hover-background: $color-base-blue-light !default;\n$color-ux-video-controls-hover-border-bottom: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-hover-border-left: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-hover-border-right: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-hover-border-top: rgba(0, 0, 0, 0) !default;\n$color-ux-video-controls-hover-icon: $color-base-blue-medium !default;\n$fonts-display: Overpass !default;\n$fonts-copy: Noto Sans !default;\n$opacity-disabled: 45% !default;\n$radius-button-bottom-left: 2px !default;\n$radius-button-bottom-right: 2px !default;\n$radius-button-top-left: 2px !default;\n$radius-button-top-right: 2px !default;\n$spacing-base: 8px !default;\n$spacing-padding-0-5: 4px !default;\n$spacing-padding-1: 8px !default;\n$spacing-padding-1-5: 12px !default;\n$spacing-padding-2: 16px !default;\n$spacing-padding-3: 24px !default;\n$spacing-padding-4: 32px !default;\n$spacing-padding-5: 40px !default;\n$spacing-padding-6: 48px !default;\n$spacing-padding-7: 56px !default;\n$spacing-padding-8: 64px !default;\n$spacing-padding-9: 72px !default;\n$spacing-padding-10: 80px !default;\n$spacing-padding-11: 88px !default;\n$spacing-padding-12: 96px !default;\n$spacing-padding-13: 104px !default;\n$spacing-padding-14: 112px !default;\n$spacing-padding-15: 120px !default;\n$spacing-horizontal-rule: 3px !default;\n$spacing-label-padding: 3px !default;\n$spacing-ui-padding-sm: 12px !default;\n$spacing-ui-padding: 18px !default;\n$spacing-ui-padding-lg: 24px !default;\n$spacing-ui-padding-xl: 32px !default;\n$spacing-ui-padding-xxl: 40px !default;\n$spacing-boxpadding-button-small-bottom: 3px !default;\n$spacing-boxpadding-button-small-left: 13px !default;\n$spacing-boxpadding-button-small-right: 13px !default;\n$spacing-boxpadding-button-small-top: 3px !default;\n$spacing-boxpadding-button-medium-bottom: 7px !default;\n$spacing-boxpadding-button-medium-left: 18px !default;\n$spacing-boxpadding-button-medium-right: 18px !default;\n$spacing-boxpadding-button-medium-top: 7px !default;\n$spacing-boxpadding-button-large-bottom: 10px !default;\n$spacing-boxpadding-button-large-left: 22px !default;\n$spacing-boxpadding-button-large-right: 22px !default;\n$spacing-boxpadding-button-large-top: 10px !default;\n$spacing-boxpadding-button-icon-small-bottom: 5px !default;\n$spacing-boxpadding-button-icon-small-left: 34px !default;\n$spacing-boxpadding-button-icon-small-right: 34px !default;\n$spacing-boxpadding-button-icon-small-top: 5px !default;\n$spacing-boxpadding-button-icon-medium-bottom: 9px !default;\n$spacing-boxpadding-button-icon-medium-left: 42px !default;\n$spacing-boxpadding-button-icon-medium-right: 42px !default;\n$spacing-boxpadding-button-icon-medium-top: 9px !default;\n$spacing-boxpadding-button-icon-large-bottom: 10px !default;\n$spacing-boxpadding-button-icon-large-left: 46px !default;\n$spacing-boxpadding-button-icon-large-right: 46px !default;\n$spacing-boxpadding-button-icon-large-top: 10px !default;\n$spacing-boxpadding-caption-small-bottom: 0 !default;\n$spacing-boxpadding-caption-small-left: 8px !default;\n$spacing-boxpadding-caption-small-right: 0 !default;\n$spacing-boxpadding-caption-small-top: 0 !default;\n$spacing-boxpadding-caption-medium-bottom: 0 !default;\n$spacing-boxpadding-caption-medium-left: 8px !default;\n$spacing-boxpadding-caption-medium-right: 0 !default;\n$spacing-boxpadding-caption-medium-top: 0 !default;\n$spacing-boxpadding-caption-large-bottom: 0 !default;\n$spacing-boxpadding-caption-large-left: 8px !default;\n$spacing-boxpadding-caption-large-right: 0 !default;\n$spacing-boxpadding-caption-large-top: 0 !default;\n$spacing-boxpadding-credit-small-bottom: 4px !default;\n$spacing-boxpadding-credit-small-left: 12px !default;\n$spacing-boxpadding-credit-small-right: 8px !default;\n$spacing-boxpadding-credit-small-top: 4px !default;\n$spacing-boxpadding-credit-medium-bottom: 4px !default;\n$spacing-boxpadding-credit-medium-left: 12px !default;\n$spacing-boxpadding-credit-medium-right: 8px !default;\n$spacing-boxpadding-credit-medium-top: 4px !default;\n$spacing-boxpadding-credit-large-bottom: 4px !default;\n$spacing-boxpadding-credit-large-left: 12px !default;\n$spacing-boxpadding-credit-large-right: 8px !default;\n$spacing-boxpadding-credit-large-top: 4px !default;\n$spacing-formelements-input-default-height: 48px !default;\n$spacing-formelements-input-default-border-bottom: 2px !default;\n$spacing-formelements-input-default-border-left: 2px !default;\n$spacing-formelements-input-default-border-right: 2px !default;\n$spacing-formelements-input-default-border-top: 2px !default;\n$spacing-formelements-input-default-margin-bottom: 0 !default;\n$spacing-formelements-input-default-margin-left: 0 !default;\n$spacing-formelements-input-default-margin-right: 0 !default;\n$spacing-formelements-input-default-margin-top: 0 !default;\n$spacing-formelements-input-default-padding-bottom: 16px !default;\n$spacing-formelements-input-default-padding-left: 12px !default;\n$spacing-formelements-input-default-padding-right: 12px !default;\n$spacing-formelements-input-default-padding-top: 16px !default;\n$spacing-formelements-input-default-width: 100% !default;\n$spacing-formelements-input-focus-border-bottom: 2px !default;\n$spacing-formelements-input-focus-border-left: 3px !default;\n$spacing-formelements-input-focus-border-right: 2px !default;\n$spacing-formelements-input-focus-border-top: 2px !default;\n$spacing-formelements-input-hover-border-bottom: 2px !default;\n$spacing-formelements-input-hover-border-left: 3px !default;\n$spacing-formelements-input-hover-border-right: 2px !default;\n$spacing-formelements-input-hover-border-top: 2px !default;\n$spacing-formelements-input-error-border-bottom: 2px !default;\n$spacing-formelements-input-error-border-left: 3px !default;\n$spacing-formelements-input-error-border-right: 2px !default;\n$spacing-formelements-input-error-border-top: 2px !default;\n$spacing-formelements-inputbutton-default-height: 48px !default;\n$spacing-formelements-inputbutton-default-border-bottom: 2px !default;\n$spacing-formelements-inputbutton-default-border-left: 0 !default;\n$spacing-formelements-inputbutton-default-border-right: 2px !default;\n$spacing-formelements-inputbutton-default-border-top: 2px !default;\n$spacing-formelements-inputbutton-default-borderrtl-bottom: 2px !default;\n$spacing-formelements-inputbutton-default-borderrtl-left: 2px !default;\n$spacing-formelements-inputbutton-default-borderrtl-right: 0 !default;\n$spacing-formelements-inputbutton-default-borderrtl-top: 2px !default;\n$spacing-formelements-inputbutton-default-margin-bottom: 0 !default;\n$spacing-formelements-inputbutton-default-margin-left: 0 !default;\n$spacing-formelements-inputbutton-default-margin-right: 0 !default;\n$spacing-formelements-inputbutton-default-margin-top: 0 !default;\n$spacing-formelements-inputbutton-default-padding-bottom: 16px !default;\n$spacing-formelements-inputbutton-default-padding-left: 12px !default;\n$spacing-formelements-inputbutton-default-padding-right: 12px !default;\n$spacing-formelements-inputbutton-default-padding-top: 16px !default;\n$spacing-formelements-inputbutton-default-width: 48px !default;\n$spacing-formelements-uploadedfile-default-height: 48px !default;\n$spacing-formelements-uploadedfile-default-border-bottom: 2px !default;\n$spacing-formelements-uploadedfile-default-border-left: 3px !default;\n$spacing-formelements-uploadedfile-default-border-right: 2px !default;\n$spacing-formelements-uploadedfile-default-border-top: 2px !default;\n$spacing-formelements-uploadedfile-default-margin-bottom: 0 !default;\n$spacing-formelements-uploadedfile-default-margin-left: 0 !default;\n$spacing-formelements-uploadedfile-default-margin-right: 0 !default;\n$spacing-formelements-uploadedfile-default-margin-top: 24px !default;\n$spacing-formelements-uploadedfile-default-padding-bottom: 16px !default;\n$spacing-formelements-uploadedfile-default-padding-left: 11px !default;\n$spacing-formelements-uploadedfile-default-padding-right: 12px !default;\n$spacing-formelements-uploadedfile-default-padding-top: 13px !default;\n$spacing-formelements-uploadedfile-default-width: 100% !default;\n$spacing-hero-article-padding-desktop-top: 112px !default;\n$spacing-hero-article-padding-mobile-top: 88px !default;\n$spacing-hero-article-position-top: 80px !default;\n$spacing-hero-portal-padding-top: 128px !default;\n$spacing-hero-portal-height: 80px !default;\n$spacing-hero-project-padding-desktop-top: 112px !default;\n$spacing-hero-project-padding-mobile-top: 88px !default;\n$spacing-hero-project-position-top: 80px !default;\n$spacing-hero-image-padding-desktop-top: 128px !default;\n$spacing-hero-image-padding-mobile-top: 88px !default;\n$spacing-hero-image-position-top: 80px !default;\n$spacing-hero-image-height: 592px !default;\n$spacing-hero-card-padding-mobile-top: 16px !default;\n$spacing-hero-card-padding-mobile-right: 16px !default;\n$spacing-hero-card-padding-mobile-bottom: 40px !default;\n$spacing-hero-card-padding-mobile-left: 16px !default;\n$spacing-hero-card-padding-desktop-top: 0 !default;\n$spacing-hero-card-padding-desktop-right: 70px !default;\n$spacing-hero-card-padding-desktop-bottom: 70px !default;\n$spacing-hero-card-padding-desktop-left: 56px !default;\n$spacing-hero-card-before-mobile-height: 40px !default;\n$spacing-hero-card-before-mobile-top: -39.7px !default;\n$spacing-hero-card-before-desktop-height: 64px !default;\n$spacing-hero-card-before-desktop-top: -63.7px !default;\n$spacing-hero-graphic-width: 856px !default;\n$spacing-hero-publication-mobile-margin-top: -64px !default;\n$spacing-hero-publication-mobile-padding-top: 24px !default;\n$spacing-hero-publication-mobile-padding-right: 24px !default;\n$spacing-hero-publication-mobile-padding-bottom: 24px !default;\n$spacing-hero-publication-mobile-padding-left: 24px !default;\n$spacing-hero-publication-desktop-padding-top: 0 !default;\n$spacing-hero-publication-desktop-padding-right: 48px !default;\n$spacing-hero-publication-desktop-padding-bottom: 48px !default;\n$spacing-hero-publication-desktop-padding-left: 72px !default;\n$spacing-hero-datecopy-margin-bottom: 40px !default;\n$spacing-hero-eyebrow-margin-bottom: 32px !default;\n$spacing-hero-intro-margin-bottom: 40px !default;\n$spacing-hero-title-margin-bottom: 40px !default;\n$spacing-hero-list-item-margin-right: 32px !default;\n$spacing-hero-link-padding-top: 0 !default;\n$spacing-hero-link-padding-right: 5px !default;\n$spacing-hero-link-padding-bottom: 0 !default;\n$spacing-hero-link-padding-left: 5px !default;\n$spacing-hero-icon-backgroundsize: 16px !default;\n$spacing-hero-icon-borderradius: 2px !default;\n$spacing-hero-icon-height: 24px !default;\n$spacing-hero-icon-width: 24px !default;\n$spacing-icons-icon-height-sm: 14px !default;\n$spacing-icons-icon-height-m: 15px !default;\n$spacing-icons-icon-height-lg: 16px !default;\n$spacing-icons-icon-padding-sm: 15px !default;\n$spacing-icons-icon-padding-m: 19px !default;\n$spacing-icons-icon-padding-lg: 22px !default;\n$spacing-tooltip-tooltip-arrow-height: 12px !default;\n$spacing-tooltip-tooltip-arrow-width: 7px !default;\n$spacing-ux-caption-border-bottom: 0 !default;\n$spacing-ux-caption-border-left: 3px !default;\n$spacing-ux-caption-border-right: 0 !default;\n$spacing-ux-caption-border-top: 0 !default;\n$spacing-ux-caption-height: auto !default;\n$spacing-ux-caption-width: auto !default;\n$spacing-ux-credit-border-bottom: 0 !default;\n$spacing-ux-credit-border-left: 0 !default;\n$spacing-ux-credit-border-right: 0 !default;\n$spacing-ux-credit-border-top: 0 !default;\n$spacing-ux-credit-height: 24px !default;\n$spacing-ux-credit-width: auto !default;\n$spacing-ux-pagination-padding-bottom: 0 !default;\n$spacing-ux-pagination-padding-left: 8px !default;\n$spacing-ux-pagination-padding-right: 8px !default;\n$spacing-ux-pagination-padding-top: 40px !default;\n$spacing-ux-pagination-width: 40px !default;\n$spacing-ux-readmore-default-height: 56px !default;\n$spacing-ux-readmore-default-border-bottom: 0 !default;\n$spacing-ux-readmore-default-border-left: 0 !default;\n$spacing-ux-readmore-default-border-right: 0 !default;\n$spacing-ux-readmore-default-border-top: 2px !default;\n$spacing-ux-readmore-default-margin-bottom: 0 !default;\n$spacing-ux-readmore-default-margin-left: 0 !default;\n$spacing-ux-readmore-default-margin-right: 0 !default;\n$spacing-ux-readmore-default-margin-top: 32px !default;\n$spacing-ux-readmore-default-padding-bottom: 16px !default;\n$spacing-ux-readmore-default-padding-left: 2px !default;\n$spacing-ux-readmore-default-padding-right: 30px !default;\n$spacing-ux-readmore-default-padding-top: 16px !default;\n$spacing-ux-readmore-default-width: auto !default;\n$spacing-ux-readmore-hover-height: 56px !default;\n$spacing-ux-readmore-hover-border-bottom: 0 !default;\n$spacing-ux-readmore-hover-border-left: 0 !default;\n$spacing-ux-readmore-hover-border-right: 0 !default;\n$spacing-ux-readmore-hover-border-top: 2px !default;\n$spacing-ux-readmore-hover-margin-bottom: 0 !default;\n$spacing-ux-readmore-hover-margin-left: 0 !default;\n$spacing-ux-readmore-hover-margin-right: 0 !default;\n$spacing-ux-readmore-hover-margin-top: 32px !default;\n$spacing-ux-readmore-hover-padding-bottom: 16px !default;\n$spacing-ux-readmore-hover-padding-left: 2px !default;\n$spacing-ux-readmore-hover-padding-right: 2px !default;\n$spacing-ux-readmore-hover-padding-top: 16px !default;\n$spacing-ux-readmore-hover-width: 120px !default;\n$spacing-ux-video-controls-height: 40px !default;\n$spacing-ux-video-controls-border-bottom: 0 !default;\n$spacing-ux-video-controls-border-left: 0 !default;\n$spacing-ux-video-controls-border-right: 0 !default;\n$spacing-ux-video-controls-border-top: 0 !default;\n$spacing-ux-video-controls-margin-bottom: 0 !default;\n$spacing-ux-video-controls-margin-left: 0 !default;\n$spacing-ux-video-controls-margin-right: 0 !default;\n$spacing-ux-video-controls-margin-top: 0 !default;\n$spacing-ux-video-controls-padding-bottom: 0 !default;\n$spacing-ux-video-controls-padding-left: 0 !default;\n$spacing-ux-video-controls-padding-right: 0 !default;\n$spacing-ux-video-controls-padding-top: 0 !default;\n$spacing-ux-video-controls-width: 100% !default;\n$spacing-ux-video-buttonicon-height: 24px !default;\n$spacing-ux-video-buttonicon-border-bottom: 0 !default;\n$spacing-ux-video-buttonicon-border-left: 0 !default;\n$spacing-ux-video-buttonicon-border-right: 0 !default;\n$spacing-ux-video-buttonicon-border-top: 0 !default;\n$spacing-ux-video-buttonicon-margin-bottom: 0 !default;\n$spacing-ux-video-buttonicon-margin-left: 0 !default;\n$spacing-ux-video-buttonicon-margin-right: 0 !default;\n$spacing-ux-video-buttonicon-margin-top: 0 !default;\n$spacing-ux-video-buttonicon-padding-bottom: 0 !default;\n$spacing-ux-video-buttonicon-padding-left: 0 !default;\n$spacing-ux-video-buttonicon-padding-right: 0 !default;\n$spacing-ux-video-buttonicon-padding-top: 0 !default;\n$spacing-ux-video-buttonicon-width: 24px !default;\n$spacing-ux-video-bigplaybutton-height: 48px !default;\n$spacing-ux-video-bigplaybutton-border-bottom: 0 !default;\n$spacing-ux-video-bigplaybutton-border-left: 0 !default;\n$spacing-ux-video-bigplaybutton-border-right: 0 !default;\n$spacing-ux-video-bigplaybutton-border-top: 0 !default;\n$spacing-ux-video-bigplaybutton-margin-bottom: 0 !default;\n$spacing-ux-video-bigplaybutton-margin-left: 0 !default;\n$spacing-ux-video-bigplaybutton-margin-right: 0 !default;\n$spacing-ux-video-bigplaybutton-margin-top: 0 !default;\n$spacing-ux-video-bigplaybutton-padding-bottom: 0 !default;\n$spacing-ux-video-bigplaybutton-padding-left: 0 !default;\n$spacing-ux-video-bigplaybutton-padding-right: 0 !default;\n$spacing-ux-video-bigplaybutton-padding-top: 0 !default;\n$spacing-ux-video-bigplaybutton-width: 48px !default;\n$spacing-ux-table-padding-bottom: 80px !default;\n$spacing-ux-table-padding-left: 80px !default;\n$spacing-ux-table-padding-right: 80px !default;\n$spacing-ux-table-padding-top: 80px !default;\n$spacing-ux-table-content-padding-bottom: 18px !default;\n$spacing-ux-table-content-padding-left: 8px !default;\n$spacing-ux-table-content-padding-right: 8px !default;\n$spacing-ux-table-content-padding-top: 19px !default;\n$spacing-ux-table-head-padding-bottom: 18px !default;\n$spacing-ux-table-head-padding-left: 6px !default;\n$spacing-ux-table-head-padding-right: 36px !default;\n$spacing-ux-table-head-padding-top: 18px !default;\n$spacing-ux-table-cell-padding-bottom: 22px !default;\n$spacing-ux-table-cell-padding-left: 11px !default;\n$spacing-ux-table-cell-padding-right: 11px !default;\n$spacing-ux-table-cell-padding-top: 22px !default;\n$spacing-ux-table-smallhead-padding-bottom: 10px !default;\n$spacing-ux-table-smallhead-padding-left: 7px !default;\n$spacing-ux-table-smallhead-padding-right: 36px !default;\n$spacing-ux-table-smallhead-padding-top: 10px !default;\n$spacing-ux-table-smallcell-padding-bottom: 13px !default;\n$spacing-ux-table-smallcell-padding-left: 11px !default;\n$spacing-ux-table-smallcell-padding-right: 11px !default;\n$spacing-ux-table-smallcell-padding-top: 13px !default;\n$spacing-ux-tableofcontents-border-bottom: 0 !default;\n$spacing-ux-tableofcontents-border-left: 0 !default;\n$spacing-ux-tableofcontents-border-right: 0 !default;\n$spacing-ux-tableofcontents-border-top: 0 !default;\n$spacing-ux-tableofcontents-borderradius: 4px !default;\n$spacing-ux-tableofcontents-margin-bottom: 0 !default;\n$spacing-ux-tableofcontents-margin-left: 0 !default;\n$spacing-ux-tableofcontents-margin-right: 0 !default;\n$spacing-ux-tableofcontents-margin-top: 0 !default;\n$spacing-ux-tableofcontents-padding-bottom: 0 !default;\n$spacing-ux-tableofcontents-padding-left: 8px !default;\n$spacing-ux-tableofcontents-padding-right: 8px !default;\n$spacing-ux-tableofcontents-padding-top: 0 !default;\n$spacing-ux-tableofcontents-items-border-bottom: 2px !default;\n$spacing-ux-tableofcontents-items-border-left: 0 !default;\n$spacing-ux-tableofcontents-items-border-right: 0 !default;\n$spacing-ux-tableofcontents-items-border-top: 0 !default;\n$spacing-ux-tableofcontents-items-margin-bottom: 0 !default;\n$spacing-ux-tableofcontents-items-margin-left: 0 !default;\n$spacing-ux-tableofcontents-items-margin-right: 0 !default;\n$spacing-ux-tableofcontents-items-margin-top: 0 !default;\n$spacing-ux-tableofcontents-items-padding-bottom: 18px !default;\n$spacing-ux-tableofcontents-items-padding-left: 10px !default;\n$spacing-ux-tableofcontents-items-padding-right: 10px !default;\n$spacing-ux-tableofcontents-items-padding-top: 18px !default;\n$themeprefix: ilo !default;\n$type-descenders-display: 0.37 !default;\n$type-descenders-copy: 0.20 !default;\n$type-base-size: 18.66px !default;\n$type-base-letter-spacing: normal !default;\n$type-base-line-height: 27.24px !default;\n$type-body-eyebrow-size: 14.93px !default;\n$type-body-eyebrow-letter-spacing: normal !default;\n$type-body-eyebrow-line-height: 19.71px !default;\n$type-body-small-size: 16px !default;\n$type-body-small-letter-spacing: normal !default;\n$type-body-small-line-height: 23.36px !default;\n$type-body-large-size: 23.32px !default;\n$type-body-large-letter-spacing: normal !default;\n$type-body-large-line-height: 34.05px !default;\n$type-body-xs-size: 14.93px !default;\n$type-body-xs-letter-spacing: normal !default;\n$type-body-xs-line-height: 20.3px !default;\n$type-body-xxs-size: 11.94px !default;\n$type-body-xxs-letter-spacing: normal !default;\n$type-body-xxs-line-height: 16.24px !default;\n$type-body-xxxs-size: 9.55px !default;\n$type-body-xxxs-letter-spacing: normal !default;\n$type-body-xxxs-line-height: 14.33px !default;\n$type-button-small-size: 14.93px !default;\n$type-button-small-letter-spacing: -0.02em !default;\n$type-button-small-line-height: 120% !default;\n$type-button-medium-size: 16px !default;\n$type-button-medium-letter-spacing: -0.02em !default;\n$type-button-medium-line-height: 120% !default;\n$type-button-large-size: 18.66px !default;\n$type-button-large-letter-spacing: -0.02em !default;\n$type-button-large-line-height: 120% !default;\n$type-headline-1-size: 56.95px !default;\n$type-headline-1-letter-spacing: -0.035em !default;\n$type-headline-1-line-height: 65.49px !default;\n$type-headline-2-size: 45.56px !default;\n$type-headline-2-letter-spacing: -0.035em !default;\n$type-headline-2-line-height: 52.39px !default;\n$type-headline-3-size: 36.45px !default;\n$type-headline-3-letter-spacing: -0.035em !default;\n$type-headline-3-line-height: 43.74px !default;\n$type-headline-4-size: 29.16px !default;\n$type-headline-4-letter-spacing: -0.035em !default;\n$type-headline-4-line-height: 36.45px !default;\n$type-headline-5-size: 23.32px !default;\n$type-headline-5-letter-spacing: -0.035em !default;\n$type-headline-5-line-height: 29.15px !default;\n$type-headline-6-size: 18.66px !default;\n$type-headline-6-letter-spacing: -0.035em !default;\n$type-headline-6-line-height: 24.26px !default;\n$type-language-switcher-size: 11.94px !default;\n$type-language-switcher-letter-spacing: -0.02em !default;\n$type-language-switcher-line-height: 16.12px !default;\n$type-label-small-size: 14.93px !default;\n$type-label-small-letter-spacing: -0.02em !default;\n$type-label-small-line-height: 20.16px !default;\n$type-label-medium-size: 16px !default;\n$type-label-medium-letter-spacing: -0.02em !default;\n$type-label-medium-line-height: 21.6px !default;\n$type-label-large-size: 18.66px !default;\n$type-label-large-letter-spacing: -0.02em !default;\n$type-label-large-line-height: 24.26px !default;\n$type-legend-size: 23.32px !default;\n$type-legend-letter-spacing: -3.5% !default;\n$type-legend-line-height: 29.15px !default;\n$type-nav-md-size: 16px !default;\n$type-nav-md-letter-spacing: -0.02em !default;\n$type-nav-md-line-height: 21.6px !default;\n$type-nav-md-sm-size: 14.93px !default;\n$type-nav-md-sm-letter-spacing: -0.02em !default;\n$type-nav-md-sm-line-height: 20.16px !default;\n$type-nav-bold-b-sm-size: 14.93px !default;\n$type-nav-bold-b-sm-letter-spacing: -0.02em !default;\n$type-nav-bold-b-sm-line-height: 20.16px !default;\n$type-nav-bold-b-size: 16px !default;\n$type-nav-bold-b-letter-spacing: -0.02em !default;\n$type-nav-bold-b-line-height: 21.6px !default;\n$type-pull-quote-sm-size: 29.16px !default;\n$type-pull-quote-sm-letter-spacing: -0.035em !default;\n$type-pull-quote-sm-line-height: 36.45px !default;\n$type-pull-quote-lg-size: 36.45px !default;\n$type-pull-quote-lg-letter-spacing: -0.035em !default;\n$type-pull-quote-lg-line-height: 43.74px !default;\n$type-pull-quote-cite-size: 14.93px !default;\n$type-pull-quote-cite-letter-spacing: -0.02em !default;\n$type-pull-quote-cite-line-height: 20.16px !default;\n$type-image-caption-size: 14.93px !default;\n$type-image-caption-letter-spacing: -0.02em !default;\n$type-image-caption-line-height: 20.16px !default;\n$type-image-credit-size: 11.94px !default;\n$type-image-credit-letter-spacing: -0.02em !default;\n$type-image-credit-line-height: 16.24px !default;\n$type-tagline-size: 11.9px !default;\n$type-tagline-letter-spacing: -0.02em !default;\n$type-tagline-line-height: 19.4px !default;\n$type-weights-section: 500 !default;\n$type-weights-label: 700 !default;\n$widths-border-xsm: 1px !default;\n$widths-border-sm: 1.5px !default;\n$widths-border-med-sm: 2.5px !default;\n$widths-border-med: 3px !default;\n$widths-border-lg: 4px !default;\n\n/**\n* MAPS:\n*/\n\n// BORDERS MAP:\n\n$borders: (\n 'small': $borders-small,\n 'base': $borders-base,\n 'thick': $borders-thick\n);\n\n// BRAND MAP:\n\n$brand: (\n 'ilo-blue': $brand-ilo-blue,\n 'ilo-red': $brand-ilo-red,\n 'ilo-dark-blue': $brand-ilo-dark-blue,\n 'ilo-yellow': $brand-ilo-yellow,\n 'ilo-green': $brand-ilo-green,\n 'ilo-purple': $brand-ilo-purple,\n 'ilo-purple-light': $brand-ilo-purple-light,\n 'ilo-turquoise': $brand-ilo-turquoise,\n 'ilo-dark-red': $brand-ilo-dark-red,\n 'ilo-lighter-blue': $brand-ilo-lighter-blue,\n 'ilo-light-blue': $brand-ilo-light-blue,\n 'ilo-grey-light-alternate': $brand-ilo-grey-light-alternate,\n 'ilo-grey-light': $brand-ilo-grey-light,\n 'ilo-grey-ui': $brand-ilo-grey-ui,\n 'ilo-grey-accessible': $brand-ilo-grey-accessible,\n 'ilo-grey-charcoal': $brand-ilo-grey-charcoal,\n 'ilo-black': $brand-ilo-black,\n 'ilo-white': $brand-ilo-white,\n 'ilo-ramp-blue': $brand-ilo-ramp-blue,\n 'ilo-ramp-red': $brand-ilo-ramp-red,\n 'ilo-ramp-green': $brand-ilo-ramp-green,\n 'ilo-ramp-yellow': $brand-ilo-ramp-yellow\n);\n\n// BREAKPOINTS MAP:\n\n$breakpoints: (\n 'x-small': $breakpoints-x-small,\n 'small': $breakpoints-small,\n 'medium': $breakpoints-medium,\n 'large': $breakpoints-large,\n 'x-large': $breakpoints-x-large,\n 'xx-large': $breakpoints-xx-large\n);\n\n// COLOR MAP:\n\n$color: (\n 'base': (\n 'blue': (\n 'lighter': $color-base-blue-lighter,\n 'light': $color-base-blue-light,\n 'intermediate': $color-base-blue-intermediate,\n 'medium': $color-base-blue-medium,\n 'dark': $color-base-blue-dark\n ),\n 'green': $color-base-green,\n 'neutrals': (\n 'white': $color-base-neutrals-white,\n 'alternate': $color-base-neutrals-alternate,\n 'lighter': $color-base-neutrals-lighter,\n 'light': $color-base-neutrals-light,\n 'medium': $color-base-neutrals-medium,\n 'dark': $color-base-neutrals-dark,\n 'black': $color-base-neutrals-black\n ),\n 'purple': (\n 'light': $color-base-purple-light,\n 'medium': $color-base-purple-medium\n ),\n 'red': (\n 'light': $color-base-red-light,\n 'medium': $color-base-red-medium,\n 'dark': $color-base-red-dark\n ),\n 'turquoise': $color-base-turquoise,\n 'yellow': $color-base-yellow\n ),\n 'ramp': (\n 'blue': $color-ramp-blue,\n 'green': $color-ramp-green,\n 'red': $color-ramp-red,\n 'yellow': $color-ramp-yellow\n ),\n 'accordion': (\n 'border': $color-accordion-border\n ),\n 'font': (\n 'base': $color-font-base,\n 'blockquote': $color-font-blockquote,\n 'cite': $color-font-cite,\n 'caption': $color-font-caption\n ),\n 'formelements': (\n 'input': (\n 'default': (\n 'background': $color-formelements-input-default-background,\n 'border': (\n 'bottom': $color-formelements-input-default-border-bottom,\n 'left': $color-formelements-input-default-border-left,\n 'right': $color-formelements-input-default-border-right,\n 'top': $color-formelements-input-default-border-top\n ),\n 'color': $color-formelements-input-default-color\n ),\n 'hover': (\n 'background': $color-formelements-input-hover-background,\n 'border': (\n 'bottom': $color-formelements-input-hover-border-bottom,\n 'left': $color-formelements-input-hover-border-left,\n 'right': $color-formelements-input-hover-border-right,\n 'top': $color-formelements-input-hover-border-top\n ),\n 'color': $color-formelements-input-hover-color\n ),\n 'focus': (\n 'background': $color-formelements-input-focus-background,\n 'border': (\n 'bottom': $color-formelements-input-focus-border-bottom,\n 'left': $color-formelements-input-focus-border-left,\n 'right': $color-formelements-input-focus-border-right,\n 'top': $color-formelements-input-focus-border-top\n ),\n 'color': $color-formelements-input-focus-color\n ),\n 'error': (\n 'background': $color-formelements-input-error-background,\n 'border': (\n 'bottom': $color-formelements-input-error-border-bottom,\n 'left': $color-formelements-input-error-border-left,\n 'right': $color-formelements-input-error-border-right,\n 'top': $color-formelements-input-error-border-top\n ),\n 'color': $color-formelements-input-error-color\n ),\n 'disabled': (\n 'background': $color-formelements-input-disabled-background,\n 'border': (\n 'bottom': $color-formelements-input-disabled-border-bottom,\n 'left': $color-formelements-input-disabled-border-left,\n 'right': $color-formelements-input-disabled-border-right,\n 'top': $color-formelements-input-disabled-border-top\n ),\n 'color': $color-formelements-input-disabled-color\n )\n ),\n 'inputbutton': (\n 'default': (\n 'background': $color-formelements-inputbutton-default-background,\n 'border': (\n 'bottom': $color-formelements-inputbutton-default-border-bottom,\n 'left': $color-formelements-inputbutton-default-border-left,\n 'right': $color-formelements-inputbutton-default-border-right,\n 'top': $color-formelements-inputbutton-default-border-top\n ),\n 'color': $color-formelements-inputbutton-default-color\n ),\n 'hover': (\n 'background': $color-formelements-inputbutton-hover-background,\n 'border': (\n 'bottom': $color-formelements-inputbutton-hover-border-bottom,\n 'left': $color-formelements-inputbutton-hover-border-left,\n 'right': $color-formelements-inputbutton-hover-border-right,\n 'top': $color-formelements-inputbutton-hover-border-top\n ),\n 'color': $color-formelements-inputbutton-hover-color\n ),\n 'focus': (\n 'background': $color-formelements-inputbutton-focus-background,\n 'border': (\n 'bottom': $color-formelements-inputbutton-focus-border-bottom,\n 'left': $color-formelements-inputbutton-focus-border-left,\n 'right': $color-formelements-inputbutton-focus-border-right,\n 'top': $color-formelements-inputbutton-focus-border-top\n ),\n 'color': $color-formelements-inputbutton-focus-color\n ),\n 'active': (\n 'background': $color-formelements-inputbutton-active-background,\n 'border': (\n 'bottom': $color-formelements-inputbutton-active-border-bottom,\n 'left': $color-formelements-inputbutton-active-border-left,\n 'right': $color-formelements-inputbutton-active-border-right,\n 'top': $color-formelements-inputbutton-active-border-top\n ),\n 'color': $color-formelements-inputbutton-active-color\n ),\n 'error': (\n 'background': $color-formelements-inputbutton-error-background,\n 'border': (\n 'bottom': $color-formelements-inputbutton-error-border-bottom,\n 'left': $color-formelements-inputbutton-error-border-left,\n 'right': $color-formelements-inputbutton-error-border-right,\n 'top': $color-formelements-inputbutton-error-border-top\n ),\n 'color': $color-formelements-inputbutton-error-color\n ),\n 'disabled': (\n 'background': $color-formelements-inputbutton-disabled-background,\n 'border': (\n 'bottom': $color-formelements-inputbutton-disabled-border-bottom,\n 'left': $color-formelements-inputbutton-disabled-border-left,\n 'right': $color-formelements-inputbutton-disabled-border-right,\n 'top': $color-formelements-inputbutton-disabled-border-top\n ),\n 'color': $color-formelements-inputbutton-disabled-color\n )\n ),\n 'uploadedfile': (\n 'default': (\n 'background': $color-formelements-uploadedfile-default-background,\n 'border': (\n 'bottom': $color-formelements-uploadedfile-default-border-bottom,\n 'left': $color-formelements-uploadedfile-default-border-left,\n 'right': $color-formelements-uploadedfile-default-border-right,\n 'top': $color-formelements-uploadedfile-default-border-top\n ),\n 'color': $color-formelements-uploadedfile-default-color\n )\n )\n ),\n 'hero': (\n 'article': $color-hero-article,\n 'image': $color-hero-image,\n 'project': $color-hero-project,\n 'portal': (\n 'background': $color-hero-portal-background,\n 'color': $color-hero-portal-color\n ),\n 'card': (\n 'dark': (\n 'background': $color-hero-card-dark-background,\n 'color': $color-hero-card-dark-color,\n 'icon': (\n 'color': $color-hero-card-dark-icon-color\n ),\n 'iconhover': (\n 'color': $color-hero-card-dark-iconhover-color,\n 'background': $color-hero-card-dark-iconhover-background\n ),\n 'eyebrow': (\n 'color': $color-hero-card-dark-eyebrow-color\n ),\n 'datecopy': (\n 'color': $color-hero-card-dark-datecopy-color\n )\n ),\n 'light': (\n 'background': $color-hero-card-light-background,\n 'color': $color-hero-card-light-color,\n 'eyebrow': (\n 'color': $color-hero-card-light-eyebrow-color\n ),\n 'datecopy': (\n 'color': $color-hero-card-light-datecopy-color\n ),\n 'link': (\n 'color': $color-hero-card-light-link-color\n ),\n 'icon': (\n 'color': $color-hero-card-light-icon-color\n ),\n 'iconhover': (\n 'background': $color-hero-card-light-iconhover-background,\n 'color': $color-hero-card-light-iconhover-color\n )\n )\n )\n ),\n 'link': (\n 'background': (\n 'default': $color-link-background-default,\n 'hover': $color-link-background-hover,\n 'focus': $color-link-background-focus,\n 'active': $color-link-background-active,\n 'visited': $color-link-background-visited\n ),\n 'background-dark': (\n 'default': $color-link-background-dark-default,\n 'hover': $color-link-background-dark-hover,\n 'focus': $color-link-background-dark-focus,\n 'active': $color-link-background-dark-active,\n 'visited': $color-link-background-dark-visited\n ),\n 'background-footer': (\n 'default': $color-link-background-footer-default,\n 'hover': $color-link-background-footer-hover,\n 'focus': $color-link-background-footer-focus,\n 'active': $color-link-background-footer-active,\n 'visited': $color-link-background-footer-visited\n ),\n 'text': (\n 'default': $color-link-text-default,\n 'hover': $color-link-text-hover,\n 'focus': $color-link-text-focus,\n 'active': $color-link-text-active,\n 'visited': $color-link-text-visited\n ),\n 'text-dark': (\n 'default': $color-link-text-dark-default,\n 'hover': $color-link-text-dark-hover,\n 'focus': $color-link-text-dark-focus,\n 'active': $color-link-text-dark-active,\n 'visited': $color-link-text-dark-visited\n ),\n 'text-footer': (\n 'default': $color-link-text-footer-default,\n 'hover': $color-link-text-footer-hover,\n 'focus': $color-link-text-footer-focus,\n 'active': $color-link-text-footer-active,\n 'visited': $color-link-text-footer-visited\n ),\n 'underline': (\n 'default': $color-link-underline-default,\n 'hover': $color-link-underline-hover,\n 'focus': $color-link-underline-focus,\n 'active': $color-link-underline-active,\n 'visited': $color-link-underline-visited\n ),\n 'underline-dark': (\n 'default': $color-link-underline-dark-default,\n 'hover': $color-link-underline-dark-hover,\n 'focus': $color-link-underline-dark-focus,\n 'active': $color-link-underline-dark-active,\n 'visited': $color-link-underline-dark-visited\n ),\n 'underline-footer': (\n 'default': $color-link-underline-footer-default,\n 'hover': $color-link-underline-footer-hover,\n 'focus': $color-link-underline-footer-focus,\n 'active': $color-link-underline-footer-active,\n 'visited': $color-link-underline-footer-visited\n )\n ),\n 'tag': (\n 'background': (\n 'default': $color-tag-background-default,\n 'hover': $color-tag-background-hover,\n 'focus': $color-tag-background-focus,\n 'active': $color-tag-background-active,\n 'visited': $color-tag-background-visited\n ),\n 'text': (\n 'default': $color-tag-text-default,\n 'hover': $color-tag-text-hover,\n 'focus': $color-tag-text-focus,\n 'active': $color-tag-text-active,\n 'visited': $color-tag-text-visited\n )\n ),\n 'tooltip': (\n 'default': (\n 'background': $color-tooltip-default-background,\n 'dropshadow': $color-tooltip-default-dropshadow,\n 'text': $color-tooltip-default-text\n ),\n 'dark': (\n 'background': $color-tooltip-dark-background,\n 'dropshadow': $color-tooltip-dark-dropshadow,\n 'text': $color-tooltip-dark-text\n )\n ),\n 'ux': (\n 'background': (\n 'default': $color-ux-background-default,\n 'disabled': $color-ux-background-disabled,\n 'highlight': $color-ux-background-highlight,\n 'hover': $color-ux-background-hover,\n 'focus': $color-ux-background-focus,\n 'active': $color-ux-background-active,\n 'alert': $color-ux-background-alert,\n 'attention': $color-ux-background-attention\n ),\n 'borders': (\n 'default': $color-ux-borders-default,\n 'error': $color-ux-borders-error,\n 'highlight': $color-ux-borders-highlight,\n 'hover': $color-ux-borders-hover,\n 'focus': $color-ux-borders-focus,\n 'active': $color-ux-borders-active,\n 'alert': $color-ux-borders-alert,\n 'attention': $color-ux-borders-attention\n ),\n 'labels': (\n 'actionable': $color-ux-labels-actionable,\n 'darkbg': $color-ux-labels-darkbg,\n 'default': $color-ux-labels-default,\n 'error': $color-ux-labels-error,\n 'focus': $color-ux-labels-focus,\n 'hover': $color-ux-labels-hover,\n 'active': $color-ux-labels-active,\n 'alert': $color-ux-labels-alert\n ),\n 'caption': (\n 'background': $color-ux-caption-background,\n 'border': (\n 'bottom': $color-ux-caption-border-bottom,\n 'left': $color-ux-caption-border-left,\n 'right': $color-ux-caption-border-right,\n 'top': $color-ux-caption-border-top\n ),\n 'text': $color-ux-caption-text\n ),\n 'credit': (\n 'background': $color-ux-credit-background,\n 'border': (\n 'bottom': $color-ux-credit-border-bottom,\n 'left': $color-ux-credit-border-left,\n 'right': $color-ux-credit-border-right,\n 'top': $color-ux-credit-border-top\n ),\n 'text': $color-ux-credit-text\n ),\n 'horizontal-rule': (\n 'default': $color-ux-horizontal-rule-default\n ),\n 'notification': (\n 'background': $color-ux-notification-background,\n 'icon': $color-ux-notification-icon,\n 'text': $color-ux-notification-text,\n 'type': (\n 'error': $color-ux-notification-type-error,\n 'info': $color-ux-notification-type-info,\n 'success': $color-ux-notification-type-success,\n 'warning': $color-ux-notification-type-warning\n )\n ),\n 'pagination': (\n 'default': (\n 'background': $color-ux-pagination-default-background,\n 'icon': $color-ux-pagination-default-icon\n ),\n 'hover': (\n 'background': $color-ux-pagination-hover-background,\n 'icon': $color-ux-pagination-hover-icon\n )\n ),\n 'readmore': (\n 'default': (\n 'background': $color-ux-readmore-default-background,\n 'border': (\n 'bottom': $color-ux-readmore-default-border-bottom,\n 'left': $color-ux-readmore-default-border-left,\n 'right': $color-ux-readmore-default-border-right,\n 'top': $color-ux-readmore-default-border-top\n )\n ),\n 'hover': (\n 'background': $color-ux-readmore-hover-background,\n 'border': (\n 'bottom': $color-ux-readmore-hover-border-bottom,\n 'left': $color-ux-readmore-hover-border-left,\n 'right': $color-ux-readmore-hover-border-right,\n 'top': $color-ux-readmore-hover-border-top\n )\n )\n ),\n 'table': (\n 'background': $color-ux-table-background,\n 'content': (\n 'background': $color-ux-table-content-background\n ),\n 'cell': (\n 'background': $color-ux-table-cell-background\n ),\n 'zebra': (\n 'background': $color-ux-table-zebra-background\n ),\n 'hover': (\n 'background': $color-ux-table-hover-background\n ),\n 'selected': (\n 'background': $color-ux-table-selected-background\n )\n ),\n 'tableofcontents': (\n 'items': (\n 'default': (\n 'background': $color-ux-tableofcontents-items-default-background,\n 'border': $color-ux-tableofcontents-items-default-border,\n 'color': $color-ux-tableofcontents-items-default-color,\n 'icon': $color-ux-tableofcontents-items-default-icon\n ),\n 'hover': (\n 'background': $color-ux-tableofcontents-items-hover-background,\n 'border': $color-ux-tableofcontents-items-hover-border,\n 'color': $color-ux-tableofcontents-items-hover-color,\n 'icon': $color-ux-tableofcontents-items-hover-icon\n ),\n 'active': (\n 'background': $color-ux-tableofcontents-items-active-background,\n 'border': $color-ux-tableofcontents-items-active-border,\n 'color': $color-ux-tableofcontents-items-active-color,\n 'icon': $color-ux-tableofcontents-items-active-icon\n )\n )\n ),\n 'video': (\n 'controls': (\n 'default': (\n 'background': $color-ux-video-controls-default-background,\n 'border': (\n 'bottom': $color-ux-video-controls-default-border-bottom,\n 'left': $color-ux-video-controls-default-border-left,\n 'right': $color-ux-video-controls-default-border-right,\n 'top': $color-ux-video-controls-default-border-top\n ),\n 'icon': $color-ux-video-controls-default-icon\n ),\n 'hover': (\n 'background': $color-ux-video-controls-hover-background,\n 'border': (\n 'bottom': $color-ux-video-controls-hover-border-bottom,\n 'left': $color-ux-video-controls-hover-border-left,\n 'right': $color-ux-video-controls-hover-border-right,\n 'top': $color-ux-video-controls-hover-border-top\n ),\n 'icon': $color-ux-video-controls-hover-icon\n )\n )\n )\n )\n);\n\n// FONTS MAP:\n\n$fonts: (\n 'display': $fonts-display,\n 'copy': $fonts-copy\n);\n\n// OPACITY MAP:\n\n$opacity: (\n 'disabled': $opacity-disabled\n);\n\n// RADIUS MAP:\n\n$radius: (\n 'button': (\n 'bottom-left': $radius-button-bottom-left,\n 'bottom-right': $radius-button-bottom-right,\n 'top-left': $radius-button-top-left,\n 'top-right': $radius-button-top-right\n )\n);\n\n// SPACING MAP:\n\n$spacing: (\n 'base': $spacing-base,\n 'padding-0-5': $spacing-padding-0-5,\n 'padding-1': $spacing-padding-1,\n 'padding-1-5': $spacing-padding-1-5,\n 'padding-2': $spacing-padding-2,\n 'padding-3': $spacing-padding-3,\n 'padding-4': $spacing-padding-4,\n 'padding-5': $spacing-padding-5,\n 'padding-6': $spacing-padding-6,\n 'padding-7': $spacing-padding-7,\n 'padding-8': $spacing-padding-8,\n 'padding-9': $spacing-padding-9,\n 'padding-10': $spacing-padding-10,\n 'padding-11': $spacing-padding-11,\n 'padding-12': $spacing-padding-12,\n 'padding-13': $spacing-padding-13,\n 'padding-14': $spacing-padding-14,\n 'padding-15': $spacing-padding-15,\n 'horizontal-rule': $spacing-horizontal-rule,\n 'label-padding': $spacing-label-padding,\n 'ui-padding-sm': $spacing-ui-padding-sm,\n 'ui-padding': $spacing-ui-padding,\n 'ui-padding-lg': $spacing-ui-padding-lg,\n 'ui-padding-xl': $spacing-ui-padding-xl,\n 'ui-padding-xxl': $spacing-ui-padding-xxl,\n 'boxpadding': (\n 'button': (\n 'small': (\n 'bottom': $spacing-boxpadding-button-small-bottom,\n 'left': $spacing-boxpadding-button-small-left,\n 'right': $spacing-boxpadding-button-small-right,\n 'top': $spacing-boxpadding-button-small-top\n ),\n 'medium': (\n 'bottom': $spacing-boxpadding-button-medium-bottom,\n 'left': $spacing-boxpadding-button-medium-left,\n 'right': $spacing-boxpadding-button-medium-right,\n 'top': $spacing-boxpadding-button-medium-top\n ),\n 'large': (\n 'bottom': $spacing-boxpadding-button-large-bottom,\n 'left': $spacing-boxpadding-button-large-left,\n 'right': $spacing-boxpadding-button-large-right,\n 'top': $spacing-boxpadding-button-large-top\n )\n ),\n 'button-icon': (\n 'small': (\n 'bottom': $spacing-boxpadding-button-icon-small-bottom,\n 'left': $spacing-boxpadding-button-icon-small-left,\n 'right': $spacing-boxpadding-button-icon-small-right,\n 'top': $spacing-boxpadding-button-icon-small-top\n ),\n 'medium': (\n 'bottom': $spacing-boxpadding-button-icon-medium-bottom,\n 'left': $spacing-boxpadding-button-icon-medium-left,\n 'right': $spacing-boxpadding-button-icon-medium-right,\n 'top': $spacing-boxpadding-button-icon-medium-top\n ),\n 'large': (\n 'bottom': $spacing-boxpadding-button-icon-large-bottom,\n 'left': $spacing-boxpadding-button-icon-large-left,\n 'right': $spacing-boxpadding-button-icon-large-right,\n 'top': $spacing-boxpadding-button-icon-large-top\n )\n ),\n 'caption': (\n 'small': (\n 'bottom': $spacing-boxpadding-caption-small-bottom,\n 'left': $spacing-boxpadding-caption-small-left,\n 'right': $spacing-boxpadding-caption-small-right,\n 'top': $spacing-boxpadding-caption-small-top\n ),\n 'medium': (\n 'bottom': $spacing-boxpadding-caption-medium-bottom,\n 'left': $spacing-boxpadding-caption-medium-left,\n 'right': $spacing-boxpadding-caption-medium-right,\n 'top': $spacing-boxpadding-caption-medium-top\n ),\n 'large': (\n 'bottom': $spacing-boxpadding-caption-large-bottom,\n 'left': $spacing-boxpadding-caption-large-left,\n 'right': $spacing-boxpadding-caption-large-right,\n 'top': $spacing-boxpadding-caption-large-top\n )\n ),\n 'credit': (\n 'small': (\n 'bottom': $spacing-boxpadding-credit-small-bottom,\n 'left': $spacing-boxpadding-credit-small-left,\n 'right': $spacing-boxpadding-credit-small-right,\n 'top': $spacing-boxpadding-credit-small-top\n ),\n 'medium': (\n 'bottom': $spacing-boxpadding-credit-medium-bottom,\n 'left': $spacing-boxpadding-credit-medium-left,\n 'right': $spacing-boxpadding-credit-medium-right,\n 'top': $spacing-boxpadding-credit-medium-top\n ),\n 'large': (\n 'bottom': $spacing-boxpadding-credit-large-bottom,\n 'left': $spacing-boxpadding-credit-large-left,\n 'right': $spacing-boxpadding-credit-large-right,\n 'top': $spacing-boxpadding-credit-large-top\n )\n )\n ),\n 'formelements': (\n 'input': (\n 'default': (\n 'height': $spacing-formelements-input-default-height,\n 'border': (\n 'bottom': $spacing-formelements-input-default-border-bottom,\n 'left': $spacing-formelements-input-default-border-left,\n 'right': $spacing-formelements-input-default-border-right,\n 'top': $spacing-formelements-input-default-border-top\n ),\n 'margin': (\n 'bottom': $spacing-formelements-input-default-margin-bottom,\n 'left': $spacing-formelements-input-default-margin-left,\n 'right': $spacing-formelements-input-default-margin-right,\n 'top': $spacing-formelements-input-default-margin-top\n ),\n 'padding': (\n 'bottom': $spacing-formelements-input-default-padding-bottom,\n 'left': $spacing-formelements-input-default-padding-left,\n 'right': $spacing-formelements-input-default-padding-right,\n 'top': $spacing-formelements-input-default-padding-top\n ),\n 'width': $spacing-formelements-input-default-width\n ),\n 'focus': (\n 'border': (\n 'bottom': $spacing-formelements-input-focus-border-bottom,\n 'left': $spacing-formelements-input-focus-border-left,\n 'right': $spacing-formelements-input-focus-border-right,\n 'top': $spacing-formelements-input-focus-border-top\n )\n ),\n 'hover': (\n 'border': (\n 'bottom': $spacing-formelements-input-hover-border-bottom,\n 'left': $spacing-formelements-input-hover-border-left,\n 'right': $spacing-formelements-input-hover-border-right,\n 'top': $spacing-formelements-input-hover-border-top\n )\n ),\n 'error': (\n 'border': (\n 'bottom': $spacing-formelements-input-error-border-bottom,\n 'left': $spacing-formelements-input-error-border-left,\n 'right': $spacing-formelements-input-error-border-right,\n 'top': $spacing-formelements-input-error-border-top\n )\n )\n ),\n 'inputbutton': (\n 'default': (\n 'height': $spacing-formelements-inputbutton-default-height,\n 'border': (\n 'bottom': $spacing-formelements-inputbutton-default-border-bottom,\n 'left': $spacing-formelements-inputbutton-default-border-left,\n 'right': $spacing-formelements-inputbutton-default-border-right,\n 'top': $spacing-formelements-inputbutton-default-border-top\n ),\n 'borderrtl': (\n 'bottom': $spacing-formelements-inputbutton-default-borderrtl-bottom,\n 'left': $spacing-formelements-inputbutton-default-borderrtl-left,\n 'right': $spacing-formelements-inputbutton-default-borderrtl-right,\n 'top': $spacing-formelements-inputbutton-default-borderrtl-top\n ),\n 'margin': (\n 'bottom': $spacing-formelements-inputbutton-default-margin-bottom,\n 'left': $spacing-formelements-inputbutton-default-margin-left,\n 'right': $spacing-formelements-inputbutton-default-margin-right,\n 'top': $spacing-formelements-inputbutton-default-margin-top\n ),\n 'padding': (\n 'bottom': $spacing-formelements-inputbutton-default-padding-bottom,\n 'left': $spacing-formelements-inputbutton-default-padding-left,\n 'right': $spacing-formelements-inputbutton-default-padding-right,\n 'top': $spacing-formelements-inputbutton-default-padding-top\n ),\n 'width': $spacing-formelements-inputbutton-default-width\n )\n ),\n 'uploadedfile': (\n 'default': (\n 'height': $spacing-formelements-uploadedfile-default-height,\n 'border': (\n 'bottom': $spacing-formelements-uploadedfile-default-border-bottom,\n 'left': $spacing-formelements-uploadedfile-default-border-left,\n 'right': $spacing-formelements-uploadedfile-default-border-right,\n 'top': $spacing-formelements-uploadedfile-default-border-top\n ),\n 'margin': (\n 'bottom': $spacing-formelements-uploadedfile-default-margin-bottom,\n 'left': $spacing-formelements-uploadedfile-default-margin-left,\n 'right': $spacing-formelements-uploadedfile-default-margin-right,\n 'top': $spacing-formelements-uploadedfile-default-margin-top\n ),\n 'padding': (\n 'bottom': $spacing-formelements-uploadedfile-default-padding-bottom,\n 'left': $spacing-formelements-uploadedfile-default-padding-left,\n 'right': $spacing-formelements-uploadedfile-default-padding-right,\n 'top': $spacing-formelements-uploadedfile-default-padding-top\n ),\n 'width': $spacing-formelements-uploadedfile-default-width\n )\n )\n ),\n 'hero': (\n 'article': (\n 'padding': (\n 'desktop': (\n 'top': $spacing-hero-article-padding-desktop-top\n ),\n 'mobile': (\n 'top': $spacing-hero-article-padding-mobile-top\n )\n ),\n 'position': (\n 'top': $spacing-hero-article-position-top\n )\n ),\n 'portal': (\n 'padding': (\n 'top': $spacing-hero-portal-padding-top\n ),\n 'height': $spacing-hero-portal-height\n ),\n 'project': (\n 'padding': (\n 'desktop': (\n 'top': $spacing-hero-project-padding-desktop-top\n ),\n 'mobile': (\n 'top': $spacing-hero-project-padding-mobile-top\n )\n ),\n 'position': (\n 'top': $spacing-hero-project-position-top\n )\n ),\n 'image': (\n 'padding': (\n 'desktop': (\n 'top': $spacing-hero-image-padding-desktop-top\n ),\n 'mobile': (\n 'top': $spacing-hero-image-padding-mobile-top\n )\n ),\n 'position': (\n 'top': $spacing-hero-image-position-top\n ),\n 'height': $spacing-hero-image-height\n ),\n 'card': (\n 'padding': (\n 'mobile': (\n 'top': $spacing-hero-card-padding-mobile-top,\n 'right': $spacing-hero-card-padding-mobile-right,\n 'bottom': $spacing-hero-card-padding-mobile-bottom,\n 'left': $spacing-hero-card-padding-mobile-left\n ),\n 'desktop': (\n 'top': $spacing-hero-card-padding-desktop-top,\n 'right': $spacing-hero-card-padding-desktop-right,\n 'bottom': $spacing-hero-card-padding-desktop-bottom,\n 'left': $spacing-hero-card-padding-desktop-left\n )\n ),\n 'before': (\n 'mobile': (\n 'height': $spacing-hero-card-before-mobile-height,\n 'top': $spacing-hero-card-before-mobile-top\n ),\n 'desktop': (\n 'height': $spacing-hero-card-before-desktop-height,\n 'top': $spacing-hero-card-before-desktop-top\n )\n )\n ),\n 'graphic': (\n 'width': $spacing-hero-graphic-width\n ),\n 'publication': (\n 'mobile': (\n 'margin': (\n 'top': $spacing-hero-publication-mobile-margin-top\n ),\n 'padding': (\n 'top': $spacing-hero-publication-mobile-padding-top,\n 'right': $spacing-hero-publication-mobile-padding-right,\n 'bottom': $spacing-hero-publication-mobile-padding-bottom,\n 'left': $spacing-hero-publication-mobile-padding-left\n )\n ),\n 'desktop': (\n 'padding': (\n 'top': $spacing-hero-publication-desktop-padding-top,\n 'right': $spacing-hero-publication-desktop-padding-right,\n 'bottom': $spacing-hero-publication-desktop-padding-bottom,\n 'left': $spacing-hero-publication-desktop-padding-left\n )\n )\n ),\n 'datecopy': (\n 'margin': (\n 'bottom': $spacing-hero-datecopy-margin-bottom\n )\n ),\n 'eyebrow': (\n 'margin': (\n 'bottom': $spacing-hero-eyebrow-margin-bottom\n )\n ),\n 'intro': (\n 'margin': (\n 'bottom': $spacing-hero-intro-margin-bottom\n )\n ),\n 'title': (\n 'margin': (\n 'bottom': $spacing-hero-title-margin-bottom\n )\n ),\n 'list-item': (\n 'margin': (\n 'right': $spacing-hero-list-item-margin-right\n )\n ),\n 'link': (\n 'padding': (\n 'top': $spacing-hero-link-padding-top,\n 'right': $spacing-hero-link-padding-right,\n 'bottom': $spacing-hero-link-padding-bottom,\n 'left': $spacing-hero-link-padding-left\n )\n ),\n 'icon': (\n 'backgroundsize': $spacing-hero-icon-backgroundsize,\n 'borderradius': $spacing-hero-icon-borderradius,\n 'height': $spacing-hero-icon-height,\n 'width': $spacing-hero-icon-width\n )\n ),\n 'icons': (\n 'icon-height-sm': $spacing-icons-icon-height-sm,\n 'icon-height-m': $spacing-icons-icon-height-m,\n 'icon-height-lg': $spacing-icons-icon-height-lg,\n 'icon-padding-sm': $spacing-icons-icon-padding-sm,\n 'icon-padding-m': $spacing-icons-icon-padding-m,\n 'icon-padding-lg': $spacing-icons-icon-padding-lg\n ),\n 'tooltip': (\n 'tooltip-arrow-height': $spacing-tooltip-tooltip-arrow-height,\n 'tooltip-arrow-width': $spacing-tooltip-tooltip-arrow-width\n ),\n 'ux': (\n 'caption': (\n 'border': (\n 'bottom': $spacing-ux-caption-border-bottom,\n 'left': $spacing-ux-caption-border-left,\n 'right': $spacing-ux-caption-border-right,\n 'top': $spacing-ux-caption-border-top\n ),\n 'height': $spacing-ux-caption-height,\n 'width': $spacing-ux-caption-width\n ),\n 'credit': (\n 'border': (\n 'bottom': $spacing-ux-credit-border-bottom,\n 'left': $spacing-ux-credit-border-left,\n 'right': $spacing-ux-credit-border-right,\n 'top': $spacing-ux-credit-border-top\n ),\n 'height': $spacing-ux-credit-height,\n 'width': $spacing-ux-credit-width\n ),\n 'pagination': (\n 'padding': (\n 'bottom': $spacing-ux-pagination-padding-bottom,\n 'left': $spacing-ux-pagination-padding-left,\n 'right': $spacing-ux-pagination-padding-right,\n 'top': $spacing-ux-pagination-padding-top\n ),\n 'width': $spacing-ux-pagination-width\n ),\n 'readmore': (\n 'default': (\n 'height': $spacing-ux-readmore-default-height,\n 'border': (\n 'bottom': $spacing-ux-readmore-default-border-bottom,\n 'left': $spacing-ux-readmore-default-border-left,\n 'right': $spacing-ux-readmore-default-border-right,\n 'top': $spacing-ux-readmore-default-border-top\n ),\n 'margin': (\n 'bottom': $spacing-ux-readmore-default-margin-bottom,\n 'left': $spacing-ux-readmore-default-margin-left,\n 'right': $spacing-ux-readmore-default-margin-right,\n 'top': $spacing-ux-readmore-default-margin-top\n ),\n 'padding': (\n 'bottom': $spacing-ux-readmore-default-padding-bottom,\n 'left': $spacing-ux-readmore-default-padding-left,\n 'right': $spacing-ux-readmore-default-padding-right,\n 'top': $spacing-ux-readmore-default-padding-top\n ),\n 'width': $spacing-ux-readmore-default-width\n ),\n 'hover': (\n 'height': $spacing-ux-readmore-hover-height,\n 'border': (\n 'bottom': $spacing-ux-readmore-hover-border-bottom,\n 'left': $spacing-ux-readmore-hover-border-left,\n 'right': $spacing-ux-readmore-hover-border-right,\n 'top': $spacing-ux-readmore-hover-border-top\n ),\n 'margin': (\n 'bottom': $spacing-ux-readmore-hover-margin-bottom,\n 'left': $spacing-ux-readmore-hover-margin-left,\n 'right': $spacing-ux-readmore-hover-margin-right,\n 'top': $spacing-ux-readmore-hover-margin-top\n ),\n 'padding': (\n 'bottom': $spacing-ux-readmore-hover-padding-bottom,\n 'left': $spacing-ux-readmore-hover-padding-left,\n 'right': $spacing-ux-readmore-hover-padding-right,\n 'top': $spacing-ux-readmore-hover-padding-top\n ),\n 'width': $spacing-ux-readmore-hover-width\n )\n ),\n 'video': (\n 'controls': (\n 'height': $spacing-ux-video-controls-height,\n 'border': (\n 'bottom': $spacing-ux-video-controls-border-bottom,\n 'left': $spacing-ux-video-controls-border-left,\n 'right': $spacing-ux-video-controls-border-right,\n 'top': $spacing-ux-video-controls-border-top\n ),\n 'margin': (\n 'bottom': $spacing-ux-video-controls-margin-bottom,\n 'left': $spacing-ux-video-controls-margin-left,\n 'right': $spacing-ux-video-controls-margin-right,\n 'top': $spacing-ux-video-controls-margin-top\n ),\n 'padding': (\n 'bottom': $spacing-ux-video-controls-padding-bottom,\n 'left': $spacing-ux-video-controls-padding-left,\n 'right': $spacing-ux-video-controls-padding-right,\n 'top': $spacing-ux-video-controls-padding-top\n ),\n 'width': $spacing-ux-video-controls-width\n ),\n 'buttonicon': (\n 'height': $spacing-ux-video-buttonicon-height,\n 'border': (\n 'bottom': $spacing-ux-video-buttonicon-border-bottom,\n 'left': $spacing-ux-video-buttonicon-border-left,\n 'right': $spacing-ux-video-buttonicon-border-right,\n 'top': $spacing-ux-video-buttonicon-border-top\n ),\n 'margin': (\n 'bottom': $spacing-ux-video-buttonicon-margin-bottom,\n 'left': $spacing-ux-video-buttonicon-margin-left,\n 'right': $spacing-ux-video-buttonicon-margin-right,\n 'top': $spacing-ux-video-buttonicon-margin-top\n ),\n 'padding': (\n 'bottom': $spacing-ux-video-buttonicon-padding-bottom,\n 'left': $spacing-ux-video-buttonicon-padding-left,\n 'right': $spacing-ux-video-buttonicon-padding-right,\n 'top': $spacing-ux-video-buttonicon-padding-top\n ),\n 'width': $spacing-ux-video-buttonicon-width\n ),\n 'bigplaybutton': (\n 'height': $spacing-ux-video-bigplaybutton-height,\n 'border': (\n 'bottom': $spacing-ux-video-bigplaybutton-border-bottom,\n 'left': $spacing-ux-video-bigplaybutton-border-left,\n 'right': $spacing-ux-video-bigplaybutton-border-right,\n 'top': $spacing-ux-video-bigplaybutton-border-top\n ),\n 'margin': (\n 'bottom': $spacing-ux-video-bigplaybutton-margin-bottom,\n 'left': $spacing-ux-video-bigplaybutton-margin-left,\n 'right': $spacing-ux-video-bigplaybutton-margin-right,\n 'top': $spacing-ux-video-bigplaybutton-margin-top\n ),\n 'padding': (\n 'bottom': $spacing-ux-video-bigplaybutton-padding-bottom,\n 'left': $spacing-ux-video-bigplaybutton-padding-left,\n 'right': $spacing-ux-video-bigplaybutton-padding-right,\n 'top': $spacing-ux-video-bigplaybutton-padding-top\n ),\n 'width': $spacing-ux-video-bigplaybutton-width\n )\n ),\n 'table': (\n 'padding': (\n 'bottom': $spacing-ux-table-padding-bottom,\n 'left': $spacing-ux-table-padding-left,\n 'right': $spacing-ux-table-padding-right,\n 'top': $spacing-ux-table-padding-top\n ),\n 'content': (\n 'padding': (\n 'bottom': $spacing-ux-table-content-padding-bottom,\n 'left': $spacing-ux-table-content-padding-left,\n 'right': $spacing-ux-table-content-padding-right,\n 'top': $spacing-ux-table-content-padding-top\n )\n ),\n 'head': (\n 'padding': (\n 'bottom': $spacing-ux-table-head-padding-bottom,\n 'left': $spacing-ux-table-head-padding-left,\n 'right': $spacing-ux-table-head-padding-right,\n 'top': $spacing-ux-table-head-padding-top\n )\n ),\n 'cell': (\n 'padding': (\n 'bottom': $spacing-ux-table-cell-padding-bottom,\n 'left': $spacing-ux-table-cell-padding-left,\n 'right': $spacing-ux-table-cell-padding-right,\n 'top': $spacing-ux-table-cell-padding-top\n )\n ),\n 'smallhead': (\n 'padding': (\n 'bottom': $spacing-ux-table-smallhead-padding-bottom,\n 'left': $spacing-ux-table-smallhead-padding-left,\n 'right': $spacing-ux-table-smallhead-padding-right,\n 'top': $spacing-ux-table-smallhead-padding-top\n )\n ),\n 'smallcell': (\n 'padding': (\n 'bottom': $spacing-ux-table-smallcell-padding-bottom,\n 'left': $spacing-ux-table-smallcell-padding-left,\n 'right': $spacing-ux-table-smallcell-padding-right,\n 'top': $spacing-ux-table-smallcell-padding-top\n )\n )\n ),\n 'tableofcontents': (\n 'border': (\n 'bottom': $spacing-ux-tableofcontents-border-bottom,\n 'left': $spacing-ux-tableofcontents-border-left,\n 'right': $spacing-ux-tableofcontents-border-right,\n 'top': $spacing-ux-tableofcontents-border-top\n ),\n 'borderradius': $spacing-ux-tableofcontents-borderradius,\n 'margin': (\n 'bottom': $spacing-ux-tableofcontents-margin-bottom,\n 'left': $spacing-ux-tableofcontents-margin-left,\n 'right': $spacing-ux-tableofcontents-margin-right,\n 'top': $spacing-ux-tableofcontents-margin-top\n ),\n 'padding': (\n 'bottom': $spacing-ux-tableofcontents-padding-bottom,\n 'left': $spacing-ux-tableofcontents-padding-left,\n 'right': $spacing-ux-tableofcontents-padding-right,\n 'top': $spacing-ux-tableofcontents-padding-top\n ),\n 'items': (\n 'border': (\n 'bottom': $spacing-ux-tableofcontents-items-border-bottom,\n 'left': $spacing-ux-tableofcontents-items-border-left,\n 'right': $spacing-ux-tableofcontents-items-border-right,\n 'top': $spacing-ux-tableofcontents-items-border-top\n ),\n 'margin': (\n 'bottom': $spacing-ux-tableofcontents-items-margin-bottom,\n 'left': $spacing-ux-tableofcontents-items-margin-left,\n 'right': $spacing-ux-tableofcontents-items-margin-right,\n 'top': $spacing-ux-tableofcontents-items-margin-top\n ),\n 'padding': (\n 'bottom': $spacing-ux-tableofcontents-items-padding-bottom,\n 'left': $spacing-ux-tableofcontents-items-padding-left,\n 'right': $spacing-ux-tableofcontents-items-padding-right,\n 'top': $spacing-ux-tableofcontents-items-padding-top\n )\n )\n )\n )\n);\n\n// THEMEPREFIX MAP:\n\n$themeprefix: $themeprefix;\n\n// TYPE MAP:\n\n$type: (\n 'descenders': (\n 'display': $type-descenders-display,\n 'copy': $type-descenders-copy\n ),\n 'base': (\n 'size': $type-base-size,\n 'letter-spacing': $type-base-letter-spacing,\n 'line-height': $type-base-line-height\n ),\n 'body-eyebrow': (\n 'size': $type-body-eyebrow-size,\n 'letter-spacing': $type-body-eyebrow-letter-spacing,\n 'line-height': $type-body-eyebrow-line-height\n ),\n 'body-small': (\n 'size': $type-body-small-size,\n 'letter-spacing': $type-body-small-letter-spacing,\n 'line-height': $type-body-small-line-height\n ),\n 'body-large': (\n 'size': $type-body-large-size,\n 'letter-spacing': $type-body-large-letter-spacing,\n 'line-height': $type-body-large-line-height\n ),\n 'body-xs': (\n 'size': $type-body-xs-size,\n 'letter-spacing': $type-body-xs-letter-spacing,\n 'line-height': $type-body-xs-line-height\n ),\n 'body-xxs': (\n 'size': $type-body-xxs-size,\n 'letter-spacing': $type-body-xxs-letter-spacing,\n 'line-height': $type-body-xxs-line-height\n ),\n 'body-xxxs': (\n 'size': $type-body-xxxs-size,\n 'letter-spacing': $type-body-xxxs-letter-spacing,\n 'line-height': $type-body-xxxs-line-height\n ),\n 'button-small': (\n 'size': $type-button-small-size,\n 'letter-spacing': $type-button-small-letter-spacing,\n 'line-height': $type-button-small-line-height\n ),\n 'button-medium': (\n 'size': $type-button-medium-size,\n 'letter-spacing': $type-button-medium-letter-spacing,\n 'line-height': $type-button-medium-line-height\n ),\n 'button-large': (\n 'size': $type-button-large-size,\n 'letter-spacing': $type-button-large-letter-spacing,\n 'line-height': $type-button-large-line-height\n ),\n 'headline-1': (\n 'size': $type-headline-1-size,\n 'letter-spacing': $type-headline-1-letter-spacing,\n 'line-height': $type-headline-1-line-height\n ),\n 'headline-2': (\n 'size': $type-headline-2-size,\n 'letter-spacing': $type-headline-2-letter-spacing,\n 'line-height': $type-headline-2-line-height\n ),\n 'headline-3': (\n 'size': $type-headline-3-size,\n 'letter-spacing': $type-headline-3-letter-spacing,\n 'line-height': $type-headline-3-line-height\n ),\n 'headline-4': (\n 'size': $type-headline-4-size,\n 'letter-spacing': $type-headline-4-letter-spacing,\n 'line-height': $type-headline-4-line-height\n ),\n 'headline-5': (\n 'size': $type-headline-5-size,\n 'letter-spacing': $type-headline-5-letter-spacing,\n 'line-height': $type-headline-5-line-height\n ),\n 'headline-6': (\n 'size': $type-headline-6-size,\n 'letter-spacing': $type-headline-6-letter-spacing,\n 'line-height': $type-headline-6-line-height\n ),\n 'language-switcher': (\n 'size': $type-language-switcher-size,\n 'letter-spacing': $type-language-switcher-letter-spacing,\n 'line-height': $type-language-switcher-line-height\n ),\n 'label-small': (\n 'size': $type-label-small-size,\n 'letter-spacing': $type-label-small-letter-spacing,\n 'line-height': $type-label-small-line-height\n ),\n 'label-medium': (\n 'size': $type-label-medium-size,\n 'letter-spacing': $type-label-medium-letter-spacing,\n 'line-height': $type-label-medium-line-height\n ),\n 'label-large': (\n 'size': $type-label-large-size,\n 'letter-spacing': $type-label-large-letter-spacing,\n 'line-height': $type-label-large-line-height\n ),\n 'legend': (\n 'size': $type-legend-size,\n 'letter-spacing': $type-legend-letter-spacing,\n 'line-height': $type-legend-line-height\n ),\n 'nav-md': (\n 'size': $type-nav-md-size,\n 'letter-spacing': $type-nav-md-letter-spacing,\n 'line-height': $type-nav-md-line-height\n ),\n 'nav-md-sm': (\n 'size': $type-nav-md-sm-size,\n 'letter-spacing': $type-nav-md-sm-letter-spacing,\n 'line-height': $type-nav-md-sm-line-height\n ),\n 'nav-bold-b-sm': (\n 'size': $type-nav-bold-b-sm-size,\n 'letter-spacing': $type-nav-bold-b-sm-letter-spacing,\n 'line-height': $type-nav-bold-b-sm-line-height\n ),\n 'nav-bold-b': (\n 'size': $type-nav-bold-b-size,\n 'letter-spacing': $type-nav-bold-b-letter-spacing,\n 'line-height': $type-nav-bold-b-line-height\n ),\n 'pull-quote-sm': (\n 'size': $type-pull-quote-sm-size,\n 'letter-spacing': $type-pull-quote-sm-letter-spacing,\n 'line-height': $type-pull-quote-sm-line-height\n ),\n 'pull-quote-lg': (\n 'size': $type-pull-quote-lg-size,\n 'letter-spacing': $type-pull-quote-lg-letter-spacing,\n 'line-height': $type-pull-quote-lg-line-height\n ),\n 'pull-quote-cite': (\n 'size': $type-pull-quote-cite-size,\n 'letter-spacing': $type-pull-quote-cite-letter-spacing,\n 'line-height': $type-pull-quote-cite-line-height\n ),\n 'image-caption': (\n 'size': $type-image-caption-size,\n 'letter-spacing': $type-image-caption-letter-spacing,\n 'line-height': $type-image-caption-line-height\n ),\n 'image-credit': (\n 'size': $type-image-credit-size,\n 'letter-spacing': $type-image-credit-letter-spacing,\n 'line-height': $type-image-credit-line-height\n ),\n 'tagline': (\n 'size': $type-tagline-size,\n 'letter-spacing': $type-tagline-letter-spacing,\n 'line-height': $type-tagline-line-height\n ),\n 'weights': (\n 'section': $type-weights-section,\n 'label': $type-weights-label\n )\n);\n\n// WIDTHS MAP:\n\n$widths: (\n 'border-xsm': $widths-border-xsm,\n 'border-sm': $widths-border-sm,\n 'border-med-sm': $widths-border-med-sm,\n 'border-med': $widths-border-med,\n 'border-lg': $widths-border-lg\n);\n"]}