/* Vocabulary Practice icon — shared across dashboard, nav menu, and subnav.
   Proportions match the course dashboard (3.35rem circle). */

.course-menu-item-icon-mark--vocab,
.course-nav-menu-icon-mark--vocab,
.course-subnav-section-icon-mark--vocab {
  width: 59.7%;
  height: 59.7%;
  -webkit-mask-image: url('/app/courses/vocablist.png');
  mask-image: url('/app/courses/vocablist.png');
}

.course-menu-item-icon-mark--play,
.course-nav-menu-icon-mark--play,
.course-subnav-section-icon-mark--play {
  position: absolute;
  width: 19.4%;
  height: 19.4%;
  right: 19.4%;
  bottom: 17.3%;
  -webkit-mask-image: url('/app/courses/playbutton.png');
  mask-image: url('/app/courses/playbutton.png');
}

.course-nav-menu-icon--image {
  position: relative;
  overflow: visible;
}