.applet-canvas-shell { overflow: auto; border: 1px solid var(--bs-border-color); border-radius: 1rem; padding: 1rem; background: var(--bs-tertiary-bg); }
.applet-canvas-shell canvas { display: block; max-width: none; background: #fff; box-shadow: var(--bs-box-shadow-sm); }
.jik-applet-dom { min-height: 4rem; }
.jik-ui-progress-component + .jik-ui-progress-component { margin-top: 1rem; }
.jik-ui-progress {
  --jik-progress-color: #2563eb;
  --jik-progress-track: #e5e7eb;
  --jik-progress-width: 0%;
  align-items: center;
  background: var(--jik-progress-track);
  border-radius: 999px;
  box-shadow: inset 0 0 0 1px rgb(0 0 0 / .08);
  display: grid;
  height: 2rem;
  isolation: isolate;
  overflow: hidden;
  position: relative;
}
.jik-ui-progress-fill {
  background: var(--jik-progress-color);
  border-radius: inherit;
  grid-area: 1 / 1;
  height: 100%;
  width: var(--jik-progress-width);
  z-index: -1;
}
.jik-ui-progress-label {
  color: #fff;
  font-variant-numeric: tabular-nums;
  grid-area: 1 / 1;
  justify-self: center;
  line-height: 1;
  mix-blend-mode: difference;
  text-shadow: 0 1px 2px rgb(0 0 0 / .45);
}
