:root { --speedi-red: #E81F4C; --speedi-blue: #17A1D7; --speedi-yellow: #FFE102; --speedi-green: #15A140; --speedi-orange: #F15326; --almost-black: #03262F; --solid-black: #000000; --solid-white: #FFFFFF; --speedi-grey: #919191; --recipe-grey: #757575; }

.almost-black, .almost-blackhover:hover { color: #03262F; }

.solid-black, .solid-blackhover:hover { color: #000000; }

.solid-white, .solid-whitehover:hover { color: #FFFFFF; }

.speedi-grey, .speedi-greyhover:hover { color: #919191; }

.recipe-grey, .recipe-greyhover:hover { color: #757575; }

.almost-blackbg, .almost-blackbghover:hover { background-color: #03262F; }

.solid-blackbg, .solid-blackbghover:hover { background-color: #000000; }

.solid-whitebg, .solid-whitebghover:hover { background-color: #FFFFFF; }

.speedi-greybg, .speedi-greybghover:hover { background-color: #919191; }

.recipe-greybg, .recipe-greybghover:hover { background-color: #757575; }

.almost-blackborder { border-color: #03262F; }

.solid-blackborder { border-color: #000000; }

.solid-whiteborder { border-color: #FFFFFF; }

.speedi-greyborder { border-color: #919191; }

.recipe-greyborder { border-color: #757575; }

.speedi-red, .speedi-redhover:hover { color: #E81F4C; }

.speedi-blue, .speedi-bluehover:hover { color: #17A1D7; }

.speedi-yellow, .speedi-yellowhover:hover { color: #FFE102; }

.speedi-green, .speedi-greenhover:hover { color: #15A140; }

.speedi-orange, .speedi-orangehover:hover { color: #F15326; }

.speedi-red-bg, .speedi-red-bghover:hover { background-color: #E81F4C; }

.speedi-blue-bg, .speedi-blue-bghover:hover { background-color: #17A1D7; }

.speedi-yellow-bg, .speedi-yellow-bghover:hover { background-color: #FFE102; }

.speedi-green-bg, .speedi-green-bghover:hover { background-color: #15A140; }

.speedi-orange-bg, .speedi-orange-bghover:hover { background-color: #F15326; }

form#recipe-builder .ingredient-title { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0; font-size: 1.875rem; text-align: center; line-height: initial; }
@media only screen and (max-width: 47.98em) { form#recipe-builder .ingredient-title { margin-top: 2.500rem; font-size: 1.750rem; } }
form#recipe-builder .ingredient-title span { margin: auto; padding-left: 0.750rem; padding-right: 0.750rem; }
form#recipe-builder .ingredient-subtitle { margin-top: 0.375rem; font-size: 1.250rem; font-weight: 400; text-transform: none; text-align: center; line-height: initial; }
form#recipe-builder .ingredient-picker { display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 100%; margin-left: -2.500rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-align: center; }
@media only screen and (max-width: 47.98em) { form#recipe-builder .ingredient-picker { margin-left: 0; } }
form#recipe-builder .ingredient-picker.margintop-2500 { margin-top: 2.500rem; }
form#recipe-builder .ingredient-picker .ingredient { position: relative; width: calc(16.6667% - 2.500rem); margin-left: 2.500rem; margin-bottom: 2.500rem; border-radius: 0.625rem; -webkit-box-shadow: 0 0.188rem 1.25rem 0 rgba(161, 164, 161, 0.31); box-shadow: 0 0.188rem 1.25rem 0 rgba(161, 164, 161, 0.31); overflow: hidden; }
@media only screen and (max-width: 47.98em) { form#recipe-builder .ingredient-picker .ingredient { width: calc(50% - 0.313rem); margin-left: 0; margin-bottom: 0.625rem; }
  form#recipe-builder .ingredient-picker .ingredient:nth-child(even) { margin-left: 0.625rem; } }
form#recipe-builder .ingredient-picker .ingredient.vegan::before { content: ''; position: absolute; top: 0; left: 0; width: 3.125rem; height: 2.875rem; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2250%22%20height%3D%2246%22%20viewBox%3D%220%200%2050%2046%22%20preserveAspectRatio%3D%22xMinYMin%20meet%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpath%20fill%3D%22%23017f00%22%20d%3D%22M0%200%20L50%200%200%2046%200%200%22%3E%3C%2Fpath%3E%3Cpath%20stroke%3D%22none%22%20fill%3D%22%23ffffff%22%20d%3D%22M23.15%207.15%20L24.05%207.05%2023.9%207.65%2023.65%209.2%20Q23.55%2011%2022.9%2011.75%2021.75%2013.2%2019.75%2013.5%20L19.05%2013.7%20Q18.25%2014.15%2017.1%2018.25%2016.6%2020.15%2016.25%2022.25%20L15.9%2024.45%20Q15.8%2024.9%2015.55%2024.95%20L15%2025%2014.4%2024.95%2014.2%2024.8%2013.75%2022.75%2012.8%2018.8%20Q11.65%2014.6%2010.55%2012.45%209.4%2010.2%207.3%207.75%206.7%207.25%207.4%207.5%208.45%207.85%209.85%209.3%2011.7%2011.3%2012.4%2012.95%2013.3%2015%2014.2%2018.5%20L14.95%2021%2015.8%2018.55%2016.9%2015.35%20Q17.85%2013.05%2018.8%2011.6%20L20.35%209.65%2019.9%209.7%2019.15%2010.1%20Q17.75%2011.2%2017.2%2012.6%20L17.05%2012.9%20Q16.85%2013.1%2016.85%2012.15%2016.85%2011.15%2017.35%2010.15%2017.85%209.1%2018.6%208.55%20L19.6%208%2021.2%207.6%2023.15%207.15%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; z-index: 1; }
form#recipe-builder .ingredient-picker .ingredient input.trigger { position: absolute; clip: rect(0, 0, 0, 0); width: auto; height: 1px; margin: 0; padding: 0; outline: none; border: 1px solid transparent; background-color: transparent; visibility: hidden; }
form#recipe-builder .ingredient-picker .ingredient .ingredient-label { display: block; height: 100%; margin: 0; padding: 0 0.625rem 0.625rem 0.625rem; background-color: #FFFFFF; border-radius: 0.625rem; border: 0.125rem solid transparent; cursor: pointer; overflow: hidden; }
form#recipe-builder .ingredient-picker .ingredient .ingredient-label.checkbox::before { content: ''; position: absolute; top: 0.625rem; right: 0.625rem; width: 1.500rem; height: 1.500rem; background-color: #FFFFFF; border: 0.125rem solid var(--almost-black); border-radius: 50%; }
form#recipe-builder .ingredient-picker .ingredient .ingredient-label .size-1 { font-size: 1rem; text-transform: none; color: var(--almost-black); font-weight: 400; }
form#recipe-builder .ingredient-picker .ingredient .ingredient-label .size-0875 { font-size: 0.875; font-weight: 400; text-transform: none; }
form#recipe-builder .ingredient-picker .ingredient .ingredient-label img.block { display: block; width: 100%; }
form#recipe-builder .ingredient-picker .ingredient input:checked + .ingredient-label { border-color: var(--almost-black); }
form#recipe-builder .ingredient-picker .ingredient input:checked + .ingredient-label.checkbox::before { background-color: var(--almost-black); background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2210%22%20viewBox%3D%220%200%2014%2010%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMinYMin%20meet%22%3E%3Cpath%20d%3D%22M5.755%209.071a.997.997%200%200%201-.707-.292L.806%204.536a1%201%200%201%201%201.413-1.415l3.535%203.535L12.119.293a1%201%200%201%201%201.415%201.414L6.462%208.78a.997.997%200%200%201-.707.292z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-position: 50% 55%; }
form#recipe-builder .ingredient-picker .ingredient input:disabled + .ingredient-label { opacity: 0.5; }
form#recipe-builder .error-container { position: fixed; top: 3rem; left: 50%; -webkit-transform: translateX(-50%) translateY(-10rem); transform: translateX(-50%) translateY(-10rem); -webkit-transition: all 0.5s cubic-bezier(0.17, 0.67, 0.49, 1.37); transition: all 0.5s cubic-bezier(0.17, 0.67, 0.49, 1.37); z-index: 2001; }
@media only screen and (max-width: 47.98em) { form#recipe-builder .error-container { width: 90%; } }
form#recipe-builder .error-container.showing { -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); }
form#recipe-builder .error-container .error { margin-bottom: 2rem; padding: 0.500rem 1rem; border: 0.125rem solid var(--speedi-red); border-radius: 0.500rem; -webkit-box-shadow: 0 0.25rem 1.125rem 0 rgba(161, 164, 161, 0.3); box-shadow: 0 0.25rem 1.125rem 0 rgba(161, 164, 161, 0.3); }
form#recipe-builder .generate-recipe { position: -webkit-sticky; position: sticky; bottom: 1.500rem; display: block; margin: auto; padding: 0.938rem 2.500rem 0.875rem 2.500rem; background-color: var(--almost-black); color: var(--solid-white); font-size: 1.250rem; border: none; border-radius: 1.625rem; font-weight: inherit; text-align: center; text-decoration: none; line-height: 1.313; -webkit-box-shadow: 0 0.188rem 0.625rem 0 rgba(26, 66, 76, 0.3); box-shadow: 0 0.188rem 0.625rem 0 rgba(26, 66, 76, 0.3); -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; cursor: pointer; overflow: hidden; z-index: 1; }
@media only screen and (max-width: 47.98em) { form#recipe-builder .generate-recipe { margin-top: 2rem; } }
form#recipe-builder .generate-recipe.popup { bottom: 8rem; }

.recipe-progress { position: -webkit-sticky; position: sticky; bottom: 0; margin-top: 2rem; text-align: center; padding: 1.500rem; -webkit-box-shadow: 0 0.188rem 1.125rem 0.25rem rgba(161, 164, 161, 0.31); box-shadow: 0 0.188rem 1.125rem 0.25rem rgba(161, 164, 161, 0.31); z-index: 1; }
.recipe-progress .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 71.250rem; margin: auto; padding: 0 5rem; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 0.875rem; }
@media only screen and (max-width: 47.98em) { .recipe-progress .wrapper { padding: 0; font-size: 0.750rem; } }
.recipe-progress .wrapper .recipe-step { width: 4.375rem; text-align: center; }
@media only screen and (max-width: 47.98em) { .recipe-progress .wrapper .recipe-step { width: 3.750rem; } }
.recipe-progress .wrapper .recipe-step-flag { display: block; width: 2.500rem; height: 2.500rem; margin: auto; text-align: center; line-height: 2.500rem; font-family: 'brevia', san-serif; font-size: 1rem; color: #000000; border-radius: 50%; border: 0.125rem solid #000000; background-color: #FFFFFF; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20preserveAspectRatio%3D%22xMinYMin%20meet%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M21.05%2023.65%20Q21.5%2023.75%2021.75%2024.15%2022.05%2024.5%2022.05%2025.3%20L21.8%2026.45%2021.15%2026.95%2020.15%2027.05%2019.2%2026.95%2018.45%2026.45%20Q18.2%2026.1%2018.2%2025.3%2018.15%2024.5%2018.4%2024.15%2018.65%2023.75%2019.1%2023.65%20L20.1%2023.5%2021.05%2023.65%20M20.35%2017.9%20L20.65%2016.95%2020.3%2016.15%20Q19.95%2015.85%2019.3%2015.85%20L18%2016.05%2017.05%2016.4%2016.7%2016.6%2016.5%2016.35%2016.2%2015.7%2016.05%2014.85%20Q16.05%2014.4%2016.4%2014.05%20L17.65%2013.35%2019.8%2013.05%20Q21.95%2013.05%2023.05%2013.9%2024.15%2014.75%2024.15%2016.3%2024.2%2017.2%2023.8%2017.9%20L22.85%2019.25%2021.95%2020.35%20Q21.55%2020.85%2021.55%2021.3%20L21.35%2021.4%2020.85%2021.6%2020.1%2021.7%2020.05%2021.7%2019.05%2021.35%20Q18.7%2021%2018.65%2020.55%2018.65%2020%2018.95%2019.55%20L19.65%2018.7%2020.35%2017.9%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); background-position: 50%; background-repeat: no-repeat; }
.recipe-progress .wrapper .recipe-step-flag.active { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2213%22%20viewBox%3D%220%200%2018%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMinYMin%20meet%22%3E%3Cpath%20d%3D%22M7.006%2012.095a1.33%201.33%200%200%201-.942-.39L.408%206.049a1.333%201.333%200%201%201%201.884-1.886l4.713%204.713L15.492.39a1.334%201.334%200%200%201%201.886%201.885l-9.429%209.43c-.25.25-.59.39-.943.389z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); }
.recipe-progress .wrapper .recipe-step span { word-wrap: anywhere; line-height: 1; letter-spacing: -0.05ch; }
.recipe-progress .wrapper .recipe-step.step-base .recipe-step-flag.active { background-color: var(--speedi-red); }
.recipe-progress .wrapper .recipe-step.step-protein .recipe-step-flag.active { background-color: var(--speedi-blue); }
.recipe-progress .wrapper .recipe-step.step-seasoning .recipe-step-flag.active { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2213%22%20viewBox%3D%220%200%2018%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMinYMin%20meet%22%3E%3Cpath%20d%3D%22M7.006%2012.095a1.33%201.33%200%200%201-.942-.39L.408%206.049a1.333%201.333%200%201%201%201.884-1.886l4.713%204.713L15.492.39a1.334%201.334%200%200%201%201.886%201.885l-9.429%209.43c-.25.25-.59.39-.943.389z%22%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); }
.recipe-progress .wrapper .recipe-step.step-vegetables .recipe-step-flag.active { background-color: var(--speedi-green); }
.recipe-progress .wrapper .recipe-step.step-toppings .recipe-step-flag.active { background-color: var(--speedi-orange); }

.recipe-title { margin-top: 2rem; font-weight: 700; color: var(--almost-black); line-height: initial; }

.my-recipe { min-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-left: -2.500rem; }
@media only screen and (max-width: 47.98em) { .my-recipe { margin-left: 0; } }
.my-recipe > .box-shadow { -webkit-box-shadow: 0 0.125rem 2.125rem 0 rgba(0, 0, 0, 0.07); box-shadow: 0 0.125rem 2.125rem 0 rgba(0, 0, 0, 0.07); }
.my-recipe .recipe-aside { width: calc(33.3333% - 2.500rem); margin-left: 2.500rem; padding: 1.250rem 1.750rem; border: 0.125rem solid var(--solid-black); }
@media only screen and (max-width: 47.98em) { .my-recipe .recipe-aside { width: 100%; margin-left: 0; margin-bottom: 2.500rem; } }
.my-recipe .recipe-aside .ingredients-list { list-style: none; margin: 0; padding: 0; }
@media print { .my-recipe .recipe-aside .ingredients-list { list-style: disc; } }
.my-recipe .recipe-aside .ingredients-list .ingredient-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 0; }
@media print { .my-recipe .recipe-aside .ingredients-list .ingredient-wrapper { display: list-item; padding-left: 0; } }
@media print { .my-recipe .recipe-aside .ingredients-list .ingredient-wrapper::before { content: none; } }
.my-recipe .recipe-aside .ingredients-list .ingredient-wrapper img { width: 5rem; height: auto; }
@media print { .my-recipe .recipe-aside .ingredients-list .ingredient-wrapper img { display: none; } }
.my-recipe .recipe-aside .ingredients-list .ingredient-wrapper .ingredient-desc { margin-left: 0.625rem; }
@media print { .my-recipe .recipe-aside .ingredients-list .ingredient-wrapper .ingredient-desc { margin-left: 0; } }
.my-recipe .recipe-aside .ingredients-list .ingredient-wrapper .ingredient-desc span { display: block; }
.my-recipe .recipe-instructions { width: calc(66.6667% - 2.500rem); margin-left: 2.500rem; }
@media only screen and (max-width: 47.98em) { .my-recipe .recipe-instructions { width: 100%; margin-left: 0; margin-bottom: 2.500rem; } }
.my-recipe .recipe-instructions .step-hint { padding: 0.875rem 1.125rem; border: 0.125rem solid #000000; }
.my-recipe .recipe-instructions .recipe-steps { padding: 1.250rem 1.750rem; border: 0.125rem solid var(--solid-black); }
.my-recipe .recipe-instructions .recipe-steps ol.steps { padding-left: 3.750rem; list-style: none; counter-reset: steps-counter; }
.my-recipe .recipe-instructions .recipe-steps ol.steps li { position: relative; margin: 1.875rem 0; padding-top: 0.500rem; counter-increment: steps-counter; }
.my-recipe .recipe-instructions .recipe-steps ol.steps li::before { content: counter(steps-counter); position: absolute; top: 0; left: -3.750rem; width: 2.500rem; height: 2.500rem; text-align: center; line-height: 2.500rem; font-family: 'brevia', san-serif; font-size: 1rem; color: #000000; border-radius: 50%; border: 0.125rem solid #000000; background-color: var(--speedi-yellow); }
.my-recipe .recipe-instructions .recipe-steps ol.steps li .step-hint { margin-top: 1.875rem; margin-left: -3.750rem; }
.my-recipe .more-recipes { margin-top: 2.500rem; padding: 1.250rem 1.750rem; border: 0.125rem solid var(--solid-black); text-align: center; }
@media print { .my-recipe .more-recipes { display: none; } }
.my-recipe .more-recipes a.button { background-color: var(--speedi-yellow); color: var(--solid-black); border: 0.125rem solid var(--solid-black); }
.my-recipe .more-recipes a.button:hover { background-color: var(--solid-black); color: var(--solid-white); }
.my-recipe .recipe-actions { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 2.500rem; margin-left: -2.500rem; margin-bottom: 5rem; }
@media print { .my-recipe .recipe-actions { display: none; } }
.my-recipe .recipe-actions .recipe-action { margin-left: 2.500rem; padding-left: 2.125rem; background-position: 0% 50%; background-repeat: no-repeat; color: var(--solid-black); }
.my-recipe .recipe-actions .recipe-action.new-recipe { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMinYMin%20meet%22%3E%3Cpath%20d%3D%22M10%2020C4.477%2020%200%2015.523%200%2010S4.477%200%2010%200s10%204.477%2010%2010-4.477%2010-10%2010zm0-2a8%208%200%201%200%200-16%208%208%200%200%200%200%2016zm1-7v4a1%201%200%200%201-2%200v-4H5a1%201%200%200%201%200-2h4V5a1%201%200%201%201%202%200v4h4a1%201%200%200%201%200%202h-4z%22%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); }
.my-recipe .recipe-actions .recipe-action.save { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMinYMin%20meet%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M0%200h22v22H0z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M4%202h11.22a2%202%200%200%201%201.345.52l2.78%202.527A2%202%200%200%201%2020%206.527V18a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2zm0%202v14h14V6.527L15.22%204H4zm4%208h6a2%202%200%200%201%202%202v4a2%202%200%200%201-2%202H8a2%202%200%200%201-2-2v-4a2%202%200%200%201%202-2zm0%202v4h6v-4H8zm7-9a1%201%200%200%201%201%201v3a1%201%200%200%201-2%200V6a1%201%200%200%201%201-1zM7%205h5a1%201%200%200%201%201%201v3a1%201%200%200%201-1%201H7a1%201%200%200%201-1-1V6a1%201%200%200%201%201-1zm1%203h3V7H8v1z%22%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
.my-recipe .recipe-actions .recipe-action.share { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2222%22%20height%3D%2220%22%20viewBox%3D%220%200%2022%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMinYMin%20meet%22%3E%3Cpath%20d%3D%22M17.074%206c1.18%200%202.135-.895%202.135-2%200-1.104-.956-2-2.135-2-1.178%200-2.134.896-2.134%202%200%201.105.956%202%202.134%202zM8.461%209.24a3.773%203.773%200%200%201-.028%201.645l5.378%202.537c1.386-1.54%203.778-1.873%205.582-.778%201.804%201.095%202.458%203.276%201.527%205.091-.931%201.815-3.158%202.699-5.197%202.061-2.039-.637-3.254-2.595-2.837-4.571l-5.432-2.562c-1.186%201.247-3.076%201.672-4.737%201.064C1.055%2013.12-.028%2011.608%200%209.937c.028-1.67%201.162-3.149%202.843-3.707%201.681-.558%203.555-.077%204.699%201.205l5.374-2.522c-.49-1.961.652-3.958%202.666-4.66%202.015-.704%204.272.106%205.27%201.89.998%201.784.425%203.985-1.337%205.138-1.763%201.153-4.165.897-5.608-.596L8.461%209.24zM4.269%2012c1.179%200%202.134-.895%202.134-2%200-1.104-.955-2-2.134-2-1.179%200-2.134.896-2.134%202%200%201.105.955%202%202.134%202zm12.805%206c1.18%200%202.135-.895%202.135-2%200-1.104-.956-2-2.135-2-1.178%200-2.134.896-2.134%202%200%201.105.956%202%202.134%202z%22%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); }
.my-recipe .recipe-actions .recipe-action.print { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2222%22%20height%3D%2220%22%20viewBox%3D%220%200%2022%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMinYMin%20meet%22%3E%3Cpath%20d%3D%22M17.074%2014h1.067c.59%200%201.067-.448%201.067-1V7c0-.552-.478-1-1.067-1H3.2c-.589%200-1.067.448-1.067%201v6c0%20.552.478%201%201.067%201h1.067V9h12.806v5zM4.268%204V0h12.806v4h1.067c1.768%200%203.201%201.343%203.201%203v6c0%201.657-1.433%203-3.201%203h-1.067v4H4.268v-4H3.201C1.433%2016%200%2014.657%200%2013V7c0-1.657%201.433-3%203.201-3h1.067zm2.135%2014h8.537v-7H6.403v7zm0-14h8.537V2H6.403v2z%22%20fill%3D%22%23000%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); }
.my-recipe .recipe-actions .recipe-dialog-aside { position: absolute; top: 50%; left: 2.500rem; display: none; width: calc(100% - 2.500rem); padding: 1.250rem; background-color: #FFFFFF; -webkit-box-shadow: 0 0.125rem 2.125rem 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0.125rem 2.125rem 0 rgba(0, 0, 0, 0.15); z-index: 1; }
.my-recipe .recipe-actions .recipe-dialog-aside .input-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; }
.my-recipe .recipe-actions .recipe-dialog-aside .input-wrapper input { display: block; width: 100%; padding: 0.750rem 1.250rem; background-color: #FFFFFF; border: 1px solid #E6E4E4; border-radius: 0; font-family: proxima-nova, Helvetica, Arial, san-serif; font-size: inherit; color: inherit; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; resize: none; -webkit-appearance: none; }
.my-recipe .recipe-actions .recipe-dialog-aside .input-wrapper input:disabled { opacity: 0.6; }
.my-recipe .recipe-actions .recipe-dialog-aside .input-wrapper button, .my-recipe .recipe-actions .recipe-dialog-aside .input-wrapper .copy-url { position: relative; padding: 0.938rem 2.500rem 0.875rem 2.500rem; border: none; border-radius: 0; font-family: proxima-nova, Helvetica, Arial, san-serif; font-weight: inherit; text-align: center; text-decoration: none; line-height: 1.313; -webkit-box-shadow: 0 0.188rem 0.625rem 0 rgba(26, 66, 76, 0.3); box-shadow: 0 0.188rem 0.625rem 0 rgba(26, 66, 76, 0.3); cursor: pointer; overflow: hidden; z-index: 1; -webkit-box-shadow: none; box-shadow: none; }
.my-recipe .recipe-actions .recipe-dialog-aside .input-wrapper button.copied, .my-recipe .recipe-actions .recipe-dialog-aside .input-wrapper .copy-url.copied { background-color: var(--speedi-blue); }
.my-recipe .recipe-actions .recipe-dialog-aside .input-wrapper button:disabled, .my-recipe .recipe-actions .recipe-dialog-aside .input-wrapper .copy-url:disabled { background-color: var(--almost-black); opacity: 0.6; }
.my-recipe .recipe-actions .recipe-dialog-aside .close { position: absolute; top: -2.500rem; right: 0; width: 1.625rem; height: 1.625rem; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%20preserveAspectRatio%3D%22xMinYMin%20meet%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cpath%20stroke%3D%22none%22%20fill%3D%22%23000000%22%20d%3D%22M25.7%203.1%20L15.85%2013%2025.75%2022.9%2022.9%2025.75%2013%2015.85%203.1%2025.7%200.25%2022.85%2010.15%2013%200.3%203.15%203.15%200.3%2013%2010.15%2022.85%200.25%2025.7%203.1%22%2F%3E%3C%2Fsvg%3E"); background-size: contain; background-repeat: none; text-indent: -999rem; overflow: hidden; }
.my-recipe .recipe-actions .recipe-dialog-aside .recipe-name-error { font-weight: 700; text-align: left; }
.my-recipe .recipe-actions .recipe-dialog-aside .recipe-name-error:not(:empty) { margin-top: 1rem; padding-left: 1rem; border-left: 0.125rem solid var(--speedi-red); }

.title-new-recipe.recipe-button { position: absolute; right: 0; padding: 0.625rem 1.250rem 0.625rem 2.750rem; font-weight: 600; color: var(--solid-black); background-position: 1.250rem 50%; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20preserveAspectRatio%3D%22xMinYMin%20meet%22%3E%3Cpath%20d%3D%22M7%2C7v4c0%2C0.553-0.447%2C1-1%2C1c-0.552%2C0-1-0.447-1-1V7H1C0.448%2C7%2C0%2C6.553%2C0%2C6c0-0.552%2C0.448-1%2C1-1h4V1c0-0.552%2C0.448-1%2C1-1%20c0.553%2C0%2C1%2C0.448%2C1%2C1v4h4c0.553%2C0%2C1%2C0.448%2C1%2C1c0%2C0.553-0.447%2C1-1%2C1H7z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E"); border: 0.125rem solid var(--almost-black); letter-spacing: normal; }
@media only screen and (max-width: 47.98em) { .title-new-recipe.recipe-button { position: relative; display: block; margin-top: 1.250rem; } }
@media print { .title-new-recipe.recipe-button { display: none; } }

.col-12 .title-new-recipe.recipe-button { margin-right: 0.938rem; }

.speedi-recipe-card.removing { opacity: 0.6; pointer-events: none; }
.speedi-recipe-card .btn { margin-bottom: 0.750rem; }
.speedi-recipe-card .speedi-delete-recipe { font-size: 0.875rem; color: #181818; text-decoration: underline; }

.recipe-button { position: relative; padding: 0.938rem 2.500rem 0.875rem 2.500rem; border-radius: 1.625rem; font-family: proxima-nova, Helvetica, Arial, san-serif; font-weight: inherit; font-size: 1rem; text-align: center; text-decoration: none; line-height: 1.313; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; overflow: hidden; }

@media print { #header, footer { display: none; } }
body.page-speedi-recipe-builder .marketing-subscribe { display: none; }

/*# sourceMappingURL=recipe-builder.css.map */