@charset "UTF-8";html{background:var(--color-white);scroll-behavior:smooth;color:var(--text-color-default);font-weight:400;font-size:100%;line-height:1.5;font-family:Montserrat,sans-serif}body{margin:0;min-width:360px}a,button,input{transition-duration:var(--transition-duration-250);transition-property:color,outline-offset;transition-timing-function:var(--transition-timing-function-default);outline-offset:0}a:focus,button:focus,input:focus{outline-color:var(--color-primary);outline-offset:4px}a{cursor:pointer;color:var(--color-primary);text-decoration:none}a:hover{color:#000;text-decoration:none}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-style:dotted}b,strong{font-weight:600}:not(pre)>code,:not(pre)>kbd,:not(pre)>samp{background:#f9f5f4;padding:2px 6px;color:#ed4b35;font-size:.875rem;font-family:Consolas,monaco,monospace;white-space:nowrap}em{color:#ed4b35}ins{background:#ffd;color:#4a4a4a;text-decoration:none}mark{background:#ffd;color:#4a4a4a}q{font-style:italic}small{font-size:80%}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}sup{top:-.5em}sub{bottom:-.25em}audio,canvas,iframe,img,svg,video{vertical-align:middle}canvas,img,video{box-sizing:border-box;max-width:100%;height:auto}@supports (display: block){svg{box-sizing:border-box;max-width:100%;height:auto}}svg:not(:root){overflow:hidden}img:not([src]){visibility:hidden;min-width:1px}iframe{border:0}p,ul,ol,dl,pre,address,fieldset,figure{margin:0 0 1.25rem}*+p,*+ul,*+ol,*+dl,*+pre,*+address,*+fieldset,*+figure{margin-top:1.25rem}h1,h2,h3,h4,h5,h6{margin:0 0 1.5rem;color:#000;font-weight:600;font-family:Montserrat,sans-serif;text-transform:none}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.875rem}h1{font-size:2.23125rem;line-height:1.2}h2{font-size:1.4875rem;line-height:1.4}h3{font-size:1.375rem;line-height:1.4}h4{font-size:1.125rem;line-height:1.4}h5{font-size:1rem;line-height:1.4}h6{font-size:.875rem;line-height:1.4}@media (--kocina-breakpoint-s-min){h1{font-size:2.625rem}h2{font-size:1.75rem}}ul,ol{padding-left:1.875rem}ul>li>ul,ul>li>ol,ol>li>ol,ol>li>ul{margin:0}dt{font-weight:700}dd{margin-left:0}hr{margin:0 0 1.25rem;border:0;border-top:1px solid #eaecf0;overflow:visible;text-align:inherit}*+hr{margin-top:1.25rem}address{font-style:normal}blockquote{margin:0 0 1.25rem;color:#333;font-style:italic;font-size:1.125rem;line-height:1.5}*+blockquote{margin-top:1.25rem}blockquote p:last-of-type{margin-bottom:0}blockquote footer{margin-top:.625em;color:#4a4a4a;font-size:.875rem;line-height:1.5}blockquote footer:before{content:"— "}pre{border:1px solid #eaecf0;border-radius:3px;background:var(--color-white);padding:.625em;overflow:auto;color:#4a4a4a;font:.875rem/1.5 Consolas,monaco,monospace;-moz-tab-size:4;-o-tab-size:4;tab-size:4}pre code{font-family:Consolas,monaco,monospace}::-moz-selection{background:var(--color-primary);color:var(--color-white);text-shadow:none}::selection{background:var(--color-primary);color:var(--color-white);text-shadow:none}details,main{display:block}summary{display:list-item}template{display:none}[x-cloak]{display:none!important}:root{--color-black: #000;--color-white: #fff;--color-gray: #787878;--color-gray-dark: #4a4a4a;--color-gray-light: #eaecf0;--color-primary: #eb4a36;--color-accent: rgb(249, 245, 244);--text-color-default: var(--color-gray-dark);--text-color-striked: #b0b0b0;--button-default-text-color: var(--color-gray-dark);--button-default-bg-color: var(--color-gray-light);--button-default-bg-color-hover: #b4b4b6;--button-primary-text-color: var(--color-white);--button-primary-bg-color: var(--color-primary);--button-primary-bg-color-hover: #e9351f;--button-outline-text-color: var(--color-primary);--button-outline-text-color-active: var(--color-white);--button-outline-text-color-disabled: var(--color-gray-dark);--transition-duration-250: .25s;--transition-duration-300: .3s;--transition-timing-enter: ease-in;--transition-timing-leave: ease-out;--transition-timing-hover: ease-in-out;--transition-timing-function-default: cubic-bezier(.4, 0, .2, 1);--content-max-width: calc(var(--kocina-breakpoint-xl) - 12rem);--kocina-breakpoint-s: 640px;--kocina-breakpoint-m: 768px;--kocina-breakpoint-l: 1024px;--kocina-breakpoint-xl: 1280px}.sr-only:not(:focus):not(:active){clip:rect(0 0 0 0);position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.overflow-hidden{overflow:hidden}.button{display:inline-block;transition-property:color,background-color,border-color,transform,outline-offset;border-radius:10rem;background-color:var(--button-default-bg-color);padding:.75rem 1.5rem;color:var(--button-default-text-color);font-size:.9rem}.button:hover:not(:disabled){background-color:var(--button-default-bg-color-hover);transform:scale(1.1)}.button:active:not(:disabled){transform:scale(1)}.button-primary{background-color:var(--button-primary-bg-color);color:var(--button-primary-text-color)}.button-primary:hover:not(:disabled){background-color:var(--button-primary-bg-color-hover);color:var(--button-primary-text-color)}.button-outline{background-color:transparent;border:1px solid currentColor;border-radius:50%;color:var(--button-outline-text-color);text-align:center;transition-property:background-color,border-color,color,opacity,outline-offset,transform;transition-duration:var(--transition-duration-250);transition-timing-function:var(--transition-timing-hover)}.button-outline:disabled{color:var(--button-outline-text-color-disabled);opacity:.7}.button-outline:hover:not(:disabled){background-color:var(--button-outline-text-color);border-color:var(--button-outline-text-color);color:var(--button-outline-text-color-active)}.button-outline:has(:checked){color:var(--button-outline-text-color-active);background-color:var(--button-outline-text-color);border-color:var(--button-outline-text-color)}.button-outline:has(:checked):hover{opacity:.8}.button-icon{width:2rem;padding:0;aspect-ratio:1;display:inline-flex;align-items:center;justify-content:center}.button-icon svg{width:1.25rem;aspect-ratio:1}.button-small{padding:.5rem 1rem;font-size:.75rem}.container{box-sizing:border-box;margin-right:auto;margin-left:auto;padding-right:1.5rem;padding-left:1.5rem;min-width:300px;max-width:var(--kocina-breakpoint-xl)}@media (min-width: 640px){.container{padding-right:2rem;padding-left:2rem}}@media (min-width: 768px){.container{padding-right:2.5rem;padding-left:2.5rem}}.container:before,.container:after{display:table;content:""}.container:after{clear:both}.container>:last-child{margin-bottom:0}.container .container{padding-right:0;padding-left:0}.footer{margin:2.5rem auto 1rem;color:var(--color-gray);font-size:.9rem}@media (min-width: 768px){.footer{display:flex;justify-content:space-between}}.footer-text{margin-bottom:1rem}@media (min-width: 768px){.footer-text{margin-bottom:0;flex-grow:1}}.hero{position:relative;border-radius:1.5rem;background-position:center;background-size:cover;padding:2rem;overflow:hidden}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0003 30%,#0000)}.hero-family{background-image:url(/build/assets/family-diner-DuaPUNz-.jpg)}.hero-wine{background-image:url(/build/assets/serving-wine-Cclos-uP.jpg)}.hero-wine-mirrored{background-image:url(/build/assets/serving-wine-mirrored-CEIW7Kl4.jpg)}.hero-plates{background-image:url(/build/assets/serving-plates-C9ma-HdJ.jpg)}.hero-plates-mirrored{background-image:url(/build/assets/serving-plates-mirrored-DBItDyUW.jpg)}.hero-title{font-family:Montserrat,sans-serif;font-size:2rem}@media (min-width: 640px){.hero-title{font-size:2.5rem}}.hero-title,.hero-text{position:relative;color:var(--color-white);text-shadow:1px 1px 2px #3d3d3d;text-wrap:balance}@media (max-width: 639px){.hero-text{display:none}}@media (min-width: 768px){.hero-title,.hero-text{width:60%}}body{margin-top:5.5rem}.navbar{position:absolute;top:0;z-index:100;transition-duration:.5s;transition-property:transform,box-shadow;transition-timing-function:ease-out;background-color:var(--color-white);padding-top:1.5rem;padding-bottom:1.5rem;width:100%;color:#4a4a4a}.navbar-floating,.navbar-search-open{box-shadow:0 .25rem .75rem #0000001a}.navbar .button{padding:.5rem 1rem;font-size:.75rem}.navbar-container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.navbar-container>*{flex:1 0 auto}.navbar-left{display:flex;align-items:center}.navbar-right{display:flex;justify-content:flex-end;margin-left:.5rem}.navbar-right>*+*{margin-left:.5rem}.navbar-title{color:var(--color-primary);font-weight:400;font-size:1.5625rem;font-family:Leckerli One,cursive;text-decoration:none}.navbar-menu-list{display:none;font-size:.75rem}@media (min-width: 768px){.navbar-menu-list{display:block}}.navbar-menu-list ul{display:flex;align-items:center;margin:0 0 0 5rem;padding:0;list-style:none}.navbar-menu-list li+li{margin-left:2rem}.navbar-menu-list a{color:var(--text-color-default)}.navbar-menu-list a:hover,.navbar-menu-list a.active{color:var(--color-primary)}.navbar-search-button{width:2rem;height:2rem}.navbar-search-button,.navbar-nav-button,.navbar-user-button{transition-property:color,outline-offset,transform;cursor:pointer;border:none;background-color:transparent}.navbar-search-button:hover,.navbar-nav-button:hover,.navbar-user-button:hover{transform:scale(1.2)}.navbar-nav-button{position:relative;z-index:110;width:2rem;height:2rem}@media (min-width: 768px){.navbar-nav-button{display:none}}.navbar-nav-button .bar{position:absolute;left:6px;border-radius:2px;background-color:currentColor;width:20px;height:1px}.navbar-nav-button *:first-child{top:10px;transition:background-color var(--transition-duration-250) var(--transition-timing-leave) var(--transition-duration-250),top var(--transition-duration-250) var(--transition-duration-300),transform var(--transition-duration-250)}.navbar-nav-button *:nth-child(2){top:16px;transition:background-color var(--transition-duration-250) var(--transition-timing-leave) var(--transition-duration-250)}.navbar-nav-button *:nth-child(3){top:22px;transition:background-color var(--transition-duration-250) var(--transition-timing-leave) var(--transition-duration-250),top var(--transition-duration-250) var(--transition-duration-300),transform var(--transition-duration-250)}.navbar-nav-button-active .bar{background-color:var(--color-gray)}.navbar-nav-button-active:hover .bar{background-color:var(--color-white)}.navbar-nav-button-active .bar:first-child{top:16px;transform:rotate(135deg);transition:background-color var(--transition-duration-250) var(--transition-timing-enter) var(--transition-duration-300),top var(--transition-duration-250),transform var(--transition-duration-250) var(--transition-duration-250)}.navbar-nav-button-active .bar:nth-child(2){transform:rotate(225deg);transition:background-color var(--transition-duration-250) var(--transition-timing-enter),top var(--transition-duration-250),transform var(--transition-duration-250) var(--transition-duration-250)}.navbar-nav-button-active .bar:nth-child(3){top:16px;transform:rotate(315deg);transition:background-color var(--transition-duration-250) var(--transition-timing-enter),top var(--transition-duration-250),transform var(--transition-duration-250) var(--transition-duration-250)}.navbar-user-button-group{display:none}@media (min-width: 768px){.navbar-user-button-group{display:flex;position:relative}}.navbar-user-menu{position:absolute;top:2.5rem;right:-1rem;box-shadow:#0000004d 0 .25rem .75rem;border-radius:.75rem;background-color:var(--color-white);padding:1rem 1.25rem;width:-moz-max-content;width:max-content;font-size:.85rem}.navbar-user-menu ul{margin:0;padding:0;list-style:none}.navbar-user-menu li+li{margin-top:.5rem}.navbar-user-menu a{color:var(--text-color-default)}.navbar-user-menu a:hover,.navbar-user-menu a.active{color:var(--color-primary)}.navbar-user-menu button{cursor:pointer;border:none;background:none;padding:0;color:var(--text-color-defaults);font-family:inherit}.navbar-user-menu button:hover{color:var(--color-primary)}.navbar-search-bar{margin-top:.5rem;width:100%}.navbar-search-bar .search-bar{margin:.5rem 0 0}.navbar-search-bar-close-button{border:none;background-color:transparent;padding:0 .75rem}.navbar-search-bar-close-button svg{transition:transform var(--transition-duration-250) var(--transition-timing-function-default)}.navbar-search-bar-close-button:hover{cursor:pointer}.navbar-search-bar-close-button:hover svg{transform:scale(1.4)}.navbar-menu-offcanvas{display:grid;position:fixed;top:0;right:-100px;align-content:space-between;z-index:100;background-color:var(--color-black);width:375px;height:100vh;overflow:scroll;font-size:1.375rem}@media (min-width: 768px){.navbar-menu-offcanvas{display:none}}.navbar-menu-offcanvas ul{margin:4.5rem 0 2rem;padding:0;width:275px;list-style:none;text-align:center}.navbar-menu-offcanvas li+li{margin-top:.75rem}.navbar-menu-offcanvas a{color:var(--color-gray);line-height:1.5}.navbar-menu-offcanvas a:hover,.navbar-menu-offcanvas a.active{color:var(--color-white)}.navbar-menu-offcanvas-user{margin-bottom:4.5rem;width:275px;font-size:1rem;text-align:center}.navbar-menu-offcanvas-user ul{margin:2rem 0 0}.navbar-menu-offcanvas-user button{border:none;background:none;padding:0;color:var(--color-gray);font-size:1rem;line-height:1.5;font-family:inherit}.navbar-menu-offcanvas-user .button-primary{padding:.5rem 1.25rem;color:var(--color-white);font-size:1rem}.navbar-menu-offcanvas-transition-enter{transition:right .4s cubic-bezier(.68,-.6,.32,1.6)}.navbar-menu-offcanvas-transition-enter-start,.navbar-menu-offcanvas-transition-leave-end{right:-375px}.navbar-menu-offcanvas-transition-leave{transition:right .4s cubic-bezier(.68,-.6,.32,1.6)}.navbar-menu-offcanvas-transition-enter-end,.navbar-menu-offcanvas-transition-leave-start{right:-100px}.navbar-menu-offcanvas-overlay{position:fixed;z-index:99;top:0;right:0;bottom:0;left:0;background-color:#0003;height:100vh}@media (min-width: 768px){.navbar-menu-offcanvas-overlay{display:none}}.navbar-menu-offcanvas-overlay-transition-enter{transition:opacity var(--transition-duration-300) var(--transition-timing-leave)}.navbar-menu-offcanvas-overlay-transition-enter-start,.navbar-menu-offcanvas-overlay-transition-leave-end{opacity:0}.navbar-menu-offcanvas-overlay-transition-leave{transition:opacity var(--transition-duration-300) var(--transition-timing-enter)}.navbar-menu-offcanvas-overlay-transition-enter-end,.navbar-menu-offcanvas-overlay-transition-leave-start{opacity:1}.navbar-menu-offcanvas-button{position:fixed;top:1.75rem;right:1.5rem;border:none;background-color:transparent;width:32px;height:32px}@media (min-width: 640px){.navbar-menu-offcanvas-button{right:2rem}}@media (min-width: 768px){.navbar-menu-offcanvas-button{right:2.5rem}}.page{margin:6rem auto 3rem}.pagination{display:flex;justify-content:center;align-items:stretch;gap:.25rem;margin:1rem 0;padding:0;color:var(--color-gray);list-style:none;overflow-x:auto}.pagination li{display:flex}.pagination li>*{display:flex;padding:.25rem .375rem}.pagination .active{color:var(--color-gray-dark);font-weight:500}@media (max-width: 639px){.pagination li:not(.mobile){display:none}}.recipe-page>*+*{margin-top:2rem}@media (min-width: 768px){.recipe-page>*+*{margin-top:3rem}}.recipe-content-container{max-width:var(--content-max-width)}.recipe-content-container>*+*{margin-top:1.5rem}@media (min-width: 640px){.recipe-content-container>*+*{margin-top:2rem}}@media (min-width: 768px){.recipe-content-container{margin-top:2.5rem;display:grid;grid-auto-flow:column;grid-template-rows:max-content 1fr;grid-template-columns:1fr 33%;gap:3rem}.recipe-content-container>*+*{margin-top:0}}@media (min-width: 1024px){.recipe-content-container{margin:3.5rem auto 0}}@media (min-width: 1280px){.recipe-content-container{max-width:var(--content-max-width);gap:4rem}}.recipe-cooking-setting{margin-right:auto;margin-left:auto;max-width:var(--content-max-width);background-color:var(--color-accent);border-radius:.5rem;padding:1.5rem;box-sizing:border-box}@media (min-width: 768px){.recipe-cooking-setting{margin-bottom:-1rem}}@media (min-width: 1024px){.recipe-cooking-setting{margin-bottom:-2rem}}.recipe-cooking-setting label{font-size:1.25rem;font-weight:600}.recipe-cooking-setting input[type=checkbox]{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-right:.5rem;width:2rem;border-radius:2rem}.recipe-cooking-setting input[type=checkbox]:before{margin-bottom:-5px;margin-right:.5rem;display:inline-block;border:1px solid var(--color-gray);border-radius:2rem;width:2rem;height:1.25rem;content:""}.recipe-cooking-setting input[type=checkbox]:after{position:absolute;top:.25rem;left:.3rem;content:"";display:inline-block;background-color:var(--color-gray);border-radius:50%;width:.875rem;height:.875rem}.recipe-cooking-setting input[type=checkbox]:before,.recipe-cooking-setting input[type=checkbox]:after{transition-property:background-color,border-color,left;transition-duration:var(--transition-duration-250);transition-timing-function:var(--transition-timing-function-default)}.recipe-cooking-setting input[type=checkbox]:checked:before{border-color:var(--color-primary)}.recipe-cooking-setting input[type=checkbox]:checked:after{background-color:var(--color-primary);left:.95rem}.recipe-cooking-setting p{margin-top:.5rem;margin-bottom:0;font-size:.875rem;color:var(--color-gray)}@media (min-width: 640px){.recipe-header:has(.recipe-image){display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}}@media (min-width: 768px){.recipe-header{gap:3rem}}@media (min-width: 1280px){.recipe-header{gap:4rem}}.recipe-header>*+*{margin-top:2rem}@media (min-width: 640px){.recipe-header>*+*{margin-top:0}}.recipe-header-body{align-self:center}@media (min-width: 640px){.recipe-header-body{padding:1rem 0;align-items:center}}.recipe-header-body>*+*{margin-top:2rem}.recipe-image{width:100%;height:100%;aspect-ratio:1;border-radius:1.25rem;-o-object-fit:cover;object-fit:cover}.recipe-title{text-wrap:balance}@media (max-width: 767px){.recipe-title{font-size:1.825rem}}.recipe-summary{text-wrap:pretty}.recipe-meta{display:flex;flex-wrap:wrap;row-gap:1.5rem;font-size:.875rem}.recipe-meta dl{margin:0;padding:0 1.5rem;text-align:center;width:50%;box-sizing:border-box}.recipe-meta dl:nth-last-child(n+3),.recipe-meta dl:nth-last-child(n+3)~dl{width:33.3333%}.recipe-meta dl:not(:first-child){border-left:1px solid var(--color-gray-light)}@media (min-width: 640px) and (max-width: 1023px){.recipe-header:has(.recipe-image) .recipe-meta dl{width:50%}.recipe-header:has(.recipe-image) .recipe-meta dl:nth-child(odd){border-left:none}}.recipe-meta dt .recipe-meta-icon{margin:0 auto;width:2.5rem}.recipe-author{margin-top:1.5rem;font-size:.875rem}.recipe-author,.recipe-management{width:100%}.recipe-ingredients-container{padding:1.5rem}@media (min-width: 640px){.recipe-ingredients-container{padding:2rem}}@media (max-width: 767px){.recipe-ingredients-container{background-color:var(--color-accent);width:100vw;position:relative;left:50%;transform:translate(-50%);box-sizing:border-box}}@media (min-width: 768px){.recipe-ingredients-container{padding:0;grid-column-start:2}}.recipe-ingredients-controls{display:flex;gap:.25rem;align-items:center}.recipe-ingredients-controls p{margin:0;width:8rem;text-align:center}.recipe-ingredients-list-container{position:relative}.recipe-ingredients{margin-top:1.5rem}.recipe-ingredients h3{margin-bottom:.25rem;font-size:1.125rem}.recipe-ingredients ul{list-style:none;padding:0;margin:0}.recipe-ingredients li{padding:.5rem 0;position:relative}.recipe-ingredients li+li{border-top:1px solid var(--color-gray-light)}.recipe-ingredient{background-image:linear-gradient(var(--text-color-striked) 0%,var(--text-color-striked) 100%);background-repeat:no-repeat;background-position:center left;background-size:0 1px;transition-property:background-size,color;transition-duration:var(--transition-duration-250);transition-timing-function:var(--transition-timing-hover);margin-left:-.15rem}.recipe-ingredient:before{content:"";display:inline-flex;margin-right:.5rem;margin-left:.15rem;width:.65rem;aspect-ratio:1;border-radius:3px;border:1px solid var(--text-color-default);transition-property:border;transition-duration:var(--transition-duration-250);transition-timing-function:var(--transition-timing-hover)}.recipe-ingredient.striked{background-size:100% 1px;color:var(--text-color-striked)}.recipe-ingredient.striked:before{border:1px solid var(--text-color-striked)}.recipe-ingredients-list-reset{position:absolute;top:0;right:0;z-index:1}@media (min-width: 768px){.recipe-instructions-container{grid-row:span 3/span 3}}.recipe-instructions>ol{counter-reset:listCounter;padding-left:3rem;list-style:none}.recipe-instructions>ol>li{counter-increment:listCounter;padding-top:2.5rem;position:relative;background-image:linear-gradient(var(--color-gray-light) 0%,var(--color-gray-light) 100%);background-repeat:no-repeat;background-position:top .7rem left;background-size:100% 1px;transition-property:color;transition-duration:var(--transition-duration-250);transition-timing-function:var(--transition-timing-hover)}.recipe-instructions>ol>li:has(:checked){color:var(--text-color-striked)}.recipe-instructions>ol>li:after{position:absolute;top:0;left:0;color:var(--color-primary);font-weight:500;text-transform:uppercase;width:-moz-fit-content;width:fit-content;background-color:var(--color-white);padding-right:1rem;content:var(--step-text, "Step") " " counter(listCounter)}.recipe-instructions>ol>li+li{margin-top:1.5rem}.recipe-instructions-step-checkbox{position:absolute;top:-.3rem;left:-3rem}@media (min-width: 768px){.recipe-tags-container{grid-row:span 2/span 2}}.recipe-tags-container ul{margin:0;padding:0;display:flex;flex-wrap:wrap;list-style:none;gap:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.recipe-tags-container li{padding:.5rem 1rem;background-color:var(--color-accent);border-radius:.25rem}.recipes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}@media (min-width: 640px){.recipes-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 768px){.recipes-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}}.recipes-page>*+*{margin-top:2rem}@media (min-width: 640px){.recipes-page>*+*{margin-top:3rem}}.recipes-title{margin:0;align-self:center;grid-column:1/-1}@media (min-width: 640px){.recipes-title{grid-column:1;order:-1}}.recipes-search{align-self:center;grid-column:1/3}@media (min-width: 640px){.recipes-search{grid-column:2/4;order:0}}@media (min-width: 768px){.recipes-search{grid-column:2/5}}.recipe-card{transition-property:color,outline-offset,transform}.recipe-card:hover{transform:scale(1.05)}.recipe-card-link{border-radius:.75rem}.recipe-card-link:focus{position:relative;z-index:1;outline-offset:6px}.recipe-card-media{border-radius:.75rem;background-color:#d2d2d2;overflow:hidden}.recipe-card-image,.recipe-card-image-placeholder{filter:brightness(.8);transition:filter var(--transition-duration-250) var(--transition-timing-function-default),transform var(--transition-duration-250) var(--transition-timing-function-default)}.recipe-card:hover .recipe-card-image,.recipe-card:hover .recipe-card-image-placeholder{transform:scale(1.1) rotate(2deg);filter:brightness(1)}.recipe-card-image-placeholder{color:#b4b4b4}.recipe-card:hover .recipe-card-image-placeholder{filter:brightness(.8)}.recipe-card-title{display:-webkit-box;transition:color var(--transition-duration-250) var(--transition-timing-function-default);margin:1rem 0 .25rem;max-width:400px;font-weight:500;font-size:.9rem;line-height:1.4;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-wrap:balance}@media (min-width: 768px){.recipe-card-title{font-size:1rem}}.recipe-card:hover .recipe-card-title{color:var(--color-primary)}.search>*+*{margin-top:2rem}@media (min-width: 640px){.search>*+*{margin-top:3rem}}.search-title{margin-bottom:.25rem}@media (max-width: 767px){.search-title{font-size:1.825rem}}.search-subtitle{margin-top:0;font-size:1.25rem}@media (min-width: 768px){.search-subtitle{font-size:1.5rem}}.search-subtitle em{font-weight:600;font-style:normal}.search-subtitle.no-results{margin-top:2rem}.search .search-bar-field{padding:1rem 0 1rem 1.5rem;font-size:1rem}.search .search-bar-submit-button{padding:.75rem 1rem}.search .search-bar-submit-button svg{width:1.5rem}.search-bar-form{display:flex}.search-bar-field{border:none;border-radius:6px 0 0 6px;background-color:#f9f5f4;padding:.75rem 0 .75rem 1rem;width:100%;scroll-margin-top:5rem;color:#4a4a4a;font-size:.9rem;font-family:inherit}.search-bar-field::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-bar-field:focus,.search-bar-clear-button:focus{position:relative}.search-bar-clear-button,.search-bar-submit-button{background-color:#f9f5f4}.search-bar-clear-button svg,.search-bar-submit-button svg{transition:transform var(--transition-duration-250) var(--transition-timing-function-default)}.search-bar-clear-button:hover,.search-bar-submit-button:hover{cursor:pointer}.search-bar-clear-button:hover svg,.search-bar-submit-button:hover svg{transform:scale(1.4)}.search-bar-clear-button,.search-bar-filter-button,.search-bar-submit-button{border:none;padding:.75rem}.search-bar-submit-button{border-radius:0 6px 6px 0}.search-bar-filter-button{border:none;border-radius:6px;background-color:transparent}