.magma-glass-icon-study-module__NzwIWq__study{color:#202124;background:#fff;border:1px solid #d8dde2;border-radius:20px;margin-block:32px;padding:24px}.magma-glass-icon-study-module__NzwIWq__study h2{margin:0 0 8px;font-size:24px}.magma-glass-icon-study-module__NzwIWq__study p{line-height:1.5}.magma-glass-icon-study-module__NzwIWq__controls{flex-wrap:wrap;align-items:center;gap:24px;margin:24px 0;display:flex}.magma-glass-icon-study-module__NzwIWq__controls>div{flex-wrap:wrap;gap:8px;display:flex}.magma-glass-icon-study-module__NzwIWq__controls button{font:inherit;color:#202124;cursor:pointer;background:#f5f6f8;border:1px solid #cbd3df;border-radius:12px;min-height:44px;padding:8px 16px}.magma-glass-icon-study-module__NzwIWq__controls button[aria-pressed=true]{color:#fff;background:#0864dd;border-color:#0864dd}.magma-glass-icon-study-module__NzwIWq__controls label{grid-template-columns:1fr auto;gap:8px;min-width:240px;display:grid}.magma-glass-icon-study-module__NzwIWq__controls input{accent-color:#0864dd;grid-column:1/-1;width:100%}.magma-glass-icon-study-module__NzwIWq__controls button:focus-visible,.magma-glass-icon-study-module__NzwIWq__controls input:focus-visible{outline-offset:3px;outline:3px solid #0864dd}.magma-glass-icon-study-module__NzwIWq__comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.magma-glass-icon-study-module__NzwIWq__comparison figure{min-width:0;margin:0}.magma-glass-icon-study-module__NzwIWq__scene{isolation:isolate;background:#eef2f5;border-radius:20px;place-items:center;min-height:360px;padding:34px 18px;display:grid;position:relative;overflow:hidden}.magma-glass-icon-study-module__NzwIWq__scene[data-background=landscape]{background:linear-gradient(140deg,#163b7330,#ffffff08),url(/glass-studies/assets/reference-wallpaper.png) 50%/cover}.magma-glass-icon-study-module__NzwIWq__scene[data-background=dark]{background:radial-gradient(at 15% 10%,#375979,#0000 65%),#101c2b}.magma-glass-icon-study-module__NzwIWq__scene[data-background=pattern]{background:repeating-linear-gradient(0deg,#0000 0 31px,#586f8330 31px 32px),repeating-linear-gradient(90deg,#eef2f5 0 31px,#586f8330 31px 32px)}.magma-glass-icon-study-module__NzwIWq__sceneDetail{color:#172c45;opacity:.75;font-size:14px;font-weight:600;line-height:1.7;position:absolute;top:22px;left:24px}.magma-glass-icon-study-module__NzwIWq__scene[data-background=dark] .magma-glass-icon-study-module__NzwIWq__sceneDetail{color:#fff}.magma-glass-icon-study-module__NzwIWq__symbol{aspect-ratio:1302/1208;isolation:isolate;width:min(100%,380px);margin-top:28px;position:relative}.magma-glass-icon-study-module__NzwIWq__symbol img{object-fit:contain;z-index:1;width:100%;height:100%;display:block;position:relative}.magma-glass-icon-study-module__NzwIWq__symbol[data-glass=true] img{opacity:calc(1 - var(--glass-strength)*.82)}.magma-glass-icon-study-module__NzwIWq__glassBody,.magma-glass-icon-study-module__NzwIWq__reflection{pointer-events:none;position:absolute;inset:0;-webkit-mask:url(/brand/magma-ai-blue-v1.png) 50%/contain no-repeat;mask:url(/brand/magma-ai-blue-v1.png) 50%/contain no-repeat}.magma-glass-icon-study-module__NzwIWq__glassBody{z-index:0;-webkit-backdrop-filter:blur(7px)saturate(1.45)contrast(1.08);backdrop-filter:blur(7px)saturate(1.45)contrast(1.08);background:linear-gradient(135deg,#a8ddff35,#0864dd35 45%,#032f7940)}.magma-glass-icon-study-module__NzwIWq__reflection{z-index:2;opacity:var(--glass-strength);background:radial-gradient(ellipse at var(--light-x) var(--light-y),#ffffffa0,transparent 36%),linear-gradient(125deg,#fff3,transparent 38%,#7fcfff20 64%,transparent);mix-blend-mode:screen}.magma-glass-icon-study-module__NzwIWq__comparison figcaption{padding:12px 4px;font-size:14px;font-weight:600}.magma-glass-icon-study-module__NzwIWq__note{color:#60656b;font-size:14px}@media (max-width:760px){.magma-glass-icon-study-module__NzwIWq__comparison{grid-template-columns:1fr}.magma-glass-icon-study-module__NzwIWq__study{padding:16px}.magma-glass-icon-study-module__NzwIWq__scene{min-height:300px}}@media (forced-colors:active){.magma-glass-icon-study-module__NzwIWq__symbol[data-glass=true] img{opacity:1}.magma-glass-icon-study-module__NzwIWq__glassBody,.magma-glass-icon-study-module__NzwIWq__reflection{display:none}.magma-glass-icon-study-module__NzwIWq__controls button[aria-pressed=true]{color:highlighttext;background:highlight}}.magma-glass-icon-study-module__NzwIWq__study .magma-glass-icon-study-module__NzwIWq__controls label,.magma-glass-icon-study-module__NzwIWq__study .magma-glass-icon-study-module__NzwIWq__controls output{color:#202124;opacity:1}.magma-glass-icon-study-module__NzwIWq__study .magma-glass-icon-study-module__NzwIWq__controls input{opacity:1}
.gradient-study-module__pyS1OG__study{color:#233744;background:#f3f5f7;min-height:100vh;padding:24px}.gradient-study-module__pyS1OG__header h1{margin:6px 0 10px;font-size:28px}.gradient-study-module__pyS1OG__header p{margin:6px 0}.gradient-study-module__pyS1OG__controls{flex-wrap:wrap;align-items:center;gap:24px;margin-top:24px;display:flex}.gradient-study-module__pyS1OG__options{flex-wrap:wrap;gap:8px;display:flex}.gradient-study-module__pyS1OG__options button{color:#233744;cursor:pointer;font:inherit;background:#fff;border:1px solid #aebcc6;border-radius:8px;padding:11px 16px}.gradient-study-module__pyS1OG__options button[aria-pressed=true]{color:#fff;background:#334f65;border-color:#334f65}.gradient-study-module__pyS1OG__controls label{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.gradient-study-module__pyS1OG__controls input{accent-color:#416781}.gradient-study-module__pyS1OG__controls output{min-width:40px}.gradient-study-module__pyS1OG__description{min-height:24px;margin:16px 0}.gradient-study-module__pyS1OG__stage{isolation:isolate;--ink:#233846;--surface:linear-gradient(135deg in oklab, #c8d4dfed, #d7cbc0ed);--panel:#edf1f455;--nav:#d7e0e5a6;--dock:#bccbd5;color:var(--ink);background:#bac7d1;border:1px solid #82939e;border-radius:12px;position:relative;overflow:hidden}.gradient-study-module__pyS1OG__wallpaper{z-index:-1;filter:blur(22px)saturate(.8);opacity:var(--wallpaper-strength);background:url(/glass-studies/assets/reference-wallpaper.png) 50%/cover;position:absolute;inset:-25px}.gradient-study-module__pyS1OG__window{background:var(--surface);flex-direction:column;min-height:610px;display:flex}.gradient-study-module__pyS1OG__titlebar{border-bottom:1px solid #fff5;align-items:center;gap:18px;padding:15px 20px;display:flex}.gradient-study-module__pyS1OG__titlebar span{margin-left:auto}.gradient-study-module__pyS1OG__body{flex:1;display:flex}.gradient-study-module__pyS1OG__sidebar{background:var(--nav);flex-shrink:0;width:210px;padding:22px 12px}.gradient-study-module__pyS1OG__sidebar button{text-align:left;width:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;margin-bottom:6px;padding:14px 10px;display:flex}.gradient-study-module__pyS1OG__sidebar button[aria-current]{background:#ffffff38;border-radius:7px;font-weight:700}.gradient-study-module__pyS1OG__content{flex:1;min-width:0;padding:26px}.gradient-study-module__pyS1OG__toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.gradient-study-module__pyS1OG__toolbar h2{margin:0 10px 0 0;font-size:30px}.gradient-study-module__pyS1OG__actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.gradient-study-module__pyS1OG__selection{align-items:center;gap:10px;margin:24px 0;display:flex}.gradient-study-module__pyS1OG__stage input{accent-color:#cf805a;width:17px;height:17px}.gradient-study-module__pyS1OG__card{background:var(--panel);border:1px solid #fff7;border-radius:9px;padding:16px}.gradient-study-module__pyS1OG__file{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.gradient-study-module__pyS1OG__file>button{margin-left:auto}.gradient-study-module__pyS1OG__language{background:#ffffff10;border:1px solid #fff6;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0 0 30px;padding:9px 12px;display:flex}.gradient-study-module__pyS1OG__language>span{margin-right:auto}.gradient-study-module__pyS1OG__language small{background:#fff3;border-radius:4px;padding:2px 5px}.gradient-study-module__pyS1OG__notice{min-height:24px;font-size:13px}.gradient-study-module__pyS1OG__dock{background:var(--dock);border-top:1px solid #fff7;gap:10px;padding:10px;display:flex}.gradient-study-module__pyS1OG__dock>span{flex:1}.gradient-study-module__pyS1OG__stage[data-variant=balanced]{--surface:linear-gradient(135deg in oklab, #b7c7d57d, #d0bdac7d);--panel:#e9eef466}.gradient-study-module__pyS1OG__stage[data-variant=neutral]{--surface:#e2e8edde;--panel:#f8fafbc9;--nav:#e1e7ede6;--dock:#c9d4dd}.gradient-study-module__pyS1OG__stage[data-variant=current]{--ink:#f6f8fa;--surface:#8e91917a;--panel:#232a2f30;--nav:#0000002e;--dock:#b3c4cf}.gradient-study-module__pyS1OG__stage:not([data-variant=current]) button[data-glass-surface]{background:linear-gradient(180deg in oklab, #e7edf2, #c9d4dd);color:#233846}.gradient-study-module__pyS1OG__primary{min-width:70px}.gradient-study-module__pyS1OG__footnote{color:#526370;font-size:13px;line-height:1.6}@media (max-width:1000px){.gradient-study-module__pyS1OG__sidebar{width:170px}.gradient-study-module__pyS1OG__content{padding:18px}.gradient-study-module__pyS1OG__language,.gradient-study-module__pyS1OG__actions{margin-left:0}}@media (max-width:650px){.gradient-study-module__pyS1OG__study{padding:12px}.gradient-study-module__pyS1OG__body{flex-direction:column}.gradient-study-module__pyS1OG__sidebar{width:auto;padding:8px;display:flex;overflow:auto}.gradient-study-module__pyS1OG__sidebar button{flex-shrink:0;width:auto;margin:0;padding:9px}.gradient-study-module__pyS1OG__content{padding:14px}.gradient-study-module__pyS1OG__file>button{margin-left:0}.gradient-study-module__pyS1OG__language>span{min-width:180px}.gradient-study-module__pyS1OG__dock{flex-wrap:wrap}.gradient-study-module__pyS1OG__toolbar h2,.gradient-study-module__pyS1OG__header h1{font-size:24px}}.gradient-study-module__pyS1OG__study .gradient-study-module__pyS1OG__controls label{color:#233744;flex-direction:row;justify-content:flex-start}.gradient-study-module__pyS1OG__study .gradient-study-module__pyS1OG__selection{color:var(--ink);flex-direction:row;justify-content:flex-start}.gradient-study-module__pyS1OG__study .gradient-study-module__pyS1OG__controls output{color:#233744}
.color-system-module__Jfswba__root{background:var(--magma-color-canvas);color:var(--magma-color-text);min-height:100vh;padding:24px;font:16px/1.5 DM Sans,sans-serif}.color-system-module__Jfswba__root h1,.color-system-module__Jfswba__root h2,.color-system-module__Jfswba__root h3,.color-system-module__Jfswba__root p{margin:0}.color-system-module__Jfswba__root h1{font-size:28px}.color-system-module__Jfswba__root h2{margin-bottom:12px;font-size:21px}.color-system-module__Jfswba__root h3{font-size:16px}.color-system-module__Jfswba__root p,.color-system-module__Jfswba__root small{color:var(--magma-color-secondary)}.color-system-module__Jfswba__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.color-system-module__Jfswba__controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.color-system-module__Jfswba__root button{font:inherit;color:var(--magma-color-text);background:var(--magma-color-surface);border:1px solid var(--magma-color-border);cursor:pointer;border-radius:12px;min-height:44px;padding:9px 14px}.color-system-module__Jfswba__root button:hover{background:var(--magma-color-selection)}.color-system-module__Jfswba__root button[aria-pressed=true]{background:var(--magma-color-selection);color:var(--magma-color-onSelection);border-color:var(--magma-color-onSelection)}.color-system-module__Jfswba__root button.color-system-module__Jfswba__primary{background:var(--magma-color-action);color:var(--magma-color-onAction);border-color:var(--magma-color-action);font-weight:600}.color-system-module__Jfswba__root button:disabled{opacity:.45;cursor:default}.color-system-module__Jfswba__root button:focus-visible,.color-system-module__Jfswba__root a:focus-visible{outline:3px solid var(--magma-color-focus);outline-offset:3px}.color-system-module__Jfswba__root a{color:var(--magma-color-text)}.color-system-module__Jfswba__note{border-left:3px solid var(--magma-color-text);padding:12px 16px;margin-bottom:20px!important}.color-system-module__Jfswba__example{background:var(--magma-color-surface);border:1px solid var(--magma-color-border);border-radius:12px;margin:18px 0;padding:20px}.color-system-module__Jfswba__example .color-system-module__Jfswba__controls{margin:16px 0 10px}.color-system-module__Jfswba__feedback{flex-wrap:wrap;gap:20px;margin-top:16px;display:flex}.color-system-module__Jfswba__grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.color-system-module__Jfswba__card{background:var(--magma-color-surface);border:1px solid var(--magma-color-border);border-radius:12px;gap:14px;min-width:0;padding:16px;display:flex}.color-system-module__Jfswba__swatch{border-radius:10px;flex:none;width:48px;height:48px;box-shadow:inset 0 0 0 1px #8886}.color-system-module__Jfswba__card code{font-size:14px}.color-system-module__Jfswba__card p{margin:8px 0;font-size:14px}.color-system-module__Jfswba__card small{overflow-wrap:anywhere;font-size:12px}.color-system-module__Jfswba__pairs{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:16px;display:grid}.color-system-module__Jfswba__pairs>div{align-items:center;gap:12px;display:flex}.color-system-module__Jfswba__pairs>div>span{border-radius:8px;padding:12px;font-size:20px}.color-system-module__Jfswba__pairs p{font-size:13px}.color-system-module__Jfswba__root li{margin:8px 0}@media (max-width:600px){.color-system-module__Jfswba__root,.color-system-module__Jfswba__example{padding:14px}.color-system-module__Jfswba__grid{grid-template-columns:1fr}}@media (forced-colors:active){.color-system-module__Jfswba__root,.color-system-module__Jfswba__card,.color-system-module__Jfswba__example{color:canvastext;background:canvas}.color-system-module__Jfswba__root button{color:buttontext;background:buttonface;border-color:buttontext}.color-system-module__Jfswba__root button.color-system-module__Jfswba__primary,.color-system-module__Jfswba__root button[aria-pressed=true]{color:highlighttext;background:highlight}.color-system-module__Jfswba__root button:focus-visible{outline-color:highlight}}.color-system-module__Jfswba__glassComparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.color-system-module__Jfswba__glassComparison article{min-width:0}.color-system-module__Jfswba__glassComparison article>p{margin-top:10px;font-size:14px}.color-system-module__Jfswba__glassStage{isolation:isolate;border-radius:12px;min-height:160px;margin-top:12px;padding:24px 18px;position:relative;overflow:hidden}.color-system-module__Jfswba__glassStage:before{content:"";z-index:-1;background:var(--preview-background);position:absolute;inset:0}.color-system-module__Jfswba__glassButtons{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.color-system-module__Jfswba__root .color-system-module__Jfswba__glassStage button[data-glass-button]{color:var(--glass-ink);background:0 0;border:0;height:28px;min-height:28px;padding:3px 10px;font-size:12px;font-weight:500;line-height:18px}.color-system-module__Jfswba__root .color-system-module__Jfswba__glassStage[data-corrected=true] button[data-glass-button]{font-size:14px}.color-system-module__Jfswba__root .color-system-module__Jfswba__glassStage button[data-glass-button]:hover{background:0 0}@media (max-width:800px){.color-system-module__Jfswba__glassComparison{grid-template-columns:1fr}}
.component-gallery-module__k8VmKa__gallery{box-sizing:border-box;width:100%;padding:0 20px 32px}.component-gallery-module__k8VmKa__navigator{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f5f4eff5;border-bottom:1px solid #ccd4c8;padding:12px 0;position:sticky;top:0}.component-gallery-module__k8VmKa__searchRow{align-items:center;gap:16px;margin-bottom:10px;display:flex}.component-gallery-module__k8VmKa__searchRow h1{align-items:center;gap:8px;margin:0;font-size:18px;display:flex}.component-gallery-module__k8VmKa__searchRow h1 small{background:#e0e7d9;border-radius:12px;padding:3px 7px;font-size:11px}.component-gallery-module__k8VmKa__searchRow label{flex:1;max-width:520px}.component-gallery-module__k8VmKa__searchRow input{color:#233b36;width:100%;font:inherit;background:#fff;border:1px solid #b7c4b4;border-radius:8px;padding:9px 12px;font-size:13px}.component-gallery-module__k8VmKa__searchRow button{color:#345b4c;cursor:pointer;background:0 0;border:0}.component-gallery-module__k8VmKa__srOnly{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.component-gallery-module__k8VmKa__groupLinks{flex-wrap:wrap;gap:5px;display:flex}.component-gallery-module__k8VmKa__groupMenu{background:#fafbf7;border:1px solid #d3dacf;border-radius:7px;align-items:stretch;display:flex;position:relative}.component-gallery-module__k8VmKa__groupMenu>a{color:#345b4c;white-space:nowrap;border-radius:6px 0 0 6px;align-items:center;gap:6px;padding:7px 8px;font-size:12px;text-decoration:none;display:flex}.component-gallery-module__k8VmKa__groupMenu>a[aria-current]{background:#dce7d4;font-weight:700}.component-gallery-module__k8VmKa__groupMenu small{opacity:.65;font-size:10px}.component-gallery-module__k8VmKa__groupMenu summary{cursor:pointer;border-left:1px solid #d3dacf;padding:5px 7px;list-style:none}.component-gallery-module__k8VmKa__groupMenu summary::-webkit-details-marker{display:none}.component-gallery-module__k8VmKa__dropdown{z-index:2;background:#fff;border:1px solid #c5cfc0;border-radius:10px;min-width:230px;max-height:55vh;padding:6px;position:absolute;top:calc(100% + 5px);left:0;overflow-y:auto;box-shadow:0 12px 30px #233b3626}.component-gallery-module__k8VmKa__groupMenu:nth-last-child(-n+2) .component-gallery-module__k8VmKa__dropdown{left:auto;right:0}.component-gallery-module__k8VmKa__dropdown a{color:#233b36;border-radius:6px;padding:9px 10px;font-size:13px;text-decoration:none;display:block}.component-gallery-module__k8VmKa__dropdown a:hover,.component-gallery-module__k8VmKa__dropdown a:focus-visible{background:#e7eddf}.component-gallery-module__k8VmKa__group{scroll-margin-top:145px}.component-gallery-module__k8VmKa__group>h2{align-items:baseline;gap:12px;margin:24px 0 12px;font-size:19px;display:flex}.component-gallery-module__k8VmKa__group>h2 small{color:#647267;font-size:12px;font-weight:400}.component-gallery-module__k8VmKa__grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;display:grid}.component-gallery-module__k8VmKa__card{background:#fafaf7;border:1px solid #d0d7c9;border-radius:12px;min-width:0;padding:14px;scroll-margin-top:145px}.component-gallery-module__k8VmKa__card[data-wide=true]{grid-column:span 2}.component-gallery-module__k8VmKa__card h3{margin:0;font-size:15px}.component-gallery-module__k8VmKa__card header p{color:#52665f;margin:4px 0 8px;font-size:12px}.component-gallery-module__k8VmKa__preview{isolation:isolate;max-width:100%;margin:10px auto;position:relative}.component-gallery-module__k8VmKa__preview>[data-system-kind]{border-radius:12px}.component-gallery-module__k8VmKa__settings{border-top:1px solid #dcded5;margin-top:8px;padding:8px 0 0}.component-gallery-module__k8VmKa__settings summary{cursor:pointer;color:#52665f;font-size:12px;font-weight:500}.component-gallery-module__k8VmKa__controls{gap:12px;padding:14px 0;font-size:13px;display:grid}.component-gallery-module__k8VmKa__controls label{gap:6px;display:grid}.component-gallery-module__k8VmKa__controls input,.component-gallery-module__k8VmKa__controls select{max-width:100%}.component-gallery-module__k8VmKa__settings pre{background:#edf0e7;border-radius:8px;padding:12px;font-size:11px;overflow-x:auto}@media (min-width:1700px){.component-gallery-module__k8VmKa__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:1100px){.component-gallery-module__k8VmKa__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.component-gallery-module__k8VmKa__group,.component-gallery-module__k8VmKa__card{scroll-margin-top:180px}}@media (max-width:600px){.component-gallery-module__k8VmKa__gallery{padding:0 10px 24px}.component-gallery-module__k8VmKa__grid{grid-template-columns:minmax(0,1fr)}.component-gallery-module__k8VmKa__card[data-wide=true]{grid-column:auto}.component-gallery-module__k8VmKa__searchRow{flex-wrap:wrap;gap:8px}.component-gallery-module__k8VmKa__searchRow label{min-width:200px}.component-gallery-module__k8VmKa__groupLinks{gap:4px}.component-gallery-module__k8VmKa__groupMenu>a{padding:5px;font-size:11px}.component-gallery-module__k8VmKa__groupMenu summary{padding:3px 5px}.component-gallery-module__k8VmKa__group,.component-gallery-module__k8VmKa__card{scroll-margin-top:220px}.component-gallery-module__k8VmKa__dropdown{min-width:180px;max-width:260px}.component-gallery-module__k8VmKa__groupMenu .component-gallery-module__k8VmKa__dropdown{max-width:none;position:fixed;top:180px;left:12px;right:12px}.component-gallery-module__k8VmKa__groupMenu:nth-last-child(-n+2) .component-gallery-module__k8VmKa__dropdown{left:12px;right:12px}}.component-gallery-module__k8VmKa__navigator{padding:10px 0}.component-gallery-module__k8VmKa__searchRow{flex-wrap:wrap;gap:10px;margin:0}.component-gallery-module__k8VmKa__searchRow>details{position:relative}.component-gallery-module__k8VmKa__searchRow>details>summary{cursor:pointer;white-space:nowrap;border:1px solid #ccd4c8;border-radius:8px;padding:9px 12px;font-size:13px}.component-gallery-module__k8VmKa__searchRow>details:first-child>summary{border:0;padding-left:0;font-size:16px;font-weight:700}.component-gallery-module__k8VmKa__searchRow>details>div{background:#fff;border:1px solid #ccd4c8;border-radius:10px;min-width:190px;padding:8px;display:grid;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 24px #233b3626}.component-gallery-module__k8VmKa__searchRow>details>div button,.component-gallery-module__k8VmKa__searchRow>details>div a{text-align:left;color:#233b36;border-radius:6px;padding:10px;font-size:13px;text-decoration:none}.component-gallery-module__k8VmKa__searchRow>details>div button:hover,.component-gallery-module__k8VmKa__searchRow>details>div button[aria-pressed=true]{background:#e4eddd}.component-gallery-module__k8VmKa__categories>nav{background:#fff;border:1px solid #ccd4c8;border-radius:10px;width:min(650px,90vw);padding:12px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 24px #233b3626}.component-gallery-module__k8VmKa__group,.component-gallery-module__k8VmKa__card{scroll-margin-top:90px}@media (max-width:600px){.component-gallery-module__k8VmKa__searchRow label{flex-basis:100%;order:4;max-width:none}.component-gallery-module__k8VmKa__searchRow>details:first-child{flex:1}.component-gallery-module__k8VmKa__searchRow>details:first-child>summary{font-size:13px}.component-gallery-module__k8VmKa__searchRow>details>summary{padding:7px}.component-gallery-module__k8VmKa__group,.component-gallery-module__k8VmKa__card{scroll-margin-top:135px}}
.project-delete-dialog-module__6Reesq__dialog{pointer-events:auto;border-radius:var(--magma-radius-surface);color:#fff;background:0 0;border:0;width:min(480px,100vw - 24px);max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:0;overflow:auto}.project-delete-dialog-module__6Reesq__dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0b15254d}.project-delete-dialog-module__6Reesq__panel.project-delete-dialog-module__6Reesq__panel{box-sizing:border-box;color:#fff;padding:clamp(14px,4vw,24px)}.project-delete-dialog-module__6Reesq__heading{align-items:center;gap:12px;display:flex}.project-delete-dialog-module__6Reesq__heading svg{flex-shrink:0;width:24px;height:24px}.project-delete-dialog-module__6Reesq__heading h2{overflow-wrap:anywhere;margin:0;font-size:clamp(18px,4vw,22px)}.project-delete-dialog-module__6Reesq__panel p{font-size:var(--magma-text-secondary);margin:16px 0;line-height:1.5}.project-delete-dialog-module__6Reesq__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.project-delete-dialog-module__6Reesq__actions>button{flex:150px;min-width:0}@media (max-width:280px){.project-delete-dialog-module__6Reesq__actions>button{font-size:var(--magma-text-secondary);padding:10px}}
.project-waiting-module__j2Ji6a__waiting{box-sizing:border-box;min-height:100%;color:inherit;place-items:center;padding:clamp(8px,2cqh,24px);display:grid}.project-waiting-module__j2Ji6a__card.project-waiting-module__j2Ji6a__card{box-sizing:border-box;text-align:center;overflow-wrap:anywhere;width:100%;min-width:0;max-width:560px;padding:clamp(14px,3cqh,32px)}.project-waiting-module__j2Ji6a__symbol{aspect-ratio:1;background:#ffffff14;border:1px solid #fff6;border-radius:50%;place-items:center;width:clamp(40px,9cqh,68px);margin:0 auto 16px;display:grid;box-shadow:inset 0 1px 2px #ffffff60,0 8px 30px #0002}.project-waiting-module__j2Ji6a__symbol svg{stroke-width:1.5px;width:50%;height:50%}.project-waiting-module__j2Ji6a__saved{justify-content:center;align-items:center;gap:6px;margin:0 0 10px;font-size:14px;display:flex}.project-waiting-module__j2Ji6a__saved svg{flex-shrink:0;width:18px;height:18px}.project-waiting-module__j2Ji6a__card h1{margin:0 0 10px;font-size:clamp(20px,3cqw,28px);line-height:1.2}.project-waiting-module__j2Ji6a__description,.project-waiting-module__j2Ji6a__hint{margin:0;font-size:14px;line-height:1.4}.project-waiting-module__j2Ji6a__name{margin-top:16px;font-size:16px;display:block}.project-waiting-module__j2Ji6a__languages{flex-wrap:wrap;justify-content:center;gap:6px;margin:12px 0;padding:0;list-style:none;display:flex}.project-waiting-module__j2Ji6a__languages li{background:#ffffff0c;border:1px solid #ffffff40;border-radius:12px;max-width:100%;padding:5px 9px;font-size:13px}.project-waiting-module__j2Ji6a__hint{opacity:.8}@container file-window (max-height:560px){.project-waiting-module__j2Ji6a__waiting{padding:8px 0}.project-waiting-module__j2Ji6a__card.project-waiting-module__j2Ji6a__card{padding:14px 16px}.project-waiting-module__j2Ji6a__symbol{width:40px;margin-bottom:8px}.project-waiting-module__j2Ji6a__saved{margin-bottom:6px;font-size:13px}.project-waiting-module__j2Ji6a__card h1{margin-bottom:8px;font-size:22px}.project-waiting-module__j2Ji6a__name{display:none}.project-waiting-module__j2Ji6a__languages{margin:10px 0}.project-waiting-module__j2Ji6a__description,.project-waiting-module__j2Ji6a__hint{font-size:13px}}@container file-window (min-width:480px) and (max-height:560px){.project-waiting-module__j2Ji6a__card.project-waiting-module__j2Ji6a__card{text-align:left;grid-template-columns:48px minmax(0,1fr);column-gap:12px;max-width:620px;display:grid}.project-waiting-module__j2Ji6a__symbol{grid-area:1/1/span 2;align-self:center;margin:0}.project-waiting-module__j2Ji6a__saved,.project-waiting-module__j2Ji6a__card h1{grid-column:2;justify-content:start}.project-waiting-module__j2Ji6a__description,.project-waiting-module__j2Ji6a__languages,.project-waiting-module__j2Ji6a__hint{grid-column:1/-1}.project-waiting-module__j2Ji6a__languages{justify-content:flex-start}}@container file-window (max-width:360px){.project-waiting-module__j2Ji6a__waiting{padding:6px 0}.project-waiting-module__j2Ji6a__card.project-waiting-module__j2Ji6a__card{padding:12px}.project-waiting-module__j2Ji6a__card h1{font-size:20px}.project-waiting-module__j2Ji6a__symbol,.project-waiting-module__j2Ji6a__name,.project-waiting-module__j2Ji6a__hint{display:none}.project-waiting-module__j2Ji6a__description{font-size:12px}.project-waiting-module__j2Ji6a__languages{margin:10px 0 0}}@container file-window (max-height:340px){.project-waiting-module__j2Ji6a__symbol,.project-waiting-module__j2Ji6a__name,.project-waiting-module__j2Ji6a__hint{display:none}.project-waiting-module__j2Ji6a__card.project-waiting-module__j2Ji6a__card{padding:10px 12px}.project-waiting-module__j2Ji6a__card h1{font-size:20px}.project-waiting-module__j2Ji6a__languages{margin:8px 0 0}}@container file-window (max-width:360px) and (max-height:340px){.project-waiting-module__j2Ji6a__description{display:none}.project-waiting-module__j2Ji6a__saved{font-size:12px}.project-waiting-module__j2Ji6a__card h1{font-size:18px}}.project-waiting-module__j2Ji6a__testButton.project-waiting-module__j2Ji6a__testButton{grid-column:1/-1;justify-self:center;margin-top:16px}
.project-completed-module__WDFR9W__completed{box-sizing:border-box;width:100%;min-width:0;max-width:1200px;margin:0 auto;padding:12px 0}.project-completed-module__WDFR9W__summary.project-completed-module__WDFR9W__summary{color:inherit;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:18px;display:grid}.project-completed-module__WDFR9W__check{background:#90efba20;border:1px solid #c7ffdf80;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.project-completed-module__WDFR9W__check svg{width:24px;height:24px}.project-completed-module__WDFR9W__summary h1{overflow-wrap:anywhere;margin:0;font-size:clamp(18px,2.5cqw,26px);line-height:1.2}.project-completed-module__WDFR9W__summary p{margin:6px 0 0;font-size:13px;line-height:1.4}.project-completed-module__WDFR9W__count{white-space:nowrap;font-size:12px}.project-completed-module__WDFR9W__toolbar{justify-content:space-between;align-items:center;gap:10px;margin:14px 0 10px;display:flex}.project-completed-module__WDFR9W__toolbar h2{margin:0;font-size:17px}.project-completed-module__WDFR9W__toolbar label{flex-direction:row;align-items:center;gap:8px;min-width:0;max-width:100%;font-size:12px;display:flex}.project-completed-module__WDFR9W__toolbar select{width:auto;min-width:0;max-width:100%;color:inherit;font:inherit;background:#ffffff18;border:1px solid #fff5;border-radius:10px;height:34px;padding:6px 8px}.project-completed-module__WDFR9W__toolbar option{color:#152b35}.project-completed-module__WDFR9W__results{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.project-completed-module__WDFR9W__results li{min-width:0}.project-completed-module__WDFR9W__result.project-completed-module__WDFR9W__result{box-sizing:border-box;height:100%;color:inherit;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;display:grid}.project-completed-module__WDFR9W__fileIcon{width:22px;height:22px}.project-completed-module__WDFR9W__details{min-width:0}.project-completed-module__WDFR9W__details h3{overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.35}.project-completed-module__WDFR9W__details p{overflow-wrap:anywhere;margin:4px 0 0;font-size:12px;line-height:1.4}.project-completed-module__WDFR9W__download.project-completed-module__WDFR9W__download.project-completed-module__WDFR9W__download{min-height:36px;padding:7px 10px;font-size:12px;overflow:hidden}.project-completed-module__WDFR9W__download svg{width:16px;height:16px}.project-completed-module__WDFR9W__notice{overflow-wrap:anywhere;margin:8px 0 0;font-size:12px}.project-completed-module__WDFR9W__notice:empty{display:none}@container file-window (max-width:900px){.project-completed-module__WDFR9W__download.project-completed-module__WDFR9W__download.project-completed-module__WDFR9W__download{width:34px;min-width:34px;height:34px;min-height:34px;padding:7px}.project-completed-module__WDFR9W__download>span:not([data-glass-layer])>span{display:none}.project-completed-module__WDFR9W__details h3{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}@container file-window (max-width:620px){.project-completed-module__WDFR9W__results{grid-template-columns:minmax(0,1fr)}.project-completed-module__WDFR9W__summary.project-completed-module__WDFR9W__summary{grid-template-columns:auto minmax(0,1fr);gap:8px;padding:12px}.project-completed-module__WDFR9W__count{grid-column:2}.project-completed-module__WDFR9W__toolbar h2{font-size:15px}}@container file-window (max-height:560px){.project-completed-module__WDFR9W__completed{padding:2px 0}.project-completed-module__WDFR9W__summary.project-completed-module__WDFR9W__summary{gap:8px;padding:10px}.project-completed-module__WDFR9W__check{width:30px;height:30px}.project-completed-module__WDFR9W__check svg{width:20px;height:20px}.project-completed-module__WDFR9W__summary h1{font-size:18px}.project-completed-module__WDFR9W__summary p{display:none}.project-completed-module__WDFR9W__toolbar{margin:8px 0}.project-completed-module__WDFR9W__result.project-completed-module__WDFR9W__result{gap:8px;padding:8px}.project-completed-module__WDFR9W__results{gap:6px}.project-completed-module__WDFR9W__details h3{font-size:13px}.project-completed-module__WDFR9W__details p{margin-top:2px;font-size:11px}}@container file-window (max-width:360px){.project-completed-module__WDFR9W__summary.project-completed-module__WDFR9W__summary{gap:6px;padding:10px}.project-completed-module__WDFR9W__summary h1{font-size:17px}.project-completed-module__WDFR9W__check{width:28px;height:28px}.project-completed-module__WDFR9W__summary p{font-size:12px}.project-completed-module__WDFR9W__toolbar label{flex:1}.project-completed-module__WDFR9W__toolbar select{width:100%}.project-completed-module__WDFR9W__toolbar label>span,.project-completed-module__WDFR9W__toolbar h2{display:none}.project-completed-module__WDFR9W__result.project-completed-module__WDFR9W__result{grid-template-columns:minmax(0,1fr) auto;gap:6px;padding:8px}.project-completed-module__WDFR9W__fileIcon{display:none}.project-completed-module__WDFR9W__details h3{font-size:12px}.project-completed-module__WDFR9W__count{white-space:normal;font-size:11px}}@container file-window (max-height:340px){.project-completed-module__WDFR9W__summary.project-completed-module__WDFR9W__summary{padding:8px}.project-completed-module__WDFR9W__summary h1{font-size:16px}.project-completed-module__WDFR9W__check{display:none}.project-completed-module__WDFR9W__summary.project-completed-module__WDFR9W__summary{grid-template-columns:minmax(0,1fr) auto}.project-completed-module__WDFR9W__count{grid-column:auto}.project-completed-module__WDFR9W__toolbar{margin:6px 0}.project-completed-module__WDFR9W__toolbar select{height:30px}}.project-completed-module__WDFR9W__summary[data-empty=true] p{display:block}
.project-filters-module__b9I02a__container{margin-bottom:6px}.project-filters-module__b9I02a__filters{font-size:var(--magma-text-secondary);grid-template-columns:minmax(0,1fr) 160px 110px 160px;align-items:center;gap:7px;padding:0 16px;display:grid}.project-filters-module__b9I02a__name{grid-column:1;grid-template-columns:76px minmax(0,1fr);align-items:center;min-width:0;display:grid;transform:translate(-6px)}.project-filters-module__b9I02a__state{width:max-content;min-width:0;max-width:100%;min-height:40px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;grid-column:2;padding:6px 4px}.project-filters-module__b9I02a__filters>button{background:0 0;border-color:#0000;grid-column:4;justify-content:flex-start;width:100%;min-width:0;padding:6px 4px}.project-filters-module__b9I02a__clear{color:inherit;font:inherit;font-size:var(--magma-text-secondary);cursor:pointer;background:0 0;border:0;min-height:32px;margin-left:16px;text-decoration:underline}.project-filters-module__b9I02a__state:focus-visible{outline-offset:2px;border-radius:var(--magma-radius-compact);outline:2px solid}@container file-window (max-width:760px){.project-filters-module__b9I02a__filters{grid-template-columns:minmax(0,1fr) minmax(110px,140px) minmax(120px,150px);padding:0 8px}.project-filters-module__b9I02a__filters>button{grid-column:3}}@container file-window (max-width:600px){.project-filters-module__b9I02a__filters{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 10px}.project-filters-module__b9I02a__name{grid-column:1/-1;display:grid}.project-filters-module__b9I02a__statusFilter{grid-column:1}.project-filters-module__b9I02a__filters>button{grid-column:2}}@container file-window (max-width:420px){.project-filters-module__b9I02a__filters{grid-template-columns:minmax(0,1fr);gap:4px;padding:0}.project-filters-module__b9I02a__statusFilter,.project-filters-module__b9I02a__filters>button{grid-column:1}.project-filters-module__b9I02a__container{margin-bottom:6px}}.project-filters-module__b9I02a__name>button{background:0 0;border-color:#0000;justify-content:flex-start;gap:6px;min-width:0;padding:6px 4px}.project-filters-module__b9I02a__state{justify-self:start}.project-filters-module__b9I02a__statusFilter{grid-column:2;justify-self:start;align-items:center;gap:4px;min-width:0;max-width:100%;display:flex}.project-filters-module__b9I02a__state{appearance:none;field-sizing:content;background-image:none;flex:0 auto;width:auto;min-width:6ch}.project-filters-module__b9I02a__removeStatus{border-radius:var(--magma-radius-compact);width:28px;height:28px;color:inherit;cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:4px;display:grid}.project-filters-module__b9I02a__removeStatus svg{width:13px;height:13px}.project-filters-module__b9I02a__removeStatus:hover{background:#ffffff20}.project-filters-module__b9I02a__removeStatus:focus-visible{outline:2px solid}@container file-window (max-width:600px){.project-filters-module__b9I02a__statusFilter{grid-column:1}}.project-filters-module__b9I02a__selectAll{border-radius:var(--magma-radius-compact);cursor:pointer;background:#fff2;border:1px solid #fff5;place-items:center;width:30px;height:30px;display:grid}.project-filters-module__b9I02a__selectAll input{accent-color:#448be5;cursor:pointer;width:17px;height:17px;margin:0}.project-filters-module__b9I02a__selectAll:has(input:disabled){opacity:.45;cursor:default}.project-filters-module__b9I02a__statusFilter .project-filters-module__b9I02a__state{border-radius:var(--magma-radius-compact);min-height:36px;box-shadow:none;font-size:var(--magma-text-secondary);background:0 0;border:1px solid #0000;padding:6px 4px}.project-filters-module__b9I02a__statusFilter .project-filters-module__b9I02a__state[aria-expanded=true]{background:#ffffff18;border-color:#ffffff40}.project-filters-module__b9I02a__statusPopover{color:inherit;background:0 0;border:0;max-width:calc(100vw - 16px);margin:0;padding:0;position:fixed;inset:auto;overflow:visible}.project-filters-module__b9I02a__statusMenu{color:#fff;max-height:calc(100dvh - 16px);padding:6px;overflow-y:auto}.project-filters-module__b9I02a__statusMenu button{border-radius:var(--magma-radius-surface);width:100%;min-height:42px;color:inherit;font:inherit;font-size:var(--magma-text-secondary);text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px;display:flex}.project-filters-module__b9I02a__statusMenu button:hover,.project-filters-module__b9I02a__statusMenu button:focus-visible{outline-offset:-2px;background:#ffffff24;outline:2px solid #ffffff70}.project-filters-module__b9I02a__statusMenu button[aria-checked=true]{background:#ffffff30;font-weight:600}@media (forced-colors:active){.project-filters-module__b9I02a__statusMenu{color:canvastext}.project-filters-module__b9I02a__statusMenu button[aria-checked=true]{outline:2px solid highlight}}
.desktop-taskbar-module__JHf0ea__bar{z-index:20;--icon-button-size:38px;box-sizing:border-box;background:0 0;border:0;border-radius:0;flex:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:48px;padding:2px 8px;display:grid;position:relative;overflow:clip}.desktop-taskbar-module__JHf0ea__windows{scrollbar-width:none;-ms-overflow-style:none;flex:0 auto;align-items:center;gap:8px;min-width:0;padding:3px 4px;display:flex;overflow-x:auto}.desktop-taskbar-module__JHf0ea__windows::-webkit-scrollbar{width:0;height:0;display:none}.desktop-taskbar-module__JHf0ea__windowItem{flex:0 180px;min-width:48px;max-width:180px;display:flex;position:relative}.desktop-taskbar-module__JHf0ea__tab.desktop-taskbar-module__JHf0ea__tab.desktop-taskbar-module__JHf0ea__tab{box-sizing:border-box;border-radius:var(--magma-radius-surface);width:100%;min-width:0;max-width:100%;height:38px;min-height:38px;font-size:var(--magma-text-secondary);padding:7px 32px 7px 10px;position:relative}.desktop-taskbar-module__JHf0ea__tab.desktop-taskbar-module__JHf0ea__tab>span:last-child{justify-content:flex-start;align-items:center;gap:6px;width:100%;min-width:0;display:flex}.desktop-taskbar-module__JHf0ea__tab[data-minimized=true]{opacity:1}.desktop-taskbar-module__JHf0ea__windowName{text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0;line-height:18px;display:block;overflow:hidden}.desktop-taskbar-module__JHf0ea__organize{flex:none;position:relative}.desktop-taskbar-module__JHf0ea__organize button,.desktop-taskbar-module__JHf0ea__create.desktop-taskbar-module__JHf0ea__create{border-radius:var(--magma-radius-surface)}.desktop-taskbar-module__JHf0ea__create.desktop-taskbar-module__JHf0ea__create{--icon-button-size:38px;flex:none}.desktop-taskbar-module__JHf0ea__bar.desktop-taskbar-module__JHf0ea__bar button[aria-label]>span:last-child>svg{flex-shrink:0;width:16px;height:16px}@media (max-width:720px){.desktop-taskbar-module__JHf0ea__bar{--icon-button-size:36px;gap:6px;min-height:44px;padding:1px 6px}.desktop-taskbar-module__JHf0ea__windows{gap:6px;padding:3px}.desktop-taskbar-module__JHf0ea__tab.desktop-taskbar-module__JHf0ea__tab.desktop-taskbar-module__JHf0ea__tab{width:100%;height:36px;min-height:36px;font-size:var(--magma-text-secondary);padding:6px 30px 6px 8px}.desktop-taskbar-module__JHf0ea__create.desktop-taskbar-module__JHf0ea__create{--icon-button-size:36px}}.desktop-taskbar-module__JHf0ea__bar button[data-glass-button]{color:#152b35}.desktop-taskbar-module__JHf0ea__bar button[data-glass-button]>[data-glass-layer=refraction]{background:linear-gradient(165deg,#f5fcff9e 0%,#bfd0dc7a 24%,#d5e1eaad 56%,#97aebf61 100%);box-shadow:inset 0 1px 1px #ffffffc2,inset 1px 0 1px #ffffff61,inset 0 -1px 2px #f1faff8a,inset 0 -7px 12px #2943541f}.desktop-taskbar-module__JHf0ea__bar button[data-glass-button][data-appearance=dark]{color:#f5f8fc}.desktop-taskbar-module__JHf0ea__bar button[data-glass-button][data-appearance=dark]>[data-glass-layer=refraction]{background:linear-gradient(165deg,#647c908c 0%,#1c2c3b9e 28%,#1b2a38c7 60%,#3a526680 100%)}.desktop-taskbar-module__JHf0ea__bar button[data-glass-button][data-opaque=true]>[data-glass-layer=refraction],.desktop-taskbar-module__JHf0ea__bar button[data-glass-button][data-contrast=true]>[data-glass-layer=refraction]{background:#dae4ec}.desktop-taskbar-module__JHf0ea__bar button[data-glass-button][data-appearance=dark]:is([data-opaque=true],[data-contrast=true])>[data-glass-layer=refraction]{background:#1e2c39}@media (forced-colors:active){.desktop-taskbar-module__JHf0ea__bar button[data-glass-button]{color:buttontext}}.desktop-taskbar-module__JHf0ea__bar button[data-glass-button]:not([data-contrast=true])>span:last-child{text-shadow:0 1px 1px #fff5}.desktop-taskbar-module__JHf0ea__bar button[data-glass-button][data-appearance=dark]>span:last-child{text-shadow:0 1px 2px #0008}.desktop-taskbar-module__JHf0ea__closeWindow{border-radius:var(--magma-radius-compact);color:#152b35;cursor:default;background:0 0;border:0;justify-content:center;align-items:center;width:24px;height:26px;padding:0;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.desktop-taskbar-module__JHf0ea__closeWindow svg{width:12px;height:12px}.desktop-taskbar-module__JHf0ea__closeWindow:hover{background:#ffffff40}.desktop-taskbar-module__JHf0ea__closeWindow:focus-visible{outline-offset:-2px;outline:2px solid}.desktop-taskbar-module__JHf0ea__windowItem:has([data-appearance=dark]) .desktop-taskbar-module__JHf0ea__closeWindow{color:#f5f8fc}.desktop-taskbar-module__JHf0ea__bar{z-index:60}.desktop-taskbar-module__JHf0ea__leftActions{scrollbar-width:none;-ms-overflow-style:none;--icon-button-size:40px;align-items:center;gap:10px;min-width:0;padding:3px;display:flex;overflow:auto hidden}.desktop-taskbar-module__JHf0ea__leftActions>button,.desktop-taskbar-module__JHf0ea__launcher.desktop-taskbar-module__JHf0ea__launcher{flex:none}.desktop-taskbar-module__JHf0ea__leftActions::-webkit-scrollbar{width:0;height:0;display:none}.desktop-taskbar-module__JHf0ea__launcher.desktop-taskbar-module__JHf0ea__launcher{--icon-button-size:40px;border-radius:var(--magma-radius-surface);display:flex}.desktop-taskbar-module__JHf0ea__bar{-webkit-backdrop-filter:blur(32px)saturate(.65);background:#b3c2cce0;border-top:1px solid #f4faff61;box-shadow:0 -3px 14px #14232e1f}.desktop-taskbar-module__JHf0ea__bar:has([data-appearance=dark]){background:#222e39eb;border-top-color:#d7e6f02e}@media (prefers-reduced-transparency:reduce){.desktop-taskbar-module__JHf0ea__bar{-webkit-backdrop-filter:none;background:#b3c2cc}.desktop-taskbar-module__JHf0ea__bar:has([data-appearance=dark]){background:#222e39}}@media (forced-colors:active){.desktop-taskbar-module__JHf0ea__bar{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:canvas;border-top:1px solid canvastext}}.desktop-taskbar-module__JHf0ea__magmaSymbol{background:currentColor;width:24px;height:24px;display:block;-webkit-mask:url(/brand/magma-symbol-monochrome.svg) 50%/contain no-repeat;mask:url(/brand/magma-symbol-monochrome.svg) 50%/contain no-repeat}.desktop-taskbar-module__JHf0ea__rightActions{align-items:center;gap:8px;display:flex}.desktop-taskbar-module__JHf0ea__windowActions{justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}@media (max-width:720px){.desktop-taskbar-module__JHf0ea__windowActions{gap:6px}}.desktop-taskbar-module__JHf0ea__tab.desktop-taskbar-module__JHf0ea__tab.desktop-taskbar-module__JHf0ea__tab{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:default}.desktop-taskbar-module__JHf0ea__tab.desktop-taskbar-module__JHf0ea__tab.desktop-taskbar-module__JHf0ea__tab:active{cursor:default}.desktop-taskbar-module__JHf0ea__leftActions button[data-glass-button]>[data-glass-layer=depth]{box-shadow:0 2px 4px -1px #08182552}.desktop-taskbar-module__JHf0ea__leftActions button[data-glass-button] [data-area-icon]{width:28px!important;height:28px!important}.desktop-taskbar-module__JHf0ea__leftActions button[data-glass-button]>span:last-child>svg{width:24px;height:24px}@media (max-width:720px){.desktop-taskbar-module__JHf0ea__leftActions{--icon-button-size:38px;gap:8px}.desktop-taskbar-module__JHf0ea__launcher.desktop-taskbar-module__JHf0ea__launcher{--icon-button-size:38px}}@media (forced-colors:active){.desktop-taskbar-module__JHf0ea__leftActions button[data-glass-button]{outline:1px solid buttontext}}.desktop-taskbar-module__JHf0ea__bar .desktop-taskbar-module__JHf0ea__leftActions>button[data-glass-button]{width:54px;min-width:54px}@media (max-width:720px){.desktop-taskbar-module__JHf0ea__bar .desktop-taskbar-module__JHf0ea__leftActions>button[data-glass-button]{width:50px;min-width:50px}}@media not (forced-colors:active){.desktop-taskbar-module__JHf0ea__bar{background:#bccbd5}}.desktop-taskbar-module__JHf0ea__bar [data-area-icon]{transform-origin:50%;scale:.8}.desktop-taskbar-module__JHf0ea__bar .desktop-taskbar-module__JHf0ea__leftActions button[data-glass-button] [data-area-icon=magma-ai]{vertical-align:middle;justify-content:center;align-items:center;line-height:0;scale:1;display:inline-flex!important}.desktop-taskbar-module__JHf0ea__bar .desktop-taskbar-module__JHf0ea__leftActions [data-area-icon=magma-ai]>span{transform:translate(2%,8%)scale(1)!important}.desktop-taskbar-module__JHf0ea__bar{height:52px;min-height:52px;max-height:52px}@media (max-width:720px){.desktop-taskbar-module__JHf0ea__bar{height:48px;min-height:48px;max-height:48px}}
.additional-components-preview-module__duTJZq__stage{width:100%;min-width:0;color:inherit;flex-direction:column;gap:20px;display:flex;position:relative;container-type:inline-size}.additional-components-preview-module__duTJZq__surface{min-height:120px;padding:36px}.additional-components-preview-module__duTJZq__row{flex-wrap:wrap;align-items:center;gap:14px;min-width:0;display:flex}.additional-components-preview-module__duTJZq__row svg{flex:none;width:24px;height:24px}.additional-components-preview-module__duTJZq__card{align-items:center;gap:16px;min-width:0;padding:16px;display:flex}.additional-components-preview-module__duTJZq__card button{font:inherit;color:inherit}.additional-components-preview-module__duTJZq__card>.additional-components-preview-module__duTJZq__row{text-align:left;background:0 0;border:0;flex:1}.additional-components-preview-module__duTJZq__card strong,.additional-components-preview-module__duTJZq__details{overflow-wrap:anywhere;min-width:0}.additional-components-preview-module__duTJZq__card strong{flex:1}.additional-components-preview-module__duTJZq__card svg,.additional-components-preview-module__duTJZq__marker{flex:none}.additional-components-preview-module__duTJZq__details{flex:1}.additional-components-preview-module__duTJZq__details h3{font-size:16px}.additional-components-preview-module__duTJZq__chips{gap:12px;padding:0;list-style:none;display:flex}.additional-components-preview-module__duTJZq__chips li{background:#ffffff20;border:1px solid #ffffff60;border-radius:14px;align-items:center;gap:10px;padding:10px;display:flex}.additional-components-preview-module__duTJZq__chips button{color:inherit;background:0 0;border:0}.additional-components-preview-module__duTJZq__chips svg{width:18px;height:18px}.additional-components-preview-module__duTJZq__actions{justify-content:flex-end;min-height:190px;display:flex}.additional-components-preview-module__duTJZq__actions>div{position:relative;display:block!important}.additional-components-preview-module__duTJZq__profile.additional-components-preview-module__duTJZq__profile{box-sizing:border-box;justify-content:flex-end;width:min(100%,320px);height:280px;min-height:280px;padding:16px}.additional-components-preview-module__duTJZq__chat{width:100%;min-width:0;height:540px}.additional-components-preview-module__duTJZq__status:empty{display:none}.additional-components-preview-module__duTJZq__stage[data-preview-component=chat-message-area]>section{height:340px}.additional-components-preview-module__duTJZq__stage[data-preview-component=taskbar]{overflow:auto}.additional-components-preview-module__duTJZq__stage[data-preview-component=separator] hr{box-sizing:border-box;width:100%}@container (max-width:420px){.additional-components-preview-module__duTJZq__card{flex-wrap:wrap}.additional-components-preview-module__duTJZq__card .additional-components-preview-module__duTJZq__row,.additional-components-preview-module__duTJZq__row{gap:8px}}.additional-components-preview-module__duTJZq__stage.additional-components-preview-module__duTJZq__platformScope{box-sizing:border-box;color:#252d2b;background:#f7f7f2;border-radius:12px;width:100%;height:auto;min-height:0;padding:18px;font:14px/1.55 DM Sans,sans-serif}
.system-preview-module__me71kG__scene{isolation:isolate;color:#183240;background:#e1e8ec;border-radius:28px;min-height:640px;position:relative;overflow:hidden;container-type:inline-size}.system-preview-module__me71kG__scene[data-system-kind=model-selection]{min-height:760px}.system-preview-module__me71kG__scene[data-background=dark]{color:#f3f8ff;background:#172635}.system-preview-module__me71kG__scene[data-background=flower],.system-preview-module__me71kG__scene[data-background=architecture]{color:#fff;background:#314957}.system-preview-module__me71kG__wallpaper{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.system-preview-module__me71kG__contrastBackdrop{width:180%;display:flex;position:absolute;inset:0}.system-preview-module__me71kG__contrastBackdrop>div{flex:1}.system-preview-module__me71kG__textBackdrop{color:#1a3749;padding:25px;position:absolute;inset:0}.system-preview-module__me71kG__textBackdrop section{height:135px}.system-preview-module__me71kG__textBackdrop strong{font-size:26px}.system-preview-module__me71kG__textBackdrop p{font-size:16px;line-height:1.6}.system-preview-module__me71kG__heading{pointer-events:none;padding:28px;position:relative}.system-preview-module__me71kG__heading span{letter-spacing:1.5px;font-size:9px}.system-preview-module__me71kG__heading h3{letter-spacing:-1px;margin:13px 0;font-size:30px;font-weight:500}.system-preview-module__me71kG__scene[data-background=text] .system-preview-module__me71kG__heading{visibility:hidden}.system-preview-module__me71kG__showcase{isolation:isolate;flex-direction:column;align-items:center;gap:26px;width:calc(100% - 48px);min-height:230px;margin:42px auto 95px;display:flex;position:relative}.system-preview-module__me71kG__showcase[data-kind=scroll]{width:calc(100% - 32px);margin-top:0}.system-preview-module__me71kG__showcase[data-kind=model-selection],.system-preview-module__me71kG__showcase[data-kind=menu]{margin-top:10px}.system-preview-module__me71kG__row{flex-wrap:wrap;justify-content:center;gap:14px;max-width:100%;display:flex}.system-preview-module__me71kG__dimming{filter:blur(12px);z-index:-1;pointer-events:none;background:#0006;border-radius:40px;position:absolute;inset:-16px}.system-preview-module__me71kG__note{text-align:center;max-width:280px;font-size:12px;line-height:1.6;position:relative}.system-preview-module__me71kG__sensor{position:absolute;bottom:48px;left:24px;right:24px}.system-preview-module__me71kG__sensor button{color:inherit;background:#ffffff20;border:1px solid #8599a080;border-radius:14px;padding:6px 10px;font-size:11px}.system-preview-module__me71kG__caption{opacity:.8;margin:0;font-size:10px;position:absolute;bottom:18px;left:24px;right:24px}.system-preview-module__me71kG__effort{flex-direction:column;gap:6px;font-size:13px;display:flex}.system-preview-module__me71kG__toggle{min-height:40px;position:relative;color:#183240!important;background:#ffffff50!important;border:1px solid #70879470!important;border-radius:20px!important;font-size:12px!important}.system-preview-module__me71kG__scene[data-background=contrast] .system-preview-module__me71kG__heading,.system-preview-module__me71kG__scene[data-background=contrast] .system-preview-module__me71kG__caption{color:#183240;background:#ffffffb8}.system-preview-module__me71kG__scene[data-background=contrast] .system-preview-module__me71kG__heading{border-radius:0 0 24px;width:max-content;max-width:100%}.system-preview-module__me71kG__scene[data-background=contrast] .system-preview-module__me71kG__caption{border-radius:8px;padding:4px 8px}@container (max-width:360px){.system-preview-module__me71kG__heading{padding:22px}.system-preview-module__me71kG__heading h3{font-size:25px}.system-preview-module__me71kG__showcase{width:calc(100% - 32px)}.system-preview-module__me71kG__row{gap:9px}.system-preview-module__me71kG__row button{padding:10px 13px;font-size:13px}.system-preview-module__me71kG__sensor{bottom:58px}.system-preview-module__me71kG__caption{font-size:10px;line-height:1.5}}.system-preview-module__me71kG__showcase[data-kind=panel]{width:calc(100% - 48px);max-width:none}.system-preview-module__me71kG__emptyPanel{width:100%;height:330px}.system-preview-module__me71kG__showcase[data-kind=panel-box]{width:calc(100% - 48px);max-width:none}.system-preview-module__me71kG__boxPanel{flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;min-height:330px;padding:28px 16px;display:flex}.system-preview-module__me71kG__fileContent{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.system-preview-module__me71kG__scene[data-system-kind=platform-sidebar] .system-preview-module__me71kG__heading{display:none}.system-preview-module__me71kG__showcase[data-kind=platform-sidebar]{height:740px;margin:20px auto 70px}.system-preview-module__me71kG__platformStage{box-sizing:border-box;background:#e1e5e8;width:100%;padding:12px}.system-preview-module__me71kG__scene{min-height:var(--preview-height,640px)}.system-preview-module__me71kG__scene[data-compact=true]{flex-direction:column;justify-content:center;display:flex}.system-preview-module__me71kG__scene[data-compact=true]>.system-preview-module__me71kG__heading{display:none}.system-preview-module__me71kG__scene[data-compact=true] .system-preview-module__me71kG__showcase{gap:16px;min-height:0;margin:24px auto}[data-gallery-preview] .system-preview-module__me71kG__heading{display:none}[data-gallery-preview] .system-preview-module__me71kG__emptyPanel{height:150px}[data-gallery-preview] .system-preview-module__me71kG__boxPanel{min-height:160px;padding:12px}[data-gallery-preview] .system-preview-module__me71kG__showcase{min-height:0;margin:16px auto}.system-preview-module__me71kG__platformStage[data-background=dark]{background:#172635}.system-preview-module__me71kG__platformStage[data-background=light]{background:#e1e8ec}.system-preview-module__me71kG__platformStage[data-background=flower]{background:url(/glass-studies/assets/morph-flower-v1.png) 50%/cover}.system-preview-module__me71kG__platformStage[data-background=architecture]{background:url(/glass-studies/assets/reference-wallpaper.png) 50%/cover}.system-preview-module__me71kG__platformStage[data-background=contrast]{background:linear-gradient(90deg,#eef2f4 50%,#172635 50%)}.system-preview-module__me71kG__platformStage[data-background=text]{background:repeating-linear-gradient(0deg,#e1e8ec 0 18px,#9aa9b3 19px 20px)}
.material-lab-module__t8XqWq__lab{color:#233b36;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--line:#dcded5;--ink:#233b36;--accent:#345b4c;--muted:#7a8177;background:#f5f4ef;min-height:100vh;font-family:DM Sans,Arial,sans-serif;font-size:13px;line-height:1.5}.material-lab-module__t8XqWq__lab button,.material-lab-module__t8XqWq__lab select,.material-lab-module__t8XqWq__lab input{font:inherit;color:inherit}.material-lab-module__t8XqWq__lab button{border:1px solid var(--line);background:0 0;border-radius:9px;padding:8px 12px}.material-lab-module__t8XqWq__lab button:hover{background:#e6e9df}.material-lab-module__t8XqWq__lab input[type=range]{accent-color:var(--accent);cursor:ew-resize;width:100%;height:4px;margin:11px 0}.material-lab-module__t8XqWq__lab input[type=checkbox]{accent-color:var(--accent)}.material-lab-module__t8XqWq__lab select{border:1px solid var(--line);background:#fafaf6;border-radius:7px;max-width:100%;padding:7px}.material-lab-module__t8XqWq__lab button:focus-visible,.material-lab-module__t8XqWq__lab input:focus-visible,.material-lab-module__t8XqWq__lab select:focus-visible,.material-lab-module__t8XqWq__lab summary:focus-visible{outline-offset:3px;outline:2px solid #3d806c}.material-lab-module__t8XqWq__header{border-bottom:1px solid var(--line);align-items:center;gap:24px;height:40px;padding:0 18px;display:flex}.material-lab-module__t8XqWq__brand{letter-spacing:-2px;font:italic 700 24px Georgia,serif;color:var(--ink)!important;text-decoration:none!important}.material-lab-module__t8XqWq__breadcrumb{letter-spacing:1.4px;color:#707b71;font-size:10px}.material-lab-module__t8XqWq__breadcrumb span{color:#b0b5a9;padding:0 14px}.material-lab-module__t8XqWq__badge{color:#697d66;border:1px solid #d0d7c9;border-radius:20px;margin-left:auto;padding:3px 10px;font-size:10px}.material-lab-module__t8XqWq__layout{grid-template-columns:210px minmax(0,1fr) 275px;max-width:1900px;min-height:calc(100vh - 138px);margin:auto;display:grid}.material-lab-module__t8XqWq__library{border-right:1px solid var(--line);padding:8px 17px 24px 18px}.material-lab-module__t8XqWq__eyebrow{letter-spacing:1.6px;color:var(--muted);margin:0 0 13px;font-size:9px;font-weight:600}.material-lab-module__t8XqWq__library h1{letter-spacing:-1px;margin:0;font-size:24px;font-weight:500;line-height:1.2}.material-lab-module__t8XqWq__subtitle{color:var(--muted);margin:13px 0 30px;font-size:11px}.material-lab-module__t8XqWq__library nav{gap:7px;display:grid}.material-lab-module__t8XqWq__library nav button{text-align:left;border:1px solid #0000;align-items:center;gap:9px;padding:12px 9px;display:flex}.material-lab-module__t8XqWq__library nav button[aria-pressed=true]{background:#e8ede2;border-color:#d5ddd0}.material-lab-module__t8XqWq__library nav strong{font-size:11px;font-weight:600;display:block}.material-lab-module__t8XqWq__library nav small{color:#818b7a;margin-top:4px;font-size:10px;display:block}.material-lab-module__t8XqWq__componentIcon{color:#496652;width:25px;font-size:24px}.material-lab-module__t8XqWq__libraryNote{border-top:1px solid var(--line);color:#536854;margin-top:42px;padding-top:20px;font-size:10px}.material-lab-module__t8XqWq__libraryNote p{color:var(--muted);line-height:1.7}.material-lab-module__t8XqWq__statusDot{background:#698563;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.material-lab-module__t8XqWq__referenceLink{margin-top:25px;font-size:10px;display:block;color:#75826d!important}.material-lab-module__t8XqWq__workspace{min-width:0;padding:30px 25px}.material-lab-module__t8XqWq__workspaceHeading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:23px;display:flex}.material-lab-module__t8XqWq__workspaceHeading h2{letter-spacing:-1.2px;margin:0;font-size:clamp(22px,2.3vw,33px);font-weight:500;line-height:1.2}.material-lab-module__t8XqWq__workspaceHeading .material-lab-module__t8XqWq__eyebrow{margin-bottom:9px}.material-lab-module__t8XqWq__check{white-space:nowrap;cursor:pointer;align-items:center;gap:7px;font-size:11px;display:flex}.material-lab-module__t8XqWq__toolbar{align-items:center;gap:13px;margin-bottom:16px;display:flex}.material-lab-module__t8XqWq__toolbar output{color:var(--muted);white-space:nowrap;font-size:10px}.material-lab-module__t8XqWq__toolbar>select{margin-left:auto;font-size:10px}.material-lab-module__t8XqWq__sizes{border:1px solid var(--line);border-radius:10px;gap:3px;padding:3px;display:flex}.material-lab-module__t8XqWq__sizes button{border:0;padding:6px 10px;font-size:10px}.material-lab-module__t8XqWq__sizes button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #31462915}.material-lab-module__t8XqWq__canvasArea{background:0 0;border:0;border-radius:20px;min-width:0;padding:0;overflow:hidden}.material-lab-module__t8XqWq__resizable{resize:horizontal;min-width:min(290px,100%);max-width:100%;margin:auto;padding-bottom:0;overflow:auto}.material-lab-module__t8XqWq__previewGrid{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}.material-lab-module__t8XqWq__previewCard{background:#fafaf7;border-radius:16px;min-width:0;overflow:hidden;box-shadow:0 4px 24px #293c3210}.material-lab-module__t8XqWq__cardLabel{letter-spacing:1.2px;color:#6f7b68;justify-content:space-between;align-items:center;gap:10px;min-height:39px;padding:9px 15px;font-size:8px;display:flex}.material-lab-module__t8XqWq__cardLabel>span:last-child{color:#7e9172;letter-spacing:0}.material-lab-module__t8XqWq__cardLabel select{letter-spacing:0;padding:2px;font-size:9px}.material-lab-module__t8XqWq__componentSurface[data-state=inactive]{filter:saturate(.45);opacity:.72}.material-lab-module__t8XqWq__componentSurface[data-state=disabled]{filter:saturate(.2);opacity:.5}.material-lab-module__t8XqWq__playback{flex-wrap:wrap;align-items:center;gap:16px;margin-top:21px;display:flex}.material-lab-module__t8XqWq__lab .material-lab-module__t8XqWq__primary{color:#fff;background:#2b4b3e;border-color:#2b4b3e;border-radius:22px;justify-content:space-between;align-items:center;gap:20px;padding:10px 16px;font-size:11px;display:flex}.material-lab-module__t8XqWq__lab .material-lab-module__t8XqWq__primary:hover{background:#3b6252}.material-lab-module__t8XqWq__scrub{color:var(--muted);flex:1;align-items:center;gap:10px;min-width:170px;font-size:10px;display:flex}.material-lab-module__t8XqWq__scrub input{min-width:60px}.material-lab-module__t8XqWq__scrub output{min-width:29px}.material-lab-module__t8XqWq__notice{color:#71826c;min-height:18px;margin:15px 0 25px;font-size:11px}.material-lab-module__t8XqWq__error{color:#a34630}.material-lab-module__t8XqWq__usage{border-top:1px solid var(--line);padding-top:18px}.material-lab-module__t8XqWq__usage summary{cursor:pointer;justify-content:space-between;align-items:center;font-size:11px;list-style:none;display:flex}.material-lab-module__t8XqWq__codeActions{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:20px;font-size:10px;display:flex}.material-lab-module__t8XqWq__codeActions span{flex:1}.material-lab-module__t8XqWq__usage pre{color:#deeadb;background:#20382f;border-radius:10px;padding:20px;font-size:12px;overflow:auto}.material-lab-module__t8XqWq__inspector{border-left:1px solid var(--line);background:#eeeee780;padding:30px 22px}.material-lab-module__t8XqWq__inspectorHeading .material-lab-module__t8XqWq__eyebrow{margin-bottom:8px}.material-lab-module__t8XqWq__inspectorHeading button{color:#708064;text-underline-offset:3px;border:0;padding:0;font-size:10px;text-decoration:underline}.material-lab-module__t8XqWq__inspector section{border-top:1px solid var(--line);margin-top:21px;padding-top:21px}.material-lab-module__t8XqWq__inspector h3{justify-content:space-between;margin:0 0 16px;font-size:12px;font-weight:600;display:flex}.material-lab-module__t8XqWq__inspector h3 span{color:#8e9884}.material-lab-module__t8XqWq__backgrounds{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.material-lab-module__t8XqWq__backgrounds button{border-color:#0000;flex-direction:column;align-items:center;gap:7px;padding:7px 2px;font-size:9px;display:flex}.material-lab-module__t8XqWq__backgrounds button[aria-pressed=true]{background:#fafcf7;border-color:#aebda4}.material-lab-module__t8XqWq__backgrounds i{background:#ddd;border:1px solid #0001;border-radius:50%;width:28px;height:28px;display:block}.material-lab-module__t8XqWq__backgrounds [data-background=flower] i{background:linear-gradient(140deg,#d6618a,#f1cb23)}.material-lab-module__t8XqWq__backgrounds [data-background=architecture] i{background:linear-gradient(135deg,#527989,#b3a383)}.material-lab-module__t8XqWq__backgrounds [data-background=light] i{background:#e4e6da}.material-lab-module__t8XqWq__backgrounds [data-background=dark] i{background:linear-gradient(135deg,#173c54,#573142)}.material-lab-module__t8XqWq__backgrounds [data-background=text] i{background:repeating-linear-gradient(0deg,#eeeae0 0 5px,#657368 6px 7px)}.material-lab-module__t8XqWq__slider{margin:18px 0 5px;font-size:11px;display:block}.material-lab-module__t8XqWq__slider>span{justify-content:space-between;gap:10px;display:flex}.material-lab-module__t8XqWq__slider output{font-variant-numeric:tabular-nums;color:#86907f;font-size:10px}.material-lab-module__t8XqWq__hint{color:#8a9282;margin:8px 0;font-size:10px;line-height:1.7}.material-lab-module__t8XqWq__name{border:1px solid var(--line);background:#fafbf7;border-radius:8px;width:100%;min-width:0;padding:9px 10px;font-size:11px!important}.material-lab-module__t8XqWq__lab .material-lab-module__t8XqWq__save{background:#e0e7d8;border-color:#d1dac8;width:100%;margin-top:8px;font-size:10px}.material-lab-module__t8XqWq__presets{gap:6px;max-height:260px;margin-top:14px;display:grid;overflow:auto}.material-lab-module__t8XqWq__presets button{text-align:left;overflow-wrap:anywhere;padding:9px 10px;font-size:11px}.material-lab-module__t8XqWq__presets small{color:#8b9581;margin-top:3px;font-size:9px;display:block}.material-lab-module__t8XqWq__footer{border-top:1px solid var(--line);letter-spacing:1.1px;color:#89917f;justify-content:space-between;gap:20px;padding:19px 30px;font-size:8px;display:flex}.material-lab-module__t8XqWq__footer span{letter-spacing:0;font-size:9px}@media (min-width:1700px){.material-lab-module__t8XqWq__previewGrid[data-compare=true]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1100px){.material-lab-module__t8XqWq__layout{grid-template-columns:170px minmax(0,1fr)}.material-lab-module__t8XqWq__library{padding-left:17px}.material-lab-module__t8XqWq__inspector{border-top:1px solid var(--line);border-left:0;grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.material-lab-module__t8XqWq__inspectorHeading{grid-column:1/-1}.material-lab-module__t8XqWq__inspector section{margin-top:0}.material-lab-module__t8XqWq__workspace{padding:26px 20px}.material-lab-module__t8XqWq__workspaceHeading{align-items:start}.material-lab-module__t8XqWq__workspaceHeading .material-lab-module__t8XqWq__check{margin-top:9px}.material-lab-module__t8XqWq__toolbar{flex-wrap:wrap}.material-lab-module__t8XqWq__toolbar>select{margin-left:0}}@media (max-width:650px){.material-lab-module__t8XqWq__header{gap:15px;height:68px;padding:0 17px}.material-lab-module__t8XqWq__brand{font-size:30px}.material-lab-module__t8XqWq__breadcrumb{letter-spacing:.5px;font-size:8px}.material-lab-module__t8XqWq__breadcrumb span{padding:0 5px}.material-lab-module__t8XqWq__badge{display:none}.material-lab-module__t8XqWq__layout{display:block}.material-lab-module__t8XqWq__library{border:0;padding:22px 17px 0}.material-lab-module__t8XqWq__library>.material-lab-module__t8XqWq__eyebrow,.material-lab-module__t8XqWq__library h1,.material-lab-module__t8XqWq__subtitle,.material-lab-module__t8XqWq__libraryNote,.material-lab-module__t8XqWq__referenceLink{display:none}.material-lab-module__t8XqWq__library nav{gap:8px;display:flex}.material-lab-module__t8XqWq__library nav button{flex:1;padding:9px 7px}.material-lab-module__t8XqWq__library nav strong{font-size:10px}.material-lab-module__t8XqWq__library nav small{font-size:9px}.material-lab-module__t8XqWq__workspace{padding:24px 12px}.material-lab-module__t8XqWq__workspaceHeading{gap:10px;padding:0 5px}.material-lab-module__t8XqWq__workspaceHeading h2{font-size:23px}.material-lab-module__t8XqWq__workspaceHeading .material-lab-module__t8XqWq__check{font-size:10px}.material-lab-module__t8XqWq__canvasArea{border-radius:18px;padding:0}.material-lab-module__t8XqWq__resizable{resize:none;padding-bottom:0}.material-lab-module__t8XqWq__cardLabel{padding:8px 12px;font-size:8px}.material-lab-module__t8XqWq__playback{gap:12px}.material-lab-module__t8XqWq__scrub{flex-basis:100%}.material-lab-module__t8XqWq__inspector{padding:25px 22px;display:block}.material-lab-module__t8XqWq__inspectorHeading{margin-bottom:20px}.material-lab-module__t8XqWq__inspector section{margin-top:20px;padding-top:20px}.material-lab-module__t8XqWq__backgrounds{grid-template-columns:repeat(5,minmax(0,1fr))}.material-lab-module__t8XqWq__footer{padding:17px;line-height:1.8;display:block}.material-lab-module__t8XqWq__footer span{display:block}.material-lab-module__t8XqWq__toolbar{gap:8px}.material-lab-module__t8XqWq__toolbar>select{font-size:9px}.material-lab-module__t8XqWq__sizes button{padding:5px 8px}}.material-lab-module__t8XqWq__lab label{color:#53634f;flex-direction:row}.material-lab-module__t8XqWq__lab input[type=range]{box-shadow:none;background:0 0;border:0;border-radius:0;min-height:0;padding:0}.material-lab-module__t8XqWq__lab input[type=checkbox]{flex:0 0 14px;width:14px;height:14px;margin:0;padding:0}.material-lab-module__t8XqWq__lab .material-lab-module__t8XqWq__toolbar>select{width:auto;min-height:0}.material-lab-module__t8XqWq__lab .material-lab-module__t8XqWq__check,.material-lab-module__t8XqWq__lab .material-lab-module__t8XqWq__scrub{flex-direction:row}.material-lab-module__t8XqWq__lab .material-lab-module__t8XqWq__slider{display:block}.material-lab-module__t8XqWq__lab .material-lab-module__t8XqWq__layerOption{cursor:pointer;align-items:flex-start;gap:9px;margin:14px 0;font-size:11px;display:flex}.material-lab-module__t8XqWq__layerOption input{margin-top:2px!important}.material-lab-module__t8XqWq__layerOption small{color:#7a8776;margin-top:4px;font-size:10px;line-height:1.5;display:block}@media (max-width:650px){.material-lab-module__t8XqWq__library nav{overflow:auto}.material-lab-module__t8XqWq__library nav button{min-width:145px}.material-lab-module__t8XqWq__library nav{padding-bottom:5px}}.material-lab-module__t8XqWq__lab{flex-direction:column;height:100dvh;min-height:0;display:flex;overflow:hidden}.material-lab-module__t8XqWq__header{flex-shrink:0}.material-lab-module__t8XqWq__layout{flex:1;grid-template-rows:minmax(0,1fr);width:100%;min-height:0;overflow:hidden}.material-lab-module__t8XqWq__library,.material-lab-module__t8XqWq__workspace,.material-lab-module__t8XqWq__inspector{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;overflow:auto}.material-lab-module__t8XqWq__footer{display:none}@media (min-width:1101px){.material-lab-module__t8XqWq__workspace{padding-top:18px}}@media (min-width:651px) and (max-width:1100px){.material-lab-module__t8XqWq__layout{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) 275px}.material-lab-module__t8XqWq__library{border-bottom:1px solid var(--line);grid-column:1/-1;padding:8px 16px}.material-lab-module__t8XqWq__library>.material-lab-module__t8XqWq__eyebrow,.material-lab-module__t8XqWq__library h1,.material-lab-module__t8XqWq__library .material-lab-module__t8XqWq__subtitle,.material-lab-module__t8XqWq__libraryNote,.material-lab-module__t8XqWq__referenceLink{display:none}.material-lab-module__t8XqWq__library nav{display:flex;overflow:auto}.material-lab-module__t8XqWq__library nav button{flex:0 0 160px}.material-lab-module__t8XqWq__workspace{grid-area:2/1}.material-lab-module__t8XqWq__inspector{border-left:1px solid var(--line);grid-area:2/2;display:block}}@media (max-width:650px){.material-lab-module__t8XqWq__header{height:40px}.material-lab-module__t8XqWq__layout{grid-template-rows:auto minmax(0,1fr) minmax(160px,1fr);grid-template-columns:minmax(0,1fr);display:grid}.material-lab-module__t8XqWq__library{padding:6px 12px}.material-lab-module__t8XqWq__library nav button{padding:5px 7px}.material-lab-module__t8XqWq__library nav small{display:none}.material-lab-module__t8XqWq__workspace{border-bottom:1px solid var(--line);grid-area:2/1;padding:8px 12px}.material-lab-module__t8XqWq__workspaceHeading{margin-bottom:8px}.material-lab-module__t8XqWq__workspaceHeading .material-lab-module__t8XqWq__eyebrow{display:none}.material-lab-module__t8XqWq__workspaceHeading h2{font-size:18px}.material-lab-module__t8XqWq__toolbar{margin-bottom:8px}.material-lab-module__t8XqWq__inspector{grid-area:3/1;padding:16px 22px}}.material-lab-module__t8XqWq__previewBar{white-space:nowrap;scrollbar-width:thin;align-items:center;gap:14px;min-height:38px;margin-bottom:12px;display:flex;overflow-x:auto}.material-lab-module__t8XqWq__previewBar .material-lab-module__t8XqWq__workspaceHeading,.material-lab-module__t8XqWq__previewBar .material-lab-module__t8XqWq__toolbar,.material-lab-module__t8XqWq__previewBar .material-lab-module__t8XqWq__workspaceHeading>div{display:contents}.material-lab-module__t8XqWq__previewBar .material-lab-module__t8XqWq__workspaceHeading .material-lab-module__t8XqWq__eyebrow{letter-spacing:1px;flex-shrink:0;margin:0;font-size:8px;display:block}.material-lab-module__t8XqWq__previewBar .material-lab-module__t8XqWq__workspaceHeading h2{letter-spacing:-.2px;flex:1 0 auto;font-size:12px;line-height:1.3}.material-lab-module__t8XqWq__previewBar .material-lab-module__t8XqWq__workspaceHeading .material-lab-module__t8XqWq__check{flex-shrink:0;order:2;margin:0;font-size:10px}.material-lab-module__t8XqWq__previewBar .material-lab-module__t8XqWq__sizes{flex-shrink:0;padding:2px}.material-lab-module__t8XqWq__previewBar .material-lab-module__t8XqWq__sizes button{padding:4px 7px;font-size:10px}.material-lab-module__t8XqWq__previewBar output{color:var(--muted);flex-shrink:0;font-size:10px}.material-lab-module__t8XqWq__lab .material-lab-module__t8XqWq__previewBar select{flex-shrink:0;order:3;width:132px;padding:5px 6px;font-size:10px}.material-lab-module__t8XqWq__catalogSearch{gap:6px;margin:12px 0;font-size:12px;display:grid}.material-lab-module__t8XqWq__catalogSearch input{box-sizing:border-box;width:100%;min-width:0;font:inherit;color:inherit;background:0 0;border:1px solid #bac9bc;border-radius:8px;padding:10px}.material-lab-module__t8XqWq__library nav.material-lab-module__t8XqWq__componentTree{min-width:0;max-height:65vh;display:block;overflow:auto}.material-lab-module__t8XqWq__componentGroup{border-bottom:1px solid #ccd4c8;padding:5px 0}.material-lab-module__t8XqWq__componentGroup>summary{cursor:pointer;padding:10px 4px;font-size:13px;font-weight:700}.material-lab-module__t8XqWq__componentGroup>summary>small{float:right;opacity:.65;margin-right:8px;font-size:11px}.material-lab-module__t8XqWq__componentGroup>div{border-left:1px solid #ccd4c8;margin-left:6px;padding-left:8px}.material-lab-module__t8XqWq__library .material-lab-module__t8XqWq__componentTree button{box-sizing:border-box;text-align:left;flex:none;width:100%;min-width:0}.material-lab-module__t8XqWq__library .material-lab-module__t8XqWq__componentTree button>span:last-child{overflow-wrap:anywhere;min-width:0}@media (max-width:800px){.material-lab-module__t8XqWq__library nav.material-lab-module__t8XqWq__componentTree{max-height:300px}.material-lab-module__t8XqWq__library .material-lab-module__t8XqWq__componentTree small{display:block}.material-lab-module__t8XqWq__library .material-lab-module__t8XqWq__componentTree button{padding:8px}}.material-lab-module__t8XqWq__layout.material-lab-module__t8XqWq__layout{grid-template-rows:minmax(0,1fr);grid-template-columns:260px minmax(0,1fr)}.material-lab-module__t8XqWq__library.material-lab-module__t8XqWq__library{scrollbar-gutter:stable;grid-area:1/1;min-width:0;padding:8px 12px;overflow:auto}.material-lab-module__t8XqWq__library nav.material-lab-module__t8XqWq__componentTree{max-height:none;display:block;overflow:visible}.material-lab-module__t8XqWq__library .material-lab-module__t8XqWq__inspector{scrollbar-gutter:auto;border:0;padding:12px 0;display:block;overflow:visible}.material-lab-module__t8XqWq__library .material-lab-module__t8XqWq__inspector section{padding:12px 0;display:block}.material-lab-module__t8XqWq__library .material-lab-module__t8XqWq__presets{max-height:none;overflow:visible}.material-lab-module__t8XqWq__workspace.material-lab-module__t8XqWq__workspace{scrollbar-width:none;scrollbar-gutter:auto;grid-area:1/2;min-width:0;padding:12px 16px}.material-lab-module__t8XqWq__workspace::-webkit-scrollbar{display:none}.material-lab-module__t8XqWq__resizable.material-lab-module__t8XqWq__resizable{resize:none;overflow:visible}.material-lab-module__t8XqWq__previewBar{white-space:normal;flex-wrap:wrap;overflow:visible}.material-lab-module__t8XqWq__settingsSection{border-bottom:1px solid var(--line);margin:8px 0}.material-lab-module__t8XqWq__settingsSection>summary{cursor:pointer;padding:12px 4px;font-weight:700}@media (max-width:800px){.material-lab-module__t8XqWq__layout.material-lab-module__t8XqWq__layout{grid-template-columns:190px minmax(0,1fr)}.material-lab-module__t8XqWq__library.material-lab-module__t8XqWq__library{padding:6px}.material-lab-module__t8XqWq__library .material-lab-module__t8XqWq__componentTree button{min-width:0}.material-lab-module__t8XqWq__workspace.material-lab-module__t8XqWq__workspace{padding:8px}}@media (max-width:480px){.material-lab-module__t8XqWq__layout.material-lab-module__t8XqWq__layout{grid-template-columns:140px minmax(0,1fr)}.material-lab-module__t8XqWq__library .material-lab-module__t8XqWq__componentTree button{padding:6px;font-size:11px}.material-lab-module__t8XqWq__library .material-lab-module__t8XqWq__componentTree small{display:none}.material-lab-module__t8XqWq__resizable.material-lab-module__t8XqWq__resizable{min-width:0}.material-lab-module__t8XqWq__componentGroup>summary{font-size:11px}}.material-lab-module__t8XqWq__settingsSection[hidden]{display:none}.material-lab-module__t8XqWq__settingsTitle{margin:12px 0;font-size:14px}.material-lab-module__t8XqWq__inspector>details{border-top:1px solid var(--line);padding:8px 0}.material-lab-module__t8XqWq__inspector>details>summary{cursor:pointer;padding:8px 0;font-weight:600}.material-lab-module__t8XqWq__layout.material-lab-module__t8XqWq__layout{position:relative}.material-lab-module__t8XqWq__layout.material-lab-module__t8XqWq__layout[data-settings-open=true]{grid-template-columns:260px minmax(0,1fr) 290px}.material-lab-module__t8XqWq__settingsPanel{border-left:1px solid var(--line);scrollbar-width:none;background:#f5f4ef;grid-area:1/3;min-width:0;min-height:0;padding:12px 16px;overflow:auto}.material-lab-module__t8XqWq__settingsPanel[hidden]{display:none}.material-lab-module__t8XqWq__settingsPanel::-webkit-scrollbar{display:none}.material-lab-module__t8XqWq__settingsPanel .material-lab-module__t8XqWq__inspector{scrollbar-gutter:auto;border:0;padding:0;display:block;overflow:visible}.material-lab-module__t8XqWq__settingsPanel .material-lab-module__t8XqWq__inspector section{padding:12px 0;display:block}.material-lab-module__t8XqWq__settingsPanel .material-lab-module__t8XqWq__presets{max-height:none;overflow:visible}@media (max-width:1100px){.material-lab-module__t8XqWq__layout.material-lab-module__t8XqWq__layout[data-settings-open=true]{grid-template-columns:260px minmax(0,1fr)}.material-lab-module__t8XqWq__settingsPanel{box-sizing:border-box;z-index:20;width:min(290px,100% - 32px);position:absolute;top:0;bottom:0;right:0;box-shadow:-8px 0 24px #233b3626}}@media (max-width:800px){.material-lab-module__t8XqWq__layout.material-lab-module__t8XqWq__layout[data-settings-open=true]{grid-template-columns:190px minmax(0,1fr)}}@media (max-width:480px){.material-lab-module__t8XqWq__layout.material-lab-module__t8XqWq__layout[data-settings-open=true]{grid-template-columns:140px minmax(0,1fr)}}.material-lab-module__t8XqWq__lab.material-lab-module__t8XqWq__lab{height:auto;min-height:0;overflow:visible}.material-lab-module__t8XqWq__layout.material-lab-module__t8XqWq__layout{flex:none;grid-template-rows:auto;align-items:start;overflow:visible}.material-lab-module__t8XqWq__library.material-lab-module__t8XqWq__library,.material-lab-module__t8XqWq__workspace.material-lab-module__t8XqWq__workspace,.material-lab-module__t8XqWq__inspector.material-lab-module__t8XqWq__inspector,.material-lab-module__t8XqWq__settingsPanel.material-lab-module__t8XqWq__settingsPanel{overscroll-behavior:auto;scrollbar-gutter:auto;height:auto;max-height:none;overflow:visible}.material-lab-module__t8XqWq__presets.material-lab-module__t8XqWq__presets{max-height:none;overflow:visible}@media (max-width:1100px){.material-lab-module__t8XqWq__settingsPanel.material-lab-module__t8XqWq__settingsPanel{width:auto;box-shadow:none;border-left:0;border-top:1px solid var(--line);grid-area:2/1/auto/-1;position:static}}
.component-desktop-module__HNn1Ka__page{box-sizing:border-box;font-family:var(--magma-font-family);font-size:var(--magma-text-body);line-height:var(--magma-leading-body);background:#787b7d;padding:8px;position:fixed;inset:0}.component-desktop-module__HNn1Ka__platform.component-desktop-module__HNn1Ka__platform{aspect-ratio:auto;height:100%;display:flex}.component-desktop-module__HNn1Ka__wallpaper{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.component-desktop-module__HNn1Ka__sidebarRegion{z-index:2;flex:none;min-width:0;height:100%;position:relative}.component-desktop-module__HNn1Ka__sidebar.component-desktop-module__HNn1Ka__sidebar.component-desktop-module__HNn1Ka__sidebar{scrollbar-width:thin;scrollbar-color:#ffffff50 transparent;width:100%;height:100%;min-height:0;overflow:visible}.component-desktop-module__HNn1Ka__workspace{flex:1;min-width:0;height:100%;margin:0;padding:0;position:relative}.component-desktop-module__HNn1Ka__menuTrigger{z-index:1;border-radius:var(--magma-radius-surface);color:#fff;cursor:pointer;background:#20364bdd;border:1px solid #ffffff70;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:14px;left:14px}.component-desktop-module__HNn1Ka__close.component-desktop-module__HNn1Ka__close{z-index:12;min-height:40px;padding:8px;position:absolute;top:12px;right:12px}.component-desktop-module__HNn1Ka__scrim{z-index:3;background:#0006;border:0;border-radius:0;position:absolute;inset:0}@media (max-width:720px){.component-desktop-module__HNn1Ka__page{padding:5px}.component-desktop-module__HNn1Ka__sidebarRegion{z-index:4;width:min(310px,100% - 40px);display:none;position:absolute;inset:0 auto 0 0}.component-desktop-module__HNn1Ka__sidebarRegion[data-open=true]{display:block}.component-desktop-module__HNn1Ka__sidebar.component-desktop-module__HNn1Ka__sidebar.component-desktop-module__HNn1Ka__sidebar{padding-top:54px}}.component-desktop-module__HNn1Ka__workspace{overflow:auto}@media (max-width:720px){.component-desktop-module__HNn1Ka__sidebarRegion .component-desktop-module__HNn1Ka__sidebar{max-width:100%}}.component-desktop-module__HNn1Ka__sidebar.component-desktop-module__HNn1Ka__sidebar.component-desktop-module__HNn1Ka__sidebar{overflow:clip}.component-desktop-module__HNn1Ka__workspace{isolation:isolate}.component-desktop-module__HNn1Ka__windowLayer{pointer-events:none;position:absolute;inset:0}.component-desktop-module__HNn1Ka__windowLayer[hidden]{display:none}.component-desktop-module__HNn1Ka__windowLayer>div>div{pointer-events:auto}.component-desktop-module__HNn1Ka__windowLayer[data-active=true] [data-glass-panel]{box-shadow:inset 0 1px #fff3,0 18px 48px #0005}.component-desktop-module__HNn1Ka__desktopArea{flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;display:flex}.component-desktop-module__HNn1Ka__desktopArea .component-desktop-module__HNn1Ka__workspace{height:auto;min-height:0;overflow:hidden}@media (max-width:720px){.component-desktop-module__HNn1Ka__windowLayer[data-active=false]{display:none}}.component-desktop-module__HNn1Ka__platform .component-desktop-module__HNn1Ka__sidebarRegion{z-index:50;visibility:hidden;opacity:0;pointer-events:none;width:max-content;max-width:calc(100% - 16px);height:min(720px,100% - 72px);transition:transform .2s ease-out,opacity .16s ease-out,visibility .2s;display:block;position:absolute;inset:auto auto 56px 8px;transform:translateY(28px)}.component-desktop-module__HNn1Ka__platform .component-desktop-module__HNn1Ka__sidebarRegion[data-open=true]{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}.component-desktop-module__HNn1Ka__platform .component-desktop-module__HNn1Ka__sidebarRegion>aside{max-width:calc(100vw - 48px);padding-top:0}.component-desktop-module__HNn1Ka__platform .component-desktop-module__HNn1Ka__scrim{z-index:40;background:0 0;bottom:50px}.component-desktop-module__HNn1Ka__platform .component-desktop-module__HNn1Ka__close{top:10px;right:10px}@media (max-width:720px){.component-desktop-module__HNn1Ka__platform .component-desktop-module__HNn1Ka__sidebarRegion{height:min(680px,100% - 64px);bottom:50px}}@media (prefers-reduced-motion:reduce){.component-desktop-module__HNn1Ka__platform .component-desktop-module__HNn1Ka__sidebarRegion{transition:none;transform:none}}.component-desktop-module__HNn1Ka__windowLayer>div{box-sizing:border-box;padding:0}.component-desktop-module__HNn1Ka__platform .component-desktop-module__HNn1Ka__sidebarRegion{max-width:100%;height:auto;top:0;bottom:52px;left:0}.component-desktop-module__HNn1Ka__platform .component-desktop-module__HNn1Ka__sidebarRegion>aside{max-width:calc(100vw - 32px);padding:0}@media (max-width:720px){.component-desktop-module__HNn1Ka__platform .component-desktop-module__HNn1Ka__sidebarRegion{height:auto;top:0;bottom:48px}}
.design-system-module__yUgzGW__root{color:#233b36;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f5f4ef;min-height:100vh;font-family:DM Sans,Arial,sans-serif}.design-system-module__yUgzGW__header{border-bottom:1px solid #dcded5;flex-wrap:wrap;align-items:center;gap:16px 32px;padding:20px 24px;display:flex}.design-system-module__yUgzGW__header>div{margin-right:auto}.design-system-module__yUgzGW__brand{color:#233b36;font-size:22px;font-weight:750;text-decoration:none}.design-system-module__yUgzGW__header p{color:#52665f;margin:3px 0 0;font-size:13px}.design-system-module__yUgzGW__header>span,.design-system-module__yUgzGW__header>a{color:#345b4c;font-size:13px}.design-system-module__yUgzGW__navigation{border-bottom:1px solid #dcded5;gap:8px;padding:12px 24px;display:flex}.design-system-module__yUgzGW__navigation button{color:#345b4c;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:9px 16px}.design-system-module__yUgzGW__navigation button[aria-current]{background:#e5eadf;border-color:#c8d1c4;font-weight:700}.design-system-module__yUgzGW__root button:focus-visible,.design-system-module__yUgzGW__root a:focus-visible,.design-system-module__yUgzGW__root input:focus-visible,.design-system-module__yUgzGW__root select:focus-visible{outline-offset:3px;outline:2px solid #345b4c}.design-system-module__yUgzGW__content{max-width:1400px;margin:0 auto;padding:24px}.design-system-module__yUgzGW__content h2{margin:0 0 12px;font-size:23px}.design-system-module__yUgzGW__content p{color:#52665f;line-height:1.6}.design-system-module__yUgzGW__filters{flex-wrap:wrap;gap:16px;margin:24px 0;display:flex}.design-system-module__yUgzGW__filters label{flex:1;gap:8px;min-width:min(240px,100%);font-size:13px;display:grid}.design-system-module__yUgzGW__filters input,.design-system-module__yUgzGW__filters select{color:#233b36;font:inherit;background:#fff;border:1px solid #bcc8b8;border-radius:8px;width:100%;padding:10px}.design-system-module__yUgzGW__tableScroll{border:1px solid #dcded5;border-radius:12px;overflow:auto}.design-system-module__yUgzGW__tableScroll table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.design-system-module__yUgzGW__tableScroll th{white-space:nowrap;background:#e8ecdf}.design-system-module__yUgzGW__tableScroll th,.design-system-module__yUgzGW__tableScroll td{border-bottom:1px solid #dcded5;padding:12px 16px}.design-system-module__yUgzGW__tableScroll code{overflow-wrap:anywhere;font-size:11px}.design-system-module__yUgzGW__tableScroll a{color:#345b4c;white-space:nowrap}.design-system-module__yUgzGW__principles{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:16px;margin-top:24px;display:grid}.design-system-module__yUgzGW__principles article{background:#fafaf7;border:1px solid #dcded5;border-radius:12px;padding:20px}.design-system-module__yUgzGW__principles h3{margin:0;font-size:16px}.design-system-module__yUgzGW__principles p{margin-bottom:0;font-size:14px}.design-system-module__yUgzGW__identity{border-bottom:1px solid #dcded5;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:12px 0;font-size:12px;display:flex}.design-system-module__yUgzGW__identity>span{background:#e5eadf;border-radius:12px;padding:2px 8px}.design-system-module__yUgzGW__identity code{overflow-wrap:anywhere;flex-basis:100%;font-size:11px}.design-system-module__yUgzGW__identity small{color:#52665f}@media (max-width:600px){.design-system-module__yUgzGW__header,.design-system-module__yUgzGW__content{padding:16px}.design-system-module__yUgzGW__navigation{gap:0;padding:10px}.design-system-module__yUgzGW__navigation button{padding:8px 12px;font-size:13px}.design-system-module__yUgzGW__header>span{width:100%}}html:has(.design-system-module__yUgzGW__root){scrollbar-width:auto;scrollbar-color:#7a8177 #f5f4ef;overflow-y:scroll}html:has(.design-system-module__yUgzGW__root)::-webkit-scrollbar{width:12px}html:has(.design-system-module__yUgzGW__root)::-webkit-scrollbar-thumb{background:#7a8177;border:3px solid #f5f4ef;border-radius:8px}.design-system-module__yUgzGW__header{gap:12px 24px;padding:12px 20px}.design-system-module__yUgzGW__brand{font-size:19px}.design-system-module__yUgzGW__header p{font-size:12px}.design-system-module__yUgzGW__navigation{gap:4px;padding:6px 20px}.design-system-module__yUgzGW__navigation button{padding:7px 12px;font-size:13px}.design-system-module__yUgzGW__relations{gap:10px;width:100%;margin:6px 0;display:grid}.design-system-module__yUgzGW__relations>div{gap:5px;display:grid}.design-system-module__yUgzGW__relations dt{font-weight:600}.design-system-module__yUgzGW__relations dd{flex-wrap:wrap;gap:5px 10px;margin:0;display:flex}.design-system-module__yUgzGW__relations a{color:#345b4c}.design-system-module__yUgzGW__baseReference{color:#52665f;margin-top:4px;display:block}