.ingredients-collection>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse));margin-top:0;margin-bottom:0}.ingredients-collection .mb-4{padding-bottom:1rem}.ingredients-collection .add-btn{border-radius:.5rem;padding-left:1.5rem;padding-right:1.5rem}.ingredients-collection .step-form-item{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.5rem;border-radius:1rem;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(183 228 199 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(241 249 245 / var(--tw-bg-opacity));padding:1rem 1.5rem}@media (min-width: 768px){.ingredients-collection .step-form-item{grid-template-columns:repeat(2,minmax(0,1fr))}}.ingredients-collection .step-form-item:first-of-type{border-top-width:1px;padding-top:1rem}.ingredients-collection .left-panel{position:fixed;left:-100vw;top:0;z-index:100;display:flex;height:100vh;width:100vw;flex-direction:column}.ingredients-collection .left-panel>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.ingredients-collection .left-panel{overflow:auto;border-right-width:1px;border-style:solid;border-color:#95d5b280;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:1.5rem}@media (min-width: 1024px){.ingredients-collection .left-panel{left:-55vw;width:55vw}}.ingredients-collection .left-panel{transition:left .2s ease-in-out}.ingredients-collection .left-panel.visible{left:0}.ingredients-collection .left-panel .add-btn{margin-top:auto;padding-left:3rem;padding-right:3rem}.ingredients-collection .left-panel .validate-btn{margin-left:auto;margin-right:auto;margin-top:auto;padding-left:3rem;padding-right:3rem}.ingredients-collection .trash{margin-left:auto;cursor:pointer;--tw-text-opacity: 1;color:rgb(45 106 79 / var(--tw-text-opacity))}.ingredients-collection .trash:hover{--tw-text-opacity: 1;color:rgb(82 183 136 / var(--tw-text-opacity))}.ingredients-collection .alert-item:first-child,.ingredients-collection .step-item:first-child{padding-top:0}.ingredients-collection .ingredient-item,.ingredients-collection .step-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;--tw-border-opacity: 1;border-color:rgb(183 228 199 / var(--tw-border-opacity))}.ingredients-collection .ingredient-item img,.ingredients-collection .step-item img{position:relative;height:50px;width:50px;cursor:pointer;border-radius:9999px;box-shadow:1px 1px 1px #00000040;background:#f2fdec}.ingredients-collection .ingredient-item .img-container,.ingredients-collection .step-item .img-container{position:relative}.ingredients-collection .ingredient-item .img-container:hover:after,.ingredients-collection .step-item .img-container:hover:after{content:"";position:absolute;left:11px;top:11px;height:28px;width:28px;cursor:pointer;border-radius:9999px;background:#13542180}.ingredients-collection .ingredient-item .svg-hover,.ingredients-collection .step-item .svg-hover{position:absolute;left:50%;top:50%;z-index:10;cursor:pointer;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));transform:translate(-52%) translateY(-52%)}.ingredients-collection .ingredient-item span,.ingredients-collection .step-item span{font-size:15px;line-height:18px}.ingredients-collection .step-item img{height:35px;width:35px}.ingredients-collection .step-item img:hover:after{display:none}.ingredients-collection .alert-item{display:flex;align-items:center;gap:1rem}.ingredients-collection .alert-item .ingredient-icon{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:.125rem}.ingredients-collection .alert-item .ingredient-icon:not(:first-child){margin-top:-.5rem}.ingredients-collection .ingredient-form-item{display:grid;align-items:flex-end;gap:.5rem;grid-template-columns:50% 1fr 1fr auto;border-radius:1rem;--tw-bg-opacity: 1;background-color:rgb(241 249 245 / var(--tw-bg-opacity));padding:1rem 1.5rem}@media (max-width: 768px){.ingredients-collection .ingredient-form-item{grid-template-columns:repeat(1,minmax(0,1fr))}.ingredients-collection .ingredient-form-item .action{justify-self:center}}.ingredients-collection .ingredient-form-item label{font-size:15px;--tw-text-opacity: 1;color:rgb(8 28 21 / var(--tw-text-opacity))}.ingredients-collection .ingredient-form-item .action{margin-bottom:.25rem;display:flex;height:30px;width:30px;cursor:pointer;align-items:center;justify-content:center;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(45 106 79 / var(--tw-bg-opacity));font-size:1.25rem;line-height:1.75rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.ingredients-collection .fancy-text{font-weight:700;--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity))}.lazyselect{position:relative;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(216 243 220 / var(--tw-border-opacity));padding:0 .3rem!important}.lazyselect:has(input:focus){--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-opacity: 1;--tw-ring-color: rgb(116 198 157 / var(--tw-ring-opacity))}.lazyselect>div{padding:3px}.lazyselect input:not([type=checkbox]):not([type=radio]):not([type=file]),.lazyselect select,.lazyselect textarea{height:inherit;border:none!important;padding:0!important;background:none!important;box-shadow:none!important;flex:1}.lazyselect .lazy-item-test{display:flex;max-height:24px;align-items:center;justify-content:space-between;gap:.5rem;border-radius:.5rem;--tw-bg-opacity: 1;background-color:rgb(82 183 136 / var(--tw-bg-opacity));padding:.5rem;--tw-text-opacity: 1;color:rgb(241 249 245 / var(--tw-text-opacity));box-shadow:2px 2px 10px 3px #00000040}.lazyselect .lazy-item-test span{max-width:160px;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.lazyselect .dropdown{position:absolute;top:100%;left:0;z-index:20;margin-top:.5rem;max-height:15rem;width:100%;overflow:auto;border-radius:.75rem;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(149 213 178 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:.5rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.lazyselect .dropdown .lazy-item{display:flex;cursor:pointer;align-items:center;justify-content:flex-start;gap:.5rem;border-radius:.75rem;padding:.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.lazyselect .dropdown .lazy-item:hover{--tw-bg-opacity: 1;background-color:rgb(82 183 136 / var(--tw-bg-opacity))}