@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/kalam-latin-400-normal-BthBl_aR.woff2)format("woff2"),url(/assets/kalam-latin-400-normal-Bl-H2BUA.woff)format("woff")}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/kalam-latin-ext-400-normal-DtcdGa4L.woff2)format("woff2"),url(/assets/kalam-latin-ext-400-normal-AcQmRO9z.woff)format("woff")}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/kalam-latin-700-normal-D2H-9ISU.woff2)format("woff2"),url(/assets/kalam-latin-700-normal-7TSuSrjP.woff)format("woff")}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/kalam-latin-ext-700-normal-CwgfRD_T.woff2)format("woff2"),url(/assets/kalam-latin-ext-700-normal-BA-KJHgr.woff)format("woff")}:root{--primary-bg:#faf8f8;--secondary-bg:#fbfbf8;--modal-bg:#f1f1f0;--text-color:#000;--accent-color:#c03939;--button-border:#4e4d4d;--button-hover-bg:#e9e8e8;--ingredient-hover:#4b4d3a;--error-color:red;--font-family:"Kalam", cursive;--font-size-tiny:.75rem;--font-size-small:.875rem;--font-size-base:1rem;--font-size-large:1.5rem;--font-size-title:4rem;--font-size-modal-close:1.375rem;--spacing-xss:.25rem;--spacing-xs:.375rem;--spacing-sm:.5rem;--spacing-md:.625rem;--spacing-lg:1rem;--spacing-xl:1.25rem;--spacing-xxl:1.5rem;--border-radius-sm:.25rem;--border-radius-md:.375rem;--border-radius-lg:.5rem;--border-radius-xl:.625rem;--border-width:.125rem;--border-thin:.0625rem;--recipe-size:20rem;--common-transition:.2s ease}*{box-sizing:border-box}body{background-color:var(--primary-bg);font-family:var(--font-family);flex-direction:column;justify-content:center;align-items:center;margin:0;display:flex}.sr-only{clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:.0625rem!important;height:.0625rem!important;margin:-.0625rem!important;padding:0!important;position:absolute!important;overflow:hidden!important}.recipes-app{max-width:70rem}.app-header{text-align:center;position:relative}.app-header-title{font-size:var(--font-size-title);margin:var(--spacing-lg) 0 var(--spacing-lg);font-weight:700}.app-header-search-section{flex-wrap:wrap;justify-content:center;display:flex}.app-header-search-section>*{margin-inline:var(--spacing-xss);margin-bottom:var(--spacing-sm)}.search-input{background-color:var(--secondary-bg);width:var(--recipe-size);font-family:inherit;font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);border:var(--border-width) solid var(--text-color);border-radius:var(--border-radius-lg);outline:none}.btn{background-color:var(--secondary-bg);cursor:pointer;border:var(--border-width) solid var(--text-color);border-radius:var(--border-radius-md);transition:color var(--common-transition), border-color var(--common-transition), transform .1s ease;outline:none;font-family:inherit;font-weight:700}.btn:hover{color:var(--accent-color);border-color:var(--accent-color)}.btn:active{transform:scale(.98)}.btn-primary{font-size:var(--font-size-base);padding:var(--spacing-sm)}.btn-primary-icon{font-size:var(--font-size-small);margin-left:var(--spacing-xs)}.btn-submit{font-size:var(--font-size-base);border:var(--border-width) solid var(--button-border);border-radius:var(--border-radius-sm);padding:var(--spacing-sm) 0;margin:var(--spacing-xss) 0;transition:background-color var(--common-transition), transform .1s ease}.btn-submit:hover{background-color:var(--button-hover-bg);color:initial;border-color:var(--button-border)}.tags{flex-wrap:wrap;justify-content:center;display:flex}.tag{padding-inline:var(--spacing-sm);margin-inline:var(--spacing-xss);cursor:pointer;border:var(--border-width) solid var(--text-color);border-radius:var(--border-radius-xl);margin-bottom:var(--spacing-xss);transition:color var(--common-transition), border-color var(--common-transition)}.tag:hover{color:var(--accent-color);border-color:var(--accent-color)}.tag-selected{background-color:var(--text-color);color:#fff}.tag-selected:hover{color:var(--accent-color);border-color:var(--accent-color)}.recipes{padding:var(--spacing-xl);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.recipe-card{cursor:pointer;margin:var(--spacing-md);border:var(--border-width) solid var(--text-color);border-radius:var(--border-radius-xl);padding:0 var(--spacing-lg);height:var(--recipe-size);width:var(--recipe-size);transition:color var(--common-transition), border-color var(--common-transition);position:relative;overflow:hidden}.recipe-card:hover{color:var(--accent-color);border-color:var(--accent-color)}:is(.recipe-card:hover:has(.recipe-card-action-delete:hover),.recipe-card:hover:has(.recipe-card-action-edit:hover)){color:initial;border-color:var(--text-color)}.recipe-card-title{text-align:center;font-size:var(--font-size-large);margin-top:.75rem}.recipe-card-image{object-fit:cover;border-radius:var(--border-radius-xl);width:60%;height:60%;position:absolute;bottom:1.875rem;left:50%;transform:translate(-50%)}.recipe-card-action{cursor:pointer;bottom:var(--spacing-md);color:initial;transition:color var(--common-transition);position:absolute}.recipe-card-action:hover{color:var(--accent-color)}.recipe-card-action-delete{right:1.875rem}.recipe-card-action-edit{right:var(--spacing-md)}.modal-close-btn{top:var(--spacing-sm);right:var(--spacing-lg);cursor:pointer;font-size:var(--font-size-modal-close);position:absolute}.recipe-dialog{background-color:var(--modal-bg)!important}.modal{background-color:var(--modal-bg);padding:var(--spacing-lg);flex-direction:column;display:flex}.modal-title{text-transform:uppercase;font-size:var(--font-size-large)}.form-input{background-color:var(--secondary-bg);font-family:inherit;font-size:var(--font-size-base);margin:var(--spacing-xss) 0;padding:var(--spacing-xss);border:var(--border-thin) solid var(--text-color);border-radius:var(--border-radius-sm);outline:none}.form-input-error{border-color:var(--error-color)}.form-input-ingredients{width:100%}.form-input-textarea{resize:none;height:16rem;min-height:16rem}.ingredients{flex-direction:column;display:flex}.ingredient{width:40%;position:relative}.ingredient-remove-btn{cursor:pointer;font-size:var(--font-size-tiny);transition:color var(--common-transition);position:absolute;top:33%;right:5%}.ingredient-add-btn{cursor:pointer;transition:color var(--common-transition);font-size:1.25rem;position:absolute;top:22%;right:-12%}.ingredient-add-btn:hover,.ingredient-remove-btn:hover{color:var(--ingredient-hover)}.tag-form-list{flex-wrap:wrap;display:flex}.tag-form-list-item{margin-right:var(--spacing-lg)}.error-message{color:var(--error-color);text-align:center;font-size:var(--font-size-small);font-weight:700}.recipe-details-ingredients{margin:var(--spacing-lg) 0}.recipe-details-directions{margin:var(--spacing-lg) 0;white-space:pre-wrap}