.cc_ud0vift4_JcnV3wCVEF .cpn, .cc_ud0vift4_mC1elxJp3T .cpn { display: flex; flex-direction: column; gap: 6px; min-width: 0; }

/* ticket-like dashed outline, shared by the closed toggle, the open field and the applied chip */
.cc_ud0vift4_JcnV3wCVEF .cpn__toggle, .cc_ud0vift4_mC1elxJp3T .cpn__toggle, .cc_ud0vift4_JcnV3wCVEF .cpn__field, .cc_ud0vift4_mC1elxJp3T .cpn__field, .cc_ud0vift4_JcnV3wCVEF .cpn__chip, .cc_ud0vift4_mC1elxJp3T .cpn__chip {
  --cpn-line: color-mix(in srgb, var(--xzwz2GSx9S, #16181c) 28%, transparent);
  border: 1.5px dashed var(--cpn-line);
  border-radius: 999px;
}

.cc_ud0vift4_JcnV3wCVEF .cpn__toggle, .cc_ud0vift4_mC1elxJp3T .cpn__toggle {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 11px 18px;
  background: transparent;
  color: var(--xzwz2GSx9S, #16181c);
  font: inherit;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: border-color 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}

.cc_ud0vift4_JcnV3wCVEF .cpn__toggle svg:last-child, .cc_ud0vift4_mC1elxJp3T .cpn__toggle svg:last-child { transition: transform 0.45s cubic-bezier(0.32, 0.72, 0, 1); }

@media (hover: hover) {
  .cc_ud0vift4_JcnV3wCVEF .cpn__toggle:hover, .cc_ud0vift4_mC1elxJp3T .cpn__toggle:hover {
    --cpn-line: var(--eIjF7PvDc3, #3b5bff);
    background: color-mix(in srgb, var(--eIjF7PvDc3, #3b5bff) 7%, transparent);
    color: var(--eIjF7PvDc3, #3b5bff);
  }
  .cc_ud0vift4_JcnV3wCVEF .cpn__toggle:hover svg:last-child, .cc_ud0vift4_mC1elxJp3T .cpn__toggle:hover svg:last-child { transform: rotate(90deg); }
}

.cc_ud0vift4_JcnV3wCVEF .cpn__field, .cc_ud0vift4_mC1elxJp3T .cpn__field {
  display: flex;
  align-items: center;
  gap: 10px;
  width: min(380px, 100%);
  padding: 5px 5px 5px 18px;
  background: transparent;
  color: var(--9JwAa4B9AN, #6b7280);
  animation: cpn-open 0.45s cubic-bezier(0.22, 1, 0.36, 1) both;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

@keyframes cpn-open { from { opacity: 0; transform: translateX(-8px) scale(0.96); } to { opacity: 1; transform: none; } }

.cc_ud0vift4_JcnV3wCVEF .cpn__field:focus-within, .cc_ud0vift4_mC1elxJp3T .cpn__field:focus-within {
  --cpn-line: var(--eIjF7PvDc3, #3b5bff);
  color: var(--eIjF7PvDc3, #3b5bff);
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--eIjF7PvDc3, #3b5bff) 12%, transparent);
}

.cc_ud0vift4_JcnV3wCVEF .cpn__field.has-error, .cc_ud0vift4_mC1elxJp3T .cpn__field.has-error { --cpn-line: var(--8TuBuWt6Mu, #d33); color: var(--8TuBuWt6Mu, #d33); }

.cc_ud0vift4_JcnV3wCVEF .cpn__field svg, .cc_ud0vift4_mC1elxJp3T .cpn__field svg { flex: none; }

.cc_ud0vift4_JcnV3wCVEF .cpn__input, .cc_ud0vift4_mC1elxJp3T .cpn__input {
  flex: 1;
  min-width: 0;
  padding: 8px 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--xzwz2GSx9S, #16181c);
  font: inherit;
  font-size: 14px;
  font-weight: 500;
 
}

.cc_ud0vift4_JcnV3wCVEF .cpn__input::placeholder, .cc_ud0vift4_mC1elxJp3T .cpn__input::placeholder { color: var(--9JwAa4B9AN, #6b7280); font-weight: 400; text-transform: none; }

.cc_ud0vift4_JcnV3wCVEF .cpn__apply, .cc_ud0vift4_mC1elxJp3T .cpn__apply {
  flex: none;
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: var(--eIjF7PvDc3, #3b5bff);
  color: var(--ebXfETwy66, #fff);
  cursor: pointer;
  transition: opacity 0.25s ease, transform 0.35s cubic-bezier(0.32, 0.72, 0, 1);
}

.cc_ud0vift4_JcnV3wCVEF .cpn__apply:hover:not(:disabled), .cc_ud0vift4_mC1elxJp3T .cpn__apply:hover:not(:disabled) { transform: translateX(2px); }
.cc_ud0vift4_JcnV3wCVEF .cpn__apply:disabled, .cc_ud0vift4_mC1elxJp3T .cpn__apply:disabled { opacity: 0.3; cursor: default; }

.cc_ud0vift4_JcnV3wCVEF .cpn__error, .cc_ud0vift4_mC1elxJp3T .cpn__error { margin: 0; padding: 0 18px; font-size: 12.5px; color: var(--8TuBuWt6Mu, #d33); }

.cc_ud0vift4_JcnV3wCVEF .cpn__chip, .cc_ud0vift4_mC1elxJp3T .cpn__chip {
  --cpn-line: color-mix(in srgb, var(--eIjF7PvDc3, #3b5bff) 55%, transparent);
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 5px 5px 16px;
  background: color-mix(in srgb, var(--eIjF7PvDc3, #3b5bff) 8%, transparent);
  color: var(--eIjF7PvDc3, #3b5bff);
  font-size: 13px;
  font-weight: 500;
}

.cc_ud0vift4_JcnV3wCVEF .cpn__code, .cc_ud0vift4_mC1elxJp3T .cpn__code { }

.cc_ud0vift4_JcnV3wCVEF .cpn__x, .cc_ud0vift4_mC1elxJp3T .cpn__x {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: inherit;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.cc_ud0vift4_JcnV3wCVEF .cpn__x:hover:not(:disabled), .cc_ud0vift4_mC1elxJp3T .cpn__x:hover:not(:disabled) { background: color-mix(in srgb, var(--eIjF7PvDc3, #3b5bff) 18%, transparent); }
.cc_ud0vift4_JcnV3wCVEF .cpn__x:disabled, .cc_ud0vift4_mC1elxJp3T .cpn__x:disabled { opacity: 0.4; cursor: default; }

.cc_ud0vift4_JcnV3wCVEF .cpn__toggle:focus-visible, .cc_ud0vift4_mC1elxJp3T .cpn__toggle:focus-visible, .cc_ud0vift4_JcnV3wCVEF .cpn__apply:focus-visible, .cc_ud0vift4_mC1elxJp3T .cpn__apply:focus-visible, .cc_ud0vift4_JcnV3wCVEF .cpn__x:focus-visible, .cc_ud0vift4_mC1elxJp3T .cpn__x:focus-visible { outline: 2px solid var(--eIjF7PvDc3, #3b5bff); outline-offset: 2px; }

@media (prefers-reduced-motion: reduce) { .cc_ud0vift4_JcnV3wCVEF .cpn__field, .cc_ud0vift4_mC1elxJp3T .cpn__field { animation: none; } }

.cc_ud0vift4_JcnV3wCVEF .fsb, .cc_ud0vift4_mC1elxJp3T .fsb {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cc_ud0vift4_JcnV3wCVEF .fsb__text, .cc_ud0vift4_mC1elxJp3T .fsb__text {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
  color: var(--xzwz2GSx9S, #16181c);
  font-variant-numeric: tabular-nums;
}

.cc_ud0vift4_JcnV3wCVEF .fsb__track, .cc_ud0vift4_mC1elxJp3T .fsb__track {
  height: 4px;
  border-radius: 999px;
  overflow: hidden;
  background: color-mix(in srgb, var(--eIjF7PvDc3, #3b5bff) 14%, transparent);
}

.cc_ud0vift4_JcnV3wCVEF .fsb__fill, .cc_ud0vift4_mC1elxJp3T .fsb__fill {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--eIjF7PvDc3, #3b5bff);
  transition: width 0.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.cc_ud0vift4_JcnV3wCVEF .fsb.is-unlocked .fsb__text, .cc_ud0vift4_mC1elxJp3T .fsb.is-unlocked .fsb__text {
  font-weight: 600;
}

@media (prefers-reduced-motion: reduce) {
  .cc_ud0vift4_JcnV3wCVEF .fsb__fill, .cc_ud0vift4_mC1elxJp3T .fsb__fill {
    transition: none;
  }
}