._page_fa1u0_1{display:flex;flex-direction:column;gap:56px;--tabs-height: 32px}._page_fa1u0_1 :is(h1,h2,h3)[id]{scroll-margin-top:calc(var(--tabs-height) * 1.5)}._toneTabs_fa1u0_5,._a11ySegment_fa1u0_22{display:inline-flex;flex-wrap:nowrap;align-items:stretch;gap:3px;padding:3px;background:var(--bg-block);border:.5px solid var(--border-4);border-radius:6px;max-width:100%;overflow-x:auto;scrollbar-width:thin}._toneTabs_fa1u0_5{align-self:flex-start;margin-inline-start:max(0px,calc((100% - 960px)/2));position:sticky;top:var(--scroll-padding-top, 0);z-index:5}._page_fa1u0_1 ._blockHeading_fa1u0_53,._page_fa1u0_1 ._description_fa1u0_54{max-width:960px;margin-inline:auto;width:100%}._page_fa1u0_1 ._description_fa1u0_54 p{max-width:720px}._page_fa1u0_1 ._themeRows_fa1u0_63{max-width:none}._toneTab_fa1u0_5,._toneTab_fa1u0_5:link,._toneTab_fa1u0_5:visited,._toneTab_fa1u0_5:hover,._toneTab_fa1u0_5:focus,._toneTab_fa1u0_5:active,._a11ySegBtn_fa1u0_76{appearance:none;border:none;background:transparent;font:inherit;font-size:.8rem;line-height:1.2;color:var(--text-3);padding:4px 8px 5px;border-radius:4px;cursor:pointer;text-decoration:none;text-decoration-line:none;text-decoration-color:transparent;text-decoration-thickness:0;text-underline-offset:0;transition:background .15s ease-out,color .15s ease-out}._toneTab_fa1u0_5:hover,._toneTab_fa1u0_5:focus,._a11ySegBtn_fa1u0_76:hover,._a11ySegBtn_fa1u0_76:focus{color:var(--text-1)}._toneTabActive_fa1u0_105,._toneTabActive_fa1u0_105:link,._toneTabActive_fa1u0_105:visited,._toneTabActive_fa1u0_105:hover,._toneTabActive_fa1u0_105:focus,._toneTabActive_fa1u0_105:active,._a11ySegBtnActive_fa1u0_111,._a11ySegBtnActive_fa1u0_111:hover,._a11ySegBtnActive_fa1u0_111:focus{background:var(--bg-canvas);color:var(--text-1);box-shadow:0 0 2px var(--border-3)}._block_fa1u0_53{display:flex;flex-direction:column;gap:24px}._blockHeading_fa1u0_53 h2{margin:0 0 8px}._blockHeading_fa1u0_53 p{margin:0;color:var(--text-2)}._themeRows_fa1u0_63{display:flex;flex-direction:column;gap:12px}._themeRow_fa1u0_63{border-radius:8px;padding-block:24px 48px;overflow-x:auto;min-width:0}._themeRowLight_fa1u0_147,._themeRowDark_fa1u0_151{background:var(--bg-block)}._themeLabel_fa1u0_155{position:sticky;left:50%;transform:translate(-50%);width:fit-content;display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;letter-spacing:.02em;color:var(--text-3);margin-bottom:16px}._swatchGrid_fa1u0_170{display:grid;grid-template-columns:repeat(5,minmax(132px,1fr));gap:12px;padding-inline:30px;min-width:max-content;max-width:1024px;margin-inline:auto}@media(max-width:900px){._themeRow_fa1u0_63{padding-block:16px}._swatchGrid_fa1u0_170{padding-inline:16px}}._swatch_fa1u0_170{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--bg-canvas);border:.5px solid var(--border-4);border-radius:6px;min-width:0}._bgPreview_fa1u0_200{height:56px;border-radius:4px;border:.5px solid var(--border-4)}._textPreview_fa1u0_206{height:56px;display:flex;align-items:center;justify-content:center;font-family:var(--monospace);font-size:1.6rem;font-weight:600;background:var(--bg-pane);border-radius:4px}._borderPreview_fa1u0_218{position:relative;height:56px;border-radius:4px;background:var(--bg-canvas);border:1px solid var(--border-4)}._borderCorner_fa1u0_226{position:absolute;inset:40% 0 0 30%;border-top:2px solid currentColor;border-left:2px solid currentColor;border-top-left-radius:9px}._tokenName_fa1u0_237{font-family:var(--monospace);font-size:.85rem;color:var(--text-1);align-self:flex-start}._hex_fa1u0_244{font-family:var(--monospace);font-size:.75rem;color:var(--text-3);letter-spacing:.02em}._description_fa1u0_54{display:flex;flex-direction:column;gap:8px;max-width:720px}._description_fa1u0_54 p{margin:0;color:var(--text-2)}._description_fa1u0_54 code{color:inherit}._cardSplit_fa1u0_272{display:grid;grid-template-columns:1fr 1fr;align-self:stretch;width:calc(100% + 48px);margin:-24px;border-radius:6px;overflow:hidden}._cardCell_fa1u0_281{position:relative;background:var(--bg-2);padding:40px 24px;display:flex;align-items:center;justify-content:center}._cellTag_fa1u0_290{position:absolute;top:10px;left:12px;font-family:var(--monospace);font-size:.72rem;letter-spacing:.02em;color:var(--text-4)}._cardCell_fa1u0_281:first-child{border-right:1px solid var(--border-5)}._card_fa1u0_272{position:relative;background:var(--bg-card);border:1px solid var(--border-card);border-radius:8px;padding:14px 16px 30px;max-width:200px;display:flex;flex-direction:column;gap:4px}._cardTag_fa1u0_314{position:absolute;bottom:10px;right:14px;font-family:var(--monospace);font-size:.7rem;color:var(--text-4)}._cardTitle_fa1u0_322{font-size:.9rem;font-weight:600;color:var(--text-1)}._cardText_fa1u0_327{font-size:.8rem;color:var(--text-3)}@media(max-width:640px){._cardSplit_fa1u0_272{grid-template-columns:1fr}._cardCell_fa1u0_281:first-child{border-right:none;border-bottom:1px solid var(--border-5)}}._borderExample_fa1u0_339{display:flex;min-width:660px;gap:16px}._borderExampleCard_fa1u0_345{flex:1;height:140px;border-radius:6px;background:var(--bg-canvas);display:flex;align-items:center;justify-content:center;font-family:var(--monospace);font-size:.8rem;color:var(--text-3);border-width:1px;border-style:solid}._a11yControls_fa1u0_362{display:flex;flex-direction:column;gap:8px}._a11yControlRow_fa1u0_367{display:flex;flex-wrap:wrap;gap:12px;align-items:center}._a11ySegmentLabel_fa1u0_376{font-size:.75rem;color:var(--text-4);padding:0 6px 0 4px}._a11yScroll_fa1u0_382{overflow-x:auto;min-width:0}._a11yMatrix_fa1u0_386{display:grid;gap:4px;min-width:max-content}._a11yHeadCell_fa1u0_395{font-size:.7rem;font-family:var(--monospace);color:var(--text-4);padding:4px 8px;line-height:1.3}._a11yRowHead_fa1u0_406{text-align:right}._a11yCell_fa1u0_412{position:relative;isolation:isolate;border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;gap:6px;width:122px;filter:var(--cell-filter, none);-webkit-mask-image:var(--cell-mask, none);mask-image:var(--cell-mask, none)}._a11yCell_fa1u0_412:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:var(--cell-glow, none) center / 100% 100% no-repeat;dynamic-range-limit:var(--cell-dynamic-range, standard);mix-blend-mode:lighten}._a11ySample_fa1u0_448{line-height:20px;white-space:nowrap;overflow:hidden;-webkit-mask-image:var(--sample-mask, none);mask-image:var(--sample-mask, none);text-shadow:var(--sample-shadow, none);filter:var(--sample-filter, none)}._a11yFooter_fa1u0_463{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:8px}._a11yMetricsCol_fa1u0_472{display:flex;flex-direction:column;gap:1px;line-height:1.2}._a11yMarksCol_fa1u0_478{display:flex;flex-direction:column;align-items:flex-end;gap:1px;line-height:1.2}._a11yLine_fa1u0_485{display:flex;align-items:baseline;gap:4px;white-space:nowrap}._a11yLabel_fa1u0_491{color:var(--text-3);font-size:.7rem;letter-spacing:.02em}._a11yValue_fa1u0_498{font-size:.7rem;font-weight:500;font-variant-numeric:tabular-nums;cursor:help}._a11yMark_fa1u0_478{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:.7rem;letter-spacing:.02em;cursor:help;white-space:nowrap}._a11yMarkIcon_fa1u0_515{font-size:.95rem;line-height:.7;vertical-align:-1px}._a11yPass_fa1u0_520{color:#2a7e43}._a11yFail_fa1u0_521{color:#c9302c}