.site-header.header-device-preview:not(.header-device-themed) {
  background: transparent !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.site-header.header-device-preview:not(.header-device-themed) .brand,
.site-header.header-device-preview:not(.header-device-themed) .desktop-nav,
.site-header.header-device-preview:not(.header-device-themed) .nav-v3-link {
  color: rgba(255, 255, 255, 0.8) !important;
}

.site-header.header-device-preview:not(.header-device-themed) .brand-text,
.site-header.header-device-preview:not(.header-device-themed) .desktop-nav,
.site-header.header-device-preview:not(.header-device-themed) .nav-v3-link,
.site-header.header-device-preview:not(.header-device-themed) .mobile-nav a:not(.button) {
  font-family: "Inter", sans-serif !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

.site-header.header-device-preview:not(.header-device-themed) .font-semibold.tracking-tight.text-ink {
  font-weight: 600 !important;
  letter-spacing: -0.025em !important;
  color: #ffffff !important;
}

.site-header.header-device-preview:not(.header-device-themed) .text-amber-strong {
  color: #f9a90a !important;
}

.site-header.header-device-preview:not(.header-device-themed) > .nav-v3-shell .brand .brand-mark,
.site-header.header-device-preview:not(.header-device-themed) > .nav-v3-shell .menu-toggle {
  background: rgba(255, 255, 255, 0.05) !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  box-shadow: none !important;
  color: #ffffff !important;
  border-radius: 12px !important;
}

.site-header.header-device-preview:not(.header-device-themed) > .nav-v3-shell .brand .brand-mark svg {
  stroke: currentColor !important;
}

.site-header.header-device-preview:not(.header-device-themed) .menu-toggle[aria-expanded="true"] {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
}

.site-header.header-device-preview:not(.header-device-themed) .btn-pill-ghost {
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: rgba(255, 255, 255, 0.75) !important;
}

.site-header.header-device-preview:not(.header-device-themed) .btn-pill-primary {
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.22) !important;
}

.site-header.header-device-preview:not(.header-device-themed) .mobile-nav {
  background: rgba(17, 24, 39, 0.94) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 40px rgba(8, 12, 21, 0.24) !important;
}

.site-header.header-device-preview:not(.header-device-themed) .mobile-nav a:not(.button) {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 14px !important;
  color: rgba(255, 255, 255, 0.78) !important;
}

.site-header.header-device-preview:not(.header-device-themed) .mobile-nav a:not(.button):hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
}

.site-header.header-device-preview:not(.header-device-themed) .mobile-nav .button-primary {
  background: #ffb126 !important;
  color: #1d1402 !important;
  border-color: transparent !important;
  box-shadow: 0 20px 50px rgba(255, 177, 38, 0.14) !important;
}

body:is(.theme-industrial, .theme-ops, .theme-poster) .site-header.header-device-preview:not(.header-device-themed) > .nav-v3-shell .brand .brand-mark,
body[data-theme="industrial"] .site-header.header-device-preview:not(.header-device-themed) > .nav-v3-shell .brand .brand-mark,
body[data-theme="ops"] .site-header.header-device-preview:not(.header-device-themed) > .nav-v3-shell .brand .brand-mark,
body[data-theme="poster"] .site-header.header-device-preview:not(.header-device-themed) > .nav-v3-shell .brand .brand-mark {
  background: rgba(255, 255, 255, 0.05) !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  border-width: 1px !important;
  box-shadow: none !important;
  color: #ffffff !important;
  border-radius: 12px !important;
}

body:is(.theme-industrial, .theme-ops, .theme-poster) .site-header.header-device-preview:not(.header-device-themed) .mobile-nav,
body[data-theme="industrial"] .site-header.header-device-preview:not(.header-device-themed) .mobile-nav,
body[data-theme="ops"] .site-header.header-device-preview:not(.header-device-themed) .mobile-nav,
body[data-theme="poster"] .site-header.header-device-preview:not(.header-device-themed) .mobile-nav {
  background: rgba(17, 24, 39, 0.94) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  border-width: 1px !important;
  border-radius: 20px !important;
  box-shadow: 0 18px 40px rgba(8, 12, 21, 0.24) !important;
}

body:is(.theme-industrial, .theme-ops, .theme-poster) .site-header.header-device-preview:not(.header-device-themed) .mobile-nav a:not(.button),
body[data-theme="industrial"] .site-header.header-device-preview:not(.header-device-themed) .mobile-nav a:not(.button),
body[data-theme="ops"] .site-header.header-device-preview:not(.header-device-themed) .mobile-nav a:not(.button),
body[data-theme="poster"] .site-header.header-device-preview:not(.header-device-themed) .mobile-nav a:not(.button) {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  border-width: 1px !important;
  border-radius: 14px !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-family: "Inter", sans-serif !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

body:is(.theme-industrial, .theme-ops, .theme-poster) .site-header.header-device-preview:not(.header-device-themed) .mobile-nav a:not(.button):hover,
body[data-theme="industrial"] .site-header.header-device-preview:not(.header-device-themed) .mobile-nav a:not(.button):hover,
body[data-theme="ops"] .site-header.header-device-preview:not(.header-device-themed) .mobile-nav a:not(.button):hover,
body[data-theme="poster"] .site-header.header-device-preview:not(.header-device-themed) .mobile-nav a:not(.button):hover {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  color: #ffffff !important;
}

body:is(.theme-industrial, .theme-ops, .theme-poster) .site-header.header-device-preview:not(.header-device-themed) .mobile-nav .button-primary,
body[data-theme="industrial"] .site-header.header-device-preview:not(.header-device-themed) .mobile-nav .button-primary,
body[data-theme="ops"] .site-header.header-device-preview:not(.header-device-themed) .mobile-nav .button-primary,
body[data-theme="poster"] .site-header.header-device-preview:not(.header-device-themed) .mobile-nav .button-primary {
  background: #ffb126 !important;
  color: #1d1402 !important;
  border-color: transparent !important;
  box-shadow: 0 20px 50px rgba(255, 177, 38, 0.14) !important;
}