{"ast":{"$$mdtype":"Tag","name":"article","attributes":{},"children":[{"$$mdtype":"Tag","name":"Heading","attributes":{"level":1,"id":"image-tag","__idx":0},"children":["Image Tag"]},{"$$mdtype":"Tag","name":"ConfigOptionRequirements","attributes":{"products":["Revel","Reef","Realm"],"plans":["Pro","Enterprise","Enterprise+"]},"children":[]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["image"]}," tag allows you to embed images into your content with various customization options."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"syntax-and-usage","__idx":1},"children":["Syntax and usage"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Use the ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["image"]}," tag to include images."," ","Customize with attributes like ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["src"]},", ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["alt"]},", ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["width"]},", and ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["height"]},"."]},{"$$mdtype":"Tag","name":"MarkdocExample","attributes":{"renderDemo":true,"title":null,"language":"markdoc","demoContent":[{"$$mdtype":"Tag","name":"Image","attributes":{"srcSet":"/content-assets/image-example-light-94f849164a7b712e.png light, /content-assets/image-example-dark-a797021ec55222e0.png dark","alt":"Image with custom class","framed":false,"withLightbox":false,"className":"custom-image-class"},"children":[]}],"rawContent":"{% img\n  alt=\"Image with custom class\"\n  srcSet=\"./images/img-markdoc/image-example-light.png light, ./images/img-markdoc/image-example-dark.png dark\"\n  className=\"custom-image-class\"\n/%}\n"},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"attributes","__idx":2},"children":["Attributes"]},{"$$mdtype":"Tag","name":"div","attributes":{"className":"md-table-wrapper"},"children":[{"$$mdtype":"Tag","name":"table","attributes":{"className":"md"},"children":[{"$$mdtype":"Tag","name":"thead","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Attribute"},"children":["Attribute"]},{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Type"},"children":["Type"]},{"$$mdtype":"Tag","name":"th","attributes":{"data-label":"Description"},"children":["Description"]}]}]},{"$$mdtype":"Tag","name":"tbody","attributes":{},"children":[{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["src"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["string"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["CONDITIONALLY REQUIRED."]}," ","An ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["img"]}," tag must contain either an ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["src"]},", ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["srcSet"]},", or ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["images"]}," option."," ","Mutually exclusive with ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["srcSet"]}," and ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["images"]},"."," ","Relative or absolute path to the image in your project, or URL of the image."," ","Supported file formats: JPEG, PNG, GIF, WebP, SVG, and data URLs."]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["srcSet"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["string"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["CONDITIONALLY REQUIRED."]}," ","An ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["img"]}," tag must contain either an ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["src"]},", ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["srcSet"]},", or ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["images"]}," option."," ","Mutually exclusive with ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["src"]}," and ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["images"]},"."," ","A set of paths to images in your project, or URLs of images to use for different color modes."," ","Supported file formats: JPEG, PNG, GIF, WebP, SVG, and data URLs."]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["images"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["[string]"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["CONDITIONALLY REQUIRED."]}," ","An ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["img"]}," tag must contain either an ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["src"]},", ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["srcSet"]},", or ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["images"]}," option."," ","Mutually exclusive with ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["src"]}," and ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["srcSet"]},"."," ","A list of paths to images in your project, or URLs of images, rendered as a thumbnail gallery in a single row."," ","Supported file formats: JPEG, PNG, GIF, WebP, SVG, and data URLs."," ","Supports a maximum of 3 items."]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["alt"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["string"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Descriptive text that provides context for the image to help with accessibility."," ","It helps people with visual impairments or who use assistive technologies to understand the content of images."]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["caption"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["string"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Adds a caption displayed directly below the image, center-aligned."]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["framed"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["boolean"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Wraps the image in a bordered container with rounded corners."," ","Default: ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["false"]},"."]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["className"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["string"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["CSS class to apply to the image."]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["width"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["string | number"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Sets the width of the image."," ","Accepts:",{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Numbers (treated as pixels, for example, width=300 → \"300px\")"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["String values with units (for example, \"100%\", \"300px\", \"20rem\", \"50vw\")"]}]}]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["height"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["string | number"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Sets the height of the image."," ","Accepts:",{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Numbers (treated as pixels, for example, height=300 → \"300px\")"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["String values with units (for example, \"100%\", \"300px\", \"20rem\", \"50vw\")"]}]}]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["withLightbox"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["boolean"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Opens the image in a lightbox when the image is clicked."," ","The lightbox image is opened in its original size."," ","It is scaled down to fit the screen if its original size is larger than the screen size."," ","Default: ",{"$$mdtype":"Tag","name":"code","attributes":{},"children":["false"]},"."]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["lightboxStyle"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["object | string"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Inline styles to apply to the image lightbox."," ","Accepts either a CSS string or an object with camelCase properties:",{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["As an object: {\"backgroundColor\": \"red\", \"opacity\": \"0.5\"}"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["As a string: \"background-color: red; opacity: 0.5\""," ","Common properties include:"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["background-color: Control lightbox background color"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["opacity: Control lightbox transparency"]}]}]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["align"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["string"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Describes how you want the image aligned on the page."," ","Options: left, right, center, justify, initial, or inherit."," ","Default value: left"]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["border"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["string"]}]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Sets the border style of the image."," ","Accepts standard CSS border values, such as:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["\"1px solid black\" - thin black border"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["\"2px dashed #FF0000\" - dashed red border"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["\"3px double gray\" - double-line gray border"]}]},{"$$mdtype":"Tag","name":"Admonition","attributes":{"type":"info","name":"Styling"},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Border styles can also be applied using the style attribute."]}]}]}]},{"$$mdtype":"Tag","name":"tr","attributes":{},"children":[{"$$mdtype":"Tag","name":"td","attributes":{},"children":["style"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["object | string"]},{"$$mdtype":"Tag","name":"td","attributes":{},"children":["Inline styles to apply to the image."," ","Accepts either a CSS string or an object with camelCase properties:",{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["As an object: {\"marginTop\": \"20px\", \"boxShadow\": \"0 4px 8px rgba(0,0,0,0.1)\"}"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["As a string: \"margin-top: 20px; box-shadow: 0 4px 8px rgba(0,0,0,0.1)\""," ","Common properties include:"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["margin, padding: Control spacing around the image"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["boxShadow: Add shadow effects"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["opacity: Control image transparency"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["borderRadius: Round the corners"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["filter: Apply visual effects (blur, brightness, etc.)"]}]}]}]}]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"examples","__idx":3},"children":["Examples"]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"basic-image-with-alt-text","__idx":4},"children":["Basic image with alt text"]},{"$$mdtype":"Tag","name":"MarkdocExample","attributes":{"renderDemo":true,"title":null,"language":"markdoc","demoContent":[{"$$mdtype":"Tag","name":"Image","attributes":{"srcSet":"/content-assets/image-example-light-94f849164a7b712e.png light, /content-assets/image-example-dark-a797021ec55222e0.png dark","alt":"Basic example image","framed":false,"withLightbox":false},"children":[]}],"rawContent":"{% img\n  alt=\"Basic example image\"\n  srcSet=\"./images/img-markdoc/image-example-light.png light, ./images/img-markdoc/image-example-dark.png dark\"\n/%}\n"},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"image-with-width-and-height","__idx":5},"children":["Image with width and height"]},{"$$mdtype":"Tag","name":"MarkdocExample","attributes":{"renderDemo":true,"title":null,"language":"markdoc","demoContent":[{"$$mdtype":"Tag","name":"Image","attributes":{"srcSet":"/content-assets/image-example-light-94f849164a7b712e.png light, /content-assets/image-example-dark-a797021ec55222e0.png dark","alt":"Image with dimensions","framed":false,"withLightbox":false,"width":300,"height":200},"children":[]}],"rawContent":"{% img\n  alt=\"Image with dimensions\"\n  srcSet=\"./images/img-markdoc/image-example-light.png light, ./images/img-markdoc/image-example-dark.png dark\"\n  width=300\n  height=200\n/%}\n"},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"image-with-alignment","__idx":6},"children":["Image with alignment"]},{"$$mdtype":"Tag","name":"MarkdocExample","attributes":{"renderDemo":true,"title":null,"language":"markdoc","demoContent":[{"$$mdtype":"Tag","name":"Image","attributes":{"srcSet":"/content-assets/image-example-light-94f849164a7b712e.png light, /content-assets/image-example-dark-a797021ec55222e0.png dark","alt":"Center aligned image","framed":false,"withLightbox":false,"width":200,"height":200,"align":"right"},"children":[]}],"rawContent":"{% img\n  alt=\"Center aligned image\"\n  width=200\n  height=200\n  srcSet=\"./images/img-markdoc/image-example-light.png light, ./images/img-markdoc/image-example-dark.png dark\"\n  align=\"right\"\n/%}\n"},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"image-with-border","__idx":7},"children":["Image with border"]},{"$$mdtype":"Tag","name":"MarkdocExample","attributes":{"renderDemo":true,"title":null,"language":"markdoc","demoContent":[{"$$mdtype":"Tag","name":"Image","attributes":{"srcSet":"/content-assets/image-example-light-94f849164a7b712e.png light, /content-assets/image-example-dark-a797021ec55222e0.png dark","alt":"Image with border","framed":false,"withLightbox":false,"border":"10px solid red"},"children":[]}],"rawContent":"{% img\n  alt=\"Image with border\"\n  srcSet=\"./images/img-markdoc/image-example-light.png light, ./images/img-markdoc/image-example-dark.png dark\"\n  border=\"10px solid red\"\n/%}\n"},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"image-with-custom-styles","__idx":8},"children":["Image with custom styles"]},{"$$mdtype":"Tag","name":"MarkdocExample","attributes":{"renderDemo":true,"title":null,"language":"markdoc","demoContent":[{"$$mdtype":"Tag","name":"Image","attributes":{"srcSet":"/content-assets/image-example-light-94f849164a7b712e.png light, /content-assets/image-example-dark-a797021ec55222e0.png dark","alt":"Styled image","framed":false,"withLightbox":false,"style":{"border":"10px solid red","borderRadius":"50px","cursor":"pointer"}},"children":[]}],"rawContent":"{% img\n  alt=\"Styled image\"\n  srcSet=\"./images/img-markdoc/image-example-light.png light, ./images/img-markdoc/image-example-dark.png dark\"\n  style={\"border\": \"10px solid red\", \"borderRadius\": \"50px\", \"cursor\": \"pointer\"}\n/%}\n"},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"image-with-srcset-for-different-color-modes","__idx":9},"children":["Image with srcSet for different color modes"]},{"$$mdtype":"Tag","name":"MarkdocExample","attributes":{"renderDemo":true,"title":null,"language":"markdoc","demoContent":[{"$$mdtype":"Tag","name":"Image","attributes":{"srcSet":"/content-assets/image-example-light-94f849164a7b712e.png light, /content-assets/image-example-dark-a797021ec55222e0.png dark","alt":"Color mode aware image","framed":false,"withLightbox":false,"width":200,"height":200},"children":[]}],"rawContent":"{% img\n  alt=\"Color mode aware image\"\n  width=200\n  height=200\n  srcSet=\"./images/img-markdoc/image-example-light.png light, ./images/img-markdoc/image-example-dark.png dark\"\n/%}\n"},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"image-with-classname","__idx":10},"children":["Image with className"]},{"$$mdtype":"Tag","name":"MarkdocExample","attributes":{"renderDemo":true,"title":null,"language":"markdoc","demoContent":[{"$$mdtype":"Tag","name":"Image","attributes":{"srcSet":"/content-assets/image-example-light-94f849164a7b712e.png light, /content-assets/image-example-dark-a797021ec55222e0.png dark","alt":"Image with custom class","framed":false,"withLightbox":false,"className":"custom-image-class"},"children":[]}],"rawContent":"{% img\n  alt=\"Image with custom class\"\n  srcSet=\"./images/img-markdoc/image-example-light.png light, ./images/img-markdoc/image-example-dark.png dark\"\n  className=\"custom-image-class\"\n/%}\n"},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"thumbnail-gallery-with-caption","__idx":11},"children":["Thumbnail gallery with caption"]},{"$$mdtype":"Tag","name":"MarkdocExample","attributes":{"renderDemo":true,"title":null,"language":"markdoc","demoContent":[{"$$mdtype":"Tag","name":"Image","attributes":{"images":["/content-assets/markdoc-dfe80b0fa3ceabba.svg","/content-assets/openapi-fe98971a11030dc9.svg","/content-assets/arazzo-ad6c75f28c0ca5a2.svg"],"alt":"Gallery containing three images: one with Markdoc logo, one with OpenAPI logo, one with Arazzo logo","caption":"Check out our resources in the Learn section!","framed":false,"withLightbox":false},"children":[]}],"rawContent":"{% img\n  alt=\"Gallery containing three images: one with Markdoc logo, one with OpenAPI logo, one with Arazzo logo\"\n  images=[\"./images/img-markdoc/markdoc.svg\", \"./images/img-markdoc/openapi.svg\", \"./images/img-markdoc/arazzo.svg\"]\n  caption=\"Check out our resources in the Learn section!\"\n/%}\n"},"children":[]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"best-practices","__idx":12},"children":["Best practices"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Write meaningful alt text"]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Always include descriptive alt text that conveys the purpose and content of the image."," ","Descriptive alt text improves accessibility and helps users understand the image's context when it fails to load."," ","It also helps users who have visual impairments or use assistive technologies to understand the content of images."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Use images purposefully"]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Only include images that add value to your content."," ","Avoid decorative images that don't contribute to understanding the subject matter."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Maintain responsive design"]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Set appropriate width and height attributes to prevent layout shifts and to prevent pixelation."," ","Also, consider how images display across different screen sizes."]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Enhance visual hierarchy"]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Use alignment to create visual flow and balance."," ","Apply consistent styling (borders, shadows, etc.) across similar image types."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":2,"id":"resources","__idx":13},"children":["Resources"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":[{"$$mdtype":"Tag","name":"Link","attributes":{"href":"https://redocly.com/learn/markdoc"},"children":["Markdoc overview for technical writers"]}]}," - Learn how to use Markdoc in your documentation"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":[{"$$mdtype":"Tag","name":"Link","attributes":{"href":"/docs/realm/content/markdoc-tags"},"children":["Markdoc tags"]}]}," - See the full list of supported Markdoc tags"]}]}]},"frontmatter":{"products":["Revel","Reef","Realm"],"plans":["Pro","Enterprise","Enterprise+"]},"tagList":["admonition","configOptionRequirements","img","markdoc-example","table"],"title":"Image Tag","lastModified":"2026-08-24T16:21:33.000Z"}