/* One recognizable Doki face across chat previews and product moments. */
:is(.doki-mark,.dk-mark,.dk-welcome-mark,.dk-detail-mark,.if-doki-avatar){
  flex:none;
  overflow:hidden;
  border:1px solid #e4eaf2;
  border-radius:50%;
  background-color:#fff;
  background-image:url("illustrations/references/orange-poodle-expressions.png");
  background-repeat:no-repeat;
  background-size:320% 320%;
  background-position:50% 8%;
  color:transparent;
  font-size:0;
  line-height:0;
}

/* The four Doki cards show four expressions of the same orange mascot. */
.doki-page .highlights .dk-detail-mark{
  width:27px;
  height:27px;
  background-color:#fff;
  background-image:url("illustrations/references/orange-poodle-expressions.png");
  background-repeat:no-repeat;
  background-size:320% 320%;
}
.doki-page .highlights .highlight-card:nth-child(1) .dk-detail-mark{background-position:0% 8%}
.doki-page .highlights .highlight-card:nth-child(2) .dk-detail-mark{background-position:50% 8%}
.doki-page .highlights .highlight-card:nth-child(3) .dk-detail-mark{background-position:100% 8%}
.doki-page .highlights .highlight-card:nth-child(4) .dk-detail-mark{background-position:0% 76%}