.design-system-hub_hub__9ZCuA{--surface:#151515}.design-system-hub_collection__rNKka{margin-top:44px}.design-system-hub_collection__rNKka+.design-system-hub_collection__rNKka{border-top:1px solid var(--line);padding-top:42px;margin-top:56px}.design-system-hub_collectionHeading__8BMeA{display:flex;justify-content:space-between;align-items:flex-start;gap:48px;margin-bottom:26px}.design-system-hub_collectionHeading__8BMeA h3{font-size:clamp(32px,3vw,48px);line-height:1.15;max-width:620px;margin:0}.design-system-hub_collectionHeading__8BMeA p{font-size:14px;line-height:1.8;color:#aaa;max-width:460px;margin:0;text-align:right}.design-system-hub_context___aE0_{padding:22px 24px;border-bottom:1px solid var(--line);background:#101010}.design-system-hub_context___aE0_>div{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-bottom:10px}.design-system-hub_context___aE0_ .design-system-hub_contextMarker__O2Tg0{width:7px;height:7px;background:var(--orange)}.design-system-hub_hub__9ZCuA .design-system-hub_context___aE0_ h2{font-family:var(--font-home-body),Arial,sans-serif;text-transform:none;letter-spacing:0;font-size:13px;font-weight:700}.design-system-hub_presentation__2nf1A{margin-left:auto;color:var(--signal-cyan);font-size:12px}.design-system-hub_context___aE0_ p{max-width:1150px;color:#b8b8b8;font-size:12px;line-height:1.8}.design-system-hub_hero__QDLwR{padding-top:64px}.design-system-hub_heroLayout__cd7Nw{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:center}.design-system-hub_eyebrow__5smEU{font-size:12px;line-height:1.6;color:var(--orange);margin-bottom:22px}.design-system-hub_hero__QDLwR h1{font-size:clamp(56px,6.8vw,116px);line-height:1.02;margin-bottom:28px}.design-system-hub_heroDescription__HJ7th{max-width:535px;font-size:15px;line-height:1.85;color:var(--muted);margin-bottom:30px}.design-system-hub_heroFoot__n1g1r{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);margin-top:64px;padding-block:24px;font-size:12px;color:var(--muted)}.design-system-hub_heroFoot__n1g1r strong{font-family:var(--font-home-display),Impact,sans-serif;font-size:28px;color:var(--signal-cyan);margin-right:10px;font-weight:400}.design-system-hub_heroFoot__n1g1r a{display:flex;gap:14px;align-items:center;color:var(--ink)}.design-system-hub_handoffPreview__pYn8B{min-width:0;border:1px solid #454545;padding:24px;background:var(--surface)}.design-system-hub_handoffTop__KPAhF{display:flex;justify-content:space-between;gap:16px;color:#a5a5a5;font-size:12px}.design-system-hub_foundationRow__jvCzp{display:flex;align-items:center;justify-content:space-between;padding-top:18px}.design-system-hub_largeAa__0BztX{font-size:108px;line-height:1.3;letter-spacing:-.07em}.design-system-hub_foundationSwatches__U5oK7{display:grid;grid-template-columns:repeat(2,42px);gap:8px}.design-system-hub_foundationSwatches__U5oK7 span{height:42px;background:#e5e5e5}.design-system-hub_foundationSwatches__U5oK7 span:nth-child(2){background:#858585}.design-system-hub_foundationSwatches__U5oK7 span:nth-child(3){background:#454545}.design-system-hub_foundationSwatches__U5oK7 span:nth-child(4){background:#b6b6b6}.design-system-hub_connector__P829L{display:flex;align-items:center;gap:16px;color:#888;margin:8px 0 18px}.design-system-hub_connector__P829L span{height:1px;flex:1;background:#454545}.design-system-hub_handoffComponent__LDw0m{border:1px solid #454545;padding:18px}.design-system-hub_handoffComponent__LDw0m>span{display:flex;align-items:center;gap:10px;font-size:12px;color:#bbb;margin-bottom:16px}.design-system-hub_handoffComponent__LDw0m>div{background:#242424;color:#bfbfbf;border:1px solid #606060;padding:14px 16px;display:flex;justify-content:space-between;font-size:12px;font-weight:700}.design-system-hub_handoffCode__ijzWG{display:flex;align-items:center;gap:12px;padding:18px 0 0;color:var(--signal-cyan)}.design-system-hub_handoffCode__ijzWG code{flex:1;font-size:12px}.design-system-hub_handoffCode__ijzWG svg{flex-shrink:0}.design-system-hub_handoffPreview__pYn8B>p{color:#888;font-size:12px;margin-top:18px}.design-system-hub_librarySection__XxO6u{padding-block:72px;border-top:1px solid var(--line);scroll-margin-top:20px}.design-system-hub_libraryHeading__vTr0O{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:32px}.design-system-hub_handoffHeading__LSf2I h2,.design-system-hub_libraryHeading__vTr0O h2{font-size:clamp(48px,6vw,88px);line-height:1.02}.design-system-hub_libraryHeading__vTr0O>p{font-size:12px;line-height:1.8;color:var(--muted)}.design-system-hub_toolbar__ENywE{display:flex;gap:24px;justify-content:space-between;padding-block:18px;border-block:1px solid var(--line)}.design-system-hub_filters__InF2D{display:flex;flex-wrap:wrap;gap:6px}.design-system-hub_filters__InF2D button{min-height:44px;padding:12px 16px;display:flex;gap:14px;font-size:12px;border:1px solid transparent}.design-system-hub_filters__InF2D button span{color:#888}.design-system-hub_filters__InF2D button[aria-pressed=true]{background:#252525;color:var(--signal-cyan)}.design-system-hub_filters__InF2D button[aria-pressed=true] span{color:var(--signal-cyan)}.design-system-hub_filters__InF2D button:hover:not([aria-pressed=true]){border-color:#555}.design-system-hub_search__fxPBf{display:flex;align-items:center;gap:10px;border:1px solid #454545;padding:0 14px;width:290px;min-height:44px;color:#999}.design-system-hub_search__fxPBf input{width:100%;min-width:0;border:0;background:transparent;color:var(--ink);font-size:12px;min-height:44px}.design-system-hub_search__fxPBf:focus-within{border-color:var(--signal-cyan)}.design-system-hub_search__fxPBf input:focus-visible{outline:none}.design-system-hub_search__fxPBf svg{flex-shrink:0}.design-system-hub_resultCount__Hlo9g{color:#999;font-size:12px;padding:18px 0}.design-system-hub_libraryGrid__ScJPj{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.design-system-hub_libraryReveal__P6QF4{min-width:0}.design-system-hub_libraryCard__T1vhY{border:1px solid var(--line);height:100%;display:flex;flex-direction:column;background:#080808;transition:border-color .3s}.design-system-hub_libraryCard__T1vhY:hover{border-color:#777}.design-system-hub_cardMeta__yX7uR{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#aaa;border-bottom:1px solid var(--line)}.design-system-hub_cardMeta__yX7uR>span:last-child{display:flex;align-items:center;gap:8px}.design-system-hub_cardMeta__yX7uR i{width:5px;height:5px;background:var(--signal-cyan)}.design-system-hub_preview__MKGpT{position:relative;overflow:hidden;height:280px;background:#141414;border-bottom:1px solid var(--line)}.design-system-hub_typePreview__llqQ5{position:absolute;left:6%;top:28px;width:38%;padding:20px;height:200px;transform:rotate(-5deg)}.design-system-hub_previewLabel__CXWkN,.design-system-hub_typePreview__llqQ5>span{font-size:12px}.design-system-hub_typePreview__llqQ5>strong{display:block;font-size:78px;line-height:1.25;letter-spacing:-.07em;font-weight:600}.design-system-hub_typePreview__llqQ5>p{font-size:12px}.design-system-hub_typeRules__vOn0b{display:grid;gap:5px;margin-top:15px}.design-system-hub_typeRules__vOn0b i{width:85%;height:2px;background:currentColor;opacity:.2}.design-system-hub_typeRules__vOn0b i:nth-child(2){width:65%}.design-system-hub_typeRules__vOn0b i:nth-child(3){width:45%}.design-system-hub_controlsPreview__5c5wD{position:absolute;right:5%;top:42px;width:46%;height:184px;padding:18px;transform:rotate(4deg)}.design-system-hub_previewLabel__CXWkN{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.design-system-hub_sampleButton__osP1W{display:flex;justify-content:space-between;align-items:center;padding:11px;border-radius:3px;font-size:12px;font-weight:600}.design-system-hub_sampleField__TRYzk{border:1px solid;opacity:.6;display:flex;justify-content:space-between;margin-top:12px;padding:9px;font-size:12px}.design-system-hub_sampleCheck__AgOVN{display:flex;gap:7px;align-items:center;font-size:12px;margin-top:12px}.design-system-hub_sampleCheck__AgOVN>span{display:grid;place-items:center;width:15px;height:15px;color:#111;border:1px solid #0003}.design-system-hub_codeStrip__C_akH{position:absolute;inset:auto 0 0;display:flex;gap:12px;align-items:center;justify-content:center;font-size:12px;color:#aaa;min-height:38px;background:#202020}.design-system-hub_codeDot__hwXXM{width:5px;height:5px;background:var(--signal-cyan);margin-left:8px}.design-system-hub_cardBody__BZ6O_{padding:28px;display:flex;flex-direction:column;flex:1}.design-system-hub_cardBody__BZ6O_ h3{font-size:44px;line-height:1;margin-bottom:16px}.design-system-hub_cardBody__BZ6O_>p{color:var(--muted);font-size:13px;line-height:1.85;max-width:460px}.design-system-hub_palette__TmfXW{display:flex;gap:7px;margin:24px 0}.design-system-hub_palette__TmfXW>span{width:27px;height:7px;border:1px solid #ffffff25}.design-system-hub_cardLinks__23Px6{margin-top:auto;display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px}.design-system-hub_cardLinks__23Px6>a:first-child{font-size:12px;padding:12px 18px;gap:24px}.design-system-hub_cardLinks__23Px6>a:nth-child(2){font-size:12px}.design-system-hub_libraryReveal__P6QF4:last-child:nth-child(odd){grid-column:1/-1}.design-system-hub_libraryReveal__P6QF4:last-child:nth-child(odd) .design-system-hub_libraryCard__T1vhY{display:grid;grid-template-columns:1fr 1fr}.design-system-hub_libraryReveal__P6QF4:last-child:nth-child(odd) .design-system-hub_cardMeta__yX7uR{grid-column:1/-1}.design-system-hub_libraryReveal__P6QF4:last-child:nth-child(odd) .design-system-hub_preview__MKGpT{height:100%;min-height:310px;border-bottom:0;border-right:1px solid var(--line)}.design-system-hub_libraryReveal__P6QF4:last-child:nth-child(odd) .design-system-hub_typePreview__llqQ5{top:45px}.design-system-hub_libraryReveal__P6QF4:last-child:nth-child(odd) .design-system-hub_controlsPreview__5c5wD{top:62px}.design-system-hub_planned__eITCs{margin-top:40px;border-top:1px solid var(--line)}.design-system-hub_planned__eITCs>h3{font-size:32px;padding-block:28px}.design-system-hub_plannedRow___rlO1{display:grid;grid-template-columns:1fr 2fr auto;gap:24px;padding:22px 0;border-top:1px solid var(--line);align-items:center}.design-system-hub_plannedRow___rlO1>span:first-child{font-size:21px}.design-system-hub_plannedRow___rlO1 p{font-size:12px;color:var(--muted);line-height:1.7}.design-system-hub_plannedRow___rlO1>span:last-child{color:#888;font-size:12px}.design-system-hub_empty__B5hDp{padding:72px 20px;text-align:center;border:1px solid var(--line)}.design-system-hub_empty__B5hDp h3{font-size:40px}.design-system-hub_empty__B5hDp p{color:#aaa;font-size:14px;margin:18px 0 24px}.design-system-hub_handoffSection__opkyA{padding-block:72px;border-top:1px solid var(--line)}.design-system-hub_handoffHeading__LSf2I{display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:40px;column-gap:40px}.design-system-hub_handoffHeading__LSf2I .design-system-hub_eyebrow__5smEU{grid-column:1/-1}.design-system-hub_handoffHeading__LSf2I>p:last-child{align-self:end;max-width:400px;color:#aaa;font-size:14px;line-height:1.8}.design-system-hub_handoffSteps__bAuV7{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:40px;border:1px solid var(--line)}.design-system-hub_handoffSteps__bAuV7>div{position:relative;padding:28px;border-right:1px solid var(--line)}.design-system-hub_handoffSteps__bAuV7>div:last-child{border-right:0}.design-system-hub_stepNumber__1KaYp{position:absolute;right:24px;top:28px;font-size:12px;color:#888}.design-system-hub_handoffSteps__bAuV7 svg{color:#aaa;margin-bottom:30px}.design-system-hub_handoffSteps__bAuV7 h3{font-size:30px;line-height:1.1;margin-bottom:14px}.design-system-hub_handoffSteps__bAuV7 p{color:var(--muted);font-size:12px;line-height:1.8}.design-system-hub_footer__Um5Cz{padding-top:16px}.design-system-hub_footer__Um5Cz a:last-child{display:inline-flex;align-items:center;gap:8px}@media(max-width:1023px){.design-system-hub_heroLayout__cd7Nw{gap:28px;grid-template-columns:1.2fr 1fr}.design-system-hub_hero__QDLwR h1{font-size:7vw}.design-system-hub_handoffPreview__pYn8B{padding:18px}.design-system-hub_largeAa__0BztX{font-size:80px}.design-system-hub_foundationSwatches__U5oK7{grid-template-columns:repeat(2,30px)}.design-system-hub_foundationSwatches__U5oK7 span{height:30px}.design-system-hub_handoffCode__ijzWG{gap:8px}.design-system-hub_handoffCode__ijzWG code{font-size:12px}.design-system-hub_libraryHeading__vTr0O{align-items:start}.design-system-hub_toolbar__ENywE{gap:14px}.design-system-hub_filters__InF2D button{padding:10px;gap:8px;font-size:12px}.design-system-hub_search__fxPBf{width:230px}.design-system-hub_preview__MKGpT{height:250px}.design-system-hub_typePreview__llqQ5{height:170px;padding:14px}.design-system-hub_typePreview__llqQ5>strong{font-size:60px}.design-system-hub_controlsPreview__5c5wD{height:164px;padding:12px}.design-system-hub_previewLabel__CXWkN{margin-bottom:14px}.design-system-hub_sampleCheck__AgOVN{font-size:12px}.design-system-hub_sampleCheck__AgOVN,.design-system-hub_sampleField__TRYzk{margin-top:8px}.design-system-hub_cardBody__BZ6O_{padding:22px}.design-system-hub_cardLinks__23Px6{gap:12px}.design-system-hub_cardLinks__23Px6>a:first-child{gap:14px}.design-system-hub_heroFoot__n1g1r>span:nth-child(2){display:none}}@media(max-width:699px){.design-system-hub_context___aE0_{padding:18px 16px}.design-system-hub_context___aE0_>div{gap:10px}.design-system-hub_presentation__2nf1A{width:100%;margin-left:17px;font-size:12px}.design-system-hub_context___aE0_ p{font-size:12px;line-height:1.8}.design-system-hub_hero__QDLwR{padding-top:32px}.design-system-hub_heroLayout__cd7Nw{grid-template-columns:1fr;gap:32px}.design-system-hub_hero__QDLwR h1{font-size:clamp(44px,11.6vw,76px);margin-bottom:22px}.design-system-hub_heroDescription__HJ7th{font-size:13px;line-height:1.8;margin-bottom:24px}.design-system-hub_eyebrow__5smEU{font-size:12px;margin-bottom:16px}.design-system-hub_handoffPreview__pYn8B{padding:18px}.design-system-hub_largeAa__0BztX{font-size:88px}.design-system-hub_foundationSwatches__U5oK7{grid-template-columns:repeat(2,36px)}.design-system-hub_foundationSwatches__U5oK7 span{height:36px}.design-system-hub_handoffCode__ijzWG code{font-size:12px}.design-system-hub_heroFoot__n1g1r{margin-top:32px;flex-wrap:wrap;gap:14px;padding-block:18px;font-size:12px}.design-system-hub_heroFoot__n1g1r strong{font-size:24px}.design-system-hub_librarySection__XxO6u{padding-block:40px}.design-system-hub_libraryHeading__vTr0O{flex-direction:column;gap:20px;margin-bottom:24px}.design-system-hub_handoffHeading__LSf2I h2,.design-system-hub_libraryHeading__vTr0O h2{font-size:48px}.design-system-hub_libraryHeading__vTr0O>p{font-size:12px}.design-system-hub_toolbar__ENywE{flex-direction:column;gap:14px}.design-system-hub_filters__InF2D{width:100%;gap:4px;justify-content:space-between}.design-system-hub_filters__InF2D button{padding:8px;font-size:12px;gap:8px}.design-system-hub_search__fxPBf{width:100%}.design-system-hub_libraryGrid__ScJPj{grid-template-columns:1fr;gap:22px}.design-system-hub_cardMeta__yX7uR{padding:16px 18px}.design-system-hub_cardBody__BZ6O_{padding:22px 18px}.design-system-hub_cardBody__BZ6O_ h3{font-size:38px}.design-system-hub_cardBody__BZ6O_>p{font-size:12px}.design-system-hub_preview__MKGpT{height:260px}.design-system-hub_libraryReveal__P6QF4:last-child:nth-child(odd) .design-system-hub_libraryCard__T1vhY{display:flex}.design-system-hub_libraryReveal__P6QF4:last-child:nth-child(odd) .design-system-hub_preview__MKGpT{height:260px;min-height:260px;border-right:0;border-bottom:1px solid var(--line)}.design-system-hub_libraryReveal__P6QF4:last-child:nth-child(odd) .design-system-hub_typePreview__llqQ5{top:28px}.design-system-hub_libraryReveal__P6QF4:last-child:nth-child(odd) .design-system-hub_controlsPreview__5c5wD{top:42px}.design-system-hub_plannedRow___rlO1{grid-template-columns:1fr auto;gap:12px;padding-block:18px}.design-system-hub_plannedRow___rlO1 p{grid-column:1/-1;grid-row:2;font-size:12px}.design-system-hub_plannedRow___rlO1>span:first-child{font-size:19px}.design-system-hub_handoffSection__opkyA{padding-block:40px}.design-system-hub_handoffHeading__LSf2I{grid-template-columns:1fr;gap:20px}.design-system-hub_handoffHeading__LSf2I .design-system-hub_eyebrow__5smEU{margin:0}.design-system-hub_handoffHeading__LSf2I>p:last-child{font-size:13px}.design-system-hub_handoffSteps__bAuV7{grid-template-columns:1fr;margin-top:28px}.design-system-hub_handoffSteps__bAuV7>div{padding:24px;border-right:0;border-bottom:1px solid var(--line)}.design-system-hub_handoffSteps__bAuV7>div:last-child{border-bottom:0}.design-system-hub_handoffSteps__bAuV7 svg{margin-bottom:22px}.design-system-hub_handoffSteps__bAuV7 h3{font-size:28px}.design-system-hub_footer__Um5Cz{padding-top:0}}@media(max-width:850px){.design-system-hub_collectionHeading__8BMeA{flex-direction:column;gap:16px}.design-system-hub_collectionHeading__8BMeA p{text-align:left;max-width:620px}.design-system-hub_filters__InF2D{justify-content:flex-start}.design-system-hub_collection__rNKka{margin-top:30px}}.design-system-hub_cardLinks__23Px6 .design-system-hub_exampleButton__VXiR_{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;padding:12px 18px;border:1px solid #666;background:transparent;color:var(--ink);text-decoration:none;font-size:12px;font-weight:600}.design-system-hub_cardLinks__23Px6 .design-system-hub_exampleButton__VXiR_:hover{background:#1c1c1c;border-color:var(--ink)}.design-system-hub_exampleButton__VXiR_ svg{flex-shrink:0}.design-system-hub_wholeCard__ZmJ_V{position:relative;cursor:pointer}.design-system-hub_wholeCardLink__T8LlB:after{content:"";position:absolute;inset:0;z-index:2}.design-system-hub_wholeCard__ZmJ_V:focus-within{outline:2px solid var(--signal-cyan);outline-offset:4px}.design-system-hub_cardLinks__23Px6 a:hover svg,.design-system-hub_libraryCard__T1vhY:hover .design-system-hub_cardLinks__23Px6 a:first-child svg{transform:translateX(4px)}.design-system-hub_cardLinks__23Px6 a svg{transition:transform .25s ease}