.learning-carousel{--learning-surface:var(--hop-white);--learning-ink:var(--hop-navy);--learning-control:var(--hop-navy);--learning-control-ink:var(--hop-white);--learning-disabled:color-mix(in srgb, var(--hop-navy) 25%, var(--hop-white));--learning-height:480px;--learning-arrow:url(/__l5e/assets-v1/74bbe015-4416-43a3-93cd-2da1a7b53d19/arrow-right.svg);background:var(--learning-surface);color:var(--learning-ink);padding:60px 0 70px;overflow:hidden}.learning-carousel--dark{--learning-surface:var(--hop-navy);--learning-ink:var(--hop-cream);--learning-control:var(--hop-cream);--learning-control-ink:var(--hop-navy);--learning-disabled:color-mix(in srgb, var(--brand-soft) 30%, var(--hop-navy));padding-top:120px}.learning-carousel--video{--learning-height:470px}.learning-carousel__container{width:var(--hl-content-width);max-width:calc(100% - 48px);margin:0 auto}.learning-carousel__heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:60px;display:flex}.learning-carousel .learning-carousel__heading h2{color:var(--learning-ink);font:700 44px/52px var(--font-display);letter-spacing:0;margin:0}.learning-carousel--guide .learning-carousel__heading{text-align:center;justify-content:center}.hop-site .learning-carousel .cta-pill.learning-carousel__all{border:2px solid var(--learning-ink);color:var(--learning-ink);background:0 0;flex-shrink:0;min-width:198px}.hop-site .learning-carousel .cta-pill.learning-carousel__all:hover{background:var(--hop-hover)}.learning-carousel__row{position:relative}.learning-carousel__viewport{height:var(--learning-height);overflow:hidden}.learning-carousel__track{touch-action:pan-y pinch-zoom;gap:36px;display:flex}.learning-carousel__slide{flex:0 0 calc(25% - 27px);min-width:0}.learning-carousel__reveal{height:var(--learning-height)}.learning-carousel .learning-carousel__card{height:100%;color:var(--learning-ink);background:0 0;flex-direction:column;text-decoration:none;display:flex}.learning-carousel__card:hover{background:var(--hop-hover)}.learning-carousel__card:focus-visible{outline:3px solid var(--hop-aqua);outline-offset:-3px}.learning-carousel__image{aspect-ratio:100/53.4;flex-shrink:0;position:relative}.learning-carousel__image img{object-fit:cover;border-radius:0;width:100%;height:100%;display:block;position:absolute;inset:0}.learning-carousel .learning-carousel__tag{background:var(--learning-surface);min-height:36px;color:var(--learning-ink);margin:0;padding:6px 14px;font:400 18px/24px adelle-sans,sans-serif;position:absolute;bottom:-6px;left:0}.learning-carousel__body{flex-direction:column;flex:1;min-height:0;padding:30px 25px 40px;display:flex}.learning-carousel .learning-carousel__title{color:var(--learning-ink);font:700 28px/34px var(--font-display);letter-spacing:0;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.learning-carousel__link{align-items:center;gap:12px;margin-top:auto;font:700 20px/32px adelle-sans,sans-serif;display:flex}.learning-carousel__link>span,.learning-carousel__arrow>span{width:17px;height:17px;-webkit-mask:var(--learning-arrow) center / contain no-repeat;-webkit-mask:var(--learning-arrow) center / contain no-repeat;mask:var(--learning-arrow) center / contain no-repeat;background:currentColor;flex:0 0 17px;display:block}.learning-carousel__navigation{justify-content:center;align-items:center;gap:20px;margin-top:60px;display:flex}.learning-carousel .learning-carousel__arrow{background:var(--learning-control);width:40px;min-width:40px;height:40px;color:var(--learning-control-ink);box-shadow:none;border:0;border-radius:50%;padding:0}.learning-carousel .learning-carousel__arrow:disabled{opacity:1;background:var(--learning-disabled)}.learning-carousel__arrow--previous>span{transform:rotate(180deg)}.learning-carousel__arrow:hover:not(:disabled){opacity:.75}.learning-carousel__arrow:focus-visible,.learning-carousel__dot:focus-visible{outline:3px solid var(--hop-aqua);outline-offset:3px}.learning-carousel__dots{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.learning-carousel .learning-carousel__dot{border:1px solid var(--learning-ink);width:12px;min-width:12px;height:12px;box-shadow:none;background:0 0;border-radius:50%;padding:0}.learning-carousel .learning-carousel__dot[aria-current=true]{background:var(--learning-ink)}@media (width>=1600px){.learning-carousel__navigation{min-height:12px}.learning-carousel__arrow{top:calc(var(--learning-height) / 2 - 20px);position:absolute}.learning-carousel__arrow--previous{left:-80px}.learning-carousel__arrow--next{right:-80px}}@media (width>=993px) and (width<=1240px){.learning-carousel__slide{flex-basis:calc(33.3333% - 24px)}}@media (width>=769px) and (width<=992px){.learning-carousel__slide{flex-basis:calc(50% - 18px)}}@media (width<=768px){.learning-carousel--dark{padding-top:60px}.learning-carousel__slide{flex-basis:100%}.learning-carousel__heading{flex-direction:column;align-items:flex-start}.learning-carousel .learning-carousel__heading h2{font-size:32px;line-height:38px}.learning-carousel--guide .learning-carousel__heading{align-items:center}}@media (prefers-reduced-motion:reduce){.learning-carousel *{transition:none}}