@keyframes hMSxt72gKQG07WhXVBWZ {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes bl_HmnC2pwF6zqk4JsgR {
  0%, 100% { opacity: 0.5; transform: scale(1); filter: blur(18px); }
  50% { opacity: 1; transform: scale(1.06); filter: blur(24px); }
}

@keyframes gJdtiRfA2JLlANBdBBD8 {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes XL7YMgw2XkSXK8WyHZoh {
  from { opacity: 1; }
  to { opacity: 0; }
}

/* Dropdown entrance — scales up from the trigger, never from nothing.
   (emil-design-eng: enter with ease-out + opacity, scale from ~0.96, not 0.) */
@keyframes tsSp9CbkHkGS3dxgvLwV {
  from { opacity: 0; transform: scale(0.96); }
  to { opacity: 1; transform: scale(1); }
}

/* Dropdown exit — symmetric reverse so closing doesn't feel broken. */
@keyframes mSopoaQki91slpI_u21w {
  from { opacity: 1; transform: scale(1); }
  to { opacity: 0; transform: scale(0.96); }
}

/* The circles never move; the logos slide through them. The window shifts
   left (abc -> bcd), so the outgoing logo exits left and the incoming one
   arrives from the right. The chip's overflow:hidden masks both, so each logo
   is clipped by the circle as it passes — a slot-machine feel. The slight
   blur at each end blends the outgoing and incoming logos, so the overlap
   reads as one logo changing rather than two sliding past each other. */
@keyframes K52NCsYktMCozYfRfxMP {
  from { opacity: 0; transform: translateX(18px); filter: blur(2px); }
  60% { filter: blur(0.5px); }
  to { opacity: 1; transform: translateX(0); filter: blur(0); }
}

@keyframes XCW5XePv8EQKDsvK07b_ {
  from { opacity: 1; transform: translateX(0); filter: blur(0); }
  40% { filter: blur(0.5px); }
  to { opacity: 0; transform: translateX(-18px); filter: blur(2px); }
}

/* Character-limit warning — fade + tiny rise on appearance. */
@keyframes pqpAv6BUIQ3FRwc2Qi_0 {
  from { opacity: 0; transform: translateY(2px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes qgAbtoYhi_loduzX7fWL {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

.xLhNAacWH7rFed3yhGjf {
  position: relative;
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
}

.w6cPM1d5eXtPhqvTlxjp {
  position: relative;
}

.KpBzuQAwCtp0pmJHuQK8 {
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border-radius: 38px;
  background: linear-gradient(
    135deg,
    rgba(252, 181, 0, 0.25),
    rgba(245, 56, 120, 0.2),
    rgba(56, 106, 245, 0.25)
  );
  animation: bl_HmnC2pwF6zqk4JsgR 4s ease-in-out infinite;
  z-index: 0;
  pointer-events: none;
}

.EFzo4VNqH090pH8ngV9a {
  position: relative;
  width: 100%;
  padding: 3px;
  border-radius: 32px;
  box-sizing: border-box;
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  overflow: hidden;
  z-index: 1;
}

.EFzo4VNqH090pH8ngV9a::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: conic-gradient(
    transparent 0deg,
    transparent 10deg,
    rgba(252, 181, 0, 0.5) 40deg,
    rgba(245, 56, 120, 0.4) 60deg,
    transparent 100deg,
    transparent 190deg,
    rgba(56, 106, 245, 0.5) 220deg,
    rgba(245, 56, 120, 0.35) 240deg,
    transparent 280deg,
    transparent 360deg
  );
  animation: hMSxt72gKQG07WhXVBWZ 6s linear infinite;
  z-index: 0;
}

.EPIUZEOIGG01dDnOSlLw {
  position: relative;
  z-index: 1;
  background: #fff;
  border-radius: 29px;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 6px -1px,
              rgba(0, 0, 0, 0.04) 0px 12px 30px -2px;
  overflow: hidden;
}

.fVgNBFt9yKk9FiSWOcAA {
  padding: 20px;
}

.pO9zpr6jmrDT6K6Q0Gxj {
  position: relative;
}

._1s3CFqNkCdOGd54rY4q {
  display: block;
  width: 100%;
  min-height: 120px;
  padding: 8px;
  border: none;
  outline: none;
  background: transparent;
  color: rgb(3, 7, 18);
  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  resize: none;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}

.S2jB9xXdmgNxqZgd_3Ph {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 8px;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  color: #9ca3af;
  pointer-events: none;
  z-index: 0;
  animation: gJdtiRfA2JLlANBdBBD8 200ms cubic-bezier(0.32, 0.72, 0, 1) both;
}

.rGoUzDL8_oDZQsAvF75g {
  display: inline-block;
  width: 1.5px;
  height: 1em;
  background: #9ca3af;
  margin-left: 1px;
  vertical-align: text-bottom;
  animation: qgAbtoYhi_loduzX7fWL 0.8s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.qtjh57xVgmz5_9cgXWEH {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 8px;
}

.NrUI1qRqzMqRDohvMfcO {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

/* ── Data source picker ── */

.L9g1Oc9kcZPUXJwO63wb {
  position: relative;
  flex-shrink: 0;
}

/* Collapsed trigger — pill with a "+" circle, featured logos, and a "+N" count. */
/* Wrapper — holds the trigger button and the optional "clear" button. */
/* ── Trigger pill (matches Studio's "Connect" pill in Figma) ──
   32px tall, no border on the pill itself; the logos live in bordered
   white chips that overlap each other. */
.CWGwngsUKeUriZkQh6Qw {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 32px;
  padding-left: 4px;
  padding-right: 2px;
  border-radius: 20px;
  background: #fff;
  font-family: inherit;
  box-sizing: border-box;
  transition: background 200ms cubic-bezier(0.32, 0.72, 0, 1),
              transform 140ms cubic-bezier(0.32, 0.72, 0, 1);
}

@media (hover: hover) and (pointer: fine) {
  .CWGwngsUKeUriZkQh6Qw:hover {
    background: rgba(24, 32, 45, 0.05);
  }
}

/* Press feedback — the trigger acknowledges the click (emil-design-eng).
   Lives on the wrapper so pressing either button scales the whole pill. */
.CWGwngsUKeUriZkQh6Qw:active {
  transform: scale(0.98);
}

/* The trigger itself — visually transparent inside the pill. */
.hzbDeBn4U92HA9lpZ6mV {
  display: inline-flex;
  align-items: center;
  padding: 0;
  border: none;
  background: none;
  font-family: inherit;
  color: inherit;
  cursor: pointer;
}

/* "+" and its label sit tighter together than they do to the chips. */
.rwErmoG0UUTICtQRG6br {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

/* Ghost icon button — no fill, no border. */
.AQbO1oLsQrpo902lPL05 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  padding: 4px;
  border-radius: 99px;
  color: #555d6f;
  box-sizing: border-box;
}

.FyHqdAQ6jTLoyl5MDlYI {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #555d6f;
  white-space: nowrap;
}

/* Overlapping logo chips. isolation keeps the z-index stack local. */
.g6GV3mEOp62yXnse1bkg {
  display: inline-flex;
  align-items: center;
  isolation: isolate;
}

.CpgLeIFN3PgVM8Cxetbe {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
  border: 1px solid #dfe2e6;
  border-radius: 99px;
  background: #fff;
  box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  box-sizing: border-box;
}

/* Every chip but the last tucks under the one before it (static row only —
   the conveyor spaces its chips by transform instead). */
.g6GV3mEOp62yXnse1bkg .CpgLeIFN3PgVM8Cxetbe:not(:last-child) {
  margin-right: -6px;
}

.ICjRtas5u5j3Lk0Ez2pS {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  object-fit: contain;
}

/* The sliding pair: the arriving logo enters as the leaving one exits, both
   over the same beat so the circle never reads as empty.
   fill-mode `both` is deliberate: the stagger below delays slots 1 and 2, and
   without a backwards fill they would flash at full opacity during that delay.
   The reduced-motion block resets these to a visible resting state. */
.Ze46Q4s_1QM_9fwhxnA7 {
  animation: K52NCsYktMCozYfRfxMP 1500ms cubic-bezier(0.78, 0, 0.22, 1) both;
}

.sTr5M5Z_I8ED30fOIgKE {
  animation: XCW5XePv8EQKDsvK07b_ 1500ms cubic-bezier(0.78, 0, 0.22, 1) both;
}

@media (hover: hover) and (pointer: fine) {
}

/* Logo inside each dropdown row. */
.jV8e7FazMvvlZSCQw7qo {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  object-fit: contain;
}

.x77qLkRh3E8tocnzYl7Q {
  /* Fixed + JS-positioned from the trigger rect so it escapes the card's
     overflow:hidden. top/left/bottom/maxHeight are set inline at open time. */
  position: fixed;
  z-index: 2147483000;
  box-sizing: border-box;
  min-width: 240px;
  max-height: 320px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 6px;
  background: #fff;
  border: 1px solid #f3f4f6;
  border-radius: 16px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 6px 16px -4px,
              rgba(0, 0, 0, 0.06) 0px 2px 6px -1px;
  /* transform-origin is set inline (left top / left bottom) to match flip;
     the enter/exit animation lives on .dsMenuOpen / .dsMenuClosing. */
  scrollbar-width: thin;
  scrollbar-color: rgba(0, 0, 0, 0.18) transparent;
}

.kOYDyvc15wK1qsGB_UW0 {
  animation: tsSp9CbkHkGS3dxgvLwV 180ms cubic-bezier(0.32, 0.72, 0, 1) both;
}

.jzD_DjcUqeh9bnBnWaXi {
  animation: mSopoaQki91slpI_u21w 150ms cubic-bezier(0.32, 0.72, 0, 1) both;
  pointer-events: none;
}

.x77qLkRh3E8tocnzYl7Q::-webkit-scrollbar {
  width: 8px;
}

.x77qLkRh3E8tocnzYl7Q::-webkit-scrollbar-track {
  background: transparent;
}

.x77qLkRh3E8tocnzYl7Q::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.18);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}

.x77qLkRh3E8tocnzYl7Q::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.32);
  background-clip: padding-box;
}

.dFEPfzy_zEP16XC8nyN9 {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  box-sizing: border-box;
  padding: 8px 10px;
  border: none;
  border-radius: 10px;
  background: transparent;
  color: #374151;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
  cursor: pointer;
  transition: background 150ms cubic-bezier(0.32, 0.72, 0, 1);
}

@media (hover: hover) and (pointer: fine) {
  .dFEPfzy_zEP16XC8nyN9:hover {
    background: #f9fafb;
  }
}

/* Press feedback on selection (emil-design-eng). */
.dFEPfzy_zEP16XC8nyN9:active {
  background: #f3f4f6;
}

.vuWiozMR_q9PLYNGvG7g {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vhBsSexSPuKcew5nPHvL {
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 500;
  color: #9ca3af;
}

.fDcngDMUeRioTTmt3RU3 {
  cursor: default;
  opacity: 0.55;
}

.fDcngDMUeRioTTmt3RU3:hover {
  background: transparent;
}

.IYwFJrie5z_xWcRlSxJV {
  height: 1px;
  margin: 6px 8px;
  background: #f3f4f6;
}

.hbwezDaKJTNPkhnY29UT {
  padding: 4px 10px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 600;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #9ca3af;
}

.AOmbNvuJcjXIneNJYWyb {
  padding: 8px 10px 4px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 500;
  text-align: left;
  color: #9ca3af;
}

.SUSOaBoY26D7RNr9eDCs {
  font-size: 13px;
  font-weight: 500;
  color: #ef4444;
  white-space: nowrap;
  animation: pqpAv6BUIQ3FRwc2Qi_0 120ms cubic-bezier(0.32, 0.72, 0, 1) both;
}

.v4RQ6DFc0JaoZiUzejJK {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 10px 16px;
  border: 1.5px solid #1F2937;
  border-radius: 12px;
  background: linear-gradient(to bottom, #030712, #1F2937);
  color: #fff;
  font-family: inherit;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: opacity 200ms cubic-bezier(0.32, 0.72, 0, 1),
              transform 200ms cubic-bezier(0.32, 0.72, 0, 1);
  white-space: nowrap;
  flex-shrink: 0;
  will-change: transform;
}

@media (hover: hover) and (pointer: fine) {
  .v4RQ6DFc0JaoZiUzejJK:hover {
    opacity: 0.85;
  }
}

.v4RQ6DFc0JaoZiUzejJK:active {
  transform: scale(0.97);
}

.v4RQ6DFc0JaoZiUzejJK:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  transform: none;
}

.y5PBhLrfkpkgSfE95C3v {
  position: relative;
  z-index: 2;
  margin-bottom: 20px;
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.rdmckDJ0d38M4R7TCX3S {
  margin-bottom: 0;
  margin-top: 20px;
}

.DAvMhMjqB3fGk6a_mflc .RFzTtX3i2ET8cy3goWND {
  -webkit-mask-image: linear-gradient(to right, transparent, black 40px, black);
  mask-image: linear-gradient(to right, transparent, black 40px, black);
}

.rbYOvECDLHFeTL7NmXJA .RFzTtX3i2ET8cy3goWND {
  -webkit-mask-image: linear-gradient(to left, transparent, black 40px, black);
  mask-image: linear-gradient(to left, transparent, black 40px, black);
}

.DAvMhMjqB3fGk6a_mflc.rbYOvECDLHFeTL7NmXJA .RFzTtX3i2ET8cy3goWND {
  -webkit-mask-image: linear-gradient(to right, transparent, black 40px, black calc(100% - 40px), transparent);
  mask-image: linear-gradient(to right, transparent, black 40px, black calc(100% - 40px), transparent);
}

.ZKxeYEiIcWgxhVbZbgqZ {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 28px;
  height: 28px;
  border: 1px solid #e5e7eb;
  border-radius: 50%;
  background: #fff;
  color: #6b7280;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.06);
  opacity: 0;
  transition: opacity 200ms cubic-bezier(0.32, 0.72, 0, 1),
              background 150ms cubic-bezier(0.32, 0.72, 0, 1);
  pointer-events: none;
}

@media (hover: hover) and (pointer: fine) {
  .y5PBhLrfkpkgSfE95C3v:hover .ZKxeYEiIcWgxhVbZbgqZ {
    pointer-events: auto;
  }

  .y5PBhLrfkpkgSfE95C3v:hover .bpBFmkXsEvWuMmwqTK3j {
    opacity: 1;
  }

  .y5PBhLrfkpkgSfE95C3v:hover .tdwW64lNNyMJquyhA8tw {
    opacity: 1;
  }
}

@media (hover: hover) and (pointer: fine) {
  .ZKxeYEiIcWgxhVbZbgqZ:hover {
    background: #f9fafb;
  }
}

.n6zDtnPkk6iqy_0subyR {
  left: -14px;
}

.x3meAIkbwy01Sfc0MVm8 {
  right: -14px;
}

.RFzTtX3i2ET8cy3goWND {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  overflow-x: auto;
  overflow-y: visible;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding: 4px 0 12px;
  margin: -4px 0 -12px;
}

.WMf2KbnRRO3WLqdbuTuS {
  justify-content: center;
}

.RwckHN3I_u0sAyv_RF2s {
  justify-content: flex-start;
}

.ZYSZ13zaDf3eOnWeNLfQ {
  justify-content: flex-start;
}

.RFzTtX3i2ET8cy3goWND::-webkit-scrollbar {
  display: none;
}

.lDjWozwByV2jwCrooaBH {
  display: inline-flex;
  align-items: center;
  padding: 8px 16px;
  border: 1px solid #f3f4f6;
  border-radius: 999px;
  background: #ffffff;
  color: #6b7280;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: -0.01em;
  cursor: pointer;
  box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.06);
  transition: box-shadow 200ms cubic-bezier(0.32, 0.72, 0, 1),
              color 200ms cubic-bezier(0.32, 0.72, 0, 1),
              transform 200ms cubic-bezier(0.32, 0.72, 0, 1);
  white-space: nowrap;
  flex-shrink: 0;
  will-change: transform;
}

@media (hover: hover) and (pointer: fine) {
  .lDjWozwByV2jwCrooaBH:hover {
    box-shadow: 0px 6px 12px -2px rgba(0, 0, 0, 0.1);
    color: #374151;
  }
}

.lDjWozwByV2jwCrooaBH:active {
  transform: scale(0.97);
}

@media (max-width: 480px) {
  .EFzo4VNqH090pH8ngV9a {
    max-width: 100%;
    border-radius: 24px;
  }

  .EPIUZEOIGG01dDnOSlLw {
    border-radius: 20px;
  }

  .FyHqdAQ6jTLoyl5MDlYI {
    font-size: 13px;
  }
}

/* ── Dark theme ── */

.wXxfxiULxwu3yM1DtH7Y .KpBzuQAwCtp0pmJHuQK8 {
  background: linear-gradient(
    135deg,
    rgba(252, 181, 0, 0.35),
    rgba(245, 56, 120, 0.3),
    rgba(56, 106, 245, 0.35)
  );
}

.wXxfxiULxwu3yM1DtH7Y .EFzo4VNqH090pH8ngV9a::before {
  background: conic-gradient(
    transparent 0deg,
    transparent 10deg,
    rgba(252, 181, 0, 0.6) 40deg,
    rgba(245, 56, 120, 0.5) 60deg,
    transparent 100deg,
    transparent 190deg,
    rgba(56, 106, 245, 0.6) 220deg,
    rgba(245, 56, 120, 0.45) 240deg,
    transparent 280deg,
    transparent 360deg
  );
}

.wXxfxiULxwu3yM1DtH7Y .EPIUZEOIGG01dDnOSlLw {
  background: #111827;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 6px -1px,
              rgba(0, 0, 0, 0.2) 0px 12px 30px -2px;
}

.wXxfxiULxwu3yM1DtH7Y ._1s3CFqNkCdOGd54rY4q {
  color: #f9fafb;
}

.wXxfxiULxwu3yM1DtH7Y .S2jB9xXdmgNxqZgd_3Ph {
  color: #6b7280;
}

.wXxfxiULxwu3yM1DtH7Y .rGoUzDL8_oDZQsAvF75g {
  background: #6b7280;
}

.wXxfxiULxwu3yM1DtH7Y .v4RQ6DFc0JaoZiUzejJK {
  border-color: #e5e7eb;
  background: linear-gradient(to bottom, #f9fafb, #e5e7eb);
  color: #111827;
}

.wXxfxiULxwu3yM1DtH7Y .SUSOaBoY26D7RNr9eDCs {
  color: #f87171;
}

.wXxfxiULxwu3yM1DtH7Y .lDjWozwByV2jwCrooaBH {
  border-color: #374151;
  background: #1f2937;
  color: #9ca3af;
  box-shadow: 0px 4px 8px -2px rgba(0, 0, 0, 0.3);
}

@media (hover: hover) and (pointer: fine) {
  .wXxfxiULxwu3yM1DtH7Y .lDjWozwByV2jwCrooaBH:hover {
    box-shadow: 0px 6px 12px -2px rgba(0, 0, 0, 0.4);
    color: #e5e7eb;
  }
}

.wXxfxiULxwu3yM1DtH7Y .ZKxeYEiIcWgxhVbZbgqZ {
  border-color: #374151;
  background: #1f2937;
  color: #9ca3af;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

@media (hover: hover) and (pointer: fine) {
  .wXxfxiULxwu3yM1DtH7Y .ZKxeYEiIcWgxhVbZbgqZ:hover {
    background: #374151;
  }
}

.wXxfxiULxwu3yM1DtH7Y .CWGwngsUKeUriZkQh6Qw {
  background: #1f2937;
}

@media (hover: hover) and (pointer: fine) {
  .wXxfxiULxwu3yM1DtH7Y .CWGwngsUKeUriZkQh6Qw:hover {
    background: #374151;
  }
}

.wXxfxiULxwu3yM1DtH7Y .AQbO1oLsQrpo902lPL05 {
  color: #d1d5db;
}

.wXxfxiULxwu3yM1DtH7Y .FyHqdAQ6jTLoyl5MDlYI {
  color: #d1d5db;
}

.wXxfxiULxwu3yM1DtH7Y .CpgLeIFN3PgVM8Cxetbe {
  border-color: #4b5563;
  background: #111827;
  box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.4);
}

@media (hover: hover) and (pointer: fine) {
}

.wXxfxiULxwu3yM1DtH7Y .x77qLkRh3E8tocnzYl7Q {
  background: #1f2937;
  border-color: #374151;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 6px 16px -4px,
              rgba(0, 0, 0, 0.3) 0px 2px 6px -1px;
  scrollbar-color: rgba(255, 255, 255, 0.22) transparent;
}

.wXxfxiULxwu3yM1DtH7Y .x77qLkRh3E8tocnzYl7Q::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.22);
  border: 2px solid transparent;
  background-clip: padding-box;
}

.wXxfxiULxwu3yM1DtH7Y .x77qLkRh3E8tocnzYl7Q::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.35);
  background-clip: padding-box;
}

.wXxfxiULxwu3yM1DtH7Y .dFEPfzy_zEP16XC8nyN9 {
  color: #e5e7eb;
}

@media (hover: hover) and (pointer: fine) {
  .wXxfxiULxwu3yM1DtH7Y .dFEPfzy_zEP16XC8nyN9:hover {
    background: #374151;
  }
}

.wXxfxiULxwu3yM1DtH7Y .IYwFJrie5z_xWcRlSxJV {
  background: #374151;
}

.wXxfxiULxwu3yM1DtH7Y .hbwezDaKJTNPkhnY29UT,
.wXxfxiULxwu3yM1DtH7Y .AOmbNvuJcjXIneNJYWyb,
.wXxfxiULxwu3yM1DtH7Y .vhBsSexSPuKcew5nPHvL {
  color: #6b7280;
}

@media (prefers-reduced-motion: reduce) {
  .KpBzuQAwCtp0pmJHuQK8 {
    animation: none;
    opacity: 0.6;
  }

  .EFzo4VNqH090pH8ngV9a::before {
    animation: none;
  }

  .rGoUzDL8_oDZQsAvF75g {
    animation: none;
    opacity: 0.6;
  }

  .S2jB9xXdmgNxqZgd_3Ph {
    animation: none;
  }

  .v4RQ6DFc0JaoZiUzejJK,
  .lDjWozwByV2jwCrooaBH {
    transition: opacity 200ms cubic-bezier(0.32, 0.72, 0, 1);
  }

  .v4RQ6DFc0JaoZiUzejJK:active,
  .lDjWozwByV2jwCrooaBH:active {
    transform: none;
    opacity: 0.7;
  }

  /* Opacity-only enter/exit — no scale/translate — but still animate so the
     exit's animationEnd fires and the menu unmounts. */
  .kOYDyvc15wK1qsGB_UW0 {
    animation: gJdtiRfA2JLlANBdBBD8 100ms linear both;
  }

  .jzD_DjcUqeh9bnBnWaXi {
    animation: XL7YMgw2XkSXK8WyHZoh 100ms linear both;
  }

  .SUSOaBoY26D7RNr9eDCs {
    animation: gJdtiRfA2JLlANBdBBD8 100ms linear both;
  }

  .Ze46Q4s_1QM_9fwhxnA7 {
    animation: none;
  }

  .sTr5M5Z_I8ED30fOIgKE {
    display: none;
  }

  .CWGwngsUKeUriZkQh6Qw:active {
    transform: none;
    opacity: 0.85;
  }
}