.servings-container.svelte-1ib8krc {
    display: flex;
    gap: 10px;
    align-items: center;
    height: 100%;
  }

  button.svelte-1ib8krc {
    padding: 0;
    margin: 0;
  }

  .card-header-data-top-row-servings.svelte-1ib8krc {
    display: inline;
    height: 100%;
    text-align: center;
    vertical-align: bottom;


    background-color: #FEFEFE;
    border-radius: 4px;
    border: 2px dashed #494921;
    padding: 0 5px;
    line-height: 0;
    font-size: 1.5em;
    width: 2.5em;
  }

  .serves-text.svelte-1ib8krc {
    display: flex;
    flex-direction: column;
    height: 100%;
    vertical-align: bottom;
    justify-content: end;
    font-size: 1.25em;
    color: #231312;

    font-family: "Copse", serif;
    font-weight: 400;
    font-style: normal;
  }

  .recipe-table.svelte-z9vp1f {
    grid-auto-flow: column;
    display: grid;
    border-color: black;
    color: rgb(30, 41, 59);
    font-size:  0.875rem;
    line-height: 1.25rem;
  }

  .svelte-recipe-table.svelte-z9vp1f {
    min-width: 500px;
    width: 100%;

  }


  .card-container.svelte-1hpc3oi {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 540px;
    padding: 20px;
    background-color: #FBFBFB;
    border-radius: 4px;
    gap: 20px;

    box-shadow: 2px 4px 8px 4px rgba(0,0,0,0.25);
  }

  .card-header.svelte-1hpc3oi {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 0;
    margin: 0;
    gap: 20px;
  }

  .card-header-image.svelte-1hpc3oi {
    display: flex;
    flex-direction: column;
    width: 100px;
    height: 111px;
    justify-content: center;
    align-items: center;
    background-color: #EBEBEB;
    box-shadow: 0px 1px 2px 2px rgba(0,0,0,0.3);
  }

  .card-header-image-here.svelte-1hpc3oi {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    border: 2px dashed #494921;
    border-radius: 16px;
  }
  .card-header-image-here.svelte-1hpc3oi img:where(.svelte-1hpc3oi) {
    width: 40px;
    height: 40px;
  }

  .card-header-data.svelte-1hpc3oi {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 10px;
  }

  /* Top row */
  .card-header-data-top-row.svelte-1hpc3oi {
    display: flex;
    flex: row;
    min-height: 40px;
    gap: 20px;
  }
  .card-header-data-top-row-title.svelte-1hpc3oi {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-grow: 1;
    background-color: #FEFEFE;
    border-radius: 4px;
    border: 2px dashed #494921;
    padding: 0 5px;
    line-height: 0;
    font-size: 1.875em;
    text-wrap:stable;
  }

  /* Second row - time*/
  .card-header-data-time-row.svelte-1hpc3oi {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    width: 100%;

  }

  .card-header-data-time-cell.svelte-1hpc3oi {
    display: flex;
    flex-direction: row;
    gap: 10px;
  }

  .card-header-data-time-cell-text.svelte-1hpc3oi {
    display: flex;
    flex-direction: column;
    height: 100%;
    vertical-align: bottom;
    justify-content: end;
    font-size: 1em;
    color: #231312;

    font-family: "Copse", serif;
    font-weight: 400;
    font-style: normal;
  }

  .card-header-data-time-cell-time.svelte-1hpc3oi {
    display: flex;
    flex-direction: row;
    align-items: end;
    flex: 1;
    border-bottom: 2px solid black;

    font-family: "Gaegu", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.5rem;
    padding-left: 10px;
    line-height: 1em;
  }

  #recipe-name.svelte-1hpc3oi {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-wrap: nowrap;
  }

  .recipe-table.svelte-1hpc3oi {
    grid-auto-flow: column;
    display: grid;
    border-color: black;
    color: rgb(30, 41, 59);
    line-height: 1.25rem;
  }

  .card-notes-container.svelte-1hpc3oi {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .card-note-line.svelte-1hpc3oi {
    font-family: "Gaegu", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.125rem;
    line-height: 1.25em;
    color: rgb(30, 41, 59);


    border-bottom: 2px  solid #101010;
  }

  .svelte-recipe-table.svelte-1hpc3oi {
    min-width: 500px;
    width: 100%;

    font-size: 1.125rem;
  }

  .card-source.svelte-1hpc3oi {
    font-size: 0.75rem;
    line-height: 0.75rem;
  }

  .card-source-label.svelte-1hpc3oi {
    font-family: "Copse", serif;
    font-weight: 400;
    font-style: normal;
  }

  .card-source-text.svelte-1hpc3oi {
    font-family: "Gaegu", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1rem;
    padding-left: 10px;
  }