html,body{min-height:100%;position:relative;padding:0}body{isolation:isolate}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/images/icons/bg.webp);background-repeat:repeat;background-size:1400px 1400px;opacity:.15;z-index:-1;pointer-events:none}.bg-diagonal-gradient{background:linear-gradient(135deg,#fef3c7,#d9f99d)}.bg-cooking-pattern{background-image:url(/images/icons/bg.webp);background-repeat:repeat;background-size:1400px 1400px}header.panel{position:relative;z-index:90;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #00000040!important}footer.panel{box-shadow:0 -4px 6px -1px #0000004d,0 -2px 4px -1px #00000040!important}@media(min-width:768px){header.panel{position:sticky;top:0}}header.panel,footer.panel{background:linear-gradient(to right,#155e75,#b45309)!important}header.panel a{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}header.panel a:hover{color:#fef3c7}header.panel a.advanced-search-reset,header.panel a.advanced-search-reset:hover{color:#000;text-shadow:none}header.panel img{border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 6px #0000001a}.group:hover .group-hover\:scale-105{transform:scale(1.05)}.group:hover .group-hover\:bg-opacity-40{background-color:#0006}.shadow-recipe{box-shadow:0 10px 15px -3px #eab3084d}.recipe-tile{transition:transform .3s ease,box-shadow .3s ease}.recipe-tile:hover{transform:translateY(-5px);box-shadow:0 10px 25px -5px #0003}@media(max-width:768px){body:before{background-size:800px 800px;opacity:.05}}.z-30{z-index:30}.pointer-events-none{pointer-events:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.great-vibes{font-family:Great Vibes,cursive;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}