.screenshot,.media--view-mode-screenshot.caption{syntax:"<percentage>";inherits:false;initial-value:100%;padding:calc(var(--spacing) * 2);border-width:2px;border-color:color-mix(in srgb,var(--colors-neutral-500) var(--un-border-opacity),transparent);border-radius:var(--radius-md);--un-border-style:dashed;border-style:dashed;display:inline-block}:is(.screenshot,.media--view-mode-screenshot.caption)>figcaption{padding:calc(var(--spacing) * 2)}:is(.screenshot,.media--view-mode-screenshot.caption):focus-within{border-color:var(--color-accent)}.text-formatted :is(.screenshot,.media--view-mode-screenshot.caption){margin-right:calc(var(--spacing) * 4)}@supports (color: color-mix(in lab,red,red)){.screenshot,.media--view-mode-screenshot.caption{border-color:color-mix(in oklab,var(--colors-neutral-500) var(--un-border-opacity),transparent)}}.media--view-mode-screenshot{clear:both}.media--view-mode-screenshot.align-left,.media--view-mode-screenshot.align-right{clear:none}.media--view-mode-screenshot.caption .screenshot{border:none}.caption-drupal-media:has(.screenshot){border-width:2px;border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm);--un-border-style:dashed;border-style:dashed}.caption-drupal-media:has(.screenshot) .screenshot{--un-border-style:none;border-style:none}.caption-drupal-media:has(.screenshot)>figcaption{padding:calc(var(--spacing) * 2);border-width:2px;border-top-width:0px;border-bottom-left-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm);--un-border-style:dashed;border-style:dashed}.media--view-mode-screenshot>figcaption{padding-top:calc(var(--spacing) * 2);border-top-width:3px;--un-border-style:dashed;border-style:dashed;width:100%}