.course-navigator-banner{background:var(--uk-light-green-100);padding:16px;position:relative}@media only screen and (min-width:769px){.course-navigator-banner{padding:16px 32px}}.course-navigator-banner .course-navigator-banner__wrapper{position:relative}.course-navigator-banner .course-navigator-banner__wrapper .course-navigator-banner__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;gap:8px;justify-content:space-between}.course-navigator-banner .course-navigator-banner__wrapper .course-navigator-banner__header .course-navigator-banner__illustration{display:inline-block;width:60px}@media only screen and (min-width:769px){.course-navigator-banner .course-navigator-banner__wrapper .course-navigator-banner__header .course-navigator-banner__illustration{display:none}}.course-navigator-banner .course-navigator-banner__wrapper .course-navigator-banner__header .course-navigator-banner__header-copy{-webkit-box-flex:1;display:none;-ms-flex:1;flex:1;font-weight:700}@media only screen and (min-width:769px){.course-navigator-banner .course-navigator-banner__wrapper .course-navigator-banner__header .course-navigator-banner__header-copy{display:block}}.course-navigator-banner .course-navigator-banner__wrapper>.course-navigator-banner__header-copy{display:block;font-weight:700;margin-top:8px}@media only screen and (min-width:769px){.course-navigator-banner .course-navigator-banner__wrapper>.course-navigator-banner__header-copy{display:none}}.course-navigator-banner .course-navigator-banner__content{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:8px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media only screen and (min-width:769px){.course-navigator-banner .course-navigator-banner__content{margin-top:16px}}.course-navigator-banner .course-navigator-banner__content .course-navigator-banner__copy .button{margin-top:16px;text-decoration:none}@media only screen and (min-width:769px){.course-navigator-banner .course-navigator-banner__content .course-navigator-banner__copy .button{max-width:360px}}.course-navigator-banner .course-navigator-banner__content .course-navigator-banner__illustration{display:none;margin-bottom:-16px;width:120px}@media only screen and (min-width:769px){.course-navigator-banner .course-navigator-banner__content .course-navigator-banner__illustration{display:inline-block}}.course-navigator-banner__tooltip{text-align:right}@media only screen and (min-width:769px){.course-navigator-banner__tooltip{position:relative}}.course-navigator-banner__tooltip .course-navigator-banner__tooltip-btn{display:inline-block;height:24px;width:24px}.course-navigator-banner__tooltip .course-navigator-banner__info-wrapper{display:none;left:10px;position:absolute;right:10px;top:42px}@media only screen and (min-width:769px){.course-navigator-banner__tooltip .course-navigator-banner__info-wrapper{left:auto;padding-right:8px;right:22px;top:-40px}}.course-navigator-banner__tooltip .course-navigator-banner__info-wrapper.active{display:block}@media only screen and (min-width:769px){.course-navigator-banner__tooltip .course-navigator-banner__info-wrapper.active{display:none}}.course-navigator-banner__tooltip .course-navigator-banner__info-wrapper .course-navigator-banner__info{background-color:var(--uk-dark-green-900);border-radius:8px;-webkit-box-shadow:0 4px 4px 0 rgba(0,0,0,.25);box-shadow:0 4px 4px 0 rgba(0,0,0,.25);color:var(--color-white);padding:16px;text-align:left}@media only screen and (min-width:769px){.course-navigator-banner__tooltip .course-navigator-banner__info-wrapper .course-navigator-banner__info{max-width:335px;width:-webkit-max-content;width:-moz-max-content;width:max-content}.course-navigator-banner__tooltip .course-navigator-banner__info-wrapper:hover,.course-navigator-banner__tooltip .course-navigator-banner__tooltip-btn:hover+.course-navigator-banner__info-wrapper{display:block}}