html[data-theme="light"] [data-bf-class-carousel] {
  background: linear-gradient(150deg, #f1f7fc 0%, #eaf3fa 52%, #e7f4f1 100%) !important;
  border: 1px solid rgba(74, 130, 151, 0.16) !important;
  box-shadow: 0 10px 28px rgba(41, 83, 106, 0.10) !important;
}

html[data-theme="light"] [data-bf-class-canvas] canvas {
  opacity: 0.14 !important;
  filter: saturate(0.4);
}

html[data-theme="light"] [data-bf-class-header] p:first-of-type {
  color: #1d405a !important;
}

html[data-theme="light"] [data-bf-class-header] p:nth-of-type(2) {
  color: #648696 !important;
}

html[data-theme="light"] [data-bf-class-header] svg {
  color: #5c8799 !important;
  stroke: #5c8799 !important;
}

html[data-theme="light"] [data-bf-class-shimmer] {
  display: none !important;
}

html[data-theme="light"] [data-bf-class-card] {
  background: linear-gradient(160deg, #f5f9fd 0%, #edf4f8 55%, #e8f4f1 100%) !important;
  border: 1px solid rgba(78, 133, 154, 0.17) !important;
  box-shadow: 0 8px 20px rgba(46, 88, 111, 0.10) !important;
}

html[data-theme="light"] [data-bf-class-visual] {
  background: #eaf2f6 !important;
}

html[data-theme="light"] [data-bf-class-visual] > div:first-child {
  background: radial-gradient(ellipse, rgba(65, 131, 151, 0.09) 0%, rgba(65, 131, 151, 0.035) 52%, transparent 76%) !important;
  animation: none !important;
}

html[data-theme="light"] [data-bf-class-visual] > div:nth-child(n + 2):nth-child(-n + 4) {
  border-color: rgba(65, 126, 149, 0.12) !important;
  animation: none !important;
}

html[data-theme="light"] [data-bf-class-visual] > span:last-child {
  color: #4f8193 !important;
  text-shadow: none !important;
  animation: none !important;
}

html[data-theme="light"] [data-bf-class-copy] {
  background: linear-gradient(180deg, #f0f6fa 0%, #e8f3f1 100%) !important;
}

html[data-theme="light"] [data-bf-class-copy] > div:first-child {
  color: #486d7e !important;
}

html[data-theme="light"] [data-bf-class-copy] > div:nth-child(2) {
  color: #547c8c !important;
  background: rgba(70, 130, 150, 0.07) !important;
  border-color: rgba(70, 130, 150, 0.15) !important;
  animation: none !important;
}

html[data-theme="light"] [data-bf-class-copy] > div:nth-child(3) {
  background: rgba(70, 130, 150, 0.06) !important;
  border-color: rgba(70, 130, 150, 0.16) !important;
}

html[data-theme="light"] [data-bf-class-copy] > div:nth-child(3) span {
  color: #547c8c !important;
}

html[data-theme="light"] [data-bf-class-copy] svg,
html[data-theme="light"] [data-bf-class-copy] svg * {
  stroke: #66899a !important;
}

html[data-theme="light"] [data-bf-class-controls] button {
  background: rgba(75, 125, 146, 0.10) !important;
}

html[data-theme="light"] [data-bf-class-controls] button svg {
  color: #5d7d8e !important;
  stroke: #5d7d8e !important;
}

html[data-theme="light"] [data-bf-class-controls] > div > div {
  background: #628f9e !important;
}

html[data-theme="light"] button[data-bf-class-action="requests"] {
  color: #4d8288 !important;
  background: linear-gradient(145deg, rgba(78, 137, 143, 0.09), rgba(245, 250, 249, 0.97)) !important;
  border: 1px solid rgba(77, 130, 136, 0.34) !important;
  box-shadow: 0 4px 14px rgba(35, 64, 84, 0.06) !important;
}

html[data-theme="light"] button[data-bf-class-action="rewards"] {
  color: #826f98 !important;
  background: linear-gradient(145deg, rgba(133, 111, 154, 0.09), rgba(249, 246, 251, 0.97)) !important;
  border: 1px solid rgba(130, 111, 152, 0.34) !important;
  box-shadow: 0 4px 14px rgba(35, 64, 84, 0.06) !important;
}

html[data-theme="light"] button[data-bf-class-action="requests"] > span:first-child {
  background: linear-gradient(145deg, rgba(78, 137, 143, 0.11), rgba(231, 243, 241, 0.92)) !important;
  border-color: rgba(77, 130, 136, 0.28) !important;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.7) !important;
}

html[data-theme="light"] button[data-bf-class-action="rewards"] > span:first-child {
  background: linear-gradient(145deg, rgba(133, 111, 154, 0.10), rgba(241, 234, 246, 0.93)) !important;
  border-color: rgba(130, 111, 152, 0.28) !important;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.7) !important;
}

html[data-theme="light"] button[data-bf-class-action] svg {
  filter: none !important;
}
