.filter-chip{border:1px solid var(--input-border);border-radius:20px;color:var(--text-color);cursor:pointer;font-size:14px;margin:5px;padding:8px 16px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.filter-chip.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--text-color);font-weight:700}.recipe-card{background-color:#fff;border-radius:30px;box-shadow:0 1px 3px #0003;cursor:pointer;height:100%;padding:10px;text-align:center;transition:background-color .2s ease-out,box-shadow .2s ease-out}.recipe-card:hover{background-color:#fafafa}.recipe-card .missingImage,.recipe-card img{border-radius:20px;display:flex;height:180px;margin-bottom:10px;object-fit:cover;width:100%}.recipe-card .missingImage{color:#fff}.recipe-card .missingImage>svg{display:block;height:40px;transition:all .2s ease-out;width:40px}.recipe-card:hover .missingImage>svg{height:50px;width:50px}.recipe-card h3{font-size:25px;margin-bottom:5px}.recipe-card .rating{--bg-size:300%;--color-bright:#dbb300;--color-dark:gold;animation:animated-gradient 8s ease-out infinite;background:linear-gradient(90deg,var(--color-bright),var(--color-dark),var(--color-bright)) 0 0 /var(--bg-size) 100%;background-clip:text;-webkit-background-clip:text;color:#0000}.recipe-card .creator,.time{color:#999;font-size:12px}.image-container{height:auto;overflow:hidden;position:relative;width:100%}.cooking-time-box{align-items:center;background-color:#00000078;border-radius:0 20px 0 20px;color:#fff;display:flex;min-height:40px;padding:5px 10px;position:absolute;right:0;top:0}.cooking-time-box p{font-size:14px;margin:0}@keyframes animated-gradient{to{background-position:var(--bg-size) 0}}#recipes{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.sort-controls{padding:10px 0}.recipeLabel{background-color:var(--primary-color)!important;font-weight:700}.recipeLabel,.recipeLabel svg{color:#fff!important}.carousel-image{border-radius:20px;display:flex;height:400px;margin-left:auto;margin-right:auto;object-fit:cover;width:100%}.recipeStep .carousel-image{height:400px;width:auto}.card,.imageCard{background-color:#fff;border-radius:30px;box-shadow:0 1px 3px #0003;color:var(--text-color);margin:20px 0;padding:20px;scroll-snap-align:center;scroll-snap-stop:normal;transition:background-color .2s ease-out,box-shadow .2s ease-out}.imageCard>p{border-color:var(--input-border);border-radius:15px;border-style:solid;border-width:1px;padding:15px}.card>h2,.imageCard>h2{font-size:30px;font-weight:700;margin-bottom:10px;margin-top:0}.imageCard{overflow:hidden}.imageCard>img{border-radius:10px;max-height:400px;object-fit:cover;width:100%}.recipePage{height:100vh;overflow:auto;overscroll-behavior-x:contain;scroll-behavior:smooth;width:100%}.recipeDescription{background-color:#00000005;background-color:var(--ingredients-bg,#00000005);border:1px solid #00000014;border:1px solid var(--ingredients-border,#00000014);border-radius:12px;margin:12px 0 20px;padding:16px}.recipeStep{align-items:center;display:flex;flex-direction:row;position:relative}.recipeStepContent{flex-grow:1}.recipeStepCarousel{margin-bottom:8px}.recipeStep:not(:first-child) .stepCounterTopLine{background-color:var(--primary-color);height:50%;left:18px;position:absolute;top:0;width:4px;z-index:-1}.recipeStep:not(:last-child) .stepCounterBottomLine{background-color:var(--primary-color);bottom:0;height:50%;left:18px;position:absolute;width:4px;z-index:-1}.instructionText{display:block}.deleteButton{background-color:#cc4545}.deleteButton:hover{background-color:#ba3d3d}.clickable-amount{cursor:pointer;display:inline-block;font-weight:400;text-align:right;transition:font-weight .2s ease,color .2s ease;width:100%}.clickable-amount:hover{color:var(--dark-green);font-weight:700}.clickable-amount:active{transform:scale(.95)}.ingredients-list{background-color:#00000005;background-color:var(--ingredients-bg,#00000005);border:1px solid #00000014;border:1px solid var(--ingredients-border,#00000014);border-radius:12px;margin:12px 0 20px;padding:16px}.ingredient-item{margin-bottom:8px}.ingredient-item:last-child{margin-bottom:0}.ingredient-row{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.ingredient-amount-and-name{align-items:center;display:flex;gap:8px;width:100%}.ingredient-amount{flex-shrink:0;text-align:right;width:80px}.ingredient-name-container{flex:1 1;text-align:left}.ingredient-name{font-weight:400}.portions-row{align-items:flex-start;border-bottom:1px solid #0000001a;border-bottom:1px solid var(--portions-border,#0000001a);display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding-bottom:16px}.portions-amount-and-label{align-items:center;display:flex;gap:8px;width:100%}.portions-amount{flex-shrink:0}.portions-label-container{flex:1 1;text-align:left}.portions-label{font-weight:700}.clickable-portions{cursor:pointer;display:inline-block;font-weight:700;text-align:left;transition:font-weight .2s ease,color .2s ease,transform .2s ease;width:100%}.clickable-portions:hover{color:var(--dark-green);font-weight:700;transform:scale(1.1)}.amount-input{background-color:var(--background-color);border:2px solid var(--primary-color);border-radius:16px;color:var(--text-color);font-family:inherit;font-size:inherit;max-width:80px;min-width:50px;outline:none;padding:2px 6px;text-align:center}.amount-input:focus{border-color:var(--dark-green);box-shadow:0 0 0 2px #00800033}.portions-input{background-color:var(--background-color);border:2px solid var(--primary-color);border-radius:16px;color:var(--text-color);font-family:inherit;font-size:inherit;max-width:80px;min-width:50px;outline:none;padding:2px 6px;text-align:center}.portions-input:focus{border-color:var(--dark-green);box-shadow:0 0 0 2px #00800033}.warning-message{animation:fadeIn .2s ease-in;color:#d32f2f;font-size:.875rem;font-weight:500;margin-left:20px;margin-top:4px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:1200px){.stepCounterCircle{margin-right:10px}.recipeStep .carousel-image{height:200px}}@media (hover:none) and (pointer:coarse){.clickable-amount,.clickable-portions{color:var(--dark-green)!important;font-weight:700!important}}.galleryImg{height:400px;width:400px}.galleryImg,.stepImg{border-radius:10px;display:inline-block;object-fit:cover;position:relative}.stepImg{height:100px;width:100px}.deleteIconStep{padding:3px}.coverImg{border-radius:10px;display:block;max-height:400px;object-fit:cover;width:400px}.deleteIcon,.deleteIconStep{background:rgba(42,42,42,.488);border:none;border-end-end-radius:10px;border-radius:0;border-start-start-radius:10px;box-shadow:none;color:#c2c2c2;left:0;position:absolute;top:0}.deleteIcon:hover,.deleteIconStep:hover{background:rgba(42,42,42,.788);color:#fff}.uploadImgContainer{position:relative}.imageList{overflow-x:auto}:root{--primary-color:#869285;--secondary-color:#768375;--dark-green:#476444;--text-color:#454545;--bg-color:#fff;--card-bg:#fff;--shadow-color:#0003;--input-bg:#fff;--input-border:#ccc;--missing-image-bg:#dfdfdf;--step-counter-bg:#fff;--ingredients-bg:#00000005;--ingredients-border:#00000014;--portions-border:#0000001a}:root[data-theme=dark]{--primary-color:#7a8579;--secondary-color:#657264;--dark-green:#537551;--text-color:#e1e1e1;--bg-color:#1a1a1a;--card-bg:#2d2d2d;--shadow-color:#0006;--input-bg:#2d2d2d;--input-border:#444;--missing-image-bg:#3d3d3d;--step-counter-bg:#2d2d2d;--ingredients-bg:#ffffff0d;--ingredients-border:#ffffff1a;--portions-border:#ffffff26}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--bg-color);color:#454545;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0;transition:background-color .3s ease,color .3s ease}header{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:auto 1fr auto auto;padding:0 20px}.main{display:flex;flex-direction:column;min-height:100vh}footer{color:gray;margin-top:auto;padding:20px;text-align:center}h1,h2,h3{color:#869285;color:var(--primary-color);font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700}h4{color:#454545;color:var(--text-color)}a{color:inherit;text-decoration:none}#logo{grid-column:1;margin:20px 0}#logo img{height:80px}.search-bar{grid-column:2;justify-self:center;max-width:600px;width:100%}.header-buttons{align-items:center;display:flex;gap:10px;grid-column:3/span 2}#create-recipe,#login{grid-column:4}.filters{display:flex;flex-wrap:wrap;margin-bottom:20px}.label{background-color:#a6bdd2;border-radius:40px;color:#fff;display:inline-block;font-size:15px;font-weight:700;margin-bottom:5px;margin-inline:2px;padding:5px 10px;transition:background-color .2s ease-out}input,select,textarea{background-color:#fff;background-color:var(--input-bg);border:1px solid #ccc;border:1px solid var(--input-border);border-radius:4px;color:#454545;color:var(--text-color);font-size:16px;padding:10px}textarea{border-end-end-radius:4px;font-family:Arial,Helvetica,sans-serif;min-height:41px;resize:vertical}.btn,button{background-color:#869285;background-color:var(--primary-color);border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:10px;text-align:center}.btn:hover,button:hover{background-color:#768375;background-color:var(--secondary-color);box-shadow:0 2px 5px #0003}.inlineForm>*{margin:0 5px}.inlineForm>:first-child{margin-left:0}.inlineForm>:last-child{margin-right:0}.formRow{align-items:center;display:flex;margin:5px 0}.clearBtn,.clearBtn:hover{background:none;border:none;border-radius:0;box-shadow:none;color:#aaa;display:flex}.content{margin:0 15%}.hidden{display:none!important}.link{color:#007bff;cursor:pointer}.link:hover{color:#49a1ff}footer .link{color:#858282}.w100{width:100%}.card,.imageCard,.recipe-card{box-shadow:0 1px 3px #0003;box-shadow:0 1px 3px var(--shadow-color);color:#454545;color:var(--text-color);transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}.card,.imageCard,.recipe-card,.recipe-card:hover{background-color:#fff;background-color:var(--card-bg)}.recipe-card:hover{box-shadow:0 2px 5px #0003;box-shadow:0 2px 5px var(--shadow-color)}.recipe-card .missingImage{background-color:#dfdfdf;background-color:var(--missing-image-bg)}.recipe-card .missingImage,.theme-toggle{align-items:center;color:#454545;color:var(--text-color);justify-content:center}.theme-toggle{background:none;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;padding:8px;transition:background-color .2s ease;width:40px}.theme-toggle:hover{background-color:#869285;background-color:var(--primary-color);box-shadow:none}.theme-toggle svg{height:20px;width:20px}.stepCounterCircle{background-color:#fff;background-color:var(--step-counter-bg);border:5px solid #869285;border:5px solid var(--primary-color);border-radius:50%;color:#454545;color:var(--text-color);font-weight:800;height:40px;line-height:30px;margin-right:50px;text-align:center;width:40px}@media screen and (max-width:1200px){header{display:flex;flex-direction:column;padding:20px}#logo{margin:10px 0}.search-bar{margin-bottom:15px!important;width:100%}.header-buttons{align-items:center;display:flex;gap:10px}.content{margin:0 7%}}
/*# sourceMappingURL=main.aaafd619.css.map*/