.colors-view-module__t6oU5W__root{gap:calc(var(--syntara-space-16) * 1.25);min-inline-size:0;grid-template-columns:minmax(0,1fr);margin-block-start:var(--syntara-space-8);display:grid}.colors-view-module__t6oU5W__intro{gap:var(--syntara-space-3);display:grid}.colors-view-module__t6oU5W__toolbar{z-index:20;justify-content:space-between;align-items:center;gap:var(--syntara-space-3) var(--syntara-space-6);margin-inline:calc(var(--syntara-space-2) * -1);padding:var(--syntara-space-2);border-radius:calc(var(--syntara-radius-container) + var(--syntara-space-1));flex-wrap:wrap;display:flex}@media (min-width:768px){.colors-view-module__t6oU5W__toolbar{background:color-mix(in oklab, var(--syntara-color-surface-canvas) 85%, transparent);-webkit-backdrop-filter:saturate(1.8) blur(var(--syntara-space-3));backdrop-filter:saturate(1.8) blur(var(--syntara-space-3));position:sticky;inset-block-start:calc(var(--docs-header-height) + var(--syntara-space-2))}}.colors-view-module__t6oU5W__jumpList{gap:var(--syntara-space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.colors-view-module__t6oU5W__jumpLink{align-items:center;gap:var(--syntara-space-2);block-size:calc(var(--syntara-space-8) + var(--syntara-space-1));padding-inline:var(--syntara-space-3);border-radius:var(--syntara-radius-pill);color:var(--syntara-color-text-subtle);font-size:var(--syntara-font-size-md);letter-spacing:var(--syntara-font-tracking-md);font-weight:var(--syntara-font-weight-medium);transition:background-color var(--syntara-motion-duration-fast) var(--syntara-motion-easing), color var(--syntara-motion-duration-fast) var(--syntara-motion-easing);display:inline-flex}.colors-view-module__t6oU5W__jumpLink:hover{background:var(--docs-hover);color:var(--syntara-color-text-default)}.colors-view-module__t6oU5W__jumpDot{inline-size:var(--syntara-space-2);block-size:var(--syntara-space-2);border-radius:var(--syntara-radius-pill);background:var(--syntara-color-action-primary-bg);box-shadow:inset 0 0 0 var(--syntara-hairline) color-mix(in oklab, var(--syntara-color-text-default) 18%, transparent)}.colors-view-module__t6oU5W__format{align-items:center;gap:var(--syntara-space-3);display:flex}.colors-view-module__t6oU5W__formatLabel{color:var(--syntara-color-text-subtle);font-size:var(--syntara-font-size-sm);font-weight:var(--syntara-font-weight-medium)}.colors-view-module__t6oU5W__tenant{gap:var(--syntara-space-6);min-inline-size:0;grid-template-columns:minmax(0,1fr);scroll-margin-block-start:calc(var(--docs-header-height) + var(--syntara-space-16) + var(--syntara-space-4));display:grid}.colors-view-module__t6oU5W__copyNote{justify-self:start;margin-block-start:calc(var(--syntara-space-3) * -1)}.colors-view-module__t6oU5W__tenantHeader.colors-view-module__t6oU5W__tenantHeader{justify-items:start;gap:var(--syntara-space-2);box-shadow:inset 0 var(--syntara-hairline) 0 0 var(--syntara-color-border-default);background:0 0;padding-block-start:var(--syntara-space-5);display:grid}.colors-view-module__t6oU5W__tenantTitle{font-family:var(--syntara-font-heading);font-size:var(--syntara-font-size-4xl);font-weight:var(--syntara-font-weight-semibold);line-height:var(--syntara-line-height-tight);letter-spacing:var(--syntara-font-tracking-4xl)}.colors-view-module__t6oU5W__tenantCaption{align-items:center;gap:var(--syntara-space-1) var(--syntara-space-2);color:var(--syntara-color-text-subtle);font-size:var(--syntara-font-size-sm);letter-spacing:var(--syntara-font-tracking-sm);font-variant-numeric:tabular-nums;flex-wrap:wrap;display:flex}.colors-view-module__t6oU5W__captionItem{align-items:center;gap:var(--syntara-space-2);white-space:nowrap;display:inline-flex}.colors-view-module__t6oU5W__captionSep{color:var(--syntara-color-border-strong)}.colors-view-module__t6oU5W__factSwatch{inline-size:var(--syntara-space-3);block-size:var(--syntara-space-3);border-radius:var(--syntara-radius-pill);box-shadow:inset 0 0 0 var(--syntara-hairline) color-mix(in oklab, var(--syntara-color-text-default) 20%, transparent)}.colors-view-module__t6oU5W__panels{gap:var(--syntara-space-4);display:grid}@media (min-width:1200px){.colors-view-module__t6oU5W__panels{grid-template-columns:repeat(2,minmax(0,1fr))}}.colors-view-module__t6oU5W__panel.colors-view-module__t6oU5W__panel{gap:var(--syntara-space-4);min-inline-size:0;padding:var(--syntara-space-3);border:1px solid var(--syntara-color-border-subtle);border-radius:var(--syntara-radius-container);grid-template-columns:minmax(0,1fr);display:grid;container-type:inline-size}@media (min-width:768px){.colors-view-module__t6oU5W__panel.colors-view-module__t6oU5W__panel{padding:var(--syntara-space-5)}}.colors-view-module__t6oU5W__panelTitle{color:var(--syntara-color-text-default);font-size:var(--syntara-font-size-sm);font-weight:var(--syntara-font-weight-semibold)}.colors-view-module__t6oU5W__table{--_label:calc(var(--syntara-space-16) + var(--syntara-space-2));--_gap:calc(var(--syntara-space-1) * .5);gap:var(--syntara-space-1);display:grid}.colors-view-module__t6oU5W__stepRow,.colors-view-module__t6oU5W__row{grid-template-columns:var(--_label) repeat(12, minmax(0, 1fr));align-items:center;column-gap:var(--_gap);display:grid}.colors-view-module__t6oU5W__swatches{gap:var(--syntara-space-1);outline:none;display:grid}@container (max-width:520px){.colors-view-module__t6oU5W__table{--_gap:calc(var(--syntara-space-1) * .25)}.colors-view-module__t6oU5W__stepRow,.colors-view-module__t6oU5W__row{grid-template-columns:repeat(12,minmax(0,1fr))}.colors-view-module__t6oU5W__stepSpacer{display:none}.colors-view-module__t6oU5W__rampLabel{margin-block:var(--syntara-space-2) var(--syntara-space-1);grid-column:1/-1}}.colors-view-module__t6oU5W__stepNumber{color:var(--syntara-color-text-subtle);font-size:var(--syntara-font-size-xs);font-variant-numeric:tabular-nums;text-align:center}.colors-view-module__t6oU5W__rampLabel{color:var(--syntara-color-text-subtle);font-size:var(--syntara-font-size-sm);font-weight:var(--syntara-font-weight-medium)}.colors-view-module__t6oU5W__swatch{block-size:var(--syntara-space-10);min-inline-size:var(--syntara-space-6);padding:0 0 var(--syntara-space-1);border-radius:min(var(--syntara-radius-field), var(--syntara-space-1));background:var(--swatch);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--syntara-color-text-default) 8%, transparent);cursor:pointer;border:0;outline:none;place-items:end center;margin:0;display:grid;position:relative}.colors-view-module__t6oU5W__swatch[data-hovered]{z-index:1;scale:1.08}.colors-view-module__t6oU5W__swatch[data-pressed]{scale:.96}.colors-view-module__t6oU5W__swatch[data-focus-visible]{z-index:1;outline:2px solid var(--syntara-color-focus-ring);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.colors-view-module__t6oU5W__swatch{transition:scale var(--syntara-motion-duration-fast) var(--syntara-motion-easing)}}@media (prefers-reduced-motion:reduce){.colors-view-module__t6oU5W__swatch[data-hovered],.colors-view-module__t6oU5W__swatch[data-pressed]{scale:none}}.colors-view-module__t6oU5W__roleDot{inline-size:calc(var(--syntara-space-1) + 1px);block-size:calc(var(--syntara-space-1) + 1px);border-radius:var(--syntara-radius-pill);background:var(--swatch-ink);opacity:.8}.colors-view-module__t6oU5W__readout{align-items:center;gap:var(--syntara-space-1) var(--syntara-space-3);min-block-size:var(--syntara-space-6);color:var(--syntara-color-text-subtle);font-size:var(--syntara-font-size-sm);flex-wrap:wrap;display:flex}.colors-view-module__t6oU5W__readoutHint{color:var(--syntara-color-text-subtle)}.colors-view-module__t6oU5W__readoutSwatch{inline-size:var(--syntara-space-4);block-size:var(--syntara-space-4);border-radius:min(var(--syntara-radius-field), var(--syntara-space-1));background:var(--swatch);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--syntara-color-text-default) 12%, transparent)}.colors-view-module__t6oU5W__readoutName{color:var(--syntara-color-text-default);font-weight:var(--syntara-font-weight-semibold)}.colors-view-module__t6oU5W__readoutValue{align-items:center;gap:var(--syntara-space-1);font-family:var(--syntara-font-mono);font-size:var(--syntara-font-size-xs);display:inline-flex}.colors-view-module__t6oU5W__readoutValue[data-selected]{color:var(--syntara-color-text-default)}.colors-view-module__t6oU5W__readoutCheck{inline-size:var(--syntara-space-3);block-size:var(--syntara-space-3)}.colors-view-module__t6oU5W__note{color:var(--syntara-color-text-subtle);font-size:var(--syntara-font-size-sm)}.colors-view-module__t6oU5W__noteDot{inline-size:calc(var(--syntara-space-1) + 1px);block-size:calc(var(--syntara-space-1) + 1px);border-radius:var(--syntara-radius-pill);background:var(--syntara-color-text-subtle);vertical-align:middle;margin-inline-end:var(--syntara-space-2);display:inline-block}.colors-view-module__t6oU5W__noteLink{color:var(--syntara-color-text-default);font-weight:var(--syntara-font-weight-medium);text-underline-offset:.25em;text-decoration:underline;text-decoration-thickness:1px}
.button-link-module__zK_ymG__link{justify-content:center;align-items:center;gap:var(--syntara-space-2);block-size:var(--syntara-control-height);padding-inline:var(--syntara-control-padding-inline);border-radius:var(--syntara-radius-button);font-size:var(--syntara-font-size-md);font-weight:var(--syntara-font-weight-medium);line-height:var(--syntara-line-height-tight);white-space:nowrap;transition:background-color var(--syntara-motion-duration-fast) var(--syntara-motion-easing), border-color var(--syntara-motion-duration-fast) var(--syntara-motion-easing), box-shadow var(--syntara-motion-duration-fast) var(--syntara-motion-easing), outline-offset var(--syntara-motion-duration-fast) var(--syntara-motion-easing);border:1px solid #0000;display:inline-flex}.button-link-module__zK_ymG__link[data-size=lg]{block-size:calc(var(--syntara-control-height) + var(--syntara-space-3));padding-inline:calc(var(--syntara-control-padding-inline) + var(--syntara-space-3));border-radius:var(--syntara-radius-pill);font-size:var(--syntara-font-size-md);letter-spacing:var(--syntara-font-tracking-md)}.button-link-module__zK_ymG__link[data-size=lg][data-variant=ghost]{padding-inline:calc(var(--syntara-control-padding-inline) + var(--syntara-space-1))}@media (prefers-reduced-motion:no-preference){.button-link-module__zK_ymG__link{transition:background-color var(--syntara-motion-duration-fast) var(--syntara-motion-easing), border-color var(--syntara-motion-duration-fast) var(--syntara-motion-easing), box-shadow var(--syntara-motion-duration-fast) var(--syntara-motion-easing), outline-offset var(--syntara-motion-duration-fast) var(--syntara-motion-easing), scale var(--syntara-motion-duration-spring) var(--syntara-motion-spring)}.button-link-module__zK_ymG__link:active{scale:.97}.button-link-module__zK_ymG__link[data-size=lg]{transition:background-color var(--syntara-motion-duration-fast) var(--syntara-motion-easing), border-color var(--syntara-motion-duration-fast) var(--syntara-motion-easing), box-shadow var(--syntara-motion-duration-fast) var(--syntara-motion-easing), outline-offset var(--syntara-motion-duration-fast) var(--syntara-motion-easing), transform var(--syntara-motion-duration-spring) var(--syntara-motion-spring), scale var(--syntara-motion-duration-spring) var(--syntara-motion-spring)}.button-link-module__zK_ymG__link[data-size=lg]:is([data-variant=inverse],[data-variant=outline]):hover{transform:translateY(-1px)}}.button-link-module__zK_ymG__link svg{inline-size:var(--syntara-space-4);block-size:var(--syntara-space-4)}.button-link-module__zK_ymG__link[data-variant=primary]{border-color:var(--syntara-color-action-primary-border);background:var(--syntara-color-action-primary-bg);color:var(--syntara-color-action-primary-fg);box-shadow:var(--syntara-shadow-raised)}.button-link-module__zK_ymG__link[data-variant=primary]:hover{background:var(--syntara-color-action-primary-hover);border-color:var(--syntara-color-action-primary-hover)}.button-link-module__zK_ymG__link[data-variant=inverse]{border-color:var(--syntara-color-surface-inverse);background:var(--syntara-color-surface-inverse);color:var(--syntara-color-text-inverse);box-shadow:var(--syntara-shadow-raised)}.button-link-module__zK_ymG__link[data-variant=inverse]:hover{background:color-mix(in oklab, var(--syntara-color-surface-inverse) 88%, var(--syntara-color-surface-canvas));border-color:color-mix(in oklab, var(--syntara-color-surface-inverse) 88%, var(--syntara-color-surface-canvas));box-shadow:var(--syntara-shadow-overlay)}.button-link-module__zK_ymG__link[data-variant=outline]{border-color:var(--syntara-color-border-strong);background:var(--syntara-color-surface-default);color:var(--syntara-color-text-default);box-shadow:var(--syntara-shadow-raised)}.button-link-module__zK_ymG__link[data-variant=outline]:hover{background:color-mix(in oklab, var(--syntara-color-text-default) 6%, var(--syntara-color-surface-default))}.button-link-module__zK_ymG__link[data-variant=ghost]{color:var(--syntara-color-text-default)}.button-link-module__zK_ymG__link[data-variant=ghost]:hover{background:color-mix(in oklab, var(--syntara-color-text-default) 6%, transparent)}.button-link-module__zK_ymG__link[data-size=lg][data-variant=outline]{border-color:var(--syntara-color-border-default)}.button-link-module__zK_ymG__link[data-size=lg][data-variant=outline]:hover{border-color:var(--syntara-color-border-strong)}