._liveExample_d6030_1{border:1px solid var(--border-color);background:#fff;border-radius:5px;padding:calc(20.4px + 3.3vw);position:relative}@media (width>=1200px){._liveExample_d6030_1{padding:60px}}._liveExample_d6030_1 code{font-size:inherit}._liveExample_d6030_1 table{font-family:inherit}._liveExample_d6030_1 svg{width:1em}._liveExample_d6030_1:before{content:"";border-left:1px dashed var(--border-color);z-index:1;width:0;position:absolute;top:0;bottom:0;left:calc(19.4px + 2.55vw)}@media (width>=1200px){._liveExample_d6030_1:before{left:50px}}._liveExample_d6030_1:after{content:"";border-left:1px dashed var(--border-color);z-index:1;width:0;position:absolute;top:0;bottom:0;right:calc(19.4px + 2.55vw)}@media (width>=1200px){._liveExample_d6030_1:after{right:50px}}._swatches_d6030_45{gap:var(--spacing-s);grid-template-columns:1fr;display:grid}._swatch_d6030_45{align-items:stretch;gap:var(--spacing-m);border:1px solid var(--color--border);background:var(--color--surface);border-radius:6px;min-height:56px;display:flex;overflow:hidden}._swatchInfo_d6030_62{justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-s) var(--spacing-s) var(--spacing-s) 0;flex-direction:column;min-width:0;display:flex}._swatchToken_d6030_71{font-size:var(--font-size-xs)}._swatchDescription_d6030_75{font-size:var(--font-size-xs);color:var(--color--ink-subtle);line-height:1.3}._swatchPreview_d6030_82{flex:none;align-self:stretch;place-items:center;width:64px;display:grid}._swatchPreviewShadow_d6030_90,._swatchPreviewFontSize_d6030_91{background:var(--color--surface-muted)}._swatchPreviewFontSize_d6030_91{overflow:hidden}._swatchPreviewFontSizeSample_d6030_99{font-size:var(--swatch-token);color:var(--color--ink);line-height:1}._swatchPreviewShadowChip_d6030_105{background:var(--color--surface);width:40px;height:40px;box-shadow:var(--swatch-token);border-radius:6px}._swatchPreviewInk_d6030_114{background:var(--ink-surface,var(--color--surface));box-shadow:3px 3px 11px #0000001a}._swatchPreviewInkSample_d6030_119{color:var(--swatch-token);font-size:18px;font-weight:700;line-height:1}._swatchPreviewBorder_d6030_127{position:relative;overflow:hidden}._swatchPreviewBorderChip_d6030_132{border:2px solid var(--swatch-token);border-radius:14px;width:120px;height:100px;position:absolute;top:10px;left:10px;box-shadow:3px 3px 11px #0000001a}._swatchPreviewGroupChip_d6030_144{background-color:#fff;background-image:conic-gradient(#00000012 25%, transparent 0 50%, #00000012 0 75%, transparent 0);background-size:14px 14px;width:110px;position:relative;overflow:hidden;box-shadow:3px 3px 11px #0000001a}._swatchPreviewGroupRect_d6030_159{background:var(--group-surface,transparent);border:3px solid var(--group-border,transparent);width:140px;box-shadow:0 0 0 6px var(--group-outline,transparent);color:var(--group-ink);white-space:nowrap;border-radius:18px;place-items:center;padding:20px;font-size:18px;font-weight:700;line-height:1;transition:background .15s,border-color .15s,box-shadow .15s,color .15s;display:grid;position:absolute;top:10px;left:10px}._swatch_d6030_45:hover ._swatchPreviewGroupRect_d6030_159{background:var(--group-surface-hover,var(--group-surface,transparent));border-color:var(--group-border-hover,var(--group-border,transparent));box-shadow:0 0 0 6px var(--group-outline-hover,var(--group-outline,transparent));color:var(--group-ink-hover,var(--group-ink))}._swatchPreviewPair_d6030_191{background-color:#fff;background-image:conic-gradient(#00000012 25%, transparent 0 50%, #00000012 0 75%, transparent 0);background-size:14px 14px;width:110px;position:relative;overflow:hidden}._swatchPreviewPairFill_d6030_205{background:var(--pair-surface);white-space:nowrap;border-radius:18px;place-items:center;width:140px;padding:20px;display:grid;position:absolute;top:10px;left:10px}._swatchPreviewPairSample_d6030_218{color:var(--pair-ink);font-size:18px;font-weight:700;line-height:1}._swatchPairTokens_d6030_225{align-items:baseline;gap:var(--spacing-xs);flex-flow:wrap;display:flex}._swatchPairPrefix_d6030_233{color:var(--color--ink-subtle)}._swatchPairSuffixes_d6030_238{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}._swatchPairSuffixRows_d6030_245{flex-direction:column;gap:4px;display:flex}._swatchPairSuffixLine_d6030_251{align-items:baseline;gap:var(--spacing-xs);display:flex}._swatchPairSuffix_d6030_238{font-size:var(--font-size-xs);background:var(--color--surface-muted);border:1px solid var(--color--border);border-radius:3px;padding:1px 5px}._swatchPreviewColor_d6030_266{background-color:#fff;background-image:conic-gradient(#00000012 25%, transparent 0 50%, #00000012 0 75%, transparent 0);background-size:14px 14px;box-shadow:3px 3px 11px #0000001a}._swatchPreviewColorFill_d6030_278{background:var(--swatch-token);width:100%;height:100%}._spacings_d6030_286{gap:var(--spacing-s);flex-direction:column;display:flex}._spacing_d6030_286{align-items:center;gap:var(--spacing-m);display:flex}._spacingToken_d6030_298{width:160px;font-size:var(--font-size-xs);flex:none}._spacingBar_d6030_304{height:16px;width:var(--spacing-token);background:var(--color--primary--surface);border-radius:3px;flex:none}