body{
    background:var(--background);
    font-size: var(--body-large);
    margin: 0;
}
* , *:before, *:after{ 
    box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    -webkit-box-sizing:border-box; 
    -ms-box-sizing:border-box;
  }

/*
*** SEARCH
*/

input[type="search"]{
    background-color: var(--surface-container-high);
    font-size: var(--body-large);
    outline: 0;
    border-radius: 28px;
    border: 0;
    padding:16px 16px 16px 24px;
    margin-bottom: 8px;
    width: 100%;
    font-family: "Manrope-Medium", Arial, Helvetica, sans-serif !important;
    font-weight: 500; 
}
input[type="search"]::value{
    color: var(--on-surface);
}
input[type="search"]::placeholder{
    color: var(--on-surface-variant);
}

select{
    width: auto;
    display: inline-block;
    background-color:transparent;
    font-size: var(--body-medium);
    outline: 0;
    border: 0;
    margin-right: 4px;
    font-family: "Manrope-SemiBold", Arial, Helvetica, sans-serif;font-weight: 600;
}

.parameters{width: 100%;padding: 0 24px;}

#recipeDisplay{
    background-color: var(--surface-container-lowest);
    border-radius: 16px;
    margin-top: 24px;
    overflow: hidden;
}

#recipeDisplay a{
    width: 100%;
    display: block;
    padding: 16px 74px 16px 24px;
    color: var(--on-surface);
    text-decoration: none;
    border-top: 1px solid var(--outline-variant);
    margin-top:-1px;
    transition:var(--default-transition);
}
#recipeDisplay a:hover{background-color: var(--on-surface-opacity-0-08);transition:var(--default-transition);}
#recipeDisplay a:focus{background-color: var(--on-surface-opacity-0-12);transition:var(--default-transition);}

.btn-add-list{
    /* float: right; */
    /* margin-top:-54px; */
    color: var(--on-secondary);
    font-family: 'Manrope-SemiBold';
    transition:var(--default-transition);
    border: 0;
    background-color: transparent;
    font-size: var(--body-medium);
    padding: 18px 24px 16px 24px;
    cursor: pointer;
}
#recipeDisplay .btn-add-list:hover{background-color: var(--on-surface-opacity-0-08);transition:var(--default-transition);}
#recipeDisplay .btn-add-list:focus{background-color: var(--on-surface-opacity-0-12);transition:var(--default-transition);}


/*
*** RECIPE
*/

h1{
    margin: 16px 0 8px 0;
}

a.btn-txt{
    text-decoration: none;
    color: var(--on-secondary);
    font-family: 'Manrope-SemiBold';
    transition:var(--default-transition);
}
a.btn-txt:hover{text-decoration: underline;transition:var(--default-transition);}
a.btn-txt:focus{background:var(--primary-opacity-0-12);transition:var(--default-transition);}

.badges-section{
    display: block;
    margin-bottom: 16px;
}

.badge{
    display: inline-block;
    background-color: var(--secondary-container);
    color: var(--on-secondary);
    padding:6px 14px;
    border-radius: 8px;
    margin-right: 8px;
    margin-bottom: 8px;
    font-family: 'Manrope-SemiBold';
}

.recipeContent{
    background-color: var(--surface-container-lowest);
    border-radius: 16px;
    padding: 24px;
    overflow: hidden;
}