body {
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  font-family: var(--Tokens-fonts-familly-font-text, sans-serif);
}

input {
  padding: 6px 40px 6px 12px;
  font-size: 14px;
  cursor: pointer;
  border-radius: var(--Tokens-radius-radius-md, 6px);
  border: 1px solid var(--Tokens-border-border-secondary, #d0d8e8);
  overflow: hidden;
  color: var(--Tokens-text-text-tertiary, #8f8f96);
  text-overflow: ellipsis;
  font-size: var(--Tokens-fonts-size-text-md, 13px);
  font-weight: var(--Tokens-fonts-weight-font-regular, 400);
}
.container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}
.box-ht,
.box-ttc {
  display: flex;
  flex: 1 1 250px;
  min-width: 250px;
  padding-top: 10px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 10px;
  background: var(--Tokens-surface-surface-primary, #fff);
  box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.25);
}

select {
  padding: 5px;
  font-size: 16px;
  border-radius: var(--Tokens-radius-radius-md, 6px);
  border: 1px solid var(--Tokens-border-border-secondary, #d0d8e8);
  overflow: hidden;
  color: var(--Tokens-text-text-tertiary, #8f8f96);
  text-overflow: ellipsis;
  font-size: var(--Tokens-fonts-size-text-md, 13px);
  font-weight: var(--Tokens-fonts-weight-font-regular, 400);
}
.title {
  display: flex;
  padding: var(--Tokens-spacing-spacing-sm, 6px) 22px;
  align-items: flex-start;
  align-self: stretch;
  color: var(--Tokens-border-border-focus, #0d2083);
  font-size: var(--Tokens-fonts-size-heading-xs, 16px);
  font-weight: 400;
}
.big-container {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
}
.bold {
  font-weight: 600;
}
.outside-input {
  display: flex;
  padding: 10px 22px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
.input-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
}
.label-container {
  display: flex;
  height: 36px;
  align-items: center;
  align-self: stretch;
  color: var(--Tokens-text-text-secondary, #606067);
  font-size: 13px;
  font-weight: var(--Tokens-fonts-weight-font-semibold, 600);
}
.input-container {
  display: flex;
  align-items: flex-start;
  gap: var(--Tokens-spacing-spacing-lg, 16px);
  align-self: stretch;
}
.dropdown-btn {
  display: flex;
  align-items: flex-start;
  gap: var(--Tokens-spacing-spacing-lg, 16px);
  align-self: stretch;
  width: 100%;
}
.outside-text {
  display: flex;
  padding: var(--Tokens-spacing-spacing-sm, 6px)
    var(--Tokens-spacing-spacing-2xl, 26px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--Tokens-spacing-spacing-none, 0);
  align-self: stretch;
  border-radius: 0 0 var(--Tokens-radius-radius-md, 6px)
    var(--Tokens-radius-radius-md, 6px);
  background: var(--Tokens-surface-surface-tertiary, #f0f2f8);
}
.part-result {
  display: flex;
  justify-content: space-between;
  align-items: cen;
  align-self: stretch;
}
.text {
  display: flex;
  padding: var(--Tokens-spacing-spacing-sm, 6px)
    var(--Tokens-spacing-spacing-md, 10px);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--Tokens-spacing-spacing-xs, 3px);
  flex: 1 0 0;
  color: var(--Tokens-text-text-secondary, #606067);
  font-size: 12px;
  font-weight: 600;
}
.prix {
  display: flex;
  width: 180px;
  padding: var(--Tokens-spacing-spacing-xs, 3px)
    var(--Tokens-spacing-spacing-md, 10px);
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: var(--Tokens-spacing-spacing-xs, 3px);
  color: var(--primitives-base-brand-brand-main-02, #0d2083);
  font-size: 14px;
  font-weight: var(--Tokens-fonts-weight-font-regular, 400);
  margin: 0px;
}

.text-tva-bis {
  display: flex;
  padding: 6px 10px;
  justify-content: flex-end;
  align-items: center;
  gap: var(--Tokens-spacing-spacing-sm, 6px);
  flex: 1 0 0;
  color: var(--primitives-base-brand-brand-main-02, #0d2083);
  font-size: 12px;
  font-weight: 600;
  margin: 0px;
}

.text-ttc {
  display: flex;
  padding: var(--Tokens-spacing-spacing-sm, 6px)
    var(--Tokens-spacing-spacing-md, 10px);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: var(--Tokens-spacing-spacing-xs, 3px);
  flex: 1 0 0;
  color: var(--Tokens-text-text-secondary, #606067);
  font-size: var(--Tokens-fonts-size-heading-xs, 16px);
  font-weight: var(--Tokens-fonts-weight-font-semibold, 600);
}
.prix-ttc {
  display: flex;

  padding: var(--Tokens-spacing-spacing-xs, 3px)
    var(--Tokens-spacing-spacing-md, 10px);
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: var(--Tokens-spacing-spacing-xs, 3px);
  color: var(--primitives-base-brand-brand-main-02, #0d2083);
  font-size: var(--Tokens-fonts-size-heading-sm, 18px);
  font-weight: var(--Tokens-fonts-weight-font-regular, 400);
  margin: 0px;
}

@media (max-width: 520px) {
  .big-container {
    flex-direction: column;
  }
}