@layer rds.legacy,rds.theme,rds.tokens,rds.components;
:root,.ds-scope{--type-font-stack:var(--font-inter), Inter, Arial, Helvetica, sans-serif;--type-font-mono:var(--font-mono), "Roboto Mono", ui-monospace, monospace}:root{--sr-header:64px;--sr-nav:248px;--sr-column:856px;--sr-toc:200px;--sr-touch:44px;--sr-tocbar:calc(var(--sr-touch) + 2 * var(--border-width));--sr-title-size:calc(var(--type-heading-size) + var(--space-4));--sr-title-line:calc(var(--type-band-line) - var(--space-12));--sr-measure:65ch;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-padding-top:calc(var(--sr-header) + var(--space-16))}.sr-body{background:var(--surface-page);color:var(--text-body);font-family:var(--type-font-stack);font-size:var(--type-body-size);line-height:var(--type-body-line);-webkit-font-smoothing:antialiased;margin:0}.sr-body a:not([class]){color:var(--text-link)}.sr-body code{font-family:var(--type-font-mono);font-size:.875em}.sr-body :where(a:not([class]),.sr-nav__head,.sr-nav__item,.sr-toc__item,.sr-card,.sr-brand,.sr-chips__link,.sr-pager__link,.sr-textlink):focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-width)}.sr-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sr-skip{top:var(--space-8);left:var(--space-8);z-index:100;padding:var(--space-8) var(--space-16);border-radius:var(--radius-control);background:var(--surface-card);color:var(--text-link);box-shadow:var(--elevation-overlay);font-weight:600;position:absolute;transform:translateY(-200%)}.sr-skip:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring);outline-offset:var(--focus-ring-width);transform:none}.sr-content:focus{outline:none}.sr-shell{flex-direction:column;min-height:100vh;display:flex}.sr-top{z-index:20;background:var(--surface-card);border-bottom:var(--border-width) solid var(--border-default);position:sticky;top:0}.sr-top__bar{align-items:center;gap:var(--space-24);height:var(--sr-header);padding:0 var(--space-24);display:flex}.sr-top__spacer{flex:1}.sr-top__mobile{display:none}.sr-brand{align-items:center;gap:var(--space-8);min-height:var(--sr-touch);flex:none;text-decoration:none;display:inline-flex}.sr-brand__major{display:none}.sr-brand__ds{font-size:var(--type-body-size);line-height:var(--type-body-line);color:var(--text-heading);font-weight:500}.sr-search{flex:none;width:320px;position:relative}.sr-search__kbd{font-size:var(--type-small-size);color:var(--text-subtle);white-space:nowrap}.sr-search__list{top:calc(100% + var(--space-4));z-index:30;padding:var(--space-4);background:var(--surface-card);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-card);max-height:60vh;box-shadow:var(--elevation-overlay);margin:0;list-style:none;position:absolute;left:0;right:0;overflow-y:auto}.sr-search__option{align-items:center;gap:var(--space-8);min-height:var(--sr-touch);padding:var(--space-8) var(--space-12);border-radius:var(--radius-control);cursor:pointer;font-size:var(--type-small-size);line-height:var(--type-small-line);display:flex}.sr-search__option[data-active]{background:var(--surface-muted)}.sr-search__title{color:var(--text-heading);font-weight:600}.sr-search__group{color:var(--text-subtle);font-size:var(--type-caption-size);flex:1}.sr-search__empty{padding:var(--space-12);color:var(--text-subtle);font-size:var(--type-small-size)}.sr-top__searchrow{padding:0 var(--space-8) var(--space-12)}.sr-top__searchrow .sr-search{width:100%}.sr-theme{align-items:center;gap:var(--space-8);--toggle-background-pressed:var(--surface-tint-default);--toggle-background-pressed-hover:var(--surface-tint-strong);display:flex}.sr-textlink{align-items:center;gap:var(--space-8);min-height:var(--size-32);font-size:var(--type-small-size);line-height:var(--type-small-line);color:var(--text-link);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:var(--border-width);font-weight:500;display:inline-flex}.sr-textlink:hover{text-decoration-thickness:var(--border-width-strong)}.sr-textlink svg{width:var(--size-16);height:var(--size-16);flex:none}.sr-theme__label{font-size:var(--type-caption-size);line-height:var(--type-caption-line);color:var(--text-subtle)}.sr-theme__swatch{width:var(--size-16);height:var(--size-16);border-radius:var(--radius-full);box-shadow:inset 0 0 0 var(--border-width) var(--border-strong);display:inline-block}.sr-themehelp{gap:var(--space-12);max-width:320px;font-size:var(--type-small-size);line-height:var(--type-small-line);color:var(--text-body);flex-direction:column;display:flex}.sr-themehelp p{margin:0}.sr-themehelp__after{margin:var(--space-12) 0 0;max-width:320px}.sr-themepop .sr-theme{margin-bottom:var(--space-16)}.sr-themehelp__roles{gap:var(--space-8);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sr-themehelp__roles li{align-items:center;gap:var(--space-8);display:flex}.sr-themehelp__roles code{color:var(--text-muted)}.sr-themehelp__swatch{width:var(--size-24);height:var(--size-24);border-radius:var(--radius-xs);flex:none}.sr-main{flex:1;min-width:0;display:flex}.sr-side{width:var(--sr-nav);background:var(--surface-card);border-right:var(--border-width) solid var(--border-default);flex:none}.sr-side .sr-nav{top:var(--sr-header);max-height:calc(100vh - var(--sr-header));padding:var(--space-16);position:sticky;overflow-y:auto}.sr-nav{gap:var(--space-4);flex-direction:column;display:flex}.sr-nav__list{margin:0;padding:0;list-style:none}.sr-nav__head,.sr-nav__item{align-items:center;gap:var(--space-8);width:100%;min-height:var(--size-32);padding:var(--space-4) var(--space-12);border-radius:var(--radius-control);font:inherit;font-size:var(--type-small-size);line-height:var(--type-small-line);text-align:left;color:var(--text-body);text-decoration:none;display:flex;position:relative}.sr-nav__head{padding-block:var(--space-8);cursor:pointer;background:0 0;border:0}.sr-nav__label{color:var(--text-heading);flex:1;font-weight:600}.sr-nav__count{font-size:var(--type-caption-size);line-height:var(--type-caption-line);color:var(--text-subtle)}.sr-nav__chevron{width:var(--size-16);height:var(--size-16);color:var(--text-body)}.sr-nav__head:hover,a.sr-nav__item:hover{background:var(--surface-muted)}.sr-nav__item[aria-current=page]{background:var(--surface-tint-default);color:var(--text-heading);font-weight:600}.sr-nav__item[aria-current=page]:before{content:"";left:0;top:var(--space-8);width:var(--border-width-strong);height:var(--size-16);border-radius:var(--radius-xs);background:var(--colors-primary-default);position:absolute}.sr-drawer.rds-sheet{width:min(320px,100vw)}.sr-drawer__theme{align-items:flex-start;gap:var(--space-12);padding-bottom:var(--space-16);margin-bottom:var(--space-8);border-bottom:var(--border-width) solid var(--border-default);flex-direction:column;display:flex}.sr-drawer__theme .sr-theme{align-self:stretch;align-items:stretch;gap:var(--space-8);flex-direction:column}.sr-drawer__theme .rds-toggle-group{flex-wrap:nowrap;display:flex}.sr-drawer__theme .rds-toggle-group>*{flex:1;min-width:0}.sr-content{min-width:0;padding:var(--space-40) var(--space-48) var(--space-64);flex:1}.sr-page{grid-template-columns:minmax(0, var(--sr-column)) var(--sr-toc);gap:var(--space-40);max-width:calc(var(--sr-column) + var(--sr-toc) + var(--space-40));margin:0 auto;display:grid}.sr-page__toc{min-width:0}.sr-toc{top:calc(var(--sr-header) + var(--space-40));position:sticky}.sr-toc__title{margin:0 0 var(--space-8);font-size:var(--type-caption-size);line-height:var(--type-caption-line);color:var(--text-muted);font-weight:600}.sr-toc__list{border-left:var(--border-width) solid var(--border-default);margin:0;padding:0;list-style:none}.sr-toc__item{padding:var(--space-4) var(--space-12);border-left:var(--border-width) solid transparent;font-size:var(--type-small-size);line-height:var(--type-small-line);color:var(--text-muted);margin-left:-1px;text-decoration:none;display:block}.sr-toc__item:hover{color:var(--text-heading)}.sr-toc__item[aria-current=location]{border-left-color:var(--colors-primary-default);border-left-width:var(--border-width-strong);padding-left:calc(var(--space-12) - var(--border-width));color:var(--text-heading);font-weight:600}.sr-doc,.sr-index{min-width:0}.sr-index{max-width:calc(var(--sr-column) + var(--sr-toc) + var(--space-40));margin:0 auto}.sr-doc__header{align-items:flex-start;gap:var(--space-8);padding-bottom:var(--space-8);flex-direction:column;display:flex}.sr-doc__header>*{margin:0}.sr-doc__header .rds-breadcrumb{margin-bottom:var(--space-16)}.sr-eyebrow{font-size:var(--type-caption-size);line-height:var(--type-caption-line);font-weight:var(--type-caption-weight);color:var(--text-muted);margin:0}.sr-doc__header h1{font-size:var(--type-band-size);line-height:var(--type-band-line);font-weight:var(--type-heading-weight);letter-spacing:-.01em;color:var(--text-heading)}.sr-doc__summary{max-width:var(--sr-measure);font-size:var(--type-body-size);line-height:var(--type-body-line);color:var(--text-body)}.sr-doc__header .sr-codeblock{margin-top:var(--space-16);align-self:stretch}.sr-doc__install{font-size:var(--type-caption-size);line-height:var(--type-caption-line);color:var(--text-muted)}.sr-doc__links{gap:var(--space-8);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.sr-codeblock{align-items:center;gap:var(--space-8);min-width:0;padding:var(--space-12) var(--space-12) var(--space-12) var(--space-16);border-radius:var(--radius-card);background:var(--surface-panel);border:var(--border-width) solid var(--border-default);display:flex}.sr-codeblock__pre{min-width:0;font-family:var(--type-font-mono);font-size:var(--type-small-size);line-height:var(--type-small-line);color:var(--text-body);white-space:pre;flex:1;margin:0;overflow-x:auto}.sr-codeblock--wrap wbr{display:none}.sr-codeblock__pre code{font-size:inherit}.sr-block{margin-top:var(--space-24);padding:var(--space-32);background:var(--surface-card);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-card);min-width:0;position:relative;overflow-x:clip}.sr-doc>.sr-block,.sr-doc>.sr-pair{content-visibility:auto;contain-intrinsic-size:auto 640px}.sr-block__head{margin-bottom:var(--space-24)}.sr-block__head h2{margin:0 0 var(--space-8);font-size:var(--type-heading-size);line-height:var(--type-heading-line);font-weight:var(--type-heading-weight);color:var(--text-heading)}.sr-block__head p{max-width:var(--sr-measure);font-size:var(--type-body-size);line-height:var(--type-body-line);color:var(--text-muted);margin:0}.sr-h3{margin:var(--space-32) 0 var(--space-12);font-size:var(--type-body-size);line-height:var(--type-body-line);color:var(--text-heading);font-weight:600}.sr-note{max-width:var(--sr-measure);margin:0 0 var(--space-16);font-size:var(--type-small-size);line-height:var(--type-small-line);color:var(--text-muted)}.sr-note--small{margin-top:var(--space-12);font-size:var(--type-caption-size);line-height:var(--type-caption-line)}.sr-pair{gap:var(--space-24);margin-top:var(--space-24);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sr-pair>.sr-block{margin-top:0}.sr-terms{gap:var(--space-16);flex-direction:column;margin:0;display:flex}.sr-term{gap:var(--space-16);grid-template-columns:180px minmax(0,1fr);display:grid}.sr-terms--stack .sr-term{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.sr-term dt{font-size:var(--type-body-size);line-height:var(--type-body-line);color:var(--text-heading);font-weight:600}.sr-term dt code{font-size:inherit;font-weight:500}.sr-term dd{max-width:var(--sr-measure);font-size:var(--type-body-size);line-height:var(--type-body-line);color:var(--text-body);margin:0}.sr-howto .rds-tabs__content,.sr-howto [role=tabpanel]{padding-top:var(--space-24)}.sr-ctl__prop{margin-left:var(--space-4);font-size:var(--type-caption-size);color:var(--text-muted);font-weight:400}.sr-steps{gap:var(--space-12);max-width:var(--sr-measure);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sr-steps li{gap:var(--space-12);align-items:flex-start;display:flex}.sr-step__n{width:var(--size-24);height:var(--size-24);border-radius:var(--radius-full);background:var(--surface-muted);color:var(--text-heading);font-size:var(--type-caption-size);font-weight:var(--type-heading-weight);flex:none;justify-content:center;align-items:center;display:inline-flex}.sr-dont{gap:var(--space-12);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sr-dont li{gap:var(--space-8);font-size:var(--type-body-size);line-height:var(--type-body-line);align-items:flex-start;display:flex}.sr-dont__icon{width:var(--size-20);height:var(--size-20);color:var(--text-error);flex:none;margin-top:2px}.sr-props{font-size:var(--type-small-size);line-height:var(--type-small-line)}.sr-props code{font-size:var(--type-caption-size);color:var(--text-heading);white-space:pre-wrap}.sr-props--main table{table-layout:fixed;min-width:640px}.sr-props__col-name{width:22%}.sr-props__col-values{width:24%}.sr-props__col-default{width:14%}.sr-props__col-why{width:40%}.sr-props__name{font-weight:600}.sr-props__figma,.sr-props__code{margin-top:var(--space-4);font-size:var(--type-caption-size);line-height:var(--type-caption-line);color:var(--text-muted);display:block}.sr-props__figma-only{font-size:var(--type-caption-size);color:var(--text-muted)}.sr-props__values{gap:var(--space-4) var(--space-8);flex-wrap:wrap;display:flex}.sr-props__values code{white-space:nowrap}.sr-stage{isolation:isolate;background:var(--surface-page);color:var(--text-body);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-card);position:relative}.sr-scroll{position:relative;overflow-x:auto}.sr-play{gap:var(--space-16);grid-template-columns:minmax(0,1fr) 280px;display:grid}.sr-play__stage{min-height:320px;padding:var(--space-32);justify-content:safe center;align-items:center;display:flex}.sr-play__controls{gap:var(--space-16);padding:var(--space-16);border-radius:var(--radius-card);background:var(--surface-panel);border:var(--border-width) solid var(--border-default);flex-direction:column;display:flex}.sr-play__code{grid-column:1/-1}.sr-play--wide{grid-template-columns:minmax(0,1fr)}.sr-play--wide .sr-play__controls{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));align-items:start;display:grid}.sr-states{padding:var(--space-16);margin-bottom:var(--space-16)}.sr-states__list{gap:var(--space-16);flex-direction:column;display:flex}.sr-states__label{margin:0 0 var(--space-8);font-family:var(--type-font-mono);font-size:var(--type-caption-size);color:var(--text-muted);font-weight:500}.sr-matrix{border-collapse:separate;border-spacing:var(--space-12) var(--space-12)}.sr-matrix th{font-family:var(--type-font-mono);font-size:var(--type-caption-size);text-align:left;white-space:nowrap;color:var(--text-muted);font-weight:500}.sr-matrix td{vertical-align:middle;min-width:max-content}.sr-matrix th[scope=row]{z-index:1;padding-right:var(--space-8);background:var(--surface-page);position:sticky;left:0}.sr-states .sr-scroll{background:linear-gradient(to right, var(--surface-page) 30%, transparent) left / 24px 100% no-repeat local, linear-gradient(to left, var(--surface-page) 30%, transparent) right / 24px 100% no-repeat local, radial-gradient(farthest-side at 0 50%, color-mix(in srgb, var(--text-heading) 16%, transparent), transparent) left / 12px 100% no-repeat scroll, radial-gradient(farthest-side at 100% 50%, color-mix(in srgb, var(--text-heading) 16%, transparent), transparent) right / 12px 100% no-repeat scroll}.sr-modes{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--sample-min,240px)), 1fr));gap:var(--space-16);display:grid}.sr-mode{min-width:0;margin:0}.sr-mode figcaption{margin-bottom:var(--space-8);font-size:var(--type-caption-size);line-height:var(--type-caption-line);color:var(--text-muted);font-weight:600}.sr-mode__panel,.sr-plate,.sr-example__stage,.sr-anatomy__stage,.sr-sizes{padding:var(--space-24)}.sr-mode__panel{height:calc(100% - var(--space-24))}.sr-mode__panel,.sr-anatomy__stage,.sr-play__stage,.sr-states__row{min-width:0;overflow-x:auto}.sr-grid{gap:var(--space-12);flex-direction:column;display:flex}.sr-row{align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.sr-row__label{width:72px;font-family:var(--type-font-mono);font-size:var(--type-caption-size);color:var(--text-muted)}.sr-stack{gap:var(--space-16);flex-direction:column;width:100%;display:flex}.sr-fill{width:100%}.sr-examples{grid-template-columns:repeat(auto-fit, minmax(min(100%, max(var(--sample-min,240px), 320px)), 1fr));gap:var(--space-24) var(--space-16);display:grid}.sr-anatomy.sr-anatomy--wide{grid-template-columns:minmax(0,1fr)}.sr-example__code{margin-top:var(--space-8)}.sr-example__code summary{min-height:var(--size-32);cursor:pointer;font-size:var(--type-small-size);line-height:var(--type-small-line);color:var(--text-link);align-items:center;font-weight:600;display:inline-flex}.sr-example__code[open] summary{margin-bottom:var(--space-8)}.sr-example{flex-direction:column;min-width:0;margin:0;display:flex}.sr-example:has(.sr-toast-screen){grid-column:1/-1}.sr-toast-screen{border-radius:var(--radius-card);background:var(--surface-muted);flex-direction:column;justify-content:flex-end;width:100%;min-height:280px;display:flex;overflow:hidden}.sr-example figcaption{margin-bottom:var(--space-8);font-size:var(--type-small-size);line-height:var(--type-small-line);flex-direction:column;display:flex}.sr-example figcaption strong{color:var(--text-heading)}.sr-example figcaption span{color:var(--text-muted)}.sr-example__stage{flex:1;min-width:0;overflow-x:auto}.sr-anatomy{gap:var(--space-24);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;display:grid}.sr-anatomy__stage{justify-content:safe center;align-items:center;min-height:180px;display:flex}.sr-anatomy__parts{gap:var(--space-16);font-size:var(--type-small-size);line-height:var(--type-small-line);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sr-anatomy__parts li{gap:var(--space-12);display:flex}.sr-anatomy__parts p{margin:0}.sr-anatomy__parts p+p{color:var(--text-muted)}.sr-marker{width:var(--size-24);height:var(--size-24);border-radius:var(--radius-full);background:var(--colors-accent-default);color:var(--text-on-accent);font-size:var(--type-caption-size);font-weight:var(--type-heading-weight);flex:none;justify-content:center;align-items:center;display:inline-flex}.sr-sizes{gap:var(--space-32);margin-bottom:var(--space-16);flex-wrap:wrap;display:flex}.sr-size{gap:var(--space-12);flex-direction:column;margin:0;display:flex}.sr-size figcaption{font-size:var(--type-caption-size);line-height:var(--type-caption-line);flex-direction:column;display:flex}.sr-size figcaption span{color:var(--text-muted)}.sr-touch{min-height:var(--sr-touch);outline:var(--border-width) dashed currentColor;align-items:center;display:inline-flex}.sr-plate{background:var(--colors-primary-default);color:var(--text-on-primary)}.sr-swatches{gap:var(--space-16);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.sr-swatches li{gap:var(--space-8);font-family:var(--type-font-mono);font-size:var(--type-caption-size);flex-direction:column;display:flex}.sr-swatches span{border-radius:var(--radius-control);width:72px;height:48px}.sr-index__count{font-size:var(--type-small-size);line-height:var(--type-small-line);color:var(--text-muted)}.sr-index__group{margin-top:var(--space-40)}.sr-index__group h2{margin:0 0 var(--space-16);font-size:var(--type-heading-size);line-height:var(--type-heading-line);font-weight:var(--type-heading-weight);color:var(--text-heading)}.sr-index__n{font-size:var(--type-small-size);color:var(--text-subtle);font-weight:400}.sr-cards{gap:var(--space-16);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.sr-card{gap:var(--space-4);height:100%;padding:var(--space-16);border-radius:var(--radius-card);border:var(--border-width) solid var(--border-default);background:var(--surface-card);color:var(--text-body);flex-direction:column;text-decoration:none;display:flex}a.sr-card:hover{border-color:var(--border-strong)}.sr-cards .sr-card{content-visibility:auto;contain-intrinsic-block-size:auto 230px}.sr-card__row{justify-content:space-between;align-items:center;gap:var(--space-8);display:flex}.sr-card__title{font-size:var(--type-body-size);line-height:var(--type-body-line);color:var(--text-heading);font-weight:600}.sr-card--thumb{gap:var(--space-8);padding:var(--space-8) var(--space-8) var(--space-16)}.sr-card--thumb .sr-card__title,.sr-card--thumb .sr-card__text{padding-inline:var(--space-8)}.sr-card--thumb .sr-card__text{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sr-thumb{height:120px;margin-bottom:var(--space-4);border-radius:var(--radius-control);pointer-events:none;justify-content:center;align-items:center;display:flex;overflow:hidden}.sr-thumb--empty{border:var(--border-width) dashed var(--border-default);background:var(--surface-panel)}.sr-thumb__inner{max-width:166.667%;padding:var(--space-16);flex:none;transform:scale(.6)}a.sr-card--thumb:hover .sr-thumb{border-color:var(--border-strong)}.sr-card__text{font-size:var(--type-small-size);line-height:var(--type-small-line);color:var(--text-body)}.sr-nav__start{padding-bottom:var(--space-8);margin-bottom:var(--space-4);border-bottom:var(--border-width) solid var(--border-default)}.sr-home__hero{padding-bottom:var(--space-16)}.sr-home__steps .sr-step__n{margin-top:2px}.sr-home__step{gap:var(--space-8);flex-direction:column;flex:1;min-width:0;display:flex}.sr-home__step p{margin:0}.sr-home__sample{align-items:center;gap:var(--space-12);flex-wrap:wrap;display:flex}.sr-mode__code{font-weight:400}.sr-home__note,.sr-migrate__after{margin:var(--space-16) 0 0}.sr-home__groups{gap:var(--space-16);grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));margin:0;padding:0;list-style:none;display:grid}.sr-home__news{gap:var(--space-12);max-width:var(--sr-measure);padding-left:var(--space-24);flex-direction:column;margin:0;display:flex}.sr-home__news strong{color:var(--text-heading)}.sr-related{gap:var(--space-12);margin:0 0 var(--space-24);grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));padding:0;list-style:none;display:grid}.sr-pager{justify-content:space-between;gap:var(--space-16);display:flex}.sr-pager__link{gap:var(--space-4);min-width:0;padding:var(--space-12) var(--space-16);border-radius:var(--radius-card);border:var(--border-width) solid var(--border-default);color:var(--text-heading);flex-direction:column;text-decoration:none;display:flex}.sr-pager__link:hover{border-color:var(--border-strong)}.sr-pager__link--next{text-align:right;margin-left:auto}.sr-pager__dir{font-size:var(--type-caption-size);line-height:var(--type-caption-line);color:var(--text-muted)}.sr-tocmenu{top:var(--sr-header);z-index:10;margin:var(--space-16) 0 0;border:var(--border-width) solid var(--border-default);border-radius:var(--radius-card);background:var(--surface-card);display:none;position:sticky}.sr-tocmenu__summary{align-items:center;gap:var(--space-8);min-height:var(--sr-touch);padding:0 var(--space-16);cursor:pointer;font-size:var(--type-small-size);line-height:var(--type-small-line);display:flex}.sr-tocmenu__label{color:var(--text-heading);font-weight:600}.sr-tocmenu__current{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-muted);flex:1;overflow:hidden}.sr-tocmenu__list{max-height:50vh;padding:0 0 var(--space-8);margin:0;list-style:none;overflow-y:auto}.sr-tocmenu__list .sr-toc__item{min-height:var(--sr-touch);padding-inline:var(--space-16);border-left:0;align-items:center;display:flex}.sr-tocmenu__list .sr-toc__item[aria-current=location]{font-weight:600}.sr-404{max-width:var(--sr-column);margin:0 auto}.sr-404__list{gap:var(--space-8);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.sr-guide__result{margin-top:var(--space-16)}.sr-token__value{align-items:center;gap:var(--space-8);display:inline-flex}.sr-token__stage{padding:var(--space-4);border-radius:var(--radius-xs);flex:none}.sr-token__swatch{width:var(--size-16);height:var(--size-16);border-radius:var(--radius-xs);box-shadow:inset 0 0 0 var(--border-width) var(--border-default);display:block}.sr-tokens__group{border-top:var(--border-width) solid var(--border-default)}.sr-tokens__group summary{align-items:center;gap:var(--space-8);min-height:var(--sr-touch);cursor:pointer;color:var(--text-heading);font-weight:600;display:flex}.sr-tokens__list{gap:var(--space-4) var(--space-24);margin:0 0 var(--space-16);font-size:var(--type-small-size);line-height:var(--type-small-line);grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));padding:0;list-style:none;display:grid}.sr-tokens__list li{justify-content:space-between;gap:var(--space-8);overflow-wrap:anywhere;flex-wrap:wrap;min-width:0;display:flex}.sr-tokens__list code{font-size:var(--type-caption-size)}.sr-vocab__link{color:var(--text-link);font-weight:600}.gen-start{gap:var(--space-16);flex-direction:column;display:flex}.gen-start__row,.gen-roles{align-items:flex-end;gap:var(--space-16);flex-wrap:wrap;display:flex}.gen-roles{margin-bottom:var(--space-16)}.gen-roles__item{align-items:center;gap:var(--space-8);display:flex}.gen-title{align-items:center;gap:var(--space-16);display:flex}.gen-title__logo{max-height:var(--size-56);object-fit:contain;max-width:112px}.gen-scenes{gap:var(--space-16);grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));display:grid}.gen-scene{border:var(--border-width) solid var(--border-default);border-radius:var(--radius-card);background:var(--surface-page);color:var(--text-body);overflow:hidden}.gen-screen{gap:var(--space-16);padding:var(--space-24);flex-direction:column;display:flex}.gen-screen__top,.gen-screen__user,.gen-screen__brand{align-items:center;gap:var(--space-8);display:flex}.gen-screen__top{justify-content:space-between}.gen-screen__brand{color:var(--text-heading);font-weight:600}.gen-screen__mark{width:var(--size-24);height:var(--size-24);border-radius:var(--radius-xs);background:var(--colors-primary-default)}.gen-screen__title{font-size:var(--type-value-size);line-height:var(--type-value-line);color:var(--text-heading);margin:0}.gen-screen__sub{font-size:var(--type-small-size);line-height:var(--type-small-line);color:var(--text-muted);margin:0}.gen-screen__stats{gap:var(--space-12);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.gen-screen__form{gap:var(--space-12);flex-direction:column;display:flex}.gen-ratio{align-items:center;gap:var(--space-4);font-variant-numeric:tabular-nums;display:inline-flex}.gen-ratio svg{width:var(--size-16);height:var(--size-16)}.gen-ratio__ok{color:var(--text-success)}.gen-ratio__fail{color:var(--text-error)}.gen-export{gap:var(--space-16);flex-direction:column;display:flex}.gen-export__body{align-items:flex-start;gap:var(--space-12);padding-top:var(--space-16);flex-direction:column;display:flex}.gen-export__code{align-self:stretch;align-items:flex-start}.gen-export__code .sr-codeblock__pre{max-height:320px;overflow:auto}.gen-prompt{margin-top:var(--space-16)}.gen-prompt .sr-codeblock__pre{white-space:pre-wrap}.sr-totop{right:max(var(--space-16), env(safe-area-inset-right));bottom:max(var(--space-16), env(safe-area-inset-bottom));z-index:var(--z-sticky);border-radius:var(--radius-control);background:var(--surface-card);box-shadow:var(--elevation-overlay);position:fixed}.sr-doc__header>nav{align-self:stretch;min-width:0}.sr-chips{gap:var(--space-8);margin:var(--space-16) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.sr-chips__link{align-items:center;gap:var(--space-8);min-height:var(--size-32);padding:0 var(--space-12);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-full);background:var(--surface-card);font-size:var(--type-small-size);line-height:var(--type-small-line);white-space:nowrap;color:var(--text-heading);font-weight:500;text-decoration:none;display:inline-flex}.sr-chips__link:hover{border-color:var(--border-strong)}.sr-chips__n{font-size:var(--type-caption-size);color:var(--text-muted)}@media (max-width:1200px){.sr-page{max-width:var(--sr-column);grid-template-columns:minmax(0,1fr)}.sr-page__toc{display:none}.sr-tocmenu{display:block}.sr-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1100px){.sr-top__bar{gap:var(--space-16)}.sr-search{width:240px}}@media (max-width:860px){:root{--sr-header:56px}.sr-top__bar{gap:var(--space-8);padding:0 var(--space-8)}.sr-top__desktop{display:none}.sr-top__mobile{display:inline-flex}.sr-side{display:none}.sr-content{padding:var(--space-24) var(--space-16) var(--space-48)}.sr-block{padding:var(--space-16)}.sr-pair,.sr-play,.sr-anatomy{grid-template-columns:minmax(0,1fr)}.sr-term{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.sr-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sr-brand__version{display:none}.sr-brand__major{display:inline}.sr-doc__header h1{font-size:var(--sr-title-size);line-height:var(--sr-title-line)}.sr-block__head h2,.sr-index__group h2{font-size:var(--type-value-size);line-height:var(--type-value-line)}.sr-codeblock--wrap .sr-codeblock__pre{white-space:pre-wrap}.sr-codeblock--wrap wbr{display:inline}.sr-block{padding:var(--space-32) 0;border:0;border-top:var(--border-width) solid var(--border-default);background:0 0;border-radius:0;margin-top:0}.sr-doc__header+.sr-tocmenu+.sr-block,.sr-home__hero+.sr-block{border-top:0}.sr-pair{gap:0;margin-top:0}.sr-play__stage{top:calc(var(--sr-header) + var(--sr-tocbar));z-index:2;min-height:160px;max-height:min(40svh,240px);padding:var(--space-16);box-shadow:var(--elevation-raised);position:sticky;overflow-y:auto}.sr-play:has(:is(input:not([type=checkbox],[type=radio],[type=range],[type=color]),textarea,[contenteditable=true]):focus-within) .sr-play__stage{position:relative}@media (max-height:500px){.sr-play__stage{position:relative}}.sr-cards{gap:var(--space-8);grid-template-columns:minmax(0,1fr)}.sr-cards .sr-card{padding:var(--space-12) var(--space-16);contain-intrinsic-block-size:auto 78px}.sr-cards .sr-thumb{display:none}.sr-card--thumb .sr-card__title,.sr-card--thumb .sr-card__text{padding-inline:0}.sr-cards .sr-card__text{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sr-chips{margin-inline:calc(0px - var(--space-16));padding-inline:var(--space-16);scrollbar-width:none;-webkit-mask-image:linear-gradient(to right, black calc(100% - var(--sr-chips-fade)), transparent);mask-image:linear-gradient(to right, black calc(100% - var(--sr-chips-fade)), transparent);flex-wrap:nowrap;overflow-x:auto}@supports (animation-timeline:scroll()){.sr-chips{animation:linear both sr-chips-end;animation-timeline:scroll(self x)}}}@property --sr-chips-fade{syntax:"<length>";inherits:false;initial-value:48px}@keyframes sr-chips-end{0%,85%{--sr-chips-fade:var(--space-48)}to{--sr-chips-fade:0px}}@media (max-width:640px){.gen-export .rds-tabs__bar{row-gap:var(--space-12);box-shadow:none;flex-wrap:wrap}.gen-export .rds-tabs__list{box-shadow:inset 0 calc(var(--border-width) * -1) 0 var(--tabs-border);flex-basis:100%}.gen-export .rds-tabs__trailing{flex-basis:100%}.gen-export .rds-tabs__trailing>*{flex:1}.sr-props table,.sr-props tbody,.sr-props tr,.sr-props td{width:100%;display:block}.sr-props--main table{table-layout:auto;min-width:0}.sr-props colgroup{display:none}.sr-props thead{width:var(--border-width);height:var(--border-width);clip:rect(0 0 0 0);position:absolute;overflow:hidden}.sr-props tbody{gap:var(--space-12);flex-direction:column;display:flex}.sr-props tr{padding:var(--space-12) var(--space-16);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-card);background:var(--surface-card)}.sr-props td.rds-table__cell{height:auto;padding:var(--space-4) 0;border:0}.sr-props td.rds-table__cell:first-child{padding:0 0 var(--space-8)}.sr-props td:first-child>code{font-size:var(--type-small-size)}.sr-props td[data-label]:before{content:attr(data-label);margin-bottom:var(--space-4);font-size:var(--type-caption-size);line-height:var(--type-caption-line);font-weight:var(--type-caption-weight);color:var(--text-muted);display:block}.sr-props .rds-table{border:0;overflow:visible}.sr-tokens tbody tr{content-visibility:auto;contain-intrinsic-block-size:auto 231px}}@media (pointer:coarse){.sr-nav__head,.sr-nav__item,.sr-toc__item,.sr-chips__link,.sr-example__code summary,.sr-doc__header .rds-breadcrumb__link{min-height:var(--sr-touch)}.sr-toc__item{align-items:center;display:flex}.sr-search__kbd{display:none}}.gen-title h1{margin:0}