// WooCommerce Fee Field Styles
#repetito {
  #repetito_fee_field {
    border: 2px solid #1e1e1e;
    padding: 1rem;

    .woocommerce-input-wrapper:has(img) {
      display: grid;
      column-gap: 1.5rem;
      place-items: center start;
      grid-template-columns: minmax(0, 125px) minmax(0, 1fr);
    }

    label {
      margin-block-end: unset;
    }

    .inner {
      position: relative;
      display: grid;
      grid-template-rows: repeat(auto-fill, minmax(0, 1fr));
      grid-template-columns: minmax(0, 1fr);
    }

    .name {
      font-weight: 700;
      display: block;
    }

    label.checkbox {
      font-size: 1rem;
      display: flex;
      place-content: flex-start;
      place-items: flex-start;
      font-weight: 700;
      gap: 0.25rem;

      input {
        margin-block-start: 0.5rem;
      }
    }

    .desc {
      font-size: 14px;
      display: block;
    }

    .desc + a {
      margin-block: 0.75rem;
      font-size: 1.125rem;
      font-weight: 500;
      display: block;
      color: #68a521;
    }

    span.optional {
      display: none;
    }
  }
}