:root {  --sb-color-gray-600: #4a5565;
--sb-color-gray-700: #364153;
--sb-color-wp-light-blue-600: #007ca8; --sb-duration-75:   75ms;
--sb-duration-100:  100ms;
--sb-duration-150:  150ms;
--sb-duration-200:  200ms;
--sb-duration-300:  300ms;
--sb-duration-500:  500ms;
--sb-duration-700:  700ms;
--sb-duration-1000: 1000ms; --sb-opacity-disabled: 0.5; --sb-fg-muted:  var(--sb-color-gray-700);
--sb-fg-subtle: var(--sb-color-gray-600); --sb-focus-ring: var(--sb-color-wp-light-blue-600); --sw-text-secondary: var(--sb-fg-muted);
--sw-text-tertiary:  var(--sb-fg-subtle);
} @media (prefers-reduced-motion: reduce) {
:root {
--sb-duration-75:   0.01ms;
--sb-duration-100:  0.01ms;
--sb-duration-150:  0.01ms;
--sb-duration-200:  0.01ms;
--sb-duration-300:  0.01ms;
--sb-duration-500:  0.01ms;
--sb-duration-700:  0.01ms;
--sb-duration-1000: 0.01ms;
}
} :where([id^=sb-wall]) :focus-visible,
:where(#sbsw-app) :focus-visible,
:where(body[class*="social-wall"]) :focus-visible,
:where(body[class*="page_sbsw"]) :focus-visible {
outline: 2px solid var(--sb-focus-ring);
outline-offset: 2px;
} :where(#sbsw-app) :is(h1, h2, h3, h4, h5, h6)[tabindex="-1"]:focus {
outline: none;
}