/*

section#checkout-form .wrapper form .content {

  display: flex;

  gap: 40px;

  padding-bottom: 40px;

}

section#checkout-form .container .woo-form {

  max-height: 300px;

  overflow: hidden;

  transition: max-height 500ms ease-out;

}

section#checkout-form .woocommerce-form-coupon-toggle {

  display: none;

}

section#checkout-form .container .woo-form .save {

  margin-top: 100px;

  text-decoration: underline;

}

section#checkout-form .container .woo-form .save:hover {

  cursor: pointer;

}

section#checkout-form .container.edit .woo-form {

  max-height: 1000px;

}

section#checkout-form .container .info {

  position: absolute;

  height: 100%;

  width: 100%;

  top: 0;

  left: 0;

  padding: 40px;

  display: flex;

  flex-direction: column;

  gap: 10px;

  background-color: white;

  transition: opacity 500ms ease-out;

  opacity: 1;

}

section#checkout-form .container .info > div {

  margin-top: auto;

  text-decoration: underline;

}

section#checkout-form .container .info > div:hover {

  cursor: pointer;

}

section#checkout-form .container.edit .info {

  opacity: 0;

  pointer-events: none;

}

section#checkout-form .col {

  display: flex;

  flex-direction: column;

  width: 100%;

  gap: 10px;

}

section#checkout-form .woocommerce form .form-row label {

  line-height: 1.2em;

  margin: 15px 0 5px 20px;

}

section#checkout-form .woocommerce form .billing h3 {

  display: none;

}

section#checkout-form .woocommerce form textarea,

section#checkout-form .woocommerce form .form-row span.selection > span > span,

section#checkout-form .woocommerce form .form-row input {

  padding: 8px 20px;

  border-radius: 50px;

  border: 1px solid var(--color-black);

  color: var(--color-black);

}

section#checkout-form .woocommerce form .form-row .select2-container {

  line-height: unset;

}

section#checkout-form .select2-container .select2-selection--single {

  height: fit-content;

  border: none;

}

section#checkout-form

  .woocommerce

  form

  .form-row

  span.selection

  > span

  > span.select2-selection__arrow {

  height: 35px;

  width: 35px;

  top: 5px;

  right: 5px;

  padding: 0;

  border: none;

}

section#checkout-form

  .select2-container--default

  .select2-selection--single

  .select2-selection__arrow

  b {

  border-width: 10px 8px 0 8px;

  margin-left: -8px;

  margin-top: -3px;

  border-color: var(--color-black) transparent transparent transparent;

}

section#checkout-form

  .select2-container--default.select2-container--open

  .select2-selection--single

  .select2-selection__arrow

  b {

  border-width: 0px 8px 10px 8px;

  margin-top: -5px;

  border-color: transparent transparent var(--color-black) transparent;

}



section#checkout-form select {

  background-color: red;

}

*/