/**
 * StreamLumi unified theme — single professional palette sitewide.
 */

:root {
  --sl-bg: #050508;
  --sl-surface: #0e0e14;
  --sl-surface-2: #14141c;
  --sl-surface-3: #1a1a24;
  --sl-border: rgba(167, 139, 250, 0.16);
  --sl-border-soft: rgba(255, 255, 255, 0.08);
  --sl-text: #f3f4f6;
  --sl-text-muted: #9ca3af;
  --sl-accent: #8b5cf6;
  --sl-accent-soft: #a78bfa;
  --sl-accent-deep: #5b21b6;
  --sl-gold: #d4a017;
  --sl-gold-soft: #fbbf24;
  --sl-header-main: 64px;
  --sl-header-tabs: 47px;
  --sl-header-ads: 96px;
  --sl-header-chips: 44px;
  --sl-header-token-promo: 0px;
  --sl-sidebar-lane: 270px;
  --sl-content-gutter: clamp(12px, 1.15vw, 22px);
  --sl-header-stack: calc(var(--sl-header-main) + var(--sl-header-tabs));
}

body.sl-streamlumi-shell-active {
  --sl-header-stack: calc(var(--sl-header-main) + var(--sl-header-tabs));
}

body.sl-streamlumi-shell-active.sl-front-has-tabs:has(.sl-front-tabs-ad-row) {
  --sl-header-stack: calc(var(--sl-header-main) + var(--sl-header-tabs) + var(--sl-header-ads));
}

body.sl-streamlumi-shell-active.sl-streamlumi-nav-active:has(.sl-streamlumi-nav-chips):has(.sl-front-tabs-ad-row) {
  --sl-header-stack: calc(var(--sl-header-main) + var(--sl-header-tabs) + var(--sl-header-ads) + var(--sl-header-chips));
}

body.sl-streamlumi-shell-active.sl-front-shell-active.sl-front-has-token-promo:has(.sl-front-token-promo-lane) {
  --sl-header-token-promo: 88px;
  --sl-header-stack: calc(var(--sl-header-main) + var(--sl-header-tabs) + var(--sl-header-ads) + var(--sl-header-token-promo));
}

body.sl-streamlumi-shell-active.sl-front-shell-active.sl-front-has-token-promo.sl-streamlumi-nav-active:has(.sl-front-token-promo-lane):has(.sl-streamlumi-nav-chips) {
  --sl-header-stack: calc(var(--sl-header-main) + var(--sl-header-tabs) + var(--sl-header-ads) + var(--sl-header-chips) + var(--sl-header-token-promo));
}

body.sl-streamlumi-shell-active.sl-front-shell-active.sl-front-has-mobile-ad-slot:has(.sl-front-ad-carousel-lane--mobile),
body.sl-streamlumi-shell-active.sl-front-shell-active.sl-front-has-mobile-ad-slot:has(.sl-front-mobile-ad-slot) {
  --sl-header-mobile-ad: 100px;
}

@media (min-width: 768px) and (max-width: 1199px) {
  body.sl-streamlumi-shell-active.sl-front-shell-active.sl-front-has-tabs {
    --sl-header-main: 64px;
    --sl-header-tabs: 47px;
    --sl-header-chips: 44px;
    --sl-header-ads: 96px;
    --sl-header-mobile-ad: 100px;
  }

  body.sl-streamlumi-shell-active.sl-front-shell-active.sl-front-has-tabs:has(.sl-front-tabs-ad-row) {
    --sl-header-stack: calc(var(--sl-header-main) + var(--sl-header-tabs) + var(--sl-header-ads));
  }

  body.sl-streamlumi-shell-active.sl-front-shell-active.sl-streamlumi-nav-active:has(.sl-streamlumi-nav-chips):has(.sl-front-tabs-ad-row) {
    --sl-header-stack: calc(var(--sl-header-main) + var(--sl-header-tabs) + var(--sl-header-ads) + var(--sl-header-chips));
  }

  body.sl-streamlumi-shell-active.sl-front-shell-active.sl-front-has-mobile-ad-slot:has(.sl-front-ad-carousel-lane--mobile) {
    --sl-header-stack: calc(var(--sl-header-main) + var(--sl-header-tabs) + var(--sl-header-chips) + var(--sl-header-mobile-ad));
  }

  body.sl-streamlumi-shell-active.sl-front-shell-active.sl-front-has-mobile-ad-slot.sl-streamlumi-nav-active:has(.sl-front-ad-carousel-lane--mobile):not(:has(.sl-front-tabs-ad-row)) {
    --sl-header-stack: calc(var(--sl-header-main) + var(--sl-header-tabs) + var(--sl-header-chips) + var(--sl-header-mobile-ad));
  }
}

