.sc-brand img[src*="sc-sleepy-mug-left-tan-v2."] { --sc-studio-x: 9.56937799%; --sc-studio-y: -18.18181818%; }
.sc-brand img[src*="sc-sleepy-mug-right-tan-v2."] { --sc-studio-x: -9.56937799%; --sc-studio-y: -18.18181818%; }
.sc-brand img[src*="sc-confident-mug-left-tan-v2."] { --sc-studio-x: 9.56937799%; --sc-studio-y: -18.18181818%; }
.sc-brand img[src*="sc-confident-mug-right-tan-v2."] { --sc-studio-x: -9.56937799%; --sc-studio-y: -18.18181818%; }
.sc-brand img[src*="sc-curious-mug-left-tan-v2."] { --sc-studio-x: 9.56937799%; --sc-studio-y: -18.10207337%; }
.sc-brand img[src*="sc-curious-mug-right-tan-v2."] { --sc-studio-x: -9.56937799%; --sc-studio-y: -18.18181818%; }
.sc-brand img[src*="sc-unimpressed-mug-left-tan-v2."] { --sc-studio-x: 9.56937799%; --sc-studio-y: -18.02232855%; }
.sc-brand img[src*="sc-unimpressed-mug-right-tan-v2."] { --sc-studio-x: -9.56937799%; --sc-studio-y: -18.10207337%; }
.sc-brand img[src*="sc-delighted-mug-left-tan-v2."] { --sc-studio-x: 9.56937799%; --sc-studio-y: -18.02232855%; }
.sc-brand img[src*="sc-delighted-mug-right-tan-v2."] { --sc-studio-x: -9.56937799%; --sc-studio-y: -18.10207337%; }
.sc-brand img[src*="sc-content-mug-left-tan-v2."] { --sc-studio-x: 9.56937799%; --sc-studio-y: -18.02232855%; }
.sc-brand img[src*="sc-content-mug-right-tan-v2."] { --sc-studio-x: -9.56937799%; --sc-studio-y: -18.18181818%; }
.sc-brand img[src*="sc-overwhelmed-mug-left-tan-v2."] { --sc-studio-x: 9.56937799%; --sc-studio-y: -18.18181818%; }
.sc-brand img[src*="sc-overwhelmed-mug-right-tan-v2."] { --sc-studio-x: -9.56937799%; --sc-studio-y: -18.18181818%; }

.sc-brand :is(
  img[src*="sc-sleepy-mug-left-tan-v2."],
  img[src*="sc-sleepy-mug-right-tan-v2."],
  img[src*="sc-confident-mug-left-tan-v2."],
  img[src*="sc-confident-mug-right-tan-v2."],
  img[src*="sc-curious-mug-left-tan-v2."],
  img[src*="sc-curious-mug-right-tan-v2."],
  img[src*="sc-unimpressed-mug-left-tan-v2."],
  img[src*="sc-unimpressed-mug-right-tan-v2."],
  img[src*="sc-delighted-mug-left-tan-v2."],
  img[src*="sc-delighted-mug-right-tan-v2."],
  img[src*="sc-content-mug-left-tan-v2."],
  img[src*="sc-content-mug-right-tan-v2."],
  img[src*="sc-overwhelmed-mug-left-tan-v2."],
  img[src*="sc-overwhelmed-mug-right-tan-v2."]
) {
  transform: translate(var(--sc-studio-x), var(--sc-studio-y)) !important;
  clip-path: inset(
    max(0px, calc(-1 * var(--sc-studio-y)))
    max(0px, var(--sc-studio-x))
    max(0px, var(--sc-studio-y))
    max(0px, calc(-1 * var(--sc-studio-x)))
  );
  mask-image:
    linear-gradient(to bottom, transparent, #000 4%, #000 96%, transparent),
    linear-gradient(to right, transparent, #000 4%, #000 96%, transparent);
  mask-composite: intersect;
}

.sc-brand :is(.media, .thumbnail, .cart-item__image-container, .product-media-modal__content):has(:is(
  img[src*="sc-sleepy-mug-left-tan-v2."],
  img[src*="sc-sleepy-mug-right-tan-v2."],
  img[src*="sc-confident-mug-left-tan-v2."],
  img[src*="sc-confident-mug-right-tan-v2."],
  img[src*="sc-curious-mug-left-tan-v2."],
  img[src*="sc-curious-mug-right-tan-v2."],
  img[src*="sc-unimpressed-mug-left-tan-v2."],
  img[src*="sc-unimpressed-mug-right-tan-v2."],
  img[src*="sc-delighted-mug-left-tan-v2."],
  img[src*="sc-delighted-mug-right-tan-v2."],
  img[src*="sc-content-mug-left-tan-v2."],
  img[src*="sc-content-mug-right-tan-v2."],
  img[src*="sc-overwhelmed-mug-left-tan-v2."],
  img[src*="sc-overwhelmed-mug-right-tan-v2."]
)) {
  background-color: #fcf8f0;
}