/* Deployment-local visual skin. Never select company-uploaded image URLs. */
html[data-cybr-brand='motors-v1'] {
  --cybr-wordmark: url('/brand/cybr-rm/wordmark-light.png');
  --cybr-symbol: url('/brand/cybr-rm/symbol-light.png');
}
html.dark[data-cybr-brand='motors-v1'] {
  --cybr-wordmark: url('/brand/cybr-rm/wordmark-dark.png');
  --cybr-symbol: url('/brand/cybr-rm/symbol-dark.png');
}
html[data-cybr-brand='motors-v1'] img[src$='/images/integrations/twenty-logo.svg'],
html[data-cybr-brand='motors-v1'] img[src$='/images/icons/android/android-launchericon-192-192.png'] {
  content: var(--cybr-symbol);
  object-fit: contain;
}
/* The deployed auth Logo component contains the default product image inside
   a link, with the company's secondary badge outside that link. */
html[data-cybr-brand='motors-v1'] div:has(> a > div[style*='/images/icons/android/android-launchericon-192-192.png']) {
  width: min(320px, 82vw);
  height: 80px;
}
html[data-cybr-brand='motors-v1'] a > div[style*='/images/icons/android/android-launchericon-192-192.png'] {
  background-image: var(--cybr-wordmark) !important;
  background-size: contain !important;
  background-repeat: no-repeat;
  background-position: center;
}
/* Keep the Motors badge as company identity below/right of the app lockup. */
html[data-cybr-brand='motors-v1'] div:has(> a > div[style*='/images/icons/android/android-launchericon-192-192.png']) > div {
  right: 0;
  bottom: -32px;
}
/* Exact onboarding background selector in the pinned runtime's CSS. */
html[data-cybr-brand='motors-v1'] .s16cjyy4 {
  background-image: var(--cybr-symbol);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}