.canvas-work-overlay {
  --canvas-work-ui-scale: 1;
  --canvas-work-label-font: 18px;
  --canvas-work-label-pad-x: 18px;
  --canvas-work-label-pad-y: 8px;
  --canvas-work-label-bottom: 18px;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  isolation: isolate;
  container-type: inline-size;
  background: #f5f6f8;
}

.canvas-work-overlay-media {
  width: 100%;
  height: 100%;
  filter: blur(3.2px) saturate(0.9) contrast(0.97);
  transform: scale(1.025);
  transform-origin: center;
}

.canvas-work-overlay-media > * {
  width: 100%;
  height: 100%;
}

.canvas-work-overlay::before,
.canvas-work-overlay::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.canvas-work-overlay::before {
  inset: -1px;
  z-index: 1;
  background: rgba(255, 255, 255, 0.42);
  backdrop-filter: blur(5.2px);
}

.canvas-work-overlay::after {
  top: -18%;
  bottom: -18%;
  left: -72%;
  z-index: 2;
  width: 58%;
  background: linear-gradient(105deg, transparent 0%, rgba(255, 255, 255, 0.14) 28%, rgba(255, 255, 255, 0.78) 50%, rgba(255, 255, 255, 0.14) 72%, transparent 100%);
  transform: skewX(-14deg);
  animation: canvas-work-wave 1.32s ease-in-out infinite;
}

.canvas-work-overlay-label {
  position: absolute;
  left: 50%;
  bottom: calc(var(--canvas-work-label-bottom) * var(--canvas-work-ui-scale));
  z-index: 3;
  max-width: calc(100% - calc(40px * var(--canvas-work-ui-scale)));
  min-width: calc(88px * var(--canvas-work-ui-scale));
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: calc(var(--canvas-work-label-pad-y) * var(--canvas-work-ui-scale)) calc(var(--canvas-work-label-pad-x) * var(--canvas-work-ui-scale));
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.94);
  background: rgba(87, 94, 94, 0.5);
  backdrop-filter: blur(12px);
  overflow: hidden;
  font-size: calc(var(--canvas-work-label-font) * var(--canvas-work-ui-scale));
  font-weight: 520;
  line-height: 1.1;
  letter-spacing: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  transform: translateX(-50%);
}

@keyframes canvas-work-wave {
  100% {
    left: 114%;
  }
}