:where(html[data-catalog-preview=true]) body{--library-text:#f1f3f2;--library-muted:#bec8cb;--library-line:#ffffff30;--library-surface:var(--material-solid);--library-wash:linear-gradient(180deg, #0006, #111315ad 48%, #101214e6);--library-glass:var(--material-glass);--library-hover:#ffffff0c;--library-selected:#ffffff18;--library-active:#e5e9e6;--library-active-text:#212726;--library-depth:var(--material-depth)}:root[data-catalog-preview=true][data-theme=light] body{--library-text:#202627;--library-muted:#495659;--library-line:#52606366;--library-surface:var(--material-solid);--library-wash:linear-gradient(180deg, #f3f4f0d9, #e9edebcf 48%, #e7ebe9ed);--library-glass:var(--material-glass);--library-hover:#2026270c;--library-selected:#20262714;--library-active:#26302e;--library-active-text:#f4f6f2;--library-depth:var(--material-depth)}@media (prefers-color-scheme:light){:root[data-catalog-preview=true][data-theme=system] body{--library-text:#202627;--library-muted:#495659;--library-line:#52606366;--library-surface:var(--material-solid);--library-wash:linear-gradient(180deg, #f3f4f0d9, #e9edebcf 48%, #e7ebe9ed);--library-glass:var(--material-glass);--library-hover:#2026270c;--library-selected:#20262714;--library-active:#26302e;--library-active-text:#f4f6f2;--library-depth:var(--material-depth)}}:root[data-catalog-preview=true] body:has(.gallery-study) .header-end{color:var(--library-text);display:flex}:root[data-catalog-preview=true] body:has(.gallery-study) .header-end .preview-label{display:none}:root[data-catalog-preview=true] body:has(.gallery-study) .brand img{filter:var(--logo)}:root[data-catalog-preview=true] body:has(.gallery-study) .appearance-popover>summary{border-color:var(--library-line);width:40px;height:40px}:root[data-catalog-preview=true] body:has(.gallery-study) .appearance-panel{color:var(--text);background:var(--panel);-webkit-backdrop-filter:none;backdrop-filter:none;max-width:calc(100vw - 32px)}:root[data-catalog-preview=true] body:has(.gallery-study) .gallery-study{color:var(--library-text);background:var(--bg)}:root[data-catalog-preview=true] body:has(.gallery-study) .gallery-study-backdrop{background-image:var(--library-wash), url(/images/concept-architecture.png)}:root[data-catalog-preview=true] body:has(.gallery-study) :is(.site-header nav,.gallery-discovery,.component-browser,.customize-inspector,.component-preview-stage,.pattern-stage){color:var(--library-text);background:var(--library-surface);border-color:var(--library-line);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--library-depth)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){:root[data-catalog-preview=true][data-glass=true] body:has(.gallery-study) :is(.site-header nav,.gallery-discovery,.component-browser,.customize-inspector,.component-preview-stage,.pattern-stage){background:var(--library-glass);border-color:var(--material-edge);border-top-color:var(--material-highlight);-webkit-backdrop-filter:var(--material-blur);backdrop-filter:var(--material-blur)}}:root[data-catalog-preview=true] body:has(.gallery-study) .site-header nav a{color:var(--library-muted);background:0 0}:root[data-catalog-preview=true] body:has(.gallery-study) .site-header nav a[aria-current=page]{color:var(--library-active-text);background:var(--library-active)}:root[data-catalog-preview=true] body:has(.gallery-study) :is(.gallery-study-intro p,.gallery-tile-caption p,.gallery-tile-caption button,.gallery-study-note,.gallery-results,.gallery-search,.component-browser-heading>span,.component-group h2,.component-browser-note,.component-browser-note span,.component-no-results,.component-document-heading>span,.component-document-heading>p,.component-preview-top>span,.component-preview-caption,.component-reference p,.component-doc-columns p){color:var(--library-muted)}:root[data-catalog-preview=true] body:has(.gallery-study) :is(.gallery-search input,.component-search input,.component-search button,.component-group button,.component-preview-top a,.component-state-list>*,.gallery-discovery button,.gallery-filters summary){color:var(--library-text)}:root[data-catalog-preview=true] body:has(.gallery-study) :is(.gallery-search input,.component-search input)::placeholder{color:var(--library-muted)}:root[data-catalog-preview=true] body:has(.gallery-study) :is(.component-search,.component-browser-note,.component-reference,.component-state-list>*,.gallery-tools){border-color:var(--library-line)}:root[data-catalog-preview=true] body:has(.gallery-study) .component-search{background:var(--library-hover)}:root[data-catalog-preview=true] body:has(.gallery-study) .component-group button:hover{background:var(--library-hover)}:root[data-catalog-preview=true] body:has(.gallery-study) :is(.component-group button[aria-current=true],.gallery-categories button[aria-pressed=true],.gallery-tools>button[aria-pressed=true]){color:var(--library-text);background:var(--library-selected);box-shadow:inset 0 0 0 1px var(--library-line)}:root[data-catalog-preview=true] body:has(.gallery-study) .component-state-list button[aria-pressed=true]{color:var(--library-active-text);background:var(--library-active)}:root[data-catalog-preview=true] body:has(.gallery-study) .gallery-filters label{background:var(--library-surface);color:var(--library-text);border-color:var(--library-line)}:root[data-catalog-preview=true] body:has(.gallery-study) .gallery-filters input{accent-color:var(--library-text)}:root[data-catalog-preview=true] body:has(.gallery-study) .gallery-tile-image{border-color:var(--library-line)}:root[data-catalog-preview=true]:not([data-glass=true]) body:has(.gallery-study) .gallery-tile-image{-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-catalog-preview=true]:not([data-glass=true]) body:has(.gallery-study) .gallery-tile-workspace{background:#242a2c}:root[data-catalog-preview=true] body:has(.gallery-study) .component-switch-example{color:#f1f3f2}:root[data-catalog-preview=true] body:has(.gallery-study) .component-switch-example button:disabled{opacity:.45;outline-offset:3px;outline:1px dashed #d2dada}@media (prefers-reduced-transparency:reduce){:root[data-catalog-preview=true]:root[data-catalog-preview=true] body:has(.gallery-study) :is(.site-header nav,.gallery-discovery,.component-browser,.customize-inspector,.component-preview-stage,.pattern-stage){background:var(--library-surface);-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-catalog-preview=true]:root[data-catalog-preview=true] body:has(.gallery-study) .gallery-tile-image{-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-catalog-preview=true]:root[data-catalog-preview=true] body:has(.gallery-study) .gallery-tile-workspace{background:#242a2c}}@media (forced-colors:active){:root[data-catalog-preview=true]:root[data-catalog-preview=true] body{--library-text:CanvasText;--library-muted:CanvasText;--library-line:ButtonText;--library-surface:Canvas;--library-glass:Canvas;--library-hover:Canvas;--library-selected:Canvas;--library-active:Highlight;--library-active-text:HighlightText;--library-depth:none}:root[data-catalog-preview=true] body:has(.gallery-study) .gallery-study-backdrop{display:none}:root[data-catalog-preview=true]:root[data-catalog-preview=true] body:has(.gallery-study) :is(.site-header nav,.gallery-discovery,.component-browser,.customize-inspector,.component-preview-stage,.gallery-tile-image,.component-switch-example){-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:canvas;border:1px solid buttontext}:root[data-catalog-preview=true] body:has(.gallery-study) :is(.component-group button[aria-current=true],button[aria-pressed=true]){outline-offset:-2px;outline:1px solid highlight}:root[data-catalog-preview=true] body:has(.gallery-study) .component-switch-example button{background:canvas;border:1px solid buttontext}:root[data-catalog-preview=true] body:has(.gallery-study) .component-switch-example button>span{background:buttontext}:root[data-catalog-preview=true] body:has(.gallery-study) .component-switch-example button:disabled{opacity:1;border-color:graytext;outline-color:graytext}}:root[data-catalog-preview=true] body :is(.pattern-current,.atomic-browser .atomic-navigation-item){color:var(--library-muted);box-shadow:none;background:0 0;border-radius:8px;padding:10px 14px 10px 16px;text-decoration:none;position:relative}:root[data-catalog-preview=true] body :is(.pattern-current,.atomic-browser .atomic-navigation-item):hover{background:var(--library-hover);color:var(--library-text)}:root[data-catalog-preview=true] body :is(.pattern-current,.atomic-browser .atomic-navigation-item)[aria-current=page]{background:var(--library-selected);color:var(--library-text);font-weight:500}:root[data-catalog-preview=true] body :is(.pattern-current,.atomic-browser .atomic-navigation-item)[aria-current=page]:before{content:none}:root[data-catalog-preview=true] body .appearance-panel{color:var(--library-text);background:var(--library-surface);border-color:var(--library-line)}:root[data-catalog-preview=true] body .appearance-panel .segmented{background:var(--library-hover);border:1px solid var(--library-line)}:root[data-catalog-preview=true] body .appearance-panel .segmented label>span{color:var(--library-muted)}:root[data-catalog-preview=true] body .appearance-panel .segmented input:checked+span{background:var(--library-active);color:var(--library-active-text)}:root[data-catalog-preview=true] body .appearance-panel .segmented input:focus-visible+span{outline-color:var(--library-text)}:root[data-catalog-preview=true] body .appearance-panel .glass-row{border-color:var(--library-line)}:root[data-catalog-preview=true] body .appearance-panel .glass-row small{color:var(--library-muted)}:root[data-catalog-preview=true] body .appearance-panel .glass-row input:checked+.switch-track{background:var(--library-active)}:root[data-catalog-preview=true] body .appearance-panel .glass-row input:checked+.switch-track:before{background:var(--library-active-text)}:root[data-catalog-preview=true] body .badge-color-options :is(input:checked,input[data-selected=true])+.badge-color-swatch{background:var(--library-active);color:var(--library-active-text);border-color:#0000}:root[data-catalog-preview=true] body:has(.gallery-study) .pattern-stage{border-color:var(--library-line)}:root[data-catalog-preview=true] body:has(.gallery-study) .pattern-controls{border-color:var(--library-line)}:root[data-catalog-preview=true] body:has(.gallery-study) .pattern-preview{background:var(--library-surface);border-color:var(--library-line)}:root[data-catalog-preview=true] body:has(.concept-landing){color:var(--library-text);background:var(--bg)}:root[data-catalog-preview=true] body:has(.concept-landing) .concept-backdrop{background:var(--library-wash), url(/images/concept-architecture.png) center / cover}:root[data-catalog-preview=true] body:has(.concept-landing) .brand img{filter:var(--logo)}:root[data-catalog-preview=true] body:has(.concept-landing) .site-header nav{border:1px solid var(--library-line);background:var(--library-surface);color:var(--library-muted);border-radius:999px;gap:4px;padding:3px;display:flex}:root[data-catalog-preview=true] body:has(.concept-landing) .site-header nav a{color:var(--library-muted);border-radius:999px;padding:7px 16px;font-size:13px}:root[data-catalog-preview=true] body:has(.concept-landing) .site-header nav a:hover{color:var(--library-text);background:var(--library-hover)}:root[data-catalog-preview=true] body:has(.concept-landing) .concept-hero h1{color:var(--library-text)}:root[data-catalog-preview=true] body:has(.concept-landing) .concept-hero p{color:var(--library-muted)}:root[data-catalog-preview=true] body:has(.concept-landing) .concept-cta{color:var(--library-active-text);background:var(--library-active);box-shadow:none;border-color:#0000}:root[data-catalog-preview=true] body:has(.concept-landing) .appearance-popover>summary{color:var(--library-text);border-color:var(--library-line)}@supports ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){:root[data-catalog-preview=true][data-glass=true] body:has(.concept-landing) .site-header nav{background:var(--library-glass);-webkit-backdrop-filter:var(--material-blur);backdrop-filter:var(--material-blur);border-color:var(--material-edge);border-top-color:var(--material-highlight)}}@media (forced-colors:active){:root[data-catalog-preview=true]:root[data-catalog-preview=true] body :is(.pattern-current,.atomic-navigation-item)[aria-current=page]{outline:1px solid highlight}}:root[data-catalog-preview=true] body:has(.gallery-study) .site-header{z-index:60;border:0;height:64px;position:fixed;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important}:root[data-catalog-preview=true] body:has(.gallery-study) .component-browser{overscroll-behavior:contain;max-height:calc(100dvh - 136px);position:sticky;top:88px;overflow-y:auto}:root[data-catalog-preview=true] body:has(.gallery-study) .component-browser.atomic-browser{overflow:hidden}:root[data-catalog-preview=true] body:has(.concept-landing) .site-header{position:fixed}@media (max-width:900px){:root[data-catalog-preview=true] body:has(.gallery-study) .component-browser{z-index:20;max-height:240px;top:88px}}@media (prefers-reduced-transparency:reduce){:root[data-catalog-preview=true]:root[data-catalog-preview=true] body:has(.gallery-study) .site-header{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important}}:root[data-catalog-preview=true] body:has(.concept-landing) .header-end{color:var(--library-text);display:flex}:root[data-catalog-preview=true] body:has(.concept-landing) .appearance-popover{display:block}:root[data-catalog-preview=true] body:has(.gallery-study) .component-browser{max-height:calc(100dvh - 172px)}@media (max-width:900px){:root[data-catalog-preview=true] body:has(.gallery-study) .component-browser{max-height:200px}}:root[data-catalog-preview=true] body:has(.gallery-study) .site-header nav{box-shadow:none;padding:3px}:root[data-catalog-preview=true] body:has(.gallery-study) .site-header nav a{padding:7px 16px;font-size:13px}:root[data-catalog-preview=true] body:has(.gallery-study) .appearance-popover>summary{width:34px;height:34px}:root[data-catalog-preview=true] body:has(:is(.gallery-study,.concept-landing)) .site-header .brand img{width:80px;height:auto}:root[data-catalog-preview=true] body:has(.concept-landing) .site-header{height:64px}:root[data-catalog-preview=true] body:has(.gallery-study) .site-header{isolation:isolate}:root[data-catalog-preview=true] body:has(.gallery-study) .site-header:before{content:"";z-index:0;pointer-events:none;opacity:var(--scroll-glass,0);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:0 0;position:absolute;inset:0 0 -32px;-webkit-mask-image:linear-gradient(#000 0% 48%,#0000 100%),linear-gradient(90deg,#0000 0,#000 32px calc(100% - 32px),#0000 100%);mask-image:linear-gradient(#000 0% 48%,#0000 100%),linear-gradient(90deg,#0000 0,#000 32px calc(100% - 32px),#0000 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}:root[data-catalog-preview=true] body:has(.gallery-study) .site-header>*{z-index:1;position:relative}:root[data-catalog-preview=true] body:has(.gallery-study) .site-header>nav{position:absolute}:root[data-catalog-preview=true] body:has(.gallery-study){overscroll-behavior-y:none}:root[data-catalog-preview=true]:has(.gallery-study){overscroll-behavior-y:none;scrollbar-gutter:stable}:root[data-catalog-preview=true] body:has(.gallery-study) .component-browser{z-index:30;width:260px;max-height:calc(100dvh - 112px);position:fixed;top:88px;left:4vw}:root[data-catalog-preview=true] body:has(.gallery-study) .component-document{grid-column:2}@media (max-width:1000px){:root[data-catalog-preview=true] body:has(.gallery-study) .component-browser{width:220px;left:3vw}}:root[data-catalog-preview=true] body:has(.gallery-study) :is(.component-preview-stage,.pattern-stage){border-color:color-mix(in srgb,var(--library-line) 45%,transparent)}:root[data-catalog-preview=true]:not([data-glass=true]) body:has(.gallery-study) :is(.component-preview-stage,.pattern-stage){background:var(--material-recessed)}@supports ((-webkit-backdrop-filter:blur(14px)) or (backdrop-filter:blur(14px))){:root[data-catalog-preview=true][data-glass=true] body:has(.gallery-study) :is(.component-preview-stage,.pattern-stage){background:color-mix(in srgb,var(--material-recessed) 72%,transparent)}}@media (prefers-reduced-transparency:reduce){:root[data-catalog-preview=true]:root[data-catalog-preview=true] body:has(.gallery-study) :is(.component-preview-stage,.pattern-stage){background:var(--material-recessed)}}@media (forced-colors:active){:root[data-catalog-preview=true]:root[data-catalog-preview=true] body:has(.gallery-study) :is(.component-preview-stage,.pattern-stage){background:canvas}}:root[data-catalog-preview=true] body:has(.gallery-study) .component-preview-stage:is(.button-specimens,.input-specimens){--preview-inset:32px;padding:0 var(--preview-inset)}:root[data-catalog-preview=true] body:has(.gallery-study) .component-preview-stage>:is(.button-preview-controls,.input-preview-controls){margin-inline:calc(-1 * var(--preview-inset,32px));padding-inline:var(--preview-inset,32px)}:root[data-catalog-preview=true] body:has(.gallery-study) .component-preview-stage:is(.button-specimens,.input-specimens)>section{isolation:isolate;flex:1;position:relative}:root[data-catalog-preview=true] body:has(.gallery-study) .component-preview-stage:is(.button-specimens,.input-specimens)>section:before{content:"";inset:0 calc(-1 * var(--preview-inset,32px));z-index:-1;pointer-events:none;background:var(--material-raised);border-radius:0 0 21px 21px;position:absolute}@supports ((-webkit-backdrop-filter:blur(14px)) or (backdrop-filter:blur(14px))){:root[data-catalog-preview=true][data-glass=true] body:has(.gallery-study) .component-preview-stage:is(.button-specimens,.input-specimens)>section:before{background:color-mix(in srgb,var(--material-raised) 78%,transparent)}}@media (prefers-reduced-transparency:reduce){:root[data-catalog-preview=true]:root[data-catalog-preview=true] body:has(.gallery-study) .component-preview-stage:is(.button-specimens,.input-specimens)>section:before{background:var(--material-raised)}}@media (forced-colors:active){:root[data-catalog-preview=true]:root[data-catalog-preview=true] body:has(.gallery-study) .component-preview-stage:is(.button-specimens,.input-specimens)>section:before{background:canvas}}:root[data-catalog-preview=true]:root[data-catalog-preview=true] body:has(.gallery-study) .pattern-stage{background:var(--material-raised)}:root[data-catalog-preview=true]:root[data-catalog-preview=true] body:has(.gallery-study) .pattern-controls{background:var(--material-recessed)}@supports ((-webkit-backdrop-filter:blur(14px)) or (backdrop-filter:blur(14px))){:root[data-catalog-preview=true]:root[data-catalog-preview=true][data-glass=true] body:has(.gallery-study) .pattern-stage{background:color-mix(in srgb,var(--material-raised) 78%,transparent)}:root[data-catalog-preview=true]:root[data-catalog-preview=true][data-glass=true] body:has(.gallery-study) .pattern-controls{background:color-mix(in srgb,var(--material-recessed) 72%,transparent)}}@media (prefers-reduced-transparency:reduce){:root[data-catalog-preview=true]:root[data-catalog-preview=true]:root[data-catalog-preview=true] body:has(.gallery-study) .pattern-stage{background:var(--material-raised)}:root[data-catalog-preview=true]:root[data-catalog-preview=true]:root[data-catalog-preview=true] body:has(.gallery-study) .pattern-controls{background:var(--material-recessed)}}@media (forced-colors:active){:root[data-catalog-preview=true]:root[data-catalog-preview=true]:root[data-catalog-preview=true] body:has(.gallery-study) :is(.pattern-stage,.pattern-controls){background:canvas}}@media (forced-colors:none){:root[data-catalog-preview=true][data-theme=dark] body{--material-edge:#ffffff30;--material-highlight:#ffffff30;--library-depth:inset 0 1px 0 #ffffff0a, 0 -6px 24px -6px #ffffff24, 0 0 44px -10px #ffffff18, 0 18px 40px -8px #000000a6}:is(:root[data-catalog-preview=true][data-theme=dark] body:has(.gallery-study) :is(.component-browser,.customize-inspector,.component-preview-stage,.pattern-stage,.gallery-discovery),:root[data-catalog-preview=true][data-theme=dark] body .appearance-panel){box-shadow:var(--library-depth);border-color:#ffffff30}:root[data-catalog-preview=true][data-theme=dark] body .site-header nav,:root[data-catalog-preview=true][data-theme=dark] body :is(.button-mini-switch,.appearance-panel .segmented,.concept-segments){border-color:#ffffff30;box-shadow:inset 0 1px #ffffff0a,0 -3px 12px -3px #ffffff20,0 6px 16px -4px #00000080}}:where(html[data-catalog-preview=true]) .component-document-heading{grid-template-columns:minmax(0,1fr) auto;column-gap:24px;padding-right:0;display:grid;position:relative}:where(html[data-catalog-preview=true]) .component-document-heading>h2{grid-area:1/1}:where(html[data-catalog-preview=true]) .component-document-heading>p{grid-area:2/1/auto/-1}:where(html[data-catalog-preview=true]) .component-document-heading>.library-download{grid-area:1/2;align-self:center;align-items:center;gap:8px;display:inline-flex;position:static}:where(html[data-catalog-preview=true]) .library-download-dialog{border:1px solid var(--library-line);background:var(--material-raised);max-width:420px;color:var(--library-text);border-radius:20px;padding:28px}:where(html[data-catalog-preview=true]) .library-download-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0008}:where(html[data-catalog-preview=true]) .library-download-dialog p{color:var(--library-muted);margin:16px 0;font-size:14px;line-height:1.6}:where(html[data-catalog-preview=true]) .pattern-library .component-browser{scrollbar-width:thin;max-height:calc(100dvh - 108px);overflow-y:auto}:where(html[data-catalog-preview=true]) .component-library .component-document-heading{margin-bottom:24px}:where(html[data-catalog-preview=true]) .component-library .component-document-heading>h2{margin-bottom:0}:where(html[data-catalog-preview=true]) .component-library .component-document-heading>.library-download{transform:translateY(8px)}:root[data-catalog-preview=true] body:has(:is(.gallery-study,.concept-landing)) .site-header{top:16px}:root[data-catalog-preview=true] body:has(.gallery-study) .component-library{padding-top:104px}:root[data-catalog-preview=true] body:has(.gallery-study) .component-browser{top:104px}@media (min-width:901px){:root[data-catalog-preview=true] body:has(.gallery-study) .component-browser{max-height:calc(100dvh - 128px)}}@media (max-width:900px){:root[data-catalog-preview=true] body:has(.gallery-study) .pattern-library .component-browser{z-index:auto;width:100%;height:200px;max-height:200px;position:relative;top:0;left:auto}:root[data-catalog-preview=true] body:has(.gallery-study) .pattern-library .component-document{grid-column:1;padding-top:0}}@media (max-width:700px){:root[data-catalog-preview=true] body:has(.gallery-study) .component-browser{z-index:auto;width:100%;height:200px;max-height:200px;position:relative;top:0;left:auto}:root[data-catalog-preview=true] body:has(.gallery-study) .component-document{grid-column:1;padding-top:0}}:root[data-catalog-preview=true]:has(.gallery-study){scroll-padding-top:104px;scroll-padding-bottom:24px}
:where(html[data-catalog-preview=true]) .catalog-provider{min-width:0}:where(html[data-catalog-preview=true]) .catalog-brand-mark{background:var(--library-active);width:26px;height:26px;color:var(--library-active-text);border-radius:8px;flex:0 0 26px;place-items:center;font-size:18px;font-weight:600;display:inline-grid}:where(html[data-catalog-preview=true]) .catalog-workflow-stack{gap:20px;width:100%;max-width:640px;margin:auto;display:grid}:where(html[data-catalog-preview=true]) .catalog-workflow-stack>p{min-height:20px;color:var(--library-muted);margin:0;font-size:13px}:where(html[data-catalog-preview=true]) .catalog-workflow-stack>button{justify-self:start}:where(html[data-catalog-preview=true]) .catalog-form-columns{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:20px;display:grid}:where(html[data-catalog-preview=true]) .catalog-review-list{gap:16px;margin:0;display:grid}:where(html[data-catalog-preview=true]) .catalog-review-list div{grid-template-columns:100px 1fr;gap:16px;display:grid}:where(html[data-catalog-preview=true]) .catalog-review-list dt{color:var(--library-muted)}:where(html[data-catalog-preview=true]) .catalog-review-list dd{overflow-wrap:anywhere;margin:0}:where(html[data-catalog-preview=true]) .catalog-navigation-demo{border:1px solid var(--library-line);background:var(--library-raised);border-radius:16px;grid-template-columns:auto minmax(0,1fr);width:100%;max-width:800px;display:grid;overflow:hidden}:where(html[data-catalog-preview=true]) .catalog-navigation-content{padding:28px}:where(html[data-catalog-preview=true]) .catalog-navigation-content h3{margin:0 0 12px}:where(html[data-catalog-preview=true]) .catalog-navigation-content p{color:var(--library-muted);font-size:14px;line-height:1.6}@media (max-width:620px){:where(html[data-catalog-preview=true]) .catalog-navigation-content{padding:20px 16px}}:where(html[data-catalog-preview=true]) .catalog-select-setting{flex:0 0 156px;width:156px}:where(html[data-catalog-preview=true]) .pattern-controls.table-pattern-controls,:where(html[data-catalog-preview=true]) .pattern-controls.data-viz-controls{justify-content:flex-start;gap:28px}:where(html[data-catalog-preview=true]) :is(.site-header,.component-browser,.pattern-notes,.concept-cards) :is(a,summary,button):focus-visible,:where(html[data-catalog-preview=true]) :is(.input-option-controls,.button-icon-controls) input:focus-visible{outline:2px solid var(--library-text,var(--text));outline-offset:4px}:where(html[data-catalog-preview=true]) .catalog-brand-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}