/* The System · identité animée R48.6 */
:root {
  --ts-logo-animated: url('/ts-logo-animated.gif?v=20260811');
  --ts-logo-static: url('/ts-logo.png');
}

body .public-brand.public-brand > span:first-child,
body .brand.brand > span {
  width: 38px !important;
  min-width: 38px !important;
  height: 38px !important;
  display: inline-grid !important;
  place-items: center !important;
  overflow: hidden !important;
  color: transparent !important;
  border: 1px solid rgba(255, 255, 255, .17) !important;
  border-radius: 12px !important;
  background-color: #050505 !important;
  background-image: var(--ts-logo-animated) !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, .38), inset 0 0 16px rgba(255, 255, 255, .035) !important;
  font-size: 0 !important;
  line-height: 0 !important;
  transform: translateZ(0);
}

body .auth-brand.public-brand > span:first-child,
body .admin-sidebar .public-brand.public-brand > span:first-child {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  border-radius: 13px !important;
}

body .public-brand.public-brand:hover > span:first-child {
  border-color: rgba(255, 255, 255, .32) !important;
  box-shadow: 0 13px 34px rgba(0, 0, 0, .46), 0 0 22px rgba(255, 255, 255, .06) !important;
  transform: translateY(-1px) translateZ(0);
}

@media (max-width: 620px) {
  body .public-brand.public-brand > span:first-child,
  body .brand.brand > span {
    width: 34px !important;
    min-width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body .public-brand.public-brand > span:first-child,
  body .brand.brand > span {
    background-image: var(--ts-logo-static) !important;
    transform: none !important;
  }
}