:root {
  --background: 150 11% 96%;
  --foreground: 211 28% 16%;
  --card: 0 0% 100%;
  --card-foreground: 211 28% 16%;
  --popover: 0 0% 100%;
  --popover-foreground: 211 28% 16%;
  --primary: 173 77% 26%;
  --primary-foreground: 0 0% 100%;
  --secondary: 210 22% 96%;
  --secondary-foreground: 211 24% 23%;
  --muted: 210 20% 95%;
  --muted-foreground: 213 14% 43%;
  --accent: 166 43% 92%;
  --accent-foreground: 173 77% 22%;
  --destructive: 0 72% 51%;
  --destructive-foreground: 0 0% 98%;
  --border: 207 21% 87%;
  --input: 208 22% 81%;
  --ring: 173 77% 26%;
  --radius: .375rem;
}

html[data-dcfdesk-product="lens"],
html[data-dcfdesk-product="lens"] body {
  min-width: 320px;
  background: #f5f7f6;
  color: #17212b;
  letter-spacing: 0;
}

html[data-dcfdesk-product="lens"] .grid-bg {
  background-color: #f5f7f6;
  background-image:
    linear-gradient(rgba(15, 118, 110, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15, 118, 110, .055) 1px, transparent 1px);
  background-size: 54px 54px;
}

html[data-dcfdesk-product="lens"] [class*="blur-[120px]"] {
  display: none !important;
}

html[data-dcfdesk-product="lens"] header.sticky {
  border-color: #1a2a40 !important;
  background: rgba(7, 17, 31, .98) !important;
  color: #f8fafc !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, .03);
}

html[data-dcfdesk-product="lens"] header.sticky > div {
  min-height: 72px !important;
  height: 72px !important;
  max-width: 1440px !important;
}

html[data-dcfdesk-product="lens"] header.sticky .text-muted-foreground {
  color: #a8b5c5 !important;
}

html[data-dcfdesk-product="lens"] header.sticky .text-primary,
html[data-dcfdesk-product="lens"] header.sticky .dcfdesk-account-link:hover {
  color: #99f6e4 !important;
}

html[data-dcfdesk-product="lens"] header.sticky .bg-accent {
  background: rgba(45, 212, 191, .13) !important;
}

html[data-dcfdesk-product="lens"] header.sticky .dcfdesk-account-link {
  border-color: rgba(255, 255, 255, .16) !important;
  background: rgba(255, 255, 255, .06);
  color: #e2e8f0 !important;
}

html[data-dcfdesk-product="lens"] header.sticky .dcfdesk-tier-badge {
  background: rgba(139, 228, 210, .14);
  color: #b8f3e7;
}

html[data-dcfdesk-product="lens"] main [class*="rounded-xl"],
html[data-dcfdesk-product="lens"] main [class*="rounded-2xl"],
html[data-dcfdesk-product="lens"] section [class*="rounded-xl"],
html[data-dcfdesk-product="lens"] section [class*="rounded-2xl"] {
  border-radius: 8px !important;
}

html[data-dcfdesk-product="lens"] .gold-text {
  background: none !important;
  color: #0f766e !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-dcfdesk-product="lens"] .text-\[\#8be4d2\],
html[data-dcfdesk-product="lens"] .text-\[\#73e4d4\] {
  color: #0f766e !important;
}

html[data-dcfdesk-product="lens"] header.sticky .text-\[\#8be4d2\],
html[data-dcfdesk-product="lens"] header.sticky .text-\[\#73e4d4\] {
  color: #99f6e4 !important;
}

html[data-dcfdesk-product="lens"] [class*="bg-gradient-to"] {
  background-image: none !important;
}

html[data-dcfdesk-product="lens"] [class*="from-[#8be4d2]"],
html[data-dcfdesk-product="lens"] [class*="from-[#73e4d4]"] {
  background-color: #8be4d2 !important;
  color: #07111f !important;
}

html[data-dcfdesk-product="lens"] [class*="from-[#f6d47c]"] {
  background-color: #e8b33d !important;
  color: #1a1407 !important;
}

html[data-dcfdesk-product="lens"] .card-glow {
  box-shadow: 0 12px 30px rgba(15, 118, 110, .1);
}

html[data-dcfdesk-product="lens"] footer {
  border-color: #1a2a40 !important;
  background: #07111f !important;
  color: #a8b5c5 !important;
}

.dcfdesk-product-switcher {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 4px;
  padding: 4px;
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 6px;
  background: rgba(255, 255, 255, .06);
}

.dcfdesk-product-link {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  border-radius: 4px;
  color: #a8b5c5;
  font-size: 13px;
  font-weight: 700;
  white-space: nowrap;
  transition: color .16s, background .16s;
}

.dcfdesk-product-link:hover {
  background: rgba(255, 255, 255, .09);
  color: #fff;
}

.dcfdesk-product-link[aria-current="page"] {
  background: #8be4d2;
  color: #07111f;
}

.dcfdesk-mobile-product-switcher {
  margin: 8px 12px 4px;
}

.dcfdesk-mobile-product-switcher .dcfdesk-product-link {
  flex: 1;
}

@media (max-width: 1080px) {
  .dcfdesk-desktop-product-switcher {
    display: none;
  }
}

@media (max-width: 767px) {
  html[data-dcfdesk-product="lens"] header.sticky > div {
    min-height: 64px !important;
    height: 64px !important;
  }

  html[data-dcfdesk-product="lens"] header nav.md\:hidden {
    border-color: #1a2a40 !important;
    background: #07111f;
  }
}