._page_9unpe_1{display:flex;flex-direction:column;gap:56px;--tabs-height: 32px}._page_9unpe_1 :is(h1,h2,h3)[id]{scroll-margin-top:calc(var(--tabs-height) * 1.5)}._toneTabs_9unpe_5{display:flex;flex-wrap:nowrap;align-items:stretch;gap:4px;border:.5px solid var(--border-4);background:var(--bg-pane);padding:4px;border-radius:6px;align-self:flex-start;max-width:100%;overflow-x:auto;scrollbar-width:thin;position:sticky;top:var(--scroll-padding-top, 0);z-index:5}._toneTab_9unpe_5,._toneTab_9unpe_5:link,._toneTab_9unpe_5:visited,._toneTab_9unpe_5:hover,._toneTab_9unpe_5:focus,._toneTab_9unpe_5:active{appearance:none;border:none;background:transparent;font:inherit;font-size:.85rem;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_9unpe_5:hover,._toneTab_9unpe_5:focus{color:var(--text-2)}._toneTabActive_9unpe_43,._toneTabActive_9unpe_43:link,._toneTabActive_9unpe_43:visited,._toneTabActive_9unpe_43:hover,._toneTabActive_9unpe_43:focus,._toneTabActive_9unpe_43:active{background:var(--bg-section);color:var(--text-1);box-shadow:0 0 2px var(--border-3)}._block_9unpe_90{display:flex;flex-direction:column;gap:24px}._blockHeading_9unpe_96 h2{margin:0 0 8px}._blockHeading_9unpe_96 p{margin:0;color:var(--text-2);max-width:720px}._themeRows_9unpe_106{display:flex;flex-direction:column;gap:12px}._themeRow_9unpe_106{border-radius:8px;padding-block:24px;overflow-x:auto;min-width:0}._themeRowLight_9unpe_119,._themeRowDark_9unpe_123{background:var(--bg-block)}._themeLabel_9unpe_127{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_9unpe_142{display:grid;grid-template-columns:repeat(5,minmax(132px,1fr));gap:12px;padding-inline:30px;min-width:max-content}@media(max-width:900px){._themeRow_9unpe_106{padding-block:16px}._swatchGrid_9unpe_142{padding-inline:16px}}._swatch_9unpe_142{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--bg-section);border:.5px solid var(--border-4);border-radius:6px;min-width:0}._bgPreview_9unpe_170{height:56px;border-radius:4px;border:.5px solid var(--border-4)}._textPreview_9unpe_176{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_9unpe_188{position:relative;height:56px;border-radius:4px;background:var(--bg-section);border:1px solid var(--border-4)}._borderCorner_9unpe_196{position:absolute;inset:40% 0 0 30%;border-top:2px solid currentColor;border-left:2px solid currentColor;border-top-left-radius:9px}._tokenName_9unpe_207{font-family:var(--monospace);font-size:.85rem;color:var(--text-1);align-self:flex-start}._hex_9unpe_214{font-family:var(--monospace);font-size:.75rem;color:var(--text-3);letter-spacing:.02em}._description_9unpe_221{display:flex;flex-direction:column;gap:8px;max-width:720px}._description_9unpe_221 p{margin:0;color:var(--text-2)}._description_9unpe_221 code{color:inherit}._exampleScroll_9unpe_238{overflow-x:auto;min-width:0}._bgExampleSvg_9unpe_243{min-width:715px;display:block}._bgExampleSvg_9unpe_243 svg{display:block;width:100%;height:auto}._bgExampleSvg_9unpe_243{aspect-ratio:715 / 431}._exampleHeading_9unpe_262{margin:0 0 12px}._borderExample_9unpe_269{display:flex;min-width:660px;gap:16px}._borderExampleCard_9unpe_275{flex:1;height:140px;border-radius:6px;background:var(--bg-section);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_9unpe_292{display:flex;flex-direction:column;gap:8px}._a11yControlRow_9unpe_297{display:flex;flex-wrap:wrap;gap:12px;align-items:center}._a11ySegment_9unpe_304{display:inline-flex;flex-wrap:nowrap;align-items:stretch;gap:2px;padding:3px;background:var(--bg-pane);border:.5px solid var(--border-4);border-radius:6px;max-width:100%;overflow-x:auto;scrollbar-width:thin}._a11ySegmentLabel_9unpe_320{font-size:.75rem;color:var(--text-4);padding:0 6px 0 4px}._a11ySegBtn_9unpe_325{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;transition:background .15s ease-out,color .15s ease-out}._a11ySegBtn_9unpe_325:hover{color:var(--text-2)}._a11ySegBtnActive_9unpe_339,._a11ySegBtnActive_9unpe_339:hover,._a11ySegBtnActive_9unpe_339:focus{background:var(--bg-section);color:var(--text-1);box-shadow:0 0 2px var(--border-3)}._a11yScroll_9unpe_347{overflow-x:auto;min-width:0}._a11yMatrix_9unpe_351{display:grid;gap:4px;min-width:max-content}._a11yHeadCell_9unpe_360{font-size:.7rem;font-family:var(--monospace);color:var(--text-4);padding:4px 8px;line-height:1.3}._a11yRowHead_9unpe_371{text-align:right}._a11yCell_9unpe_377{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_9unpe_377: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_9unpe_413{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_9unpe_428{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:8px}._a11yMetricsCol_9unpe_437{display:flex;flex-direction:column;gap:1px;line-height:1.2}._a11yMarksCol_9unpe_443{display:flex;flex-direction:column;align-items:flex-end;gap:1px;line-height:1.2}._a11yLine_9unpe_450{display:flex;align-items:baseline;gap:4px;white-space:nowrap}._a11yLabel_9unpe_456{color:var(--text-3);font-size:.7rem;letter-spacing:.02em}._a11yValue_9unpe_463{font-size:.7rem;font-weight:500;font-variant-numeric:tabular-nums;cursor:help}._a11yMark_9unpe_443{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:.7rem;letter-spacing:.02em;cursor:help;white-space:nowrap}._a11yMarkIcon_9unpe_480{font-size:.95rem;line-height:.7;vertical-align:-1px}._a11yPass_9unpe_485{color:#1c882d}._a11yFail_9unpe_486{color:#cc272e}