/* A little paper beagle. Only the illustration owns these joints. */
.packing-item.item-dog .packing-art.sd-dog-art {
  width: 132px;
  max-width: calc(100% - 4px);
  height: 112px;
  margin: -19px 0 -17px;
  overflow: visible;
  flex: none;
  color: var(--navy, #11283b);
  fill: none;
  stroke: none;
  pointer-events: none;
  user-select: none;
}

.sd-dog-art .dc-ink {
  stroke: var(--navy, #11283b);
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.sd-dog-art .dc-line { fill: none; }
.sd-dog-art .dc-cream { fill: #fff5df; }
.sd-dog-art .dc-tan { fill: #c88c58; }
.sd-dog-art .dc-ear-shade { fill: #b37146; }
.sd-dog-art .dc-honey { fill: #e5b27c; }
.sd-dog-art .dc-dark { fill: var(--navy, #11283b); }
.sd-dog-art .dc-collar { fill: var(--green, #74824e); }
.sd-dog-art .dc-tag { fill: var(--orange, #ffb17c); }
.sd-dog-art .dc-soft-line { stroke-width: 1.1; opacity: .54; }
.sd-dog-art .dc-light-line { stroke: #fff5df; stroke-width: 1.2; }
.sd-dog-art .dc-dot { fill: var(--navy, #11283b); opacity: .64; }
.sd-dog-art .dc-shadow { fill: var(--navy, #11283b); opacity: .13; }
.sd-dog-art .dc-tongue { fill: #df9684; opacity: 0; }
.sd-dog-art[data-dog-state="packed"] .dc-tongue { opacity: 1; }
.sd-dog-art .dc-sniff { fill: none; stroke: var(--navy, #11283b); stroke-width: 1.35; stroke-linecap: round; opacity: 0; }
.sd-dog-art[data-dog-motion="off"] .dc-sniff { opacity: 0 !important; }

@media (max-width: 1150px) and (min-width: 681px) {
  .packing-item.item-dog .packing-art.sd-dog-art {
    width: 113px;
    height: 96px;
    margin-top: -19px;
    margin-bottom: -17px;
  }
}
@media (max-width: 680px) {
  .packing-item.item-dog .packing-art.sd-dog-art {
    width: 90px;
    height: 76px;
    margin-top: -15px;
    margin-bottom: -14px;
  }
}
@media (max-width: 375px) {
  .packing-item.item-dog .packing-art.sd-dog-art {
    width: 85px;
    height: 72px;
    margin-top: -13px;
    margin-bottom: -12px;
  }
}