/* Transparent target registered to the can in the original 1672 x 941 artwork. */
.watering-can-target {
  position:absolute; left:70.5%; top:45.5%; width:29%; height:45%;
  z-index:4; margin:0; padding:0; border:0; border-radius:32%;
  background:transparent; color:#fff4c6; cursor:pointer; appearance:none;
  touch-action:manipulation; -webkit-tap-highlight-color:transparent;
}
.watering-can-target svg { width:100%; height:100%; overflow:visible; pointer-events:none; }
.watering-can-target path { fill:transparent; stroke:currentColor; stroke-width:3; opacity:.12; transition:opacity 180ms,fill 180ms; }
.watering-can-target:focus-visible { outline:2px solid #fff5c9; outline-offset:-3px; }
.watering-can-target:focus-visible path { opacity:.9; fill:rgba(255,244,190,.07); }
@media (hover:hover) {
  .watering-can-target:hover path { opacity:.55; fill:rgba(255,244,190,.06); }
}
.watering-can-target[aria-disabled="true"] { cursor:default; }
.watering-can-hint {
  position:absolute; right:2%; bottom:2%; z-index:4; pointer-events:none;
  padding:3px 7px; border-radius:3px; color:#fff3ca;
  background:rgba(16,36,23,.73); font:500 clamp(10px,1vw,13px)/1.3 Georgia,serif;
  letter-spacing:.025em;
}
.watering-can-canvas { position:absolute; inset:0; width:100%; height:100%; z-index:3; pointer-events:none; }
@media (prefers-reduced-motion:reduce) {
  .watering-can-target path { transition:none; }
}

.course-hero-artwork .watering-can-bloom {
  position:absolute;left:60.4067%;top:65.8874%;width:6.57895%;height:13.8151%;
  z-index:3;pointer-events:none;
}
.course-hero-artwork .watering-can-bloom[hidden] { display:none; }