@media (max-width: 1120px) {
  body.sl-streamlumi-shell-active.sl-front-shell-active.sl-front-has-mobile-toolbar {
    --sl-header-tabs: 62px;
    --sl-header-chips: 0px;
    --sl-header-mobile-ad: 0px;
    --sl-header-stack: calc(var(--sl-header-main) + var(--sl-header-tabs));
    padding-top: var(--sl-header-stack) !important;
  }

  body.sl-streamlumi-shell-active.sl-front-shell-active.sl-streamlumi-nav-active:has(.sl-streamlumi-nav-chips) {
    --sl-header-chips: 52px;
    --sl-header-stack: calc(var(--sl-header-main) + var(--sl-header-tabs) + var(--sl-header-chips));
    padding-top: var(--sl-header-stack) !important;
  }

  body.sl-streamlumi-shell-active.sl-front-shell-active.sl-front-has-mobile-ad-slot:has(.sl-front-ad-carousel-lane--mobile),
  body.sl-streamlumi-shell-active.sl-front-shell-active.sl-front-has-mobile-ad-slot:has(.sl-front-mobile-ad-slot) {
    --sl-header-mobile-ad: 100px;
    --sl-header-stack: calc(var(--sl-header-main) + var(--sl-header-tabs) + var(--sl-header-chips) + var(--sl-header-mobile-ad));
    padding-top: var(--sl-header-stack) !important;
  }
}

body.sl-streamlumi-shell-active.sl-front-shell-active.sl-front-has-tabs {
  padding-top: var(--sl-header-stack) !important;
}

@media (max-width: 860px) {
  body.sl-streamlumi-shell-active.sl-front-has-tabs:has(.sl-front-tabs-ad-row) {
    --sl-header-ads: 168px;
    --sl-header-stack: calc(var(--sl-header-main) + var(--sl-header-tabs) + var(--sl-header-ads));
  }

  body.sl-streamlumi-shell-active.sl-streamlumi-nav-active:has(.sl-streamlumi-nav-chips):has(.sl-front-tabs-ad-row) {
    --sl-header-stack: calc(var(--sl-header-main) + var(--sl-header-tabs) + var(--sl-header-ads) + var(--sl-header-chips));
  }
}

@media (max-width: 1199px) {
  body.sl-streamlumi-shell-active .mobile-sidebar-class {
    top: var(--sl-header-stack, 202px) !important;
    height: calc(100vh - var(--sl-header-stack, 202px) - env(safe-area-inset-bottom, 0px)) !important;
    padding-top: 14px !important;
    -webkit-overflow-scrolling: touch;
  }

  body.sl-streamlumi-shell-active .mobile-sidebar-class .sl-streamlumi-nav-sidebar {
    padding-top: 4px;
  }
}

body.sl-streamlumi-shell-active .mobile-sidebar-class {
  top: var(--sl-header-stack, 202px) !important;
  height: calc(100vh - var(--sl-header-stack, 202px) - env(safe-area-inset-bottom, 0px)) !important;
  padding-top: 14px !important;
  scroll-padding-top: 14px;
  box-sizing: border-box;
}

/* Demo / sponsor ads — cohesive violet palette */
.sl-demo-ad {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 58px;
  padding: 12px 16px;
  border-radius: 10px;
  text-decoration: none;
  color: var(--sl-text);
  box-sizing: border-box;
  border: 1px solid var(--sl-border);
  background: linear-gradient(135deg, var(--sl-surface-2) 0%, var(--sl-surface-3) 100%);
}

.sl-demo-ad strong {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.15;
  white-space: nowrap;
}

.sl-demo-ad span {
  font-size: 11px;
  color: var(--sl-text-muted);
  white-space: nowrap;
}

.sl-demo-ad-badge {
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 3px 7px;
  border-radius: 999px;
  background: rgba(139, 92, 246, 0.2);
  color: var(--sl-accent-soft);
  border: 1px solid rgba(139, 92, 246, 0.28);
}

.sl-demo-ad-cta {
  margin-left: auto;
  font-size: 11px;
  font-weight: 700;
  padding: 8px 14px;
  line-height: 1.2;
  border-radius: 999px;
  background: rgba(139, 92, 246, 0.22);
  color: var(--sl-accent-soft);
  border: 1px solid rgba(139, 92, 246, 0.35);
  white-space: nowrap;
  flex-shrink: 0;
}

.sl-demo-ad--accent {
  background: linear-gradient(135deg, #1a1528 0%, #231a38 55%, #2a1f42 100%);
  border-color: rgba(212, 160, 23, 0.22);
}

.sl-demo-ad--accent .sl-demo-ad-badge {
  background: rgba(212, 160, 23, 0.16);
  color: var(--sl-gold-soft);
  border-color: rgba(212, 160, 23, 0.28);
}

.sl-demo-ad--accent .sl-demo-ad-cta {
  background: linear-gradient(135deg, var(--sl-gold) 0%, var(--sl-gold-soft) 100%);
  color: #1a1030;
  border-color: transparent;
}

.sl-demo-ad--mobile {
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  min-height: 56px;
  padding: 10px 12px;
}

.sl-demo-ad--mobile .sl-demo-ad-cta {
  margin-left: 0;
  margin-top: 4px;
}

@media (max-width: 860px) {
  .sl-demo-ad strong {
    font-size: 13px;
  }

  .sl-demo-ad span {
    font-size: 10px;
  }
}

/* Ad rows — full content + buttons visible */
body.sl-streamlumi-shell-active .sl-home-sponsored-row,
body.sl-streamlumi-shell-active .sl-front-tabs-ad-row {
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  padding: 12px 14px !important;
  gap: 12px !important;
  min-height: 88px !important;
  align-items: stretch !important;
}

body.sl-streamlumi-shell-active .sl-front-tabs-ad .sl-front-ad-pair,
body.sl-streamlumi-shell-active .sl-front-tabs-ad-row .sl-front-ad-pair,
body.sl-streamlumi-shell-active .sl-home-sponsored-row .sl-front-ad-pair {
  overflow: visible !important;
  align-items: stretch !important;
  min-height: 58px !important;
}

body.sl-streamlumi-shell-active .sl-home-sponsored-row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  margin: 12px 14px 18px !important;
  min-height: 88px !important;
}

body.sl-streamlumi-shell-active .sl-front-tabs-ad .sl-front-ad-unit,
body.sl-streamlumi-shell-active .sl-front-tabs-ad-row .sl-front-ad-unit,
body.sl-streamlumi-shell-active .sl-home-sponsored-row .sl-front-ad-unit {
  overflow: visible !important;
  border-radius: 0 !important;
  border: 0 !important;
  padding: 0 !important;
  min-height: 58px !important;
  height: auto !important;
  align-items: stretch !important;
}

body.sl-streamlumi-shell-active .sl-front-ad-unit .sl-demo-ad {
  min-height: 58px !important;
  height: 100% !important;
  padding: 12px 16px !important;
  align-items: center !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.28);
}

body.sl-streamlumi-shell-active .sl-demo-ad-cta {
  flex-shrink: 0 !important;
  align-self: center !important;
}

body.sl-streamlumi-shell-active .sl-front-shell {
  overflow: visible !important;
}

body.sl-streamlumi-shell-active .sl-front-mobile-ad-slot {
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  padding: 8px 12px 10px !important;
  min-height: 88px !important;
}

body.sl-streamlumi-shell-active .sl-front-mobile-ad-slot .sl-front-ad-pair,
body.sl-streamlumi-shell-active .sl-front-mobile-ad-slot .sl-front-ad-unit {
  overflow: visible !important;
  min-height: 72px !important;
  height: auto !important;
  max-height: none !important;
  border-radius: 0 !important;
  border: 0 !important;
  padding: 0 !important;
}

body.sl-streamlumi-shell-active .sl-front-mobile-ad-slot .sl-front-ad-unit .sl-demo-ad {
  min-height: 72px !important;
  height: auto !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.28);
}

/* Age verification gate */
.sl-age-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(5, 5, 8, 0.88);
  z-index: 100001;
  backdrop-filter: blur(12px);
}

.sl-age-card {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 100002;
  width: min(92vw, 440px);
  background: var(--sl-surface);
  border: 1px solid var(--sl-border);
  border-radius: 16px;
  color: var(--sl-text);
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.55);
  overflow: hidden;
  font-family: Inter, "Helvetica Neue", Roboto, Arial, sans-serif;
}

.sl-age-head {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 22px 22px 0;
}

.sl-age-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: rgba(139, 92, 246, 0.18);
  border: 1px solid rgba(139, 92, 246, 0.35);
  color: var(--sl-accent-soft);
  font-size: 15px;
  font-weight: 800;
  flex-shrink: 0;
}

.sl-age-head h2 {
  margin: 0;
  color: var(--sl-text);
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.sl-age-body {
  padding: 16px 22px 22px;
}

.sl-age-body p {
  margin: 0 0 10px;
  color: var(--sl-text-muted);
  font-size: 13px;
  line-height: 1.55;
}

.sl-age-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 14px 0 0;
  padding-top: 14px;
  border-top: 1px solid var(--sl-border-soft);
}

.sl-age-links a {
  color: var(--sl-accent-soft);
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}

.sl-age-links a:hover {
  color: var(--sl-text);
}

.sl-age-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.sl-age-actions button,
.sl-age-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex: 1 1 auto;
  min-width: 120px;
  padding: 11px 16px;
  border-radius: 10px;
  border: 1px solid var(--sl-border-soft);
  font-weight: 700;
  font-size: 13px;
  text-decoration: none;
  cursor: pointer;
}

.sl-age-enter {
  background: linear-gradient(135deg, var(--sl-accent-deep) 0%, var(--sl-accent) 100%);
  color: #fff;
  border-color: transparent !important;
}

.sl-age-enter:hover {
  filter: brightness(1.08);
}

.sl-age-leave {
  background: transparent;
  color: var(--sl-text-muted);
}

.sl-age-leave:hover {
  color: var(--sl-text);
  border-color: var(--sl-border);
}

@media (max-width: 640px) {
  .sl-age-actions > * {
    width: 100%;
    flex: 1 1 100%;
  }
}

/* Registration + legacy chrome overrides */
body.sl-streamlumi-shell-active {
  margin-top: 0 !important;
  background: var(--sl-bg) !important;
}

body.sl-streamlumi-shell-active .navbar-fixed,
body.sl-streamlumi-shell-active .pinkcs.desktopmenu,
body.sl-streamlumi-shell-active .topnav {
  display: none !important;
}

body.sl-streamlumi-shell-active .sl-front-shell {
  background: linear-gradient(135deg, #12081f 0%, #231452 42%, #1a1035 100%) !important;
}

body.sl-streamlumi-shell-active .sl-front-search {
  background: rgba(8, 6, 18, 0.55) !important;
  border-color: rgba(196, 181, 253, 0.28) !important;
}

body.sl-streamlumi-shell-active .sl-front-search input,
body.sl-streamlumi-shell-active .sl-front-search input::placeholder {
  color: #f9fafb !important;
}

body.sl-streamlumi-shell-active .sl-front-search button {
  background: linear-gradient(135deg, #facc15 0%, #f59e0b 100%) !important;
  color: #1f1147 !important;
}

body.sl-streamlumi-shell-active .sl-front-btn,
body.sl-streamlumi-shell-active .sl-front-btn:visited,
body.sl-streamlumi-shell-active button.sl-front-btn {
  background: transparent !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  color: #f3f4f6 !important;
}

body.sl-streamlumi-shell-active .sl-front-btn.primary,
body.sl-streamlumi-shell-active .sl-front-btn.primary:visited {
  background: linear-gradient(135deg, #facc15 0%, #f59e0b 100%) !important;
  border-color: #facc15 !important;
  color: #1f1147 !important;
}

body.sl-streamlumi-shell-active .sl-lang-switcher-trigger {
  background: rgba(14, 14, 20, 0.92) !important;
  border-color: rgba(167, 139, 250, 0.22) !important;
}

body.sl-streamlumi-shell-active .gt_container--hich1m,
body.sl-streamlumi-shell-active .gtranslate_wrapper:not(.sl-lang-gtranslate-hidden) {
  display: none !important;
}

/* Kill legacy green theme leaks sitewide */
body.sl-streamlumi-shell-active .sl-home-grid-title span,
body.sl-streamlumi-shell-active .sl-streamlumi-nav-sidebar-link small,
body.sl-streamlumi-shell-active .sl-streamlumi-nav-chip small {
  color: var(--sl-accent-soft) !important;
}

body.sl-streamlumi-shell-active .sl-model-status.online .status-dot,
body.sl-streamlumi-shell-active .sl-front-live-dot {
  background: var(--sl-accent-soft) !important;
  box-shadow: 0 0 0 4px rgba(139, 92, 246, 0.22) !important;
}

body.sl-streamlumi-shell-active .sl-conversion-close {
  background: rgba(20, 20, 28, 0.95) !important;
  border: 1px solid var(--sl-border-soft) !important;
  color: var(--sl-text-muted) !important;
}

body.sl-streamlumi-shell-active .sl-conversion-close:hover {
  color: var(--sl-text) !important;
  border-color: var(--sl-border) !important;
}

/* Token promo lane — full-width strip inside fixed header, offset from sidebar */
@media (min-width: 1200px) {
  body.sl-streamlumi-shell-active .sl-front-token-promo-lane {
    padding-left: calc(var(--sl-sidebar-lane) + var(--sl-content-gutter)) !important;
    padding-right: var(--sl-content-gutter) !important;
  }

  body.sl-streamlumi-shell-active .sl-discovery-age-banner {
    width: calc(100% - var(--sl-sidebar-lane)) !important;
    margin-left: var(--sl-sidebar-lane) !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 1199px) {
  body.sl-streamlumi-shell-active .sl-discovery-token-promo,
  body.sl-streamlumi-shell-active .sl-discovery-age-banner {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
  }
}

body.sl-streamlumi-shell-active .second-nv-active,
body.sl-streamlumi-shell-active .sidebar_filters a.collection-item.second-nv-active {
  background: rgba(139, 92, 246, 0.18) !important;
  color: #fff !important;
}

body.sl-streamlumi-shell-active .sl-sidebar-smart-filters .filter-chip.active {
  background: linear-gradient(135deg, var(--sl-gold) 0%, var(--sl-gold-soft) 100%) !important;
  color: #1a1030 !important;
  border-color: var(--sl-gold-soft) !important;
}

/* Header ad row — full button visibility */
body.sl-streamlumi-shell-active .sl-front-tabs-ad-row {
  min-height: 88px !important;
  padding: 12px 14px !important;
  align-items: stretch !important;
}

body.sl-streamlumi-shell-active .sl-front-tabs-ad-row .sl-front-ad-unit,
body.sl-streamlumi-shell-active .sl-home-sponsored-row .sl-front-ad-unit {
  min-height: 58px !important;
}

/* Override legacy front-shell fixed 40px ad carousel */
body.sl-streamlumi-shell-active .sl-front-tabs-ad-row > .sl-front-tabs-ad,
body.sl-streamlumi-shell-active .sl-front-tabs-ad-row > .sl-front-ad-pair,
body.sl-streamlumi-shell-active .sl-front-tabs-ad {
  height: auto !important;
  min-height: 58px !important;
  max-height: none !important;
  overflow: visible !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

body.sl-streamlumi-shell-active .sl-front-ad-pair {
  overflow: visible !important;
}

body.sl-streamlumi-shell-active .sl-front-tabs-ad .sl-front-ad-unit {
  position: relative !important;
  inset: auto !important;
  height: auto !important;
  min-height: 58px !important;
  padding: 0 !important;
  opacity: 1 !important;
  animation: none !important;
  overflow: visible !important;
}

@media (max-width: 860px) {
  body.sl-streamlumi-shell-active.sl-front-has-tabs:has(.sl-front-tabs-ad-row) {
    --sl-header-ads: 168px;
  }
}

/* Content spacing below header ads */
@media (min-width: 1200px) {
  body.sl-streamlumi-shell-active .thumbnail-grid {
    margin-top: 12px !important;
  }
}

body.sl-streamlumi-shell-active .thumbnail-grid > .sl-discovery-shell:first-child,
body.sl-streamlumi-shell-active .col-md-10 .sl-discovery-shell:first-child {
  margin-top: 18px !important;
}

body.sl-streamlumi-shell-active .sl-discovery-shell.sl-discovery-compact {
  position: relative;
  z-index: 5;
  overflow: visible !important;
  margin-top: 18px !important;
  margin-bottom: 16px !important;
  padding: 14px 16px !important;
  background: var(--sl-surface-2) !important;
  border: 1px solid var(--sl-border) !important;
  border-radius: 10px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28) !important;
  color: var(--sl-text) !important;
}

body.sl-streamlumi-shell-active .sl-discovery-compact-copy h2 {
  color: var(--sl-text) !important;
}

body.sl-streamlumi-shell-active .sl-discovery-compact-stat [data-counter-key="in_private_count"] {
  color: #d8b4fe;
}

body.sl-streamlumi-shell-active .sl-discovery-compact-stat {
  background: var(--sl-surface-3) !important;
  border-color: var(--sl-border-soft) !important;
  color: var(--sl-text) !important;
}

body.sl-streamlumi-shell-active .sl-discovery-compact-stat i {
  color: var(--sl-gold-soft) !important;
}

body.sl-streamlumi-shell-active .sl-discovery-compact-stat strong {
  color: #fff !important;
}

body.sl-streamlumi-shell-active .sl-home-sponsored-row {
  margin-top: 16px !important;
  margin-bottom: 20px !important;
}

body.sl-streamlumi-shell-active .sl-home-grid-title {
  margin-top: 8px !important;
  margin-bottom: 12px !important;
}

/* Sidebar — keep top menu items visible */
body.sl-streamlumi-shell-active .mobile-sidebar-class {
  scroll-padding-top: 14px;
}

body.sl-streamlumi-shell-active .sl-streamlumi-nav-sidebar {
  padding-top: 6px;
  padding-bottom: 24px;
}

body.sl-streamlumi-shell-active .sl-streamlumi-nav-sidebar-label {
  color: rgba(255, 255, 255, 0.45);
  margin-bottom: 4px;
}

/* Device badge on model cards */
.sl-model-chip.sl-model-device .sl-model-device-label {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.02em;
  margin-left: 2px;
}