/* The ink sits beneath the photograph on a separate, clipped surface. */
html body.storefront-body .ds-theme-media:not(dialog) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

html body.storefront-body .ds-theme-media > .ds-theme-layer {
  position: absolute;
  inset: 0;
  z-index: 0;
}

html body.storefront-body .ds-theme-media > :is(img, button) {
  z-index: 1;
}

html body.storefront-body .ds-theme-media > img {
  position: relative;
}

html body#storefront-launch-v1189424.flagship-v045.storefront-body
  :is(.collection-media, .occasion-card-media) > img {
  background: transparent !important;
}

html body#storefront-launch-v1189424.flagship-v045.storefront-body #main-content#main-content#main-content
  :is(.product-card[data-legging-display] .product-card-media .card-doodles, .product-main[data-legging-display] .product-paint).ds-theme-layer {
  display: block !important;
}

html body#storefront-launch-v1189424.flagship-v045.storefront-body #main-content#main-content
  :is(.product-card-media, .product-main, .product-lightbox):has(> .ds-theme-layer) {
  background: var(--doodle-stage, #eeefee) !important;
}

html[data-ds-theme="dark"] {
  --doodle-stage: #35373c;
}

#energy-home {
  --doodle-opacity: .17;
}

#energy-home :is(.e-doodle, .e-mural) {
  display: none;
}

#new-grid {
  --doodle-opacity: .24;
}

html[data-ds-theme="dark"] #new-grid {
  --doodle-opacity: .29;
}

html body#storefront-launch-v1189424.flagship-v045.storefront-body #main-content
  .ds-ink-surface.ds-theme-layer[data-doodle-theme]::before {
  --doodle-size: 420px;
  inset: -24px;
  background: #26303d !important;
  -webkit-mask: var(--doodle-tile, linear-gradient(transparent, transparent)) var(--doodle-x) var(--doodle-y) /
    calc(var(--doodle-size) * var(--doodle-zoom)) auto repeat !important;
  mask: var(--doodle-tile, linear-gradient(transparent, transparent)) var(--doodle-x) var(--doodle-y) /
    calc(var(--doodle-size) * var(--doodle-zoom)) auto repeat !important;
  mix-blend-mode: normal !important;
  filter: none !important;
  opacity: calc(var(--doodle-opacity, .48) * .9) !important;
  animation: ds-themed-drift var(--doodle-speed) var(--doodle-delay) ease-in-out infinite alternate;
}

html[data-ds-theme="dark"] body#storefront-launch-v1189424.flagship-v045.storefront-body #main-content
  .ds-ink-surface.ds-theme-layer[data-doodle-theme]::before {
  background: #e2e7ef !important;
  opacity: calc(var(--doodle-opacity, .58) * .9) !important;
}

html body#storefront-launch-v1189424.flagship-v045.storefront-body .ds-theme-layer[data-doodle-theme]::after {
  display: none !important;
}

.ds-theme-layer:is([data-doodle-variant="1"], [data-doodle-variant="4"]) {
  --doodle-direction: -1;
}

.ds-theme-layer.ds-offscreen::before {
  animation-play-state: paused !important;
  will-change: auto;
}

@keyframes ds-themed-drift {
  from { transform: translate3d(calc(-12px * var(--doodle-direction, 1)), -9px, 0); }
  to { transform: translate3d(calc(13px * var(--doodle-direction, 1)), 12px, 0); }
}

@media (prefers-reduced-motion: reduce) {
  .ds-theme-layer::before { animation: none !important; }
}