@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap);.light-theme,:root{--violet-1:#fdfcfe;--violet-2:#fbfaff;--violet-3:#f5f2ff;--violet-4:#ede9fe;--violet-5:#e4defc;--violet-6:#d7cff9;--violet-7:#c4b8f3;--violet-8:#aa99ec;--violet-9:#6e56cf;--violet-10:#644fc1;--violet-11:#5746af;--violet-12:#20134b}:root{--primary-color:#fff;--secondary-color:#262626;--accent-color:tomato;--hover-color:hsla(0,0%,50%,.1);--primary-text-color:rgba(26,26,26,.9);--secondary-text-color:hsla(0,0%,85%,.9);--fw-bolder:700;--fw-bold:600;--fw-medium:500;--fw-regular:400;--fw-light:300}body{background-color:#f8f8f8;font-family:Poppins,sans-serif;margin:0;padding:0}.App{text-align:center}.filterbar{background-color:var(--primary-color);border-radius:6px;color:var(--primary-text-color);display:flex;font-size:medium;gap:10px;padding:10px}.filterbar-search{align-items:center;color:tomato;display:flex;gap:10px}.filterbar-search>.searchbar{-webkit-appearance:none!important;appearance:none!important;border:none!important;border-right:1px solid var(--primary-text-color)!important;color:var(--primary-text-color)!important;outline:none!important}.filterbar-radio>label{font-size:small;margin-left:10px}.PopoverTrigger>input{-webkit-appearance:none!important;appearance:none!important;border:none!important;border-right:1px solid var(--primary-text-color)!important;color:var(--primary-text-color)!important;outline:none!important}.PopoverContent{background-color:var(--primary-color);border-radius:4px;color:var(--primary-text-color);font-size:small;margin-left:15px;margin-top:15px;outline:none;padding:20px;width:260px;z-index:99}.PopoverContent>a{color:var(--accent-color);display:block;text-decoration:none}.PopoverContent>hr{opacity:.1}.PopoverContent>div>img{border-radius:3px}.PopoverContent>div>span{font-weight:500;margin-left:10px}.PopoverContent>div{cursor:pointer}.PopoverArrow{fill:var(--background-blur-dark)}.home{margin:50px auto;max-width:95vw}.home>h1{font-weight:var(--fw-regular)}.home-add{background-color:var(--primary-color);border-radius:50%;bottom:70px;box-shadow:2px 2px 15px rgba(0,0,0,.1);color:var(--accent-color);display:grid;height:40px;place-content:center;position:fixed;right:50px;width:40px}.home-recipe-container{grid-column-gap:16px;grid-row-gap:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));justify-items:center}.home-add:hover{background-color:var(--hover-color)}.light-theme,:root{--black-a1:rgba(0,0,0,.012);--black-a2:rgba(0,0,0,.027);--black-a3:rgba(0,0,0,.047);--black-a4:rgba(0,0,0,.071);--black-a5:rgba(0,0,0,.09);--black-a6:rgba(0,0,0,.114);--black-a7:rgba(0,0,0,.141);--black-a8:rgba(0,0,0,.22);--black-a9:rgba(0,0,0,.439);--black-a10:rgba(0,0,0,.478);--black-a11:rgba(0,0,0,.565);--black-a12:rgba(0,0,0,.91);--green-1:#fbfefc;--green-2:#f2fcf5;--green-3:#e9f9ee;--green-4:#ddf3e4;--green-5:#ccebd7;--green-6:#b4dfc4;--green-7:#92ceac;--green-8:#5bb98c;--green-9:#30a46c;--green-10:#299764;--green-11:#18794e;--green-12:#153226;--mauve-1:#fdfcfd;--mauve-2:#f9f8f9;--mauve-3:#f4f2f4;--mauve-4:#eeedef;--mauve-5:#e9e8ea;--mauve-6:#e4e2e4;--mauve-7:#dcdbdd;--mauve-8:#c8c7cb;--mauve-9:#908e96;--mauve-10:#86848d;--mauve-11:#6f6e77;--mauve-12:#1a1523}button{all:unset}.DialogOverlay{-webkit-animation:overlayShow .15s cubic-bezier(.16,1,.3,1);animation:overlayShow .15s cubic-bezier(.16,1,.3,1);background-color:var(--black-a9);inset:0;position:fixed}.DialogContent{-webkit-animation:contentShow .15s cubic-bezier(.16,1,.3,1);animation:contentShow .15s cubic-bezier(.16,1,.3,1);background-color:#fff;border-radius:6px;box-shadow:0 10px 38px -10px rgba(14,18,22,.35),0 10px 20px -15px rgba(14,18,22,.2);left:50%;max-height:85vh;max-width:450px;padding:25px;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:90vw}.DialogContent:focus{outline:none}.DialogTitle{color:var(--mauve-12);font-size:17px;font-weight:500;margin:0}.DialogDescription{color:var(--mauve-11);font-size:15px;line-height:1.5;margin:10px 0 20px}.Button{align-items:center;border-radius:4px;display:inline-flex;font-size:15px;font-weight:500;height:35px;justify-content:center;line-height:1;padding:0 15px}.Button.violet{background-color:#fff;box-shadow:0 2px 10px var(--black-a7);color:var(--violet-11)}.Button.violet:hover{background-color:var(--mauve-3)}.Button.violet:focus{box-shadow:0 0 0 2px #000}.Button.green{background-color:var(--green-4);color:var(--green-11)}.Button.green:hover{background-color:var(--green-5)}.Button.green:focus{box-shadow:0 0 0 2px var(--green-7)}.IconButton{align-items:center;border-radius:100%;color:var(--violet-11);display:inline-flex;font-family:inherit;height:25px;justify-content:center;position:absolute;right:10px;top:10px;width:25px}.IconButton:hover{background-color:var(--violet-4)}.IconButton:focus{box-shadow:0 0 0 2px var(--violet-7)}.Fieldset{all:unset;align-items:center;display:flex;gap:20px;margin-bottom:15px}.Label{color:var(--violet-11);font-size:15px;text-align:right;width:90px}.Input{all:unset;align-items:center;border-radius:4px;box-shadow:0 0 0 1px var(--violet-7);color:var(--violet-11);display:inline-flex;flex:1 1;font-size:15px;height:35px;justify-content:center;line-height:1;padding:0 10px;width:100%}.Input:focus{box-shadow:0 0 0 2px var(--violet-8)}@-webkit-keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@-webkit-keyframes contentShow{0%{opacity:0;-webkit-transform:translate(-50%,-48%) scale(.96);transform:translate(-50%,-48%) scale(.96)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@keyframes contentShow{0%{opacity:0;-webkit-transform:translate(-50%,-48%) scale(.96);transform:translate(-50%,-48%) scale(.96)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}.recipecard{background-color:var(--primary-color);border-radius:10px;box-shadow:2px 2px 15px rgba(0,0,0,.05);color:var(--primary-text-color);margin:10px;padding:10px;text-align:left;width:230px}.recipecard-img-container{background-color:var(--hover-color);height:200px;position:relative}.recipecard-img-container>img{border-radius:6px;height:100%;object-fit:cover;width:100%}.recipecard-icon-container{color:var(--accent-color);cursor:pointer;display:flex;gap:5px;padding:5px;position:absolute;right:10px;top:0}.recipecard-info>div{display:flex;font-size:small;justify-content:space-between}.recipecard-info a{color:var(--accent-color);text-decoration:none}.flex-container{display:grid;height:100vh;overflow:hidden;place-content:center}.recipe-container{align-items:flex-start;background-color:var(--primary-color);border-radius:10px;display:flex;gap:20px;padding:20px;text-align:left;width:80vw}.recipe-img{background-color:var(--hover-color);border-radius:6px;flex:0 0 400px;height:400px;max-width:100%;width:400px}.recipe-img>img{border-radius:6px;height:100%;object-fit:cover;width:100%}.recipe-info>h5{flex:1 1}
/*# sourceMappingURL=main.58416cf4.css.map*/