{"A neutral surface, a fine border, small corners and 1rem of padding on every side.":"A neutral surface, a fine border, small corners and 1rem of padding on every side.","Check the installed styles":"Check the installed styles","Demo controls":"Demo controls","The native checkbox and authored selectors control the child’s CSS play state. Pausing preserves its time. Reduced motion keeps it paused; print removes the animation.":"The native checkbox and authored selectors control the child’s CSS play state. Pausing preserves its time. Reduced motion keeps it paused; print removes the animation.","Run an animation":"Run an animation","The blue element clears the requested side. Unequal float heights make left, right and both visibly different.":"The blue element clears the requested side. Unequal float heights make left, right and both visibly different.","Clearing both left and right floats":"Clearing both left and right floats","The blue block clears the right float. Its text still wraps around the taller left float, whose box overlaps the blue background.":"The blue block clears the right float. Its text still wraps around the taller left float, whose box overlaps the blue background.","Clearing right floats":"Clearing right floats","The dashed outline is the authored containing block. Read the actual blue border-box width alongside its parent.":"The dashed outline is the authored containing block. Read the actual blue border-box width alongside its parent.","Set a fixed or fluid width":"Set a fixed or fluid width","Focus either real scroll container and use the arrow keys. Each child overflows only along the direction being demonstrated.":"Focus either real scroll container and use the arrow keys. Each child overflows only along the direction being demonstrated.","Create a scroll container":"Create a scroll container","Adjust the iframe viewport. Scroll inside the preview to see all content.":"Adjust the iframe viewport. Scroll inside the preview to see all content.","Each swatch shows the fixed preset value in both themes.":"Each swatch shows the fixed preset value in both themes.","Preset palette":"Preset palette","Clear both sides":"Clear both sides","Clear a right float":"Clear a right float","Document flow":"Document flow","Read related documentation":"Read related documentation","{count} recipes":"{count} recipes","Choose a behavior":"Choose a behavior","Utility recipe categories":"Utility recipe categories","Role":"Role","Token / class":"Token / class","{label} token table":"{label} token table","Sun above two mountain ridges":"Sun above two mountain ridges","Cross axis":"Cross axis","Main axis":"Main axis","Copy {name} CSS variable":"Copy {name} CSS variable","Copy {name} CSS value":"Copy {name} CSS value","End of color palette":"End of color palette","Skip color swatches":"Skip color swatches","CSS variable":"CSS variable","CSS value":"CSS value","Copy as":"Copy as","Select a swatch to copy its variable.":"Select a swatch to copy its variable.","Choose a swatch to copy its CSS variable reference.":"Choose a swatch to copy its CSS variable reference.","Choose a swatch to copy its original CSS color value.":"Choose a swatch to copy its original CSS color value.","Timing functions":"Timing functions","Animation durations":"Animation durations","Animations":"Animations","Letter spacing":"Letter spacing","Line heights":"Line heights","Text styles":"Text styles","Font weights":"Font weights","Font sizes":"Font sizes","Font families":"Font families","Container widths":"Container widths","Text colors":"Text colors","Line colors":"Line colors","Surface colors":"Surface colors","Corner radius scale":"Corner radius scale","Shadow scale":"Shadow scale","Fixed color steps":"Fixed color steps","Special colors":"Special colors","Hue aliases":"Hue aliases","Link to section: {title}":"Link to section: {title}","Value":"Value","Utility groups table":"Utility groups table","Representation":"Representation","Recorded":"Recorded","Metric":"Metric","Group":"Group","Evidence":"Evidence","Detail":"Detail","Description":"Description","Copied":"Copied","Complete measurements":"Complete measurements","Copy unavailable: {value}":"Copy unavailable: {value}","Copy unavailable":"Copy unavailable","Copied {value}":"Copied {value}","Copying…":"Copying…","{family} palette":"{family} palette","{label} dimensions":"{label} dimensions","{label} presets":"{label} presets","{label} controls":"{label} controls","{width} px · viewport unchanged":"{width} px · viewport unchanged","Measuring container…":"Measuring container…","Measuring…":"Measuring…","Legend":"Legend","Animation controls":"Animation controls","Print preview":"Print preview","Replay":"Replay","Pause":"Pause","Play":"Play","Bounds":"Bounds","Container":"Container","Viewport":"Viewport","Toggle dark theme":"Toggle dark theme","Fit":"Fit","Both views use the same scale and the committed page snapshot.":"Both views use the same scale and the committed page snapshot.","Brotli CSS":"Brotli CSS","Raw CSS":"Raw CSS","Site":"Site","Regression":"Regression","Check":"Check","Good":"Good","{label} breakdown":"{label} breakdown","Benchmark metrics":"Benchmark metrics","Component":"Component","Series":"Series","Generated CSS for the styled preview:":"Generated CSS for the styled preview:","Browser defaults and CSS applied use the same HTML:":"Browser defaults and CSS applied use the same HTML:","Marker":"Marker","Resources shown":"Resources shown","Choose a view; reduced motion and unavailable APIs use an immediate update.":"Choose a view; reduced motion and unavailable APIs use an immediate update.","Open an article and return to its card; focus is restored and reduced motion uses an immediate update.":"Open an article and return to its card; focus is restored and reduced motion uses an immediate update.","Interactive view transition preview":"Interactive view transition preview","Interactive article transition preview":"Interactive article transition preview","The live preview reports support in the current browser; the example retains its native fallback.":"The live preview reports support in the current browser; the example retains its native fallback.","Browser feature check":"Browser feature check","Choose a view. The panel and heading use named snapshots; unsupported browsers and reduced motion use the same immediate update.":"Choose a view. The panel and heading use named snapshots; unsupported browsers and reduced motion use the same immediate update.","Open an article, then return to its card. Each image and title keeps a unique snapshot name. Keyboard focus follows the view change.":"Open an article, then return to its card. Each image and title keeps a unique snapshot name. Keyboard focus follows the view change.","A change of view":"A change of view","From collection to article":"From collection to article","Not supported":"Not supported","Supported":"Supported","Checking…":"Checking…","Illustrative order · no time scale":"Illustrative order · no time scale","Later":"Later","Earlier":"Earlier","CSS applied":"CSS applied","Browser defaults":"Browser defaults","The same HTML in two documents":"The same HTML in two documents","Browser defaults and author CSS":"Browser defaults and author CSS","The striped area is the actual gap between two equal blocks.":"The striped area is the actual gap between two equal blocks.","General hue aliases keep a fixed swatch in both modes. Native values such as currentColor and transparent keep their CSS meaning.":"General hue aliases keep a fixed swatch in both modes. Native values such as currentColor and transparent keep their CSS meaning.","All markers travel the same path over one second; only timing changes. Overshoot and rewind may pass the endpoints. Reduced motion keeps them still.":"All markers travel the same path over one second; only timing changes. Overshoot and rewind may pass the endpoints. Reduced motion keeps them still.","All markers travel the same path with linear timing; only duration changes. Start paused, then Play or Replay together. Reduced motion keeps them still.":"All markers travel the same path with linear timing; only duration changes. Start paused, then Play or Replay together. Reduced motion keeps them still.","Every animation specimen starts paused. Play, Pause and Replay control the native timelines; reduced motion keeps the content still. Complete shorthand values are listed below.":"Every animation specimen starts paused. Play, Pause and Replay control the native timelines; reduced motion keeps the content still. Complete shorthand values are listed below.","The same long phrase at every letter spacing. Compare the space between glyphs without changing size.":"The same long phrase at every letter spacing. Compare the space between glyphs without changing size.","The same multi-line paragraph at every line height. Compare reading rhythm and block height.":"The same multi-line paragraph at every line height. Compare reading rhythm and block height.","Identical text, size and family isolate the selected weight. The available font determines which weights it can draw.":"Identical text, size and family isolate the selected weight. The available font determines which weights it can draw.","Compare the same sentence and letterforms in each font stack. Available system fonts determine the rendered face.":"Compare the same sentence and letterforms in each font stack. Available system fonts determine the rendered face.","Each treatment applies its actual size, line height and tracking. Weight, family and color are separate choices.":"Each treatment applies its actual size, line height and tracking. Weight, family and color are separate choices.","Actual preset font sizes, without scaling or fixed-height clipping. Large specimens wrap within the reading column.":"Actual preset font sizes, without scaling or fixed-height clipping. Large specimens wrap within the reading column.","Bars show relative width caps on one shared scale. Exact values remain in the table; changing a size token does not change a container-query threshold.":"Bars show relative width caps on one shared scale. Exact values remain in the table; changing a size token does not change a container-query threshold.","Pink stripes show the actual gap between equal blocks. Pixel equivalents assume a 16px root; authored rem values follow the root font size.":"Pink stripes show the actual gap between equal blocks. Pixel equivalents assume a 16px root; authored rem values follow the root font size.","The same raised surface, radius and padding at every level. The full shadow has room to spread. Suggested uses are design guidance.":"The same raised surface, radius and padding at every level. The full shadow has room to spread. Suggested uses are design guidance.","The highlighted corner shows the radius on equal-sized shapes.":"The highlighted corner shows the radius on equal-sized shapes.","Each token paints real text, on its intended surface, in both modes. Check contrast in your actual composition.":"Each token paints real text, on its intended surface, in both modes. Check contrast in your actual composition.","Each token paints a boundary, with identical line width in both modes. Divider and subtle are decorative; control is intended for required boundaries.":"Each token paints a boundary, with identical line width in both modes. Divider and subtle are decorative; control is intended for required boundaries.","Compare complete surfaces in light and dark. Inverse surfaces use inverse text. Role descriptions are design guidance, not component restrictions.":"Compare complete surfaces in light and dark. Inverse surfaces use inverse text. Role descriptions are design guidance, not component restrictions.","Numbered palette steps keep their colors across light and dark modes. Choose a swatch to copy its original CSS value or variable reference.":"Numbered palette steps keep their colors across light and dark modes. Choose a swatch to copy its original CSS value or variable reference.","Resize the actual iframe across md. The surrounding document keeps its own viewport.":"Resize the actual iframe across md. The surrounding document keeps its own viewport.","Viewport typography":"Viewport typography","Change the ancestor's width. The summary and status share a row from 28rem; the page viewport stays unchanged.":"Change the ancestor's width. The summary and status share a row from 28rem; the page viewport stays unchanged.","A summary follows its container":"A summary follows its container","fg-text-blue uses the foreground-oriented alias. Check the actual foreground and surface together.":"fg-text-blue uses the foreground-oriented alias. Check the actual foreground and surface together.","Foreground color by role":"Foreground color by role","One scale, related surfaces":"One scale, related surfaces","Color separates these surfaces. This example adds no shadow.":"Color separates these surfaces. This example adds no shadow.","Surface hierarchy":"Surface hierarchy","Fluid space, measured object":"Fluid space, measured object","The row stops at sm. The flexible text region can shrink below its content width.":"The row stops at sm. The flexible text region can shrink below its content width.","Keep long content within its cap":"Keep long content within its cap","Both documents use identical classes. The active mode supplies the surface, line and text values.":"Both documents use identical classes. The active mode supplies the surface, line and text values.","One composition, two modes":"One composition, two modes","Size, spacing and text roles establish hierarchy with regular weight. The full body copy stays visible at every preview width.":"Size, spacing and text roles establish hierarchy with regular weight. The full body copy stays visible at every preview width.","A readable type hierarchy":"A readable type hierarchy","The line role selects a color. Width and style still need an explicit declaration.":"The line role selects a color. Width and style still need an explicit declaration.","Visible boundaries":"Visible boundaries","These links share a destination. Their shape is independent of their native navigation behavior.":"These links share a destination. Their shape is independent of their native navigation behavior.","Content-sized pill and width-led circle":"Content-sized pill and width-led circle","The archive action is natively disabled. Inverse text is paired with its inverse surface.":"The archive action is natively disabled. Inverse text is paired with its inverse surface.","Readable hierarchy":"Readable hierarchy","Below 28rem of container width, the media stacks. At 28rem it keeps a 9rem width beside flexible text.":"Below 28rem of container width, the media stacks. At 28rem it keeps a 9rem width beside flexible text.","A component follows its container":"A component follows its container","Both animations run once and start paused. Play and Replay control the native timelines. Reduced motion shows the content immediately without animation.":"Both animations run once and start paused. Play and Replay control the native timelines. Reduced motion shows the content immediately without animation.","Two finite entrances":"Two finite entrances","General hue aliases keep the same swatch in both schemes. Use text hue aliases for adaptive readable foregrounds.":"General hue aliases keep the same swatch in both schemes. Use text hue aliases for adaptive readable foregrounds.","A fixed hue":"A fixed hue","The checkbox changes translateX from 0 to 96px. The 300ms transition starts after a 150ms delay. Reduced motion changes the state immediately; print keeps the initial position.":"The checkbox changes translateX from 0 to 96px. The 300ms transition starts after a 150ms delay. Reduced motion changes the state immediately; print keeps the initial position.","A transition needs two states":"A transition needs two states","The dialog enters once on opening. Escape or Close details returns focus to its trigger. Reduced motion opens it immediately. Its modal boundary stays inside this preview.":"The dialog enters once on opening. Escape or Close details returns focus to its trigger. Reduced motion opens it immediately. Its modal boundary stays inside this preview.","Motion follows a real action":"Motion follows a real action","A native link supports pointer and keyboard focus. The focus outline remains visible; printing removes the shadow.":"A native link supports pointer and keyboard focus. The focus outline remains visible; printing removes the shadow.","Depth follows interaction":"Depth follows interaction","shadow-sm uses the same offsets across these modes, with different edge and shadow colors.":"shadow-sm uses the same offsets across these modes, with different edge and shadow colors.","Quiet separation":"Quiet separation","Both specimens have the same font size and content. font-3xl inherits the parent’s leading and tracking; text-3xl sets all three properties.":"Both specimens have the same font size and content. font-3xl inherits the parent’s leading and tracking; text-3xl sets all three properties.","One size, two type treatments":"One size, two type treatments","Choose one axis or both":"Choose one axis or both","Download {title} ({format})":"Download {title} ({format})","Download {format}":"Download {format}","Guide":"Guide","Reference":"Reference","Blog":"Blog","Brand":"Brand","Design system":"Design system","Products":"Products","Resources":"Resources","Community":"Community","About":"About","Company":"Company","Footer":"Footer","Theme":"Theme","Light":"Light","Dark":"Dark","System":"System","Language":"Language","Language switch":"Language switch","Version":"Version","Menu":"Menu","Close menu":"Close menu","home":"home","Navigation":"Navigation","Main navigation":"Main navigation","Documentation navigation":"Documentation navigation","New":"New","On this page":"On this page","Edit this page":"Edit this page","Issue on this page":"Issue on this page","Collapse":"Collapse","Expand":"Expand","Previous":"Previous","Next":"Next","Previous and next documents":"Previous and next documents","Written by":"Written by","Keep reading":"Keep reading","All articles":"All articles","Newer":"Newer","Search ⌘ K …":"Search ⌘ K …","Search documentation":"Search documentation","Search documentation…":"Search documentation…","Clear search":"Clear search","Close search":"Close search","Cancel":"Cancel","Loading documentation…":"Loading documentation…","Search could not load.":"Search could not load.","Find a name, alias or CSS property":"Find a name, alias or CSS property","Check your connection and try again.":"Check your connection and try again.","Try again":"Try again","Try searching":"Try searching","No matching documents":"No matching documents","Try a property name, a token name or a different keyword.":"Try a property name, a token name or a different keyword.","Search results":"Search results","Navigate":"Navigate","Open":"Open","Search anytime":"Search anytime","{count} results":"{count} results","Top {count} results":"Top {count} results","Identifier":"Identifier","Title":"Title","Syntax":"Syntax","Topic":"Topic","Content":"Content","Utility":"Utility","Rule":"Rule","Tokens":"Tokens","Directive":"Directive","Tool":"Tool","Page":"Page","Code":"Code","Copy code":"Copy code","Copy {name}":"Copy {name}","{name} copied":"{name} copied","Clipboard unavailable. Select the code to copy it.":"Clipboard unavailable. Select the code to copy it.","Code examples":"Code examples","Generated CSS":"Generated CSS","Source":"Source","Result":"Result","Default":"Default","Text description":"Text description","Utility keys":"Utility keys","Show {count} more keys":"Show {count} more keys","Namespace consumers":"Namespace consumers","Namespace":"Namespace","Consumers":"Consumers","All guides":"All guides","All entries":"All entries","Index view":"Index view","By category":"By category","Jump to a letter":"Jump to a letter","{name} sections":"{name} sections","{name} categories":"{name} categories","This page does not exist":"This page does not exist","Try searching the documentation or return to the Guide.":"Try searching the documentation or return to the Guide.","Try searching the site or return to the homepage.":"Try searching the site or return to the homepage.","Browse the Guide":"Browse the Guide","Back to home":"Back to home","This page is still under construction and some content may not be complete.":"This page is still under construction and some content may not be complete.","Benchmarks":"Benchmarks","Overview":"Overview","Getting started":"Getting started","Integrations":"Integrations","Agentic workflows":"Agentic workflows","Authoring":"Authoring","Fundamentals":"Fundamentals","Design foundations":"Design foundations","Build and delivery":"Build and delivery","Customization":"Customization","Get started":"Get started","Rendering":"Rendering","Look up a reference":"Look up a reference","Check syntax, values, generated CSS and tool contracts.":"Check syntax, values, generated CSS and tool contracts.","Install Master CSS and get your first project running.":"Install Master CSS and get your first project running.","Set up your editor and work with AI coding agents.":"Set up your editor and work with AI coding agents.","Organize theme tokens, styles and reusable packages.":"Organize theme tokens, styles and reusable packages.","Understand project context, rendering, layers and view transitions.":"Understand project context, rendering, layers and view transitions.","Build responsive interfaces with consistent layout, color and type.":"Build responsive interfaces with consistent layout, color and type.","Prepare and optimize your styles for production.":"Prepare and optimize your styles for production.","1 file changed":"1 file changed","1 problem":"1 problem","Applied. {file} passes lint with no problems.":"Applied. {file} passes lint with no problems.","Apply it.":"Apply it.","Bags":"Bags","Day pack":"Day pack","Find your daily kit.":"Find your daily kit.","I will look up the spacing tokens in the project manifest first.":"I will look up the spacing tokens in the project manifest first.","Shoes":"Shoes","Shop":"Shop","Style the plan card with our spacing and color tokens.":"Style the plan card with our spacing and color tokens.","Sunday drop":"Sunday drop","The fix sorts the classes and removes mt-md, which mt-sm overrides. Apply it?":"The fix sorts the classes and removes mt-md, which mt-sm overrides. Apply it?","CSS":"CSS","CLI":"CLI","Brotli":"Brotli","fg-text-muted":"fg-text-muted","A CSS language and framework for rapidly building beautiful websites and design systems with rule-based CSS-in-class.":"A CSS language and framework for rapidly building beautiful websites and design systems with rule-based CSS-in-class.","Individual Reference links below return Markdown with source revision, prerequisites and generated CSS.":"Individual Reference links below return Markdown with source revision, prerequisites and generated CSS.","Package":"Package","Reference discovery":"Reference discovery","Summary":"Summary","The language and tool reference for writing, understanding and reviewing Master CSS.":"The language and tool reference for writing, understanding and reviewing Master CSS.","structured index":"structured index"}