.shiki-wrapper {
  --tab-flare-ring:
    transparent 6.75px, var(--border-color-default) 7.25px, var(--border-color-default) 7.75px,
    transparent 8.25px;
  --tab-flare-fill: transparent 6.75px, var(--background-color-200) 7.25px;
  --tab-flare-left:
    radial-gradient(circle at 0 0, var(--tab-flare-ring)),
    radial-gradient(circle at 0 0, var(--tab-flare-fill));
  --tab-flare-right:
    radial-gradient(circle at 100% 0, var(--tab-flare-ring)),
    radial-gradient(circle at 100% 0, var(--tab-flare-fill));
}

.codeblock-drop-shadow {
  filter: var(--drop-shadow-codeblock, none);
}

.code-sample-source :is(.shiki, .code-sample-surface) {
  mask:
    linear-gradient(#000 0 0),
    var(--source-notch-mask) right -2px bottom -2px / var(--source-notch-mask-width) 42px no-repeat;
  mask-composite: exclude;
  mask-clip: no-clip;
}