.introduction-grid{--grid-line-width:1px;--grid-line-light:color-mix(in srgb, var(--color-primary-foreground) 4%, transparent);--grid-line-strong:color-mix(in srgb, var(--color-primary-foreground) 10%, transparent);background-image:linear-gradient(to right, var(--grid-line-strong) var(--grid-line-width), transparent var(--grid-line-width)), linear-gradient(to bottom, var(--grid-line-strong) var(--grid-line-width), transparent var(--grid-line-width)), linear-gradient(to right, var(--grid-line-light) var(--grid-line-width), transparent var(--grid-line-width)), linear-gradient(to bottom, var(--grid-line-light) var(--grid-line-width), transparent var(--grid-line-width));background-size:32px 32px,32px 32px,4px 4px,4px 4px}@media (min-resolution:2x){.introduction-grid{--grid-line-width:.5px}}.nested-radius-examples{flex-flow:column;align-items:stretch;container-type:inline-size}.nested-radius-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px;display:grid}.nested-radius-pair{flex-direction:column;gap:12px;min-width:0;margin:0;display:flex}.nested-radius-sample{box-sizing:border-box;height:112px}.nested-radius-child{flex:1;min-height:0}.nested-radius-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.nested-radius-values dd{margin:0}@container (width<=560px){.nested-radius-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (width<=350px){.nested-radius-grid{grid-template-columns:minmax(0,1fr)}}.documentation-inspect-button[aria-expanded=true] .documentation-disclosure-icon{transform:rotate(180deg)}@media (pointer:coarse){.documentation-inspect-button{min-height:44px}}.shadow-properties-toggle{align-self:flex-start}.shadow-properties-table:focus-visible{outline:2px solid var(--color-brand-solid);outline-offset:2px}.shadow-inspector{border:1px solid var(--color-border-default);background:var(--color-sunken);min-width:0;font-size:var(--font-scale-04);border-radius:12px;grid-column:1/-1;padding:16px;line-height:1.5}.shadow-properties-heading,.shadow-code-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.shadow-properties-heading h2,.shadow-code-heading h3{font-size:inherit;font-weight:500}.shadow-properties-heading code,.shadow-properties-heading>span,.shadow-token-usage{color:var(--color-secondary-foreground)}.shadow-properties-table{margin-block:16px;overflow-x:auto}.shadow-properties-table table{text-align:start;border-collapse:collapse;width:100%}.shadow-properties-table th,.shadow-properties-table td{text-align:start;vertical-align:top;padding:8px 12px 8px 0}.shadow-properties-table th{color:var(--color-secondary-foreground);white-space:nowrap;font-weight:400}.shadow-properties-table td{font-family:var(--font-mono)}.shadow-properties-table tbody tr{border-block-start:1px solid var(--color-border-default)}.shadow-properties-table td:not(.shadow-layer-color){white-space:nowrap}.shadow-layer-color{overflow-wrap:anywhere;min-width:180px}.shadow-layer-swatch{outline:1px solid var(--color-border-default);border-radius:3px;width:12px;height:12px;margin-inline-end:6px;display:inline-block}.shadow-css{font-family:var(--font-mono);font-size:inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin-block:8px 12px;line-height:1.7}.shadow-token-usage code{overflow-wrap:anywhere}