.ArticleEditorial_opening__OKAEu{max-width:39rem;margin:0 0 clamp(5.5rem,10vw,7.5rem)}.ArticleEditorial_openingWide__Z344g{max-width:45rem}.ArticleEditorial_openingCopy__TpTUe{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:1.25rem}.ArticleEditorial_openingCopy__TpTUe>*{min-width:0}.ArticleEditorial_openingCopy__TpTUe p{margin:0;color:rgb(var(--t-secondary));font-size:clamp(1rem,2vw,1.08rem);line-height:1.9}.ArticleEditorial_openingCopy__TpTUe ul{display:grid;gap:.9rem;margin:.2rem 0 .35rem;padding:0}.ArticleEditorial_openingCopy__TpTUe li{display:grid;grid-template-columns:.35rem minmax(0,1fr);align-items:start;column-gap:.75rem;list-style:none;color:rgb(var(--t-secondary));font-size:clamp(1rem,2vw,1.08rem);line-height:1.82}.ArticleEditorial_openingCopy__TpTUe li:before{width:.3rem;height:.3rem;margin-top:.72em;border-radius:999px;background:rgb(var(--t-dot));content:""}.ArticleEditorial_openingCopy__TpTUe li>span{min-width:0}.ArticleEditorial_chapter__f0IDc{margin:clamp(5rem,9vw,6.5rem) 0 2rem}.ArticleEditorial_chapterEditorial__fVwho{display:grid;gap:.75rem;max-width:40rem;padding-top:1.25rem;border-top:1px solid rgb(var(--t-line))}.ArticleEditorial_chapterEditorialMeta__b_cqI{display:flex;align-items:center;gap:.75rem;color:rgb(var(--t-tertiary));font-size:.8125rem;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.08em;line-height:1.4;text-transform:uppercase}.ArticleEditorial_chapterEditorialMeta__b_cqI span+span:before{margin-right:.75rem;content:"·"}.ArticleEditorial_chapterEditorial__fVwho .ArticleEditorial_chapterTitle__0O1lb{max-width:40rem;font-size:clamp(2rem,4vw,2.5rem)}.ArticleEditorial_chapter__f0IDc:first-of-type{margin-top:0}.ArticleEditorial_chapterHeading__BnPi_{display:grid;grid-template-columns:3.65rem minmax(0,1fr);align-items:center;column-gap:1rem}.ArticleEditorial_chapterNumber__5UE8F{inline-size:3.65rem;block-size:3.15rem;color:rgb(var(--t-secondary));font-family:var(--font-article-display);font-size:clamp(1.2rem,2.4vw,1.45rem);font-synthesis:none;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:-.045em;line-height:1}.ArticleEditorial_chapterTitle__0O1lb{width:fit-content;max-width:39rem;margin:0;color:rgb(var(--t-primary));font-family:var(--font-article-display);font-size:clamp(2.1rem,4.4vw,2.75rem);font-synthesis:none;font-weight:400;letter-spacing:-.055em;line-height:1.16;text-wrap:balance}.ArticleEditorial_bilingualTitle__FpeHp>p,.ArticleEditorial_chapterTitle__0O1lb>p{margin:0;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit}.ArticleEditorial_chapter__f0IDc+.ArticleEditorial_bilingualHeading__QblTZ,.ArticleEditorial_chapter__f0IDc+h3{margin-top:4rem}.ArticleEditorial_bilingualHeading__QblTZ{display:grid;gap:.625rem;max-width:45rem;margin-top:clamp(4.25rem,8vw,5.75rem)}.ArticleEditorial_bilingualHeading__QblTZ+p{margin-top:1.5rem}.ArticleEditorial_bilingualEnglish__hi2Ra,.ArticleEditorial_bilingualEyebrow__BRCIH{display:block;color:rgb(var(--t-tertiary));font-size:.8125rem;font-weight:650;letter-spacing:.08em;line-height:1.35;text-transform:uppercase}.ArticleEditorial_bilingualChinese__7h12g,.ArticleEditorial_bilingualTitle__FpeHp{display:block;margin:0;color:rgb(var(--t-primary));font-family:inherit;font-size:var(--text-h3);font-weight:500;letter-spacing:-.025em;line-height:var(--text-h3--line-height);text-wrap:balance}.ArticleEditorial_bilingualTitleStrong__RhT4_{color:rgb(var(--t-title-strong));font-size:var(--text-h2);font-weight:600;letter-spacing:-.035em;line-height:var(--text-h2--line-height)}.ArticleEditorial_decisionTableWrap__miUTG{max-width:45rem;margin-top:2.25rem;overflow-x:auto;border:1px solid rgb(var(--t-line));border-radius:16px;background:rgb(var(--t-surface))}.ArticleEditorial_decisionTable__Dsms7{width:100%;min-width:38rem;table-layout:fixed;border-collapse:collapse;color:rgb(var(--t-secondary));font-size:.78rem;line-height:1.55;text-align:left}.ArticleEditorial_decisionTable__Dsms7 td:first-child,.ArticleEditorial_decisionTable__Dsms7 th:first-child{width:52%}.ArticleEditorial_decisionTable__Dsms7 td:nth-child(2),.ArticleEditorial_decisionTable__Dsms7 th:nth-child(2){width:27%}.ArticleEditorial_decisionTable__Dsms7 td:nth-child(3),.ArticleEditorial_decisionTable__Dsms7 th:nth-child(3){width:21%}.ArticleEditorial_decisionTable__Dsms7 td,.ArticleEditorial_decisionTable__Dsms7 th{padding:.9rem 1rem;vertical-align:top}.ArticleEditorial_decisionTable__Dsms7 thead th{background:rgb(var(--t-surface-2));color:rgb(var(--t-tertiary));font-size:.65rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase}.ArticleEditorial_decisionTable__Dsms7 tbody tr{border-top:1px solid rgb(var(--t-line))}.ArticleEditorial_decisionTable__Dsms7 tbody td:nth-child(2){color:rgb(var(--t-primary));font-weight:550}.ArticleEditorial_decisionTable__Dsms7 tbody td:nth-child(3){color:rgb(var(--t-tertiary));font-size:.76rem}.ArticleEditorial_decisionList__OpVYV{--decision-list-width:min(50rem,calc(100vw - 3rem));display:grid;width:var(--decision-list-width);max-width:none;margin-top:2.25rem;margin-inline:calc((100% - var(--decision-list-width)) / 2);border-top:1px solid rgb(var(--t-line));container-type:inline-size}.ArticleEditorial_decisionListHeader__bODpj,.ArticleEditorial_decisionList__OpVYV>article{display:grid;grid-template-columns:2.25rem minmax(15rem,1.25fr) minmax(10rem,.78fr) minmax(15rem,1fr);column-gap:clamp(1rem,2vw,1.5rem);align-items:start}.ArticleEditorial_decisionListHeader__bODpj{align-items:end;padding:.85rem 0;border-bottom:1px solid rgb(var(--t-line));color:rgb(var(--t-tertiary));font-size:.8125rem;font-weight:650;letter-spacing:.06em}.ArticleEditorial_decisionListHeader__bODpj>span:nth-child(4),.ArticleEditorial_decisionList__OpVYV>article>nav{padding-inline-start:.5rem}.ArticleEditorial_decisionList__OpVYV>article{padding:1.5rem 0;border-bottom:1px solid rgb(var(--t-line))}.ArticleEditorial_decisionList__OpVYV>article>span{padding-top:.18rem;color:rgb(var(--t-tertiary));font-size:.8125rem;font-variant-numeric:tabular-nums;font-weight:620;letter-spacing:.03em;line-height:1.5}.ArticleEditorial_decisionList__OpVYV>article>div{display:grid;min-width:0;gap:.35rem}.ArticleEditorial_decisionList__OpVYV h3,.ArticleEditorial_decisionList__OpVYV small,.ArticleEditorial_decisionList__OpVYV strong{margin:0}.ArticleEditorial_decisionList__OpVYV>article>div>strong{color:rgb(var(--t-primary));font-size:.9375rem;font-weight:560;letter-spacing:-.01em;line-height:1.55}.ArticleEditorial_decisionList__OpVYV>article>div>small{color:rgb(var(--t-tertiary));font-size:.75rem;line-height:1.6}.ArticleEditorial_decisionList__OpVYV h3{display:grid;width:fit-content;min-width:min(100%,10rem);gap:.16rem;align-content:start;border-radius:.75rem;background:rgb(var(--t-surface));padding:.62rem .8rem .68rem}.ArticleEditorial_decisionList__OpVYV h3>span{color:rgb(var(--t-tertiary));font-size:.8125rem;font-weight:520;letter-spacing:0;line-height:1.45}.ArticleEditorial_decisionList__OpVYV h3>strong{color:rgb(var(--t-primary));font-size:1rem;font-weight:680;letter-spacing:-.018em;line-height:1.4}.ArticleEditorial_decisionList__OpVYV h3>small,.ArticleEditorial_decisionList__OpVYV nav>strong{display:none}.ArticleEditorial_decisionList__OpVYV nav{display:flex;min-width:0;flex-wrap:wrap;align-items:flex-start;column-gap:.75rem;row-gap:.6rem}.ArticleEditorial_decisionList__OpVYV nav>a,.ArticleEditorial_decisionList__OpVYV nav>span{display:inline-flex;min-height:2rem;align-items:center;gap:.32rem;border:1px solid rgb(var(--t-line));border-radius:999px;background:rgb(var(--t-paper));padding:.32rem .62rem;color:rgb(var(--t-secondary));font-size:.8125rem;font-weight:520;line-height:1.3;text-decoration:none;white-space:nowrap}.ArticleEditorial_toolFavicon__bx3hM{height:1rem;width:1rem;flex:0 0 1rem;border-radius:.2rem;object-fit:contain}.ArticleEditorial_decisionList__OpVYV nav>a.ArticleEditorial_toolLinkRecommended__uKyD_{border-color:rgb(var(--t-primary));background:rgb(var(--t-primary));color:rgb(var(--t-paper));font-weight:620}@media (hover:hover){.ArticleEditorial_decisionList__OpVYV nav>a:hover{border-color:rgb(var(--t-primary)/.2);background:rgb(var(--t-surface-2));color:rgb(var(--t-primary))}.ArticleEditorial_decisionList__OpVYV nav>a.ArticleEditorial_toolLinkRecommended__uKyD_:hover{border-color:rgb(var(--t-primary)/.84);background:rgb(var(--t-primary)/.84);color:rgb(var(--t-paper))}}.ArticleEditorial_decisionList__OpVYV nav>a:focus{outline:none}.ArticleEditorial_decisionList__OpVYV nav>a:focus-visible{border-color:rgb(var(--t-primary)/.24);background:rgb(var(--t-surface-2))}.ArticleEditorial_decisionList__OpVYV nav>a.ArticleEditorial_toolLinkRecommended__uKyD_:focus-visible{border-color:rgb(var(--t-primary));background:rgb(var(--t-primary));color:rgb(var(--t-paper));outline:2px solid rgb(var(--t-primary)/.28);outline-offset:2px}.ArticleEditorial_referenceShelf__MYiba{max-width:45rem;margin-top:clamp(4.25rem,8vw,5.75rem)}.ArticleEditorial_referenceShelfHeader__2xJb6{display:grid;gap:.875rem;max-width:40rem}.ArticleEditorial_referenceShelfTitle__noVSI{margin:0;color:rgb(var(--t-primary));font-size:var(--text-h3);font-weight:500;letter-spacing:-.025em;line-height:var(--text-h3--line-height);text-wrap:balance}.ArticleEditorial_referenceShelfDescription__oxqre{margin:0;color:rgb(var(--t-secondary));font-size:var(--text-reading);line-height:var(--text-reading--line-height)}.ArticleEditorial_referenceShelfList__GI327{margin-top:1.75rem}@media (min-width:40rem){.ArticleEditorial_referenceShelfList__GI327>a>span:last-child{padding-inline-start:1.5rem}}@container (max-width: 48rem){.ArticleEditorial_decisionListHeader__bODpj{display:none}.ArticleEditorial_decisionList__OpVYV>article>nav{padding-inline-start:0}.ArticleEditorial_decisionList__OpVYV>article{grid-template-columns:2.25rem minmax(0,1fr);row-gap:.95rem}.ArticleEditorial_decisionList__OpVYV>article>span{grid-row:1/4}.ArticleEditorial_decisionList__OpVYV>article>div,.ArticleEditorial_decisionList__OpVYV>article>h3,.ArticleEditorial_decisionList__OpVYV>article>nav{grid-column:2}.ArticleEditorial_decisionList__OpVYV h3{width:100%;min-width:0;gap:.18rem}.ArticleEditorial_decisionList__OpVYV h3>small,.ArticleEditorial_decisionList__OpVYV nav>strong{display:block;color:rgb(var(--t-tertiary));font-size:.8125rem;font-weight:650;letter-spacing:.06em;line-height:1.4}.ArticleEditorial_decisionList__OpVYV nav{display:flex;padding-inline-start:0}.ArticleEditorial_decisionList__OpVYV nav>strong{flex:1 0 100%}}@media (max-width:40rem){.ArticleEditorial_bilingualHeading__QblTZ{margin-top:3.75rem}.ArticleEditorial_bilingualHeading__QblTZ+p{margin-top:1.125rem}.ArticleEditorial_bilingualChinese__7h12g,.ArticleEditorial_bilingualTitle__FpeHp{font-size:1.35rem;line-height:1.35}.ArticleEditorial_bilingualTitleStrong__RhT4_{font-size:var(--text-h3);line-height:var(--text-h3--line-height)}.ArticleEditorial_decisionTableWrap__miUTG{margin-top:1.75rem;border-radius:14px}.ArticleEditorial_decisionTable__Dsms7{min-width:34rem;font-size:.75rem}.ArticleEditorial_decisionTable__Dsms7 td,.ArticleEditorial_decisionTable__Dsms7 th{padding:.8rem .75rem}.ArticleEditorial_referenceShelf__MYiba{margin-top:3.75rem}.ArticleEditorial_referenceShelfTitle__noVSI{font-size:1.35rem;line-height:1.35}}@media (max-width:520px){.ArticleEditorial_opening__OKAEu{margin-bottom:4.25rem}.ArticleEditorial_openingCopy__TpTUe{gap:1.1rem}.ArticleEditorial_openingCopy__TpTUe li,.ArticleEditorial_openingCopy__TpTUe p{line-height:1.82}.ArticleEditorial_chapter__f0IDc{margin-top:4.75rem;margin-bottom:2.75rem}.ArticleEditorial_bilingualHeading__QblTZ{max-width:20rem;margin-top:4.25rem}.ArticleEditorial_chapterHeading__BnPi_{grid-template-columns:2.7rem minmax(0,1fr);column-gap:.7rem}.ArticleEditorial_chapterNumber__5UE8F{inline-size:2.7rem;block-size:2.4rem;font-size:1.05rem}.ArticleEditorial_chapterTitle__0O1lb{font-size:clamp(1.85rem,8.4vw,2.2rem);line-height:1.2}.ArticleEditorial_chapterEditorial__fVwho{margin-bottom:1.75rem}.ArticleEditorial_chapterEditorial__fVwho .ArticleEditorial_chapterTitle__0O1lb{font-size:clamp(1.85rem,8vw,2.2rem)}.ArticleEditorial_decisionList__OpVYV>article{grid-template-columns:1.75rem minmax(0,1fr);column-gap:.75rem;padding:1.35rem 0}.ArticleEditorial_decisionList__OpVYV>article>span{font-size:.6875rem}.ArticleEditorial_chapter__f0IDc+h3{margin-top:3.25rem}.ArticleEditorial_bilingualHeading__QblTZ{gap:.45rem}}.ArticleAnnotatedText_annotation__On1l4{--annotation-color:rgb(var(--t-tertiary));position:relative;display:inline-block;color:inherit;font-weight:400;white-space:nowrap}.ArticleAnnotatedText_coral___Oj_P{--annotation-color:oklch(75% 0.15 28)}.ArticleAnnotatedText_leaf__hW87t{--annotation-color:oklch(73% 0.12 151)}.ArticleAnnotatedText_sun__hu_zH{--annotation-color:oklch(91% 0.09 91)}.ArticleAnnotatedText_filter__DqY4E{position:absolute;width:0;height:0}.ArticleAnnotatedText_label__7lZ7v{position:relative;z-index:1}.ArticleAnnotatedText_decoration__1aU4h{position:absolute;pointer-events:none;overflow:visible}.ArticleAnnotatedText_doubleUnderline__aF99R .ArticleAnnotatedText_decoration__1aU4h{bottom:-.5em;left:-1%;width:102%;height:.7em;stroke:var(--annotation-color);stroke-linecap:round}.ArticleAnnotatedText_doubleUnderline__aF99R .ArticleAnnotatedText_decoration__1aU4h path:first-child{stroke-width:2.2}.ArticleAnnotatedText_doubleUnderline__aF99R .ArticleAnnotatedText_decoration__1aU4h path:last-child{opacity:.68;stroke-width:1.8}.ArticleAnnotatedText_arrow__oWZC5 .ArticleAnnotatedText_decoration__1aU4h{bottom:-.44em;left:-1%;width:106%;height:.8em;stroke:var(--annotation-color);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.ArticleAnnotatedText_highlight__dbD4v .ArticleAnnotatedText_decoration__1aU4h{inset-inline:-5%;bottom:-.06em;z-index:0;width:110%;height:1.12em;fill:var(--annotation-color)}.ArticleAnnotatedText_strikeThrough__USfg4 .ArticleAnnotatedText_decoration__1aU4h{top:42%;left:-6%;z-index:0;width:112%;height:.72em;opacity:.82;stroke:var(--annotation-color);stroke-linecap:round;stroke-width:5}.MorphingIconsArticleDemos_heroDemo__Fi2v4,.MorphingIconsArticleDemos_shapeFigure__WPIll,.MorphingIconsArticleDemos_swapFigure__nCsMR{overflow:hidden;margin:0;border:1px solid rgb(var(--t-line));border-radius:20px;background:rgb(var(--t-paper));color:rgb(var(--t-primary))}.MorphingIconsArticleDemos_heroDemo__Fi2v4{box-shadow:0 16px 42px rgb(var(--t-primary)/.055)}.MorphingIconsArticleDemos_figureToolbar__4H33A,.MorphingIconsArticleDemos_heroTopline__xwlSm{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid rgb(var(--t-line));padding:10px 16px 10px 20px}.MorphingIconsArticleDemos_figureToolbar__4H33A p,.MorphingIconsArticleDemos_heroTopline__xwlSm p{margin:0;color:rgb(var(--t-secondary));font-size:.875rem;line-height:1.5}.MorphingIconsArticleDemos_heroStage__EHR0x,.MorphingIconsArticleDemos_swapStage__KiU6c{width:100%;border:0;background:rgb(var(--t-surface));color:rgb(var(--t-primary));font:inherit;cursor:pointer}.MorphingIconsArticleDemos_heroStage__EHR0x{display:grid;min-height:390px;place-items:center;align-content:center;gap:24px}.MorphingIconsArticleDemos_lineIcon__XLdcs{display:block;overflow:visible}.MorphingIconsArticleDemos_heroState__vJYWx{color:rgb(var(--t-secondary));font-size:.875rem}.MorphingIconsArticleDemos_pairControls__B4T_I,.MorphingIconsArticleDemos_sequenceControls__4R5Oe{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-top:1px solid rgb(var(--t-line));background:rgb(var(--t-surface));padding:10px}.MorphingIconsArticleDemos_pairControls__B4T_I button,.MorphingIconsArticleDemos_sequenceControls__4R5Oe button{position:relative;display:grid;min-width:0;min-height:68px;align-content:center;gap:3px;border:1px solid rgb(var(--t-line));border-radius:12px;background:rgb(var(--t-paper));padding:10px 16px;color:rgb(var(--t-tertiary));font:inherit;font-size:.8125rem;text-align:left;cursor:pointer;transition:border-color .15s cubic-bezier(.2,0,0,1),background-color .16s cubic-bezier(.22,1,.36,1),color .16s cubic-bezier(.22,1,.36,1),box-shadow .16s cubic-bezier(.22,1,.36,1)}.MorphingIconsArticleDemos_sequenceControls__4R5Oe button small{overflow:hidden;font-size:.8125rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.MorphingIconsArticleDemos_sequencePath__ndIpl,.MorphingIconsArticleDemos_sequenceStep__xDfym{display:inline-flex;min-width:0;align-items:center}.MorphingIconsArticleDemos_sequencePath__ndIpl,.MorphingIconsArticleDemos_sequenceStep__xDfym{gap:6px}.MorphingIconsArticleDemos_transitionArrow__eDElB{width:13px;height:13px;flex:none;color:currentColor;opacity:.58}.MorphingIconsArticleDemos_pairControls__B4T_I button[aria-pressed=true],.MorphingIconsArticleDemos_sequenceControls__4R5Oe button[aria-pressed=true]{border-color:rgb(var(--t-primary)/.16);background:rgb(var(--t-paper));color:rgb(var(--t-primary));box-shadow:inset 0 0 0 1px rgb(var(--t-primary)/.025),0 1px 4px rgb(var(--t-primary)/.055)}.MorphingIconsArticleDemos_pairControls__B4T_I button:after,.MorphingIconsArticleDemos_sequenceControls__4R5Oe button:after{position:absolute;top:10px;inset-inline-end:10px;width:12px;height:3px;border-radius:999px;background:rgb(var(--t-course-accent-ink)/.72);content:"";opacity:0;transform:scaleX(.45);transform-origin:right center;transition:opacity .14s cubic-bezier(.25,1,.5,1),transform .14s cubic-bezier(.25,1,.5,1)}.MorphingIconsArticleDemos_pairControls__B4T_I button[aria-pressed=true]:after,.MorphingIconsArticleDemos_sequenceControls__4R5Oe button[aria-pressed=true]:after{opacity:1;transform:scaleX(1)}@media (hover:hover){.MorphingIconsArticleDemos_pairControls__B4T_I button:not([aria-pressed=true]):hover,.MorphingIconsArticleDemos_sequenceControls__4R5Oe button:not([aria-pressed=true]):hover{border-color:rgb(var(--t-primary)/.2);background:rgb(var(--t-paper));color:rgb(var(--t-primary));box-shadow:0 2px 8px rgb(var(--t-primary)/.08)}}.MorphingIconsArticleDemos_pairControls__B4T_I button:active,.MorphingIconsArticleDemos_sequenceControls__4R5Oe button:active{box-shadow:inset 0 1px 2px rgb(var(--t-primary)/.12)}.MorphingIconsArticleDemos_pipelineFigure__ta45V{container:morph-pipeline/inline-size;overflow:hidden;margin:0;border:1px solid rgb(var(--t-line));border-radius:18px;background:rgb(var(--t-paper))}.MorphingIconsArticleDemos_pipelineSteps__Yx8Xf{display:flex;overflow-x:auto;gap:4px;padding:10px 18px;border-bottom:1px solid rgb(var(--t-line));background:rgb(var(--t-paper));scroll-padding-inline:16px;scrollbar-width:none}.MorphingIconsArticleDemos_pipelineSteps__Yx8Xf::-webkit-scrollbar{display:none}.MorphingIconsArticleDemos_pipelineSteps__Yx8Xf button{display:inline-flex;min-height:40px;flex:0 0 auto;align-items:center;gap:6px;border:0;border-radius:9px;padding:0 12px;background:transparent;color:rgb(var(--t-secondary));font:inherit;text-align:left;cursor:pointer;transition:background-color .15s cubic-bezier(.2,0,0,1),color .15s cubic-bezier(.2,0,0,1)}.MorphingIconsArticleDemos_pipelineSteps__Yx8Xf button>span{color:rgb(var(--t-tertiary));font-size:.6875rem;font-variant-numeric:tabular-nums}.MorphingIconsArticleDemos_pipelineSteps__Yx8Xf button strong{font-size:.875rem;font-weight:520;white-space:nowrap}.MorphingIconsArticleDemos_pipelineSteps__Yx8Xf button[aria-selected=true]{background:rgb(var(--t-primary)/.045);color:rgb(var(--t-primary))}@media (hover:hover){.MorphingIconsArticleDemos_pipelineSteps__Yx8Xf button:not([aria-selected=true]):hover{background:rgb(var(--t-primary)/.035);color:rgb(var(--t-primary))}}.MorphingIconsArticleDemos_pipelineSteps__Yx8Xf button:focus{outline:none}.MorphingIconsArticleDemos_pipelineSteps__Yx8Xf button:focus-visible{background:rgb(var(--t-primary)/.075)}.MorphingIconsArticleDemos_pipelinePanel__DAiyJ{position:relative;overflow:hidden;min-height:252px}.MorphingIconsArticleDemos_pipelinePanelInner__Fw5N3{display:grid;min-height:252px;grid-template-columns:minmax(210px,.86fr) minmax(0,1.14fr);align-items:center;gap:clamp(28px,4.5vw,52px);padding:clamp(28px,5vw,48px)}.MorphingIconsArticleDemos_pipelineVisual__3Q8Tm{display:grid;min-height:160px;place-items:center;padding:4px}.MorphingIconsArticleDemos_pipelineCopy__ZQefl{display:grid;gap:10px}.MorphingIconsArticleDemos_pipelineCopy__ZQefl>span{color:rgb(var(--t-tertiary));font-size:.75rem;font-variant-numeric:tabular-nums}.MorphingIconsArticleDemos_pipelineCopy__ZQefl h3,.MorphingIconsArticleDemos_pipelineCopy__ZQefl p{margin:0}.MorphingIconsArticleDemos_pipelineCopy__ZQefl h3{color:rgb(var(--t-primary));font-size:clamp(1.0625rem,1.6vw,1.25rem);font-weight:540;letter-spacing:-.025em;line-height:1.4}.MorphingIconsArticleDemos_pipelineCopy__ZQefl p{color:rgb(var(--t-secondary));font-size:.875rem;line-height:1.72}.MorphingIconsArticleDemos_pipelineSvg__39llv{display:block;width:min(100%,300px);height:auto;overflow:visible}.MorphingIconsArticleDemos_pipelineSolverSvg__SGpVq{width:min(100%,200px)}.MorphingIconsArticleDemos_pipelineSolverSvg__SGpVq line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:.82}.MorphingIconsArticleDemos_pipelineTargetGhost__fUgxp{stroke:rgb(var(--t-tertiary)/.22);stroke-width:.72}.MorphingIconsArticleDemos_pipelineTargetStroke__wSD9p{stroke:rgb(var(--t-tertiary)/.58);stroke-width:.76}.MorphingIconsArticleDemos_pipelineSourceStroke__7X9In{stroke:rgb(var(--t-primary)/.84)}.MorphingIconsArticleDemos_pipelineUnmatchedStroke__12K1P{stroke:rgb(var(--t-tertiary)/.72);stroke-width:.76}.MorphingIconsArticleDemos_pipelineSolverSvg__SGpVq .MorphingIconsArticleDemos_pipelineMatchGreen__7pX6T{stroke:oklch(.68 .12 162/.78);stroke-width:.74}.MorphingIconsArticleDemos_pipelineSolverSvg__SGpVq .MorphingIconsArticleDemos_pipelineMatchBlue__tesr9{stroke:oklch(.69 .12 242/.78);stroke-width:.74}.MorphingIconsArticleDemos_pipelineControlPoint__0kDUo,.MorphingIconsArticleDemos_pipelineSourcePoint__uqxat{fill:rgb(var(--t-paper));stroke:rgb(var(--t-primary)/.7);stroke-width:.1}.MorphingIconsArticleDemos_pipelineTargetPoint__ZxhmK{fill:rgb(var(--t-paper));stroke:rgb(var(--t-tertiary)/.32);stroke-width:.08;opacity:.58}.MorphingIconsArticleDemos_pipelineSolverSvg__SGpVq .MorphingIconsArticleDemos_pipelineAlignmentGuide__sjTFA{stroke:oklch(.59 .14 316/.74);stroke-width:.13}.MorphingIconsArticleDemos_pipelineMatchRows__gB4Sh{display:grid;gap:7px;margin:2px 0 0;padding:0;list-style:none}.MorphingIconsArticleDemos_pipelineMatchRows__gB4Sh li{display:grid;grid-template-columns:minmax(132px,1fr) auto 38px;align-items:baseline;gap:8px;color:rgb(var(--t-secondary));font-size:.8125rem}.MorphingIconsArticleDemos_pipelineMatchRows__gB4Sh li:before{display:none}.MorphingIconsArticleDemos_pipelineMatchRows__gB4Sh strong{color:rgb(var(--t-primary));font-weight:540}.MorphingIconsArticleDemos_pipelineMatchRows__gB4Sh li[data-pair=green] strong{color:oklch(.5 .11 162)}.MorphingIconsArticleDemos_pipelineMatchRows__gB4Sh li[data-pair=blue] strong{color:oklch(.52 .11 242)}.MorphingIconsArticleDemos_pipelineMatchRows__gB4Sh small{color:rgb(var(--t-tertiary));font-size:.75rem;font-variant-numeric:tabular-nums;text-align:right}.MorphingIconsArticleDemos_pipelineRange__u6n1a{display:grid;grid-column:1/-1;gap:9px;padding-top:18px;border-top:1px solid rgb(var(--t-line))}.MorphingIconsArticleDemos_pipelineRange__u6n1a>span{display:flex;justify-content:space-between;color:rgb(var(--t-secondary));font-size:.8125rem}.MorphingIconsArticleDemos_pipelineRange__u6n1a strong{color:rgb(var(--t-primary));font-weight:560;font-variant-numeric:tabular-nums}.MorphingIconsArticleDemos_pipelineRange__u6n1a input{width:100%;cursor:pointer;accent-color:rgb(var(--t-primary))}.MorphingIconsArticleDemos_pipelineRange__u6n1a input:focus{outline:none}.MorphingIconsArticleDemos_morphAnatomyFigure__ak3Fi{container:morph-anatomy/inline-size;overflow:hidden;margin:0;border-radius:18px}.MorphingIconsArticleDemos_anatomyDesktop___V3Ai,.MorphingIconsArticleDemos_anatomyMobile__cOtnS{display:block;width:100%;height:auto}.MorphingIconsArticleDemos_anatomyMobile__cOtnS{display:none}.MorphingIconsArticleDemos_anatomyCanvas__x_4ww{fill:rgb(var(--t-surface))}.MorphingIconsArticleDemos_anatomyBounds__4_OW5{fill:none;stroke:rgb(var(--t-line));stroke-width:1;stroke-dasharray:6 6}.MorphingIconsArticleDemos_anatomyLeader__Nlsht{fill:none;stroke:rgb(var(--t-tertiary)/.62);stroke-width:1.2;stroke-dasharray:4 4}.MorphingIconsArticleDemos_anatomyLanding__VFBCR{fill:rgb(var(--t-primary))}.MorphingIconsArticleDemos_anatomyParkedStroke__vanZY,.MorphingIconsArticleDemos_anatomyStrokePrimary__eg7pW,.MorphingIconsArticleDemos_anatomyStrokeSecondary__rBSiq,.MorphingIconsArticleDemos_anatomyStrokeTertiary__NQ4um{fill:none;stroke-linecap:round}.MorphingIconsArticleDemos_anatomyStrokePrimary__eg7pW{stroke:rgb(var(--t-primary));stroke-width:16}.MorphingIconsArticleDemos_anatomyStrokeSecondary__rBSiq{stroke:rgb(var(--t-primary)/.72);stroke-width:16}.MorphingIconsArticleDemos_anatomyStrokeTertiary__NQ4um{stroke:rgb(var(--t-primary)/.46);stroke-width:16}.MorphingIconsArticleDemos_anatomyParkedStroke__vanZY{stroke:rgb(var(--t-tertiary)/.62);stroke-width:4;stroke-dasharray:5 7}.MorphingIconsArticleDemos_anatomyMeasure__tc3jY,.MorphingIconsArticleDemos_anatomyParkArrow__e_9Bi,.MorphingIconsArticleDemos_anatomyStateArrow___YxjG{fill:none;stroke:rgb(var(--t-tertiary)/.72);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.2}.MorphingIconsArticleDemos_anatomyStateArrow___YxjG{stroke-width:1.5}.MorphingIconsArticleDemos_anatomyMeasure__tc3jY{stroke-dasharray:3 4}.MorphingIconsArticleDemos_anatomySlotLineLabel__4DaQP{fill:rgb(var(--t-paper));font-size:11px;font-weight:600;letter-spacing:.02em;text-anchor:middle;dominant-baseline:middle}.MorphingIconsArticleDemos_anatomyParkedSlotLabel__qnLK4{fill:rgb(var(--t-secondary));font-size:10px;font-weight:600;letter-spacing:.02em;text-anchor:middle;dominant-baseline:middle}.MorphingIconsArticleDemos_anatomyStateLabel__hL312{fill:rgb(var(--t-secondary));font-size:14px;font-weight:520;text-anchor:middle}.MorphingIconsArticleDemos_anatomyTitle__rNN5x{fill:rgb(var(--t-primary));font-size:19px;font-weight:560}.MorphingIconsArticleDemos_anatomyBody__V9zv7{fill:rgb(var(--t-secondary));font-size:15px}@container morph-anatomy (max-width: 620px){.MorphingIconsArticleDemos_anatomyDesktop___V3Ai{display:none}.MorphingIconsArticleDemos_anatomyMobile__cOtnS{display:block}.MorphingIconsArticleDemos_anatomyTitle__rNN5x{font-size:16px}.MorphingIconsArticleDemos_anatomyBody__V9zv7{font-size:14px}.MorphingIconsArticleDemos_anatomySlotLineLabel__4DaQP{font-size:8.5px}.MorphingIconsArticleDemos_anatomyParkedSlotLabel__qnLK4{font-size:8px}}@container morph-pipeline (max-width: 620px){.MorphingIconsArticleDemos_pipelinePanelInner__Fw5N3,.MorphingIconsArticleDemos_pipelinePanel__DAiyJ{min-height:390px}.MorphingIconsArticleDemos_pipelinePanelInner__Fw5N3{grid-template-columns:1fr;align-content:center;gap:22px;padding:24px 18px 28px}.MorphingIconsArticleDemos_pipelineVisual__3Q8Tm{min-height:150px}}.MorphingIconsArticleDemos_pairComparison__qXyuO{display:grid;overflow:hidden;margin:0;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid rgb(var(--t-line));border-radius:18px;background:rgb(var(--t-paper))}.MorphingIconsArticleDemos_pairComparison__qXyuO article{display:grid;min-width:0;grid-template-rows:auto auto auto 1fr;align-content:start;gap:0;padding:clamp(22px,4vw,32px)}.MorphingIconsArticleDemos_pairComparison__qXyuO article+article{border-left:1px solid rgb(var(--t-line))}.MorphingIconsArticleDemos_comparisonVisual__W5fVO{display:grid;min-height:164px;margin-top:12px;place-items:center;align-content:center;gap:12px;border-radius:14px;background:rgb(var(--t-surface));color:rgb(var(--t-primary))}.MorphingIconsArticleDemos_comparisonMotionIcon__Idpo9{display:block;width:92px;height:92px;overflow:visible}.MorphingIconsArticleDemos_comparisonState__EAew4{position:relative;display:grid;min-width:5.25rem;min-height:1.05rem;place-items:center;overflow:hidden;color:rgb(var(--t-tertiary));font-size:.75rem;font-weight:520;letter-spacing:.02em;line-height:1.35}.MorphingIconsArticleDemos_comparisonState__EAew4>span:not(.sr-only){grid-area:1/1;justify-self:center}.MorphingIconsArticleDemos_pairComparison__qXyuO h3,.MorphingIconsArticleDemos_pairComparison__qXyuO p{margin:0}.MorphingIconsArticleDemos_pairComparison__qXyuO h3{margin-top:20px;color:rgb(var(--t-primary));font-size:1rem;font-weight:560;letter-spacing:-.015em}.MorphingIconsArticleDemos_pairComparison__qXyuO p{margin-top:6px;color:rgb(var(--t-secondary));font-size:.875rem;line-height:1.65}.MorphingIconsArticleDemos_qualityCriteria__k9__P{overflow:hidden;margin:0;scroll-margin-top:88px;border:1px solid rgb(var(--t-line));border-radius:18px;background:rgb(var(--t-paper))}.MorphingIconsArticleDemos_qualityCriteriaGrid__5y6_4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.MorphingIconsArticleDemos_qualityCriteriaGrid__5y6_4 article{display:grid;align-content:start;gap:18px;padding:clamp(24px,4vw,34px)}.MorphingIconsArticleDemos_qualityCriteriaGrid__5y6_4 article+article{border-left:1px solid rgb(var(--t-line))}.MorphingIconsArticleDemos_qualityMetricHeader__zf1r0{display:flex;align-items:center;justify-content:space-between;gap:20px}.MorphingIconsArticleDemos_qualityMetricHeader__zf1r0 h3{margin:0;color:rgb(var(--t-primary));font-size:1.05rem;font-weight:560;letter-spacing:-.015em}.MorphingIconsArticleDemos_qualityMetricHeader__zf1r0 strong{flex:none;color:rgb(var(--t-primary));font-size:clamp(1.45rem,3vw,2rem);font-weight:520;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}.MorphingIconsArticleDemos_qualityCriteriaGrid__5y6_4 p{margin:0;color:rgb(var(--t-secondary));font-size:.875rem;line-height:1.7}.MorphingIconsArticleDemos_qualityCriteria__k9__P figcaption{border-top:1px solid rgb(var(--t-line));padding:16px clamp(24px,4vw,34px);color:rgb(var(--t-secondary));font-size:.8125rem;line-height:1.65}.MorphingIconsArticleDemos_swapStage__KiU6c{display:grid;min-height:280px;place-items:center;align-content:center}.MorphingIconsArticleDemos_swapStack__Yb4Kk{position:relative;display:grid;width:112px;height:112px;place-items:center}.MorphingIconsArticleDemos_swapLayer__kLmCK{position:absolute;display:grid;place-items:center}.MorphingIconsArticleDemos_swapGlyph__PPfNd{width:96px;height:96px;overflow:visible}.MorphingIconsArticleDemos_swapStage__KiU6c>strong{margin-top:26px;font-size:1rem;font-weight:550}.MorphingIconsArticleDemos_swapStage__KiU6c>small{margin-top:5px;color:rgb(var(--t-tertiary));font-size:.8125rem}.MorphingIconsArticleDemos_pairControls__B4T_I button{justify-items:center;text-align:center}.MorphingIconsArticleDemos_pairGlyphs__nQzPk{display:flex;gap:3px}.MorphingIconsArticleDemos_pairGlyphs__nQzPk .MorphingIconsArticleDemos_swapGlyph__PPfNd{width:22px;height:22px}.MorphingIconsArticleDemos_shapeStage__FNbal{position:relative;display:grid;min-height:330px;place-items:center;background:rgb(var(--t-surface))}.MorphingIconsArticleDemos_shapeSvg__lYa1h{display:block;width:min(68%,380px);overflow:visible;filter:drop-shadow(0 10px 18px rgb(var(--t-primary)/.09));transform-origin:center;will-change:transform}.MorphingIconsArticleDemos_shapeFill__eFGpo{fill:rgb(var(--t-primary))}.MorphingIconsArticleDemos_shapeNames__mevXG{position:absolute;inset-block-start:20px;inset-inline-end:20px;display:grid;min-width:10.5rem;min-block-size:20px;place-items:center end;overflow:hidden;color:rgb(var(--t-tertiary));font-size:.8125rem}.MorphingIconsArticleDemos_shapeNameTransition__g6Tcu{grid-area:1/1;display:flex;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap;will-change:opacity,transform}.MorphingIconsArticleDemos_shapeNameTransition__g6Tcu strong{color:rgb(var(--t-secondary));font-weight:550}.MorphingIconsArticleDemos_shapeScrubber__h4jwS{display:grid;min-height:68px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;border-top:1px solid rgb(var(--t-line));padding:12px 20px;color:rgb(var(--t-secondary));font-size:.8125rem}.MorphingIconsArticleDemos_shapeScrubber__h4jwS input{width:100%;min-height:44px;accent-color:rgb(var(--t-primary))}.MorphingIconsArticleDemos_shapePlaybackButton__oGPbV{display:inline-flex;min-width:76px;min-height:40px;align-items:center;justify-content:center;gap:7px;border:1px solid rgb(var(--t-line));border-radius:10px;background:rgb(var(--t-paper));color:rgb(var(--t-secondary));font:inherit;font-size:.8125rem;cursor:pointer;transition:border-color .15s cubic-bezier(.2,0,0,1),background-color .15s cubic-bezier(.2,0,0,1),color .15s cubic-bezier(.2,0,0,1)}.MorphingIconsArticleDemos_shapePlaybackButton__oGPbV svg{width:15px;height:15px;stroke-width:1.7}.MorphingIconsArticleDemos_shapePlaybackButton__oGPbV:hover{border-color:rgb(var(--t-primary)/.2);background:rgb(var(--t-surface));color:rgb(var(--t-primary))}.MorphingIconsArticleDemos_shapePlaybackButton__oGPbV:disabled{cursor:not-allowed;opacity:.48}.MorphingIconsArticleDemos_heroDemo__Fi2v4 button:focus,.MorphingIconsArticleDemos_pipelineFigure__ta45V button:focus,.MorphingIconsArticleDemos_shapeFigure__WPIll button:focus,.MorphingIconsArticleDemos_swapFigure__nCsMR button:focus{outline:none}.MorphingIconsArticleDemos_heroStage__EHR0x:focus-visible,.MorphingIconsArticleDemos_swapStage__KiU6c:focus-visible{background:rgb(var(--t-surface-2))}.MorphingIconsArticleDemos_pairControls__B4T_I button:focus-visible,.MorphingIconsArticleDemos_sequenceControls__4R5Oe button:focus-visible,.MorphingIconsArticleDemos_shapePlaybackButton__oGPbV:focus-visible{border-color:rgb(var(--t-primary)/.16);background:rgb(var(--t-surface-2));color:rgb(var(--t-primary))}.MorphingIconsArticleDemos_shapeScrubber__h4jwS input:focus-visible{outline-offset:2px}.MorphingIconsArticleDemos_shapeExamples__7HFjZ{display:grid;overflow:hidden;margin:0;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid rgb(var(--t-line));border-radius:20px;background:rgb(var(--t-paper));color:rgb(var(--t-primary))}.MorphingIconsArticleDemos_shapeExampleCard__dcaA2{display:grid;min-width:0;grid-template-rows:340px minmax(0,1fr)}.MorphingIconsArticleDemos_shapeExampleCard__dcaA2+.MorphingIconsArticleDemos_shapeExampleCard__dcaA2{border-left:1px solid rgb(var(--t-line))}.MorphingIconsArticleDemos_shapeExampleStage__1aA_z{position:relative;display:grid;min-width:0;min-height:300px;place-items:center;overflow:hidden;border:0;background:rgb(var(--t-surface));color:rgb(var(--t-primary));font:inherit;cursor:pointer}.MorphingIconsArticleDemos_characterSvg__c9QWq{display:block;width:min(61%,238px);overflow:visible}.MorphingIconsArticleDemos_characterBody__3uqck,.MorphingIconsArticleDemos_liquidPiece__Jj9L3{fill:currentColor}.MorphingIconsArticleDemos_liquidArt__lMl9i{position:relative;display:block;width:min(84%,330px);aspect-ratio:640/360;color:rgb(var(--t-primary))}.MorphingIconsArticleDemos_liquidSvg__Q23tc{position:absolute;display:block;inset:0;width:100%;height:100%;overflow:visible}.MorphingIconsArticleDemos_liquidContent__6YK46{position:absolute;display:grid;place-items:center;overflow:hidden;color:rgb(var(--t-surface));pointer-events:none}.MorphingIconsArticleDemos_liquidContent__6YK46 b{font-size:clamp(.625rem,1.5vw,.75rem);font-weight:620;letter-spacing:.01em}.MorphingIconsArticleDemos_liquidGrid__835xW{display:grid;width:58%;height:58%;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.MorphingIconsArticleDemos_liquidGrid__835xW i{border:1px solid rgb(var(--t-surface)/.72);border-radius:3px}.MorphingIconsArticleDemos_liquidLines__BKn_m{display:grid;width:66%;gap:5px}.MorphingIconsArticleDemos_liquidLines__BKn_m i{display:block;height:4px;border-radius:99px;background:rgb(var(--t-surface)/.7)}.MorphingIconsArticleDemos_liquidLines__BKn_m i:nth-child(2){width:72%;opacity:.75}.MorphingIconsArticleDemos_liquidLines__BKn_m i:nth-child(3){width:46%;opacity:.55}.MorphingIconsArticleDemos_shapeExampleState__TQ8al{position:absolute;inset-block-end:18px;inset-inline:18px;display:grid;min-height:1.4em;place-items:center;overflow:hidden;color:rgb(var(--t-tertiary));font-size:.8125rem;line-height:1.4;text-align:center}.MorphingIconsArticleDemos_shapeExampleStateText__gkF2X{grid-area:1/1;display:block;width:100%;will-change:transform,opacity}.MorphingIconsArticleDemos_shapeExampleCopy__P2wuQ{display:grid;align-content:start;gap:8px;border-top:1px solid rgb(var(--t-line));padding:24px clamp(20px,3vw,30px) 26px}.MorphingIconsArticleDemos_shapeExampleCopy__P2wuQ>span{color:rgb(var(--t-tertiary));font-size:.75rem;font-weight:560;letter-spacing:.04em}.MorphingIconsArticleDemos_shapeExampleCopy__P2wuQ h3,.MorphingIconsArticleDemos_shapeExampleCopy__P2wuQ p{margin:0}.MorphingIconsArticleDemos_shapeExampleCopy__P2wuQ h3{color:rgb(var(--t-primary));font-size:1.0625rem;font-weight:590;letter-spacing:-.02em;line-height:1.45}.MorphingIconsArticleDemos_shapeExampleCopy__P2wuQ p{min-height:3.4em;color:rgb(var(--t-secondary));font-size:.875rem;line-height:1.7}.MorphingIconsArticleDemos_shapeExampleLinks__6iUHG{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:8px}.MorphingIconsArticleDemos_shapeExampleLinks__6iUHG a{display:inline-flex;align-items:center;gap:4px;color:rgb(var(--t-secondary));font-size:.8125rem;font-weight:540;text-decoration-line:underline;text-decoration-style:dotted;text-underline-offset:4px}.MorphingIconsArticleDemos_shapeExampleLinks__6iUHG svg{width:14px;height:14px;flex:none;stroke-width:1.75}.MorphingIconsArticleDemos_shapeExampleStage__1aA_z:focus{outline:none}.MorphingIconsArticleDemos_shapeExampleStage__1aA_z:focus-visible{outline:2px solid rgb(var(--t-primary));outline-offset:-4px}@media (hover:hover){.MorphingIconsArticleDemos_shapeExampleStage__1aA_z:hover{background:rgb(var(--t-surface-2))}.MorphingIconsArticleDemos_shapeExampleLinks__6iUHG a:hover{color:rgb(var(--t-primary))}}.MorphingIconsArticleDemos_authoredFigure__wU2TB{container:authored-demo/inline-size;overflow:hidden;margin:0;border:1px solid rgb(var(--t-line));border-radius:18px;background:rgb(var(--t-paper));color:rgb(var(--t-primary))}.MorphingIconsArticleDemos_authoredHeader__jIyeS{display:grid;min-height:94px;grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:clamp(24px,6vw,72px);border-bottom:1px solid rgb(var(--t-line));padding:20px clamp(22px,4vw,34px)}.MorphingIconsArticleDemos_authoredHeader__jIyeS>div{display:grid;min-width:180px;gap:3px}.MorphingIconsArticleDemos_authoredHeader__jIyeS span{color:rgb(var(--t-tertiary));font-size:.6875rem;font-variant-numeric:tabular-nums;letter-spacing:.03em}.MorphingIconsArticleDemos_authoredHeader__jIyeS h3,.MorphingIconsArticleDemos_authoredHeader__jIyeS p{margin:0}.MorphingIconsArticleDemos_authoredHeader__jIyeS h3{color:rgb(var(--t-primary));font-size:1.0625rem;font-weight:580;letter-spacing:-.02em}.MorphingIconsArticleDemos_authoredHeader__jIyeS p{justify-self:end;color:rgb(var(--t-secondary));font-size:.875rem;line-height:1.65;text-align:right;white-space:nowrap}.MorphingIconsArticleDemos_lottieStage__UjlNH,.MorphingIconsArticleDemos_particleStage__V4SAp{position:relative;display:grid;width:100%;min-height:clamp(310px,46vw,390px);place-items:center;overflow:hidden;border:0;background:rgb(var(--t-surface));padding:0;color:rgb(var(--t-primary));font:inherit;cursor:pointer;transition:background-color .15s cubic-bezier(.2,0,0,1)}.MorphingIconsArticleDemos_lottieStage__UjlNH:disabled,.MorphingIconsArticleDemos_particleStage__V4SAp:disabled{cursor:default}.MorphingIconsArticleDemos_lottieStage__UjlNH:focus,.MorphingIconsArticleDemos_particleStage__V4SAp:focus{outline:none}.MorphingIconsArticleDemos_lottieStage__UjlNH:focus-visible,.MorphingIconsArticleDemos_particleStage__V4SAp:focus-visible{outline:2px solid rgb(var(--t-primary));outline-offset:-4px}.MorphingIconsArticleDemos_lottieAnimation__3PbFx{width:min(48vw,228px);aspect-ratio:1}.MorphingIconsArticleDemos_lottieAnimation__3PbFx svg{display:block}.MorphingIconsArticleDemos_lottieAnimation__3PbFx [fill="rgb(237,62,43)"]{fill:rgb(var(--t-primary))}.MorphingIconsArticleDemos_lottieAnimation__3PbFx [fill="rgb(236,116,71)"]{fill:rgb(var(--t-primary)/.78)}.MorphingIconsArticleDemos_lottieAnimation__3PbFx [fill="rgb(71,121,236)"]{fill:rgb(var(--t-secondary))}.MorphingIconsArticleDemos_lottieAnimation__3PbFx [fill="rgb(241,214,2)"],.MorphingIconsArticleDemos_lottieAnimation__3PbFx [fill="rgb(242,214,2)"]{fill:rgb(var(--t-tertiary))}.MorphingIconsArticleDemos_particleStage__V4SAp canvas{position:absolute!important;inset:0}.MorphingIconsArticleDemos_particleState__TYaNN{position:absolute;z-index:1;inset-block-start:18px;inset-inline-end:20px;color:rgb(var(--t-tertiary));font-size:.75rem;font-weight:540;letter-spacing:.04em;pointer-events:none}.MorphingIconsArticleDemos_authoredControls__IYseC{display:flex;min-height:70px;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgb(var(--t-line));padding:12px clamp(16px,3vw,22px)}.MorphingIconsArticleDemos_authoredControls__IYseC button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;border:1px solid rgb(var(--t-line));border-radius:10px;background:rgb(var(--t-paper));padding:0 14px;color:rgb(var(--t-primary));font:inherit;font-size:.8125rem;font-weight:540;cursor:pointer;transition:border-color .15s cubic-bezier(.2,0,0,1),background-color .15s cubic-bezier(.2,0,0,1),color .15s cubic-bezier(.2,0,0,1)}.MorphingIconsArticleDemos_authoredControls__IYseC button svg{width:15px;height:15px;stroke-width:1.7}.MorphingIconsArticleDemos_authoredControls__IYseC button:disabled{cursor:wait;opacity:.42}.MorphingIconsArticleDemos_authoredControls__IYseC button:focus{outline:none}.MorphingIconsArticleDemos_authoredControls__IYseC button:focus-visible{border-color:rgb(var(--t-primary)/.18);background:rgb(var(--t-surface-2))}.MorphingIconsArticleDemos_authoredControls__IYseC small{color:rgb(var(--t-tertiary));font-size:.75rem;line-height:1.5;text-align:right}.MorphingIconsArticleDemos_authoredControls__IYseC a{color:inherit;text-decoration-line:underline;text-decoration-style:dotted;text-underline-offset:3px}.MorphingIconsArticleDemos_particleShapeSelect__PeWKr{display:flex;align-items:center;gap:10px}.MorphingIconsArticleDemos_particleShapeSelect__PeWKr .MorphingIconsArticleDemos_particleShapeLabel__GiHEt{margin-block-end:0;color:rgb(var(--t-tertiary));font-size:.75rem;font-weight:540;line-height:1.5}.MorphingIconsArticleDemos_authoredControls__IYseC .MorphingIconsArticleDemos_particleShapeTrigger__R424g{width:8.75rem;min-width:8.75rem;min-height:2.625rem;border-color:rgb(var(--t-line));border-radius:10px;background:rgb(var(--t-paper));color:rgb(var(--t-primary));font-size:.8125rem;box-shadow:none}.MorphingIconsArticleDemos_particleShapeMenu__WycWI{color:rgb(var(--t-primary));font-size:.8125rem}.MorphingIconsArticleDemos_particleShapeOption__1YVwL{display:inline-flex;min-width:0;align-items:center;gap:7px;white-space:nowrap}.MorphingIconsArticleDemos_particleShapeIcon__iBx1Q{width:1rem;height:1rem;flex:0 0 1rem;overflow:visible}@media (hover:hover){.MorphingIconsArticleDemos_lottieStage__UjlNH:not(:disabled):hover,.MorphingIconsArticleDemos_particleStage__V4SAp:not(:disabled):hover{background:rgb(var(--t-surface-2))}.MorphingIconsArticleDemos_authoredControls__IYseC button:not(:disabled):hover{border-color:rgb(var(--t-primary)/.2);background:rgb(var(--t-surface-2))}.MorphingIconsArticleDemos_authoredControls__IYseC a:hover{color:rgb(var(--t-primary))}}@container authored-demo (max-width: 740px){.MorphingIconsArticleDemos_authoredHeader__jIyeS{grid-template-columns:1fr;gap:10px;padding-block:18px}.MorphingIconsArticleDemos_authoredHeader__jIyeS p{justify-self:start;text-align:left;white-space:normal}.MorphingIconsArticleDemos_authoredControls__IYseC{align-items:flex-start;flex-direction:column;gap:9px}.MorphingIconsArticleDemos_authoredControls__IYseC small{text-align:left}.MorphingIconsArticleDemos_particleShapeSelect__PeWKr{width:100%;justify-content:space-between}}@media (forced-colors:active){.MorphingIconsArticleDemos_heroDemo__Fi2v4 button:focus-visible,.MorphingIconsArticleDemos_pipelineFigure__ta45V button:focus-visible,.MorphingIconsArticleDemos_shapeFigure__WPIll button:focus-visible,.MorphingIconsArticleDemos_swapFigure__nCsMR button:focus-visible{outline:2px solid Highlight;outline-offset:2px}.MorphingIconsArticleDemos_shapeExampleStage__1aA_z:focus-visible{outline:2px solid Highlight;outline-offset:-4px}.MorphingIconsArticleDemos_authoredFigure__wU2TB button:focus-visible{outline:2px solid Highlight;outline-offset:2px}}@media (max-width:640px){.MorphingIconsArticleDemos_figureToolbar__4H33A,.MorphingIconsArticleDemos_heroTopline__xwlSm{align-items:flex-start;padding-left:16px}.MorphingIconsArticleDemos_heroStage__EHR0x{min-height:310px}.MorphingIconsArticleDemos_pairControls__B4T_I,.MorphingIconsArticleDemos_sequenceControls__4R5Oe{grid-template-columns:repeat(3,minmax(0,1fr))}.MorphingIconsArticleDemos_pairControls__B4T_I button,.MorphingIconsArticleDemos_sequenceControls__4R5Oe button{min-height:68px;padding-inline:10px}.MorphingIconsArticleDemos_sequenceControls__4R5Oe button small{white-space:normal}.MorphingIconsArticleDemos_sequencePath__ndIpl{flex-wrap:wrap;row-gap:2px}.MorphingIconsArticleDemos_pipelineSteps__Yx8Xf{scroll-snap-type:x proximity}.MorphingIconsArticleDemos_pipelineSteps__Yx8Xf button{padding-inline:12px;scroll-snap-align:center}.MorphingIconsArticleDemos_pipelinePanelInner__Fw5N3,.MorphingIconsArticleDemos_pipelinePanel__DAiyJ{min-height:390px}.MorphingIconsArticleDemos_pipelinePanelInner__Fw5N3{grid-template-columns:1fr;align-content:center;gap:22px;padding:24px 18px 28px}.MorphingIconsArticleDemos_pipelineVisual__3Q8Tm{min-height:150px}.MorphingIconsArticleDemos_pipelineCopy__ZQefl h3{font-size:1.25rem}.MorphingIconsArticleDemos_pairComparison__qXyuO{grid-template-columns:1fr}.MorphingIconsArticleDemos_pairComparison__qXyuO article{grid-template-rows:auto auto auto auto}.MorphingIconsArticleDemos_comparisonVisual__W5fVO{min-height:148px}.MorphingIconsArticleDemos_pairComparison__qXyuO article+article{border-top:1px solid rgb(var(--t-line));border-left:0}.MorphingIconsArticleDemos_qualityCriteriaGrid__5y6_4{grid-template-columns:1fr}.MorphingIconsArticleDemos_qualityCriteriaGrid__5y6_4 article+article{border-top:1px solid rgb(var(--t-line));border-left:0}.MorphingIconsArticleDemos_qualityMetricHeader__zf1r0{align-items:flex-end}.MorphingIconsArticleDemos_figureToolbar__4H33A{flex-direction:column;padding-block:14px}.MorphingIconsArticleDemos_shapeStage__FNbal,.MorphingIconsArticleDemos_swapStage__KiU6c{min-height:300px}.MorphingIconsArticleDemos_shapeScrubber__h4jwS{grid-template-columns:minmax(0,1fr) auto;gap:2px 12px}.MorphingIconsArticleDemos_shapeScrubber__h4jwS label{grid-column:1/-1}.MorphingIconsArticleDemos_shapeExamples__7HFjZ{grid-template-columns:1fr}.MorphingIconsArticleDemos_shapeExampleCard__dcaA2{grid-template-rows:290px auto}.MorphingIconsArticleDemos_shapeExampleCard__dcaA2+.MorphingIconsArticleDemos_shapeExampleCard__dcaA2{border-top:1px solid rgb(var(--t-line));border-left:0}.MorphingIconsArticleDemos_shapeExampleStage__1aA_z{min-height:270px}}@media (prefers-reduced-motion:reduce){.MorphingIconsArticleDemos_authoredControls__IYseC button,.MorphingIconsArticleDemos_pairControls__B4T_I button,.MorphingIconsArticleDemos_pairControls__B4T_I button:after,.MorphingIconsArticleDemos_pipelineSteps__Yx8Xf button,.MorphingIconsArticleDemos_sequenceControls__4R5Oe button,.MorphingIconsArticleDemos_sequenceControls__4R5Oe button:after,.MorphingIconsArticleDemos_shapeExampleStage__1aA_z,.MorphingIconsArticleDemos_shapePlaybackButton__oGPbV{transition:none}}.OklchArticleDemos_demoRoot__n02w0{position:relative;color:rgb(var(--t-primary))}.OklchArticleDemos_copyOutput__KRrFK,.OklchArticleDemos_copyValue__bnG__,.OklchArticleDemos_resetButton__ZBHuZ{display:inline-flex;min-height:36px;flex-shrink:0;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;background:rgb(var(--t-surface-2));padding:0 15px;color:rgb(var(--t-secondary));font:inherit;font-size:.75rem;cursor:pointer;transition:color .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1)}.OklchArticleDemos_copyOutput__KRrFK:hover,.OklchArticleDemos_copyValue__bnG__:hover,.OklchArticleDemos_resetButton__ZBHuZ:hover{color:rgb(var(--t-primary));transform:translateY(-1px)}.OklchArticleDemos_copyOutput__KRrFK:focus-visible,.OklchArticleDemos_copyValue__bnG__:focus-visible,.OklchArticleDemos_resetButton__ZBHuZ:focus-visible{outline:2px solid rgb(var(--t-primary));outline-offset:3px}.OklchArticleDemos_dimensionNote__ywa_C{margin:48px 0;border-radius:16px;background:rgb(var(--t-surface));padding:28px clamp(22px,5vw,40px) 30px}.OklchArticleDemos_dimensionGrid__mbIFR{display:grid;gap:18px;margin-top:24px}.OklchArticleDemos_dimensionItem__H3nA5{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:15px}.OklchArticleDemos_dimensionSwatch__kawc2{display:grid;width:48px;height:44px;place-items:center;border-radius:50% 48% 46% 52%;color:oklch(20% .02 45);font-size:.75rem;font-weight:600;box-shadow:inset 0 0 0 1px rgb(var(--t-paper)/.56)}.OklchArticleDemos_dimensionItem__H3nA5 small,.OklchArticleDemos_dimensionItem__H3nA5 strong{display:block}.OklchArticleDemos_dimensionItem__H3nA5 strong{font-size:.94rem;font-weight:500}.OklchArticleDemos_dimensionItem__H3nA5 small{margin-top:2px;color:rgb(var(--t-tertiary));font-size:.68rem}.OklchArticleDemos_pencilNote__DrKjl{margin-top:24px;color:rgb(var(--t-secondary));font-size:.8rem;line-height:1.7;text-decoration:underline;text-decoration-color:oklch(72% .08 45/.5);text-decoration-thickness:2px;text-underline-offset:5px}.OklchArticleDemos_spaceDemoGrid__fM0qb{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(230px,.52fr);gap:2px;background:rgb(var(--t-paper))}.OklchArticleDemos_colorPlaneWrap__35sMP{position:relative;min-height:430px;overflow:hidden;background:rgb(var(--t-paper))}.OklchArticleDemos_colorPlane__V_j1R{display:block;width:100%;height:430px;cursor:crosshair;touch-action:none}.OklchArticleDemos_colorPlane__V_j1R:focus-visible{outline:2px solid rgb(var(--t-primary));outline-offset:-5px}.OklchArticleDemos_axisChroma__HGk0W,.OklchArticleDemos_axisHue__7WYuQ,.OklchArticleDemos_gamutLegend__EWdhW{position:absolute;border-radius:999px;background:rgb(var(--t-paper)/.9);padding:7px 9px;color:rgb(var(--t-secondary));font-size:.58rem;letter-spacing:.08em;pointer-events:none}.OklchArticleDemos_axisHue__7WYuQ{right:12px;bottom:12px}.OklchArticleDemos_axisChroma__HGk0W{top:12px;left:12px;writing-mode:vertical-rl;transform:rotate(180deg)}.OklchArticleDemos_gamutLegend__EWdhW{bottom:12px;left:12px;letter-spacing:0}.OklchArticleDemos_colorInspector__XXXJK{display:flex;min-width:0;flex-direction:column;gap:24px;background:rgb(var(--t-surface));padding:24px}.OklchArticleDemos_inspectorSwatch__SMrU1{display:flex;min-height:132px;align-items:flex-end;border-radius:18px 22px 17px 20px;padding:14px}.OklchArticleDemos_inspectorSwatch__SMrU1 span{border-radius:999px;background:rgb(var(--t-paper)/.9);padding:5px 8px;color:rgb(var(--t-primary));font-size:.64rem}.OklchArticleDemos_hueControl__5GHX8,.OklchArticleDemos_lightnessControl__FLuZM{display:grid;gap:13px}.OklchArticleDemos_hueControl__5GHX8>span,.OklchArticleDemos_lightnessControl__FLuZM>span{display:flex;align-items:center;justify-content:space-between;gap:16px;color:rgb(var(--t-secondary));font-size:.72rem}.OklchArticleDemos_hueControl__5GHX8 strong,.OklchArticleDemos_lightnessControl__FLuZM strong{font-weight:500}.OklchArticleDemos_hueControl__5GHX8 output,.OklchArticleDemos_lightnessControl__FLuZM output{color:rgb(var(--t-tertiary));font-variant-numeric:tabular-nums}.OklchArticleDemos_lightnessControl__FLuZM input{width:100%;cursor:ew-resize}.OklchArticleDemos_hueSlider__GZm3R{width:100%;height:26px;margin:0;appearance:none;background:transparent;cursor:ew-resize}.OklchArticleDemos_hueSlider__GZm3R::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,oklch(70% .15 0),oklch(70% .15 60),oklch(70% .15 120),oklch(70% .15 180),oklch(70% .15 240),oklch(70% .15 300),oklch(70% .15 360));box-shadow:inset 0 0 0 1px rgb(var(--t-primary)/.08)}.OklchArticleDemos_hueSlider__GZm3R::-webkit-slider-thumb{width:18px;height:18px;margin-top:-6px;appearance:none;border:3px solid rgb(var(--t-paper));border-radius:50%;background:oklch(62% .18 var(--hue-value));box-shadow:0 0 0 1px rgb(var(--t-primary)/.22),0 3px 9px rgb(var(--t-ink)/.18)}.OklchArticleDemos_hueSlider__GZm3R::-moz-range-track{height:6px;border:0;border-radius:999px;background:linear-gradient(90deg,oklch(70% .15 0),oklch(70% .15 60),oklch(70% .15 120),oklch(70% .15 180),oklch(70% .15 240),oklch(70% .15 300),oklch(70% .15 360));box-shadow:inset 0 0 0 1px rgb(var(--t-primary)/.08)}.OklchArticleDemos_hueSlider__GZm3R::-moz-range-progress{height:6px;background:transparent}.OklchArticleDemos_hueSlider__GZm3R::-moz-range-thumb{width:14px;height:14px;border:3px solid rgb(var(--t-paper));border-radius:50%;background:oklch(62% .18 var(--hue-value));box-shadow:0 0 0 1px rgb(var(--t-primary)/.22),0 3px 9px rgb(var(--t-ink)/.18)}.OklchArticleDemos_hueSlider__GZm3R:focus-visible{border-radius:999px;outline:2px solid rgb(var(--t-primary));outline-offset:4px}.OklchArticleDemos_coordinateList__33caa{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.OklchArticleDemos_coordinateList__33caa>div{border-radius:12px;background:rgb(var(--t-paper));padding:10px}.OklchArticleDemos_coordinateList__33caa dt{color:rgb(var(--t-tertiary));font-size:.62rem}.OklchArticleDemos_coordinateList__33caa dd{margin-top:5px;color:rgb(var(--t-primary));font-size:.78rem;font-variant-numeric:tabular-nums}.OklchArticleDemos_copyValue__bnG__{width:100%;margin-top:auto;overflow:hidden}.OklchArticleDemos_copyOutput__KRrFK code,.OklchArticleDemos_copyValue__bnG__ code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.67rem}.OklchArticleDemos_hueSamples__AsNFF{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;background:rgb(var(--t-paper))}.OklchArticleDemos_hueSamples__AsNFF span{display:flex;min-height:76px;align-items:flex-end;padding:9px;color:oklch(20% .01 60);font-size:.58rem;font-variant-numeric:tabular-nums}.OklchArticleDemos_lightnessStudy__ctgFz{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;background:rgb(var(--t-paper))}.OklchArticleDemos_lightnessRow__ACQjd{display:grid;min-width:0;grid-template-rows:auto minmax(0,1fr);gap:2px;background:rgb(var(--t-paper))}.OklchArticleDemos_lightnessRow__ACQjd>header{display:flex;min-height:92px;min-width:0;align-items:center;justify-content:space-between;gap:20px;background:rgb(var(--t-surface));padding:20px 24px}.OklchArticleDemos_lightnessMeta__8SVxW,.OklchArticleDemos_lightnessMeta__8SVxW small,.OklchArticleDemos_lightnessMeta__8SVxW strong{display:block}.OklchArticleDemos_lightnessMeta__8SVxW strong{font-size:.82rem;font-weight:600}.OklchArticleDemos_lightnessMeta__8SVxW small{margin-top:5px;color:rgb(var(--t-tertiary));font-size:.63rem;font-variant-numeric:tabular-nums}.OklchArticleDemos_lightnessSwatches__Itak7{display:grid;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:10px;background:rgb(var(--t-surface));padding:clamp(24px,4vw,36px) clamp(18px,3vw,30px);filter:grayscale(0)}.OklchArticleDemos_lightnessSwatchesAnimate__auwkJ{animation:OklchArticleDemos_lightness-color-cycle__ci4u9 5.6s cubic-bezier(.22,1,.36,1) infinite}@keyframes OklchArticleDemos_lightness-color-cycle__ci4u9{0%,18%{filter:grayscale(1)}40%,70%{filter:grayscale(0)}86%,to{filter:grayscale(1)}}.OklchArticleDemos_lightnessSample__QTSd2{display:grid;min-width:0;gap:12px}.OklchArticleDemos_lightnessSample__QTSd2>span{display:flex;min-width:0;min-height:92px;align-items:center;justify-content:center;border:6px solid rgb(var(--t-paper));border-radius:999px;padding:8px;box-shadow:0 0 0 1px rgb(var(--t-ink)/.08),0 10px 18px -16px rgb(var(--t-ink)/.34)}.OklchArticleDemos_lightnessSample__QTSd2 code{display:block;min-width:0;color:rgb(var(--t-tertiary));font-family:var(--font-mono),ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:clamp(.58rem,.75vw,.66rem);font-variant-numeric:tabular-nums;line-height:1.45;overflow-wrap:break-word;text-align:center}.OklchArticleDemos_lightnessVariable__FKGrR{display:inline-flex;align-items:baseline;gap:4px;border:0;border-radius:999px;background:transparent;padding:0 4px 0 2px;color:rgb(var(--t-primary));font:inherit;font-weight:600;line-height:inherit;vertical-align:baseline;cursor:pointer;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}.OklchArticleDemos_lightnessVariable__FKGrR:hover,.OklchArticleDemos_lightnessVariable__FKGrR[data-popup-open]{background:rgb(var(--t-ink)/.05)}.OklchArticleDemos_lightnessVariable__FKGrR:focus-visible{outline:none;box-shadow:0 0 0 2px rgb(var(--t-ink)/.22)}.OklchArticleDemos_lightnessHueGlyph__92JBg{position:relative;display:inline-block;align-self:center;width:14px;height:14px;flex:0 0 14px;border-radius:50%;background:conic-gradient(hsl(0 90% 58%),hsl(60 90% 55%),hsl(120 76% 48%),hsl(180 78% 46%),hsl(240 82% 62%),hsl(300 78% 58%),hsl(360 90% 58%));transition:transform .18s ease}.OklchArticleDemos_lightnessHueGlyph__92JBg:after{position:absolute;inset:3px;border-radius:50%;background:rgb(var(--t-paper));content:""}.OklchArticleDemos_lightnessVariable__FKGrR[data-space=oklch] .OklchArticleDemos_lightnessHueGlyph__92JBg{background:conic-gradient(in oklch longer hue,oklch(.72 .15 0),oklch(.72 .15 360))}.OklchArticleDemos_lightnessVariable__FKGrR:hover .OklchArticleDemos_lightnessHueGlyph__92JBg,.OklchArticleDemos_lightnessVariable__FKGrR[data-popup-open] .OklchArticleDemos_lightnessHueGlyph__92JBg{transform:rotate(40deg)}.OklchArticleDemos_lightnessHueSlider__sS4rT{margin-top:18px}.OklchArticleDemos_lightnessHueSlider__sS4rT [data-slot=slider-control]{min-width:0;min-height:30px;align-items:center}.OklchArticleDemos_lightnessHueSlider__sS4rT [data-slot=slider-track]{height:10px}.OklchArticleDemos_lightnessHueSlider__sS4rT [data-slot=slider-track]:before{height:10px;background:linear-gradient(90deg,hsl(0 100% 50%),hsl(60 100% 50%),hsl(120 100% 50%),hsl(180 100% 50%),hsl(240 100% 50%),hsl(300 100% 50%),hsl(360 100% 50%))}.OklchArticleDemos_lightnessHueSliderOklch___D_xJ [data-slot=slider-track]:before{background:linear-gradient(90deg in oklch longer hue,oklch(.72 .15 0),oklch(.72 .15 360))}.OklchArticleDemos_lightnessHueSlider__sS4rT [data-slot=slider-indicator]{background:transparent}.OklchArticleDemos_lightnessHueSlider__sS4rT [data-slot=slider-thumb]{width:22px;height:22px}.OklchArticleDemos_lightnessFooter__yxNT3 p{color:rgb(var(--t-secondary));font-size:.72rem;line-height:1.65}.OklchArticleDemos_demoSwitch__EGzyE{display:inline-flex;min-height:36px;cursor:pointer;align-items:center;gap:10px;color:rgb(var(--t-secondary));font-size:.7rem;white-space:nowrap}.OklchArticleDemos_gradientHeroComparison__ioqy2{--gradient-label-column:clamp(132px,19vw,180px);border-bottom:1px solid rgb(var(--t-line));background:rgb(var(--t-paper));padding:clamp(28px,4vw,40px) clamp(22px,4.5vw,46px) clamp(30px,5vw,44px)}.OklchArticleDemos_gradientHeroIntro__eFY4D,.OklchArticleDemos_interpolationStudyIntro__dPzHV{display:grid;grid-template-columns:minmax(140px,.32fr) minmax(0,1fr);align-items:baseline;gap:clamp(20px,4vw,44px)}.OklchArticleDemos_gradientHeroIntro__eFY4D>span,.OklchArticleDemos_interpolationStudyIntro__dPzHV>span{color:rgb(var(--t-tertiary));font-size:.8125rem;font-weight:500;letter-spacing:.06em}.OklchArticleDemos_gradientHeroIntro__eFY4D p,.OklchArticleDemos_interpolationStudyIntro__dPzHV p{max-width:48ch;color:rgb(var(--t-secondary));font-size:.9375rem;line-height:1.6;text-wrap:pretty}.OklchArticleDemos_gradientBands__Cfr78{display:grid;gap:clamp(20px,2.5vw,26px);margin-top:clamp(24px,3.5vw,32px)}.OklchArticleDemos_gradientBandRow__WyMLw{display:grid;grid-template-columns:var(--gradient-label-column) minmax(0,1fr);align-items:center;gap:clamp(16px,3vw,28px)}.OklchArticleDemos_gradientBandMeta__Q_XCT span,.OklchArticleDemos_gradientBandMeta__Q_XCT strong{display:block}.OklchArticleDemos_gradientBandMeta__Q_XCT strong{color:rgb(var(--t-primary));font-size:1rem;font-weight:600;letter-spacing:-.015em}.OklchArticleDemos_gradientBandMeta__Q_XCT span{margin-top:5px;color:rgb(var(--t-tertiary));font-size:.8125rem;line-height:1.5}.OklchArticleDemos_gradientBand__Jvlub{position:relative;height:clamp(72px,8vw,92px);overflow:hidden;border-radius:14px;box-shadow:inset 0 0 0 1px rgb(var(--t-ink)/.09)}.OklchArticleDemos_gradientBandWrap___ueZS{position:relative;min-width:0}.OklchArticleDemos_gradientBandRow__WyMLw[data-has-callout=true]{margin-bottom:34px}.OklchArticleDemos_gradientDeadZoneCallout__MlsgB{position:absolute;top:calc(100% + 7px);left:0;display:grid;width:100%;justify-items:center;gap:7px;color:rgb(var(--t-secondary));font-size:.75rem;white-space:nowrap}.OklchArticleDemos_gradientDeadZoneBracket__oJuw7{position:relative;display:block;width:clamp(96px,28%,168px);height:6px;border-right:1px solid rgb(var(--t-primary)/.34);border-bottom:1px solid rgb(var(--t-primary)/.34);border-left:1px solid rgb(var(--t-primary)/.34)}.OklchArticleDemos_gradientDeadZoneBracket__oJuw7:after{position:absolute;top:100%;left:50%;width:1px;height:8px;background:rgb(var(--t-primary)/.34);content:""}.OklchArticleDemos_gradientDeadZoneCopy__SbYi5{display:flex;align-items:baseline;gap:7px}.OklchArticleDemos_gradientDeadZoneCopy__SbYi5 strong{color:rgb(var(--t-primary));font-weight:600}.OklchArticleDemos_gradientDeadZoneCopy__SbYi5>span{color:rgb(var(--t-tertiary))}.OklchArticleDemos_gradientBandScale__6BUW9{display:grid;color:rgb(var(--t-tertiary));font-size:.75rem;font-variant-numeric:tabular-nums;grid-template-columns:var(--gradient-label-column) repeat(2,minmax(0,1fr));gap:clamp(16px,3vw,28px);margin-top:10px}.OklchArticleDemos_gradientBandScale__6BUW9:before{content:""}.OklchArticleDemos_gradientBandScale__6BUW9 span:last-child{text-align:right}.OklchArticleDemos_interpolationStudy__mMKYX{--interpolation-path-accent:oklch(54% 0.18 255);background:rgb(var(--t-paper));padding:clamp(36px,5.5vw,52px) clamp(22px,4.5vw,46px) clamp(40px,6.5vw,60px)}.OklchArticleDemos_interpolationStudyIntro__dPzHV{display:block;max-width:48rem}.OklchArticleDemos_interpolationStudyIntro__dPzHV>span{display:block;margin-bottom:10px}.OklchArticleDemos_interpolationStudyIntro__dPzHV h4{color:rgb(var(--t-primary));font-size:1.25rem;font-weight:600;letter-spacing:-.02em;line-height:1.3;text-wrap:balance}.OklchArticleDemos_interpolationStudyIntro__dPzHV p{max-width:none;margin-top:10px;white-space:nowrap}.OklchArticleDemos_interpolationPathComparison__hJ6Rx{display:grid;grid-template-columns:minmax(320px,1.08fr) minmax(280px,.92fr);align-items:center;gap:clamp(36px,6vw,64px);margin-top:clamp(30px,5vw,44px)}.OklchArticleDemos_interpolationPathMap__6qLIe{min-width:0}.OklchArticleDemos_interpolationPathDisk__NNeQI{position:relative;width:min(100%,336px);aspect-ratio:1;margin:0 auto;overflow:hidden;border-radius:50%;background:radial-gradient(circle,oklch(69% 0 0) 0 10%,oklch(69% .01 0/.84) 17%,oklch(69% .025 0/.36) 29%,transparent 44%),conic-gradient(from -15deg,oklch(72% .14 345),oklch(72% .14 45),oklch(72% .14 105),oklch(72% .14 165),oklch(72% .14 225),oklch(72% .14 285),oklch(72% .14 345));box-shadow:inset 0 0 0 1px rgb(var(--t-ink)/.12)}.OklchArticleDemos_interpolationPathDisk__NNeQI svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.OklchArticleDemos_interpolationDeadZone__tf_2_{fill:oklch(69% 0 0/.97);stroke:rgb(var(--t-primary)/.3);stroke-width:1.25}.OklchArticleDemos_interpolationDeadZoneLabel__xcX1_{fill:rgb(var(--t-primary));font-size:14px;font-weight:600;letter-spacing:.06em}.OklchArticleDemos_interpolationPathArc__Pe4gV,.OklchArticleDemos_interpolationPathStraight__ranJR{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3;vector-effect:non-scaling-stroke}.OklchArticleDemos_interpolationPathStraight__ranJR{color:rgb(var(--t-primary)/.72);stroke-dasharray:.028 .022}.OklchArticleDemos_interpolationPathArc__Pe4gV{color:var(--interpolation-path-accent)}.OklchArticleDemos_interpolationEndpointRing__J94ir{fill:rgb(var(--t-paper));stroke:rgb(var(--t-primary)/.18);stroke-width:1;vector-effect:non-scaling-stroke}.OklchArticleDemos_interpolationEndpointCore__Qb_FQ{stroke:none}.OklchArticleDemos_interpolationEndpointCore__Qb_FQ[data-color=pink]{fill:oklch(70% .16 345)}.OklchArticleDemos_interpolationEndpointCore__Qb_FQ[data-color=teal]{fill:oklch(74% .14 165)}.OklchArticleDemos_interpolationPathNotes__BJRsc{min-width:0}.OklchArticleDemos_interpolationPathNotes__BJRsc article{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:start;gap:16px;border-top:1px solid rgb(var(--t-line));padding:20px 0}.OklchArticleDemos_interpolationPathNotes__BJRsc article:first-child{border-top:0;padding-top:0}.OklchArticleDemos_interpolationPathKey__ck6en{display:block;width:60px;height:60px;margin-top:0;overflow:visible}.OklchArticleDemos_interpolationPathKey__ck6en path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.OklchArticleDemos_interpolationPathKey__ck6en[data-space=srgb]{color:rgb(var(--t-primary)/.72)}.OklchArticleDemos_interpolationPathKey__ck6en[data-space=srgb] path{stroke-width:2;stroke-dasharray:4 4}.OklchArticleDemos_interpolationPathKey__ck6en[data-space=oklch]{color:var(--interpolation-path-accent)}.OklchArticleDemos_interpolationPathKey__ck6en[data-space=oklch] path{stroke-width:2.5}.OklchArticleDemos_interpolationPathNotes__BJRsc article span{display:block;color:rgb(var(--t-tertiary));font-size:.8125rem;font-weight:500;letter-spacing:.06em}.OklchArticleDemos_interpolationPathNotes__BJRsc h5{margin-top:8px;color:rgb(var(--t-primary));font-size:1.125rem;font-weight:600;letter-spacing:-.02em;line-height:1.4;text-wrap:balance}.OklchArticleDemos_interpolationPathNotes__BJRsc p{max-width:34ch;margin-top:8px;color:rgb(var(--t-secondary));font-size:.9375rem;line-height:1.6;text-wrap:pretty}.OklchArticleDemos_interpolationEndpointLegend__1Ya1_{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;border-top:1px solid rgb(var(--t-line));padding-top:20px;color:rgb(var(--t-secondary));font-size:.8125rem}.OklchArticleDemos_interpolationEndpointLegend__1Ya1_ span{display:inline-flex;align-items:center;gap:6px}.OklchArticleDemos_interpolationEndpointLegend__1Ya1_ i{width:9px;height:9px;border-radius:50%;box-shadow:inset 0 0 0 1px rgb(var(--t-ink)/.1)}.OklchArticleDemos_interpolationEndpointLegend__1Ya1_ i[data-color=pink]{background:oklch(70% .16 345)}.OklchArticleDemos_interpolationEndpointLegend__1Ya1_ i[data-color=teal]{background:oklch(74% .14 165)}.OklchArticleDemos_interpolationEndpointLegend__1Ya1_ b{color:rgb(var(--t-tertiary));font-weight:400}.OklchArticleDemos_interpolationEndpointLegend__1Ya1_ small{flex-basis:100%;color:rgb(var(--t-tertiary));font-size:.8125rem;line-height:1.5}.OklchArticleDemos_stateMatrixIntro__ejqHZ{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;padding:18px clamp(24px,4vw,38px);color:rgb(var(--t-secondary));font-size:.72rem;line-height:1.55}.OklchArticleDemos_stateMatrixLegend__COgUJ{display:flex;flex-wrap:wrap;gap:12px}.OklchArticleDemos_stateMatrixLegend__COgUJ span{display:inline-flex;align-items:center;gap:6px}.OklchArticleDemos_stateMatrixLegend__COgUJ i{position:relative;display:block;width:28px;height:8px;background:transparent}.OklchArticleDemos_stateMatrixLegend__COgUJ i:after,.OklchArticleDemos_stateMatrixLegend__COgUJ i:before{position:absolute;top:0;width:12px;height:8px;border-radius:3px;box-shadow:inset 0 0 0 1px rgb(var(--t-ink)/.08);content:""}.OklchArticleDemos_stateMatrixLegend__COgUJ i:before{left:0;background:oklch(62% .2 255)}.OklchArticleDemos_stateMatrixLegend__COgUJ i:after{right:0;background:oklch(45% .14 255)}.OklchArticleDemos_stateMatrixLegend__COgUJ i[data-kind=lightness]:before{background:oklch(82% 0 0)}.OklchArticleDemos_stateMatrixLegend__COgUJ i[data-kind=lightness]:after{background:oklch(52% 0 0)}.OklchArticleDemos_stateMatrixGrid__wMGVK{display:grid;grid-template-columns:1fr;gap:8px;padding:0 clamp(24px,4vw,38px) 24px}.OklchArticleDemos_stateMatrixCard__XjaUJ{display:grid;grid-template-columns:180px minmax(0,1fr);min-width:0;overflow:hidden;border-radius:16px;background:rgb(var(--t-surface));box-shadow:inset 0 0 0 1px rgb(var(--t-ink)/.05)}.OklchArticleDemos_stateMatrixHeader__h_K_X{display:grid;align-content:center;justify-items:start;gap:14px;border-right:1px solid rgb(var(--t-line));padding:18px}.OklchArticleDemos_stateMatrixHeader__h_K_X small,.OklchArticleDemos_stateMatrixHeader__h_K_X strong,.OklchArticleDemos_stateMatrixHeader__h_K_X>span:first-child{display:block}.OklchArticleDemos_stateMatrixHeader__h_K_X>span:first-child{min-width:0}.OklchArticleDemos_stateMatrixHeader__h_K_X strong{color:rgb(var(--t-primary));font-size:.84rem;font-weight:600}.OklchArticleDemos_stateMatrixHeader__h_K_X small{margin-top:4px;color:rgb(var(--t-tertiary));font-size:.6rem}.OklchArticleDemos_stateComparisonMark__glGAD{min-width:0;flex-shrink:0;white-space:nowrap}.OklchArticleDemos_stateMatrixRows__5hdWH{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;background:rgb(var(--t-surface))}.OklchArticleDemos_stateMatrixRow__DWgmW{display:grid;grid-template-columns:minmax(0,1fr) 48px;grid-template-rows:auto auto;align-items:center;gap:10px 8px;min-width:0;min-height:126px;border-left:1px solid rgb(var(--t-line));padding:14px;background:transparent}.OklchArticleDemos_stateMatrixRow__DWgmW:first-child{border-left:0}.OklchArticleDemos_stateMatrixMeta__K1N4I{grid-column:1/-1}.OklchArticleDemos_stateMatrixMeta__K1N4I small,.OklchArticleDemos_stateMatrixMeta__K1N4I strong{display:block}.OklchArticleDemos_stateMatrixMeta__K1N4I strong{color:rgb(var(--t-primary));font-size:.65rem;font-weight:600}.OklchArticleDemos_stateMatrixMeta__K1N4I small{margin-top:4px;color:rgb(var(--t-tertiary));font-family:var(--font-mono),ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:.48rem;font-variant-numeric:tabular-nums;white-space:nowrap}.OklchArticleDemos_stateMatrixBands__2eBAx{min-width:0}.OklchArticleDemos_stateMatrixSample__7YAyv{display:grid;min-width:0;gap:6px}.OklchArticleDemos_stateMatrixSample__7YAyv>i{display:block;height:30px;border-radius:9px;box-shadow:inset 0 0 0 1px rgb(var(--t-ink)/.06)}.OklchArticleDemos_stateMatrixSample__7YAyv>i[data-kind=lightness]{height:8px;border-radius:999px}.OklchArticleDemos_perceptualLightnessScale__gnieb{position:relative;display:grid;width:48px;justify-items:center;gap:6px;padding-top:8px}.OklchArticleDemos_perceptualLightnessScale__gnieb:before{display:block;width:44px;height:8px;border-radius:999px;background:linear-gradient(90deg,oklch(32% 0 0),oklch(92% 0 0));box-shadow:inset 0 0 0 1px rgb(var(--t-ink)/.1);content:""}.OklchArticleDemos_perceptualLightnessScale__gnieb>i{position:absolute;left:clamp(4px,var(--state-lightness),calc(100% - 4px));width:7px;height:7px;border:1px solid rgb(var(--t-paper));border-radius:50%;box-shadow:0 0 0 1px rgb(var(--t-ink)/.48);transform:translate(-50%,-50%);top:12px;background:rgb(var(--t-paper))}.OklchArticleDemos_perceptualLightnessScale__gnieb>small{color:rgb(var(--t-tertiary));font-family:var(--font-mono),ui-monospace,"SFMono-Regular",Consolas,monospace;font-size:.48rem;font-variant-numeric:tabular-nums}.OklchArticleDemos_agentScaleResponse__ZshRK{width:min(880px,78vw);max-width:100%}.OklchArticleDemos_agentScaleDetail__LNvXp{width:100%}.OklchArticleDemos_agentScaleResponse__ZshRK>p{max-width:62ch}.OklchArticleDemos_agentScaleResponse__ZshRK>p strong{color:rgb(var(--t-primary));font-weight:600}.OklchArticleDemos_agentScaleStrip__hsphy{display:grid;grid-template-columns:repeat(11,minmax(72px,1fr));margin-top:18px;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;border-radius:16px;background:rgb(var(--t-paper));box-shadow:inset 0 0 0 1px rgb(var(--t-primary)/.06)}.OklchArticleDemos_agentScaleStrip__hsphy::-webkit-scrollbar{display:none}.OklchArticleDemos_agentScaleStrip__hsphy span{display:flex;min-height:108px;flex-direction:column;justify-content:space-between;padding:11px 9px;color:oklch(22% .015 55)}.OklchArticleDemos_agentScaleStrip__hsphy span:nth-child(n+8){color:oklch(97% .008 82)}.OklchArticleDemos_agentScaleStrip__hsphy b{font-size:.64rem;font-weight:600}.OklchArticleDemos_agentScaleStrip__hsphy code{display:grid;gap:1px;font-size:.48rem;line-height:1.35;opacity:.72}.OklchArticleDemos_agentScaleStrip__hsphy code small{font:inherit;white-space:nowrap}.OklchArticleDemos_agentHueControl__e_TKC{display:grid;gap:8px;margin-top:16px}.OklchArticleDemos_agentHueControl__e_TKC>span{display:flex;align-items:center;justify-content:space-between;gap:16px;color:rgb(var(--t-secondary));font-size:.68rem}.OklchArticleDemos_agentHueControl__e_TKC>span>span{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px}.OklchArticleDemos_agentHueControl__e_TKC small,.OklchArticleDemos_agentHueControl__e_TKC strong{display:block}.OklchArticleDemos_agentHueControl__e_TKC strong{color:rgb(var(--t-primary));font-size:.7rem;font-weight:600}.OklchArticleDemos_agentHueControl__e_TKC small{color:rgb(var(--t-secondary));font-size:.64rem;font-weight:500}.OklchArticleDemos_agentHueControl__e_TKC output{min-width:3ch;color:rgb(var(--t-secondary));font-size:.68rem;font-weight:500;font-variant-numeric:tabular-nums;text-align:right}.OklchArticleDemos_agentScaleBenefits__FgEdg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,4vw,40px);margin-top:30px}.OklchArticleDemos_agentScaleBenefits__FgEdg article{min-width:0}.OklchArticleDemos_agentScaleBenefits__FgEdg span,.OklchArticleDemos_agentScaleBenefits__FgEdg strong{display:block}.OklchArticleDemos_agentScaleBenefits__FgEdg span{color:rgb(var(--t-tertiary));font-size:.62rem;font-variant-numeric:tabular-nums}.OklchArticleDemos_agentScaleBenefits__FgEdg strong{margin-top:8px;color:rgb(var(--t-primary));font-size:.82rem;font-weight:600}.OklchArticleDemos_agentScaleBenefits__FgEdg p{margin-top:7px;color:rgb(var(--t-secondary));font-size:.72rem;line-height:1.7}@media (max-width:760px){.OklchArticleDemos_agentScaleBenefits__FgEdg,.OklchArticleDemos_interpolationPathComparison__hJ6Rx,.OklchArticleDemos_spaceDemoGrid__fM0qb,.OklchArticleDemos_stateMatrixGrid__wMGVK{grid-template-columns:1fr}.OklchArticleDemos_interpolationPathNotes__BJRsc{margin-top:28px}.OklchArticleDemos_colorPlaneWrap__35sMP,.OklchArticleDemos_colorPlane__V_j1R{min-height:340px;height:340px}.OklchArticleDemos_colorInspector__XXXJK{min-height:auto}.OklchArticleDemos_hueSamples__AsNFF{grid-template-columns:repeat(3,1fr)}.OklchArticleDemos_hueSamples__AsNFF span{min-height:62px}.OklchArticleDemos_lightnessStudy__ctgFz,.OklchArticleDemos_stateMatrixCard__XjaUJ{grid-template-columns:1fr}.OklchArticleDemos_stateMatrixHeader__h_K_X{display:flex;min-height:72px;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px 24px;border-right:0;border-bottom:1px solid rgb(var(--t-line));padding:14px 16px}.OklchArticleDemos_stateMatrixHeader__h_K_X>span:first-child{flex:1 1 100%}.OklchArticleDemos_stateMatrixRows__5hdWH{grid-template-columns:repeat(2,minmax(0,1fr))}.OklchArticleDemos_stateMatrixRow__DWgmW{border-top:1px solid rgb(var(--t-line))}.OklchArticleDemos_stateMatrixRow__DWgmW:nth-child(-n+2){border-top:0}.OklchArticleDemos_stateMatrixRow__DWgmW:nth-child(odd){border-left:0}}@media (max-width:520px){.OklchArticleDemos_gradientHeroComparison__ioqy2{--gradient-label-column:1fr;padding:22px 18px 28px}.OklchArticleDemos_gradientHeroIntro__eFY4D,.OklchArticleDemos_interpolationStudyIntro__dPzHV{grid-template-columns:1fr;grid-template-rows:auto;gap:8px}.OklchArticleDemos_interpolationStudyIntro__dPzHV>span{grid-row:auto}.OklchArticleDemos_interpolationStudyIntro__dPzHV p{margin-top:2px;white-space:normal}.OklchArticleDemos_interpolationStudy__mMKYX{padding:32px 18px 36px}.OklchArticleDemos_gradientBandRow__WyMLw{grid-template-columns:1fr;gap:10px}.OklchArticleDemos_gradientBandMeta__Q_XCT{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}.OklchArticleDemos_gradientBandMeta__Q_XCT span{margin-top:0}.OklchArticleDemos_gradientBand__Jvlub{height:64px}.OklchArticleDemos_gradientBandScale__6BUW9{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.OklchArticleDemos_gradientBandScale__6BUW9:before{display:none}.OklchArticleDemos_interpolationPathDisk__NNeQI{width:min(100%,296px)}.OklchArticleDemos_stateMatrixIntro__ejqHZ{align-items:flex-start;flex-direction:column;padding-right:18px;padding-left:18px}.OklchArticleDemos_stateMatrixGrid__wMGVK{padding-right:10px;padding-bottom:18px;padding-left:10px}.OklchArticleDemos_stateMatrixRow__DWgmW{grid-template-columns:minmax(0,1fr) 44px;gap:8px;min-height:116px;padding:12px}.OklchArticleDemos_stateMatrixMeta__K1N4I strong{font-size:.72rem}.OklchArticleDemos_stateMatrixMeta__K1N4I small{font-size:.56rem}.OklchArticleDemos_perceptualLightnessScale__gnieb{width:44px}.OklchArticleDemos_perceptualLightnessScale__gnieb:before{width:40px}.OklchArticleDemos_perceptualLightnessScale__gnieb>small{font-size:.56rem}.OklchArticleDemos_agentScaleResponse__ZshRK{width:100%}.OklchArticleDemos_agentScaleStrip__hsphy{grid-template-columns:repeat(11,minmax(64px,1fr));margin-top:14px;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.OklchArticleDemos_agentScaleStrip__hsphy span{min-height:96px;scroll-snap-align:start}.OklchArticleDemos_agentScaleBenefits__FgEdg{gap:18px}.OklchArticleDemos_copyOutput__KRrFK,.OklchArticleDemos_copyValue__bnG__,.OklchArticleDemos_resetButton__ZBHuZ{min-height:44px}.OklchArticleDemos_lightnessVariable__FKGrR{position:relative}.OklchArticleDemos_lightnessVariable__FKGrR:before{position:absolute;inset:-13px -5px;content:""}.OklchArticleDemos_lightnessSwatches__Itak7{grid-template-columns:repeat(2,minmax(0,1fr))}.OklchArticleDemos_lightnessSample__QTSd2>span{min-height:64px}}@media (prefers-reduced-motion:reduce){.OklchArticleDemos_copyOutput__KRrFK,.OklchArticleDemos_copyValue__bnG__,.OklchArticleDemos_lightnessHueGlyph__92JBg,.OklchArticleDemos_lightnessSwatches__Itak7,.OklchArticleDemos_resetButton__ZBHuZ{transition:none}}.segmented-tabs_scroller___YbTG{width:min(100%,560px);max-width:100%;overflow-x:auto;scrollbar-width:none}.segmented-tabs_scroller___YbTG::-webkit-scrollbar{display:none}.segmented-tabs_root__rIJ_c{--segmented-tab-gap:3px;position:relative;display:grid;width:100%;min-width:310px;grid-template-columns:repeat(var(--segmented-tab-count),minmax(0,1fr));gap:var(--segmented-tab-gap);border:1px solid rgb(var(--t-line));border-radius:999px;background:rgb(var(--t-surface-2));padding:4px;isolation:isolate}.segmented-tabs_indicator__UNI_G{position:absolute;z-index:-1;top:4px;bottom:4px;left:4px;width:calc((100% - 8px - (var(--segmented-tab-count) - 1) * var(--segmented-tab-gap)) / var(--segmented-tab-count));border:1px solid rgb(var(--t-line));border-radius:999px;background:rgb(var(--t-paper));box-shadow:0 1px 2px rgb(0 0 0/.04);transform:translateX(calc(var(--segmented-tab-index) * (100% + var(--segmented-tab-gap))));transition:transform .26s cubic-bezier(.22,1,.36,1)}.segmented-tabs_tab__XKafD{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;background:transparent;padding:0 10px;color:rgb(var(--t-tertiary));font:inherit;font-size:.875rem;font-weight:560;line-height:1;white-space:nowrap;cursor:pointer;transition:color .18s ease}.segmented-tabs_tab__XKafD:hover,.segmented-tabs_tab__XKafD[aria-selected=true]{color:rgb(var(--t-primary))}.segmented-tabs_tab__XKafD:focus{outline:none}.segmented-tabs_tab__XKafD:focus-visible{background:rgb(var(--t-primary)/.055)}@media (forced-colors:active){.segmented-tabs_tab__XKafD:focus-visible{outline:2px solid Highlight;outline-offset:2px}}.segmented-tabs_prefix__bH6E_{display:inline-flex;align-items:center;color:rgb(var(--t-tertiary));font-size:.875rem;font-weight:500;font-variant-numeric:tabular-nums;line-height:1}.segmented-tabs_label__B5RT_{display:inline-flex;align-items:center;font-size:.875rem;line-height:1}.segmented-tabs_root__rIJ_c[data-size=compact]{min-width:0;padding:3px}.segmented-tabs_root__rIJ_c[data-size=compact] .segmented-tabs_indicator__UNI_G{top:3px;bottom:3px;left:3px;width:calc((100% - 6px - (var(--segmented-tab-count) - 1) * var(--segmented-tab-gap)) / var(--segmented-tab-count))}.segmented-tabs_root__rIJ_c[data-size=compact] .segmented-tabs_tab__XKafD{min-height:34px;padding-inline:10px;font-size:.8125rem}.segmented-tabs_root__rIJ_c[data-size=compact] .segmented-tabs_label__B5RT_{font-size:.8125rem}.segmented-tabs_root__rIJ_c[data-shape=rounded]{border-radius:12px}.segmented-tabs_root__rIJ_c[data-shape=rounded] .segmented-tabs_indicator__UNI_G,.segmented-tabs_root__rIJ_c[data-shape=rounded] .segmented-tabs_tab__XKafD{border-radius:9px}@media (max-width:480px){.segmented-tabs_prefix__bH6E_{display:none}}@media (prefers-reduced-motion:reduce){.segmented-tabs_indicator__UNI_G,.segmented-tabs_tab__XKafD{transition-duration:.01ms}}