@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap);:root{--primary-color:#fff;--secondary-color:#1f2125;--accent-color:tomato;--background-color:#f5f5f5;--switch:#444;--primary-text-color:#fff;--secondary-text-color:grey;--fw-bold:700;--fw-medium:500;--fw-midlight:400;--fw-light:300}body{font-family:Poppins,sans-serif;margin:0;transition:all .1s ease-in}h3{font-weight:500;font-weight:var(--fw-medium)}.dashboard__card[data-loading=true],.exerciseCard[data-deleting=true],.foodCard[data-deleting=true],.goalCard[data-deleting=true]{-webkit-animation:flash 2s linear infinite;animation:flash 2s linear infinite;background:linear-gradient(90deg,#1f21258f,#1f2125,#1f21258f);background-position:100%;background-size:200% 100%;opacity:.7;transition:opacity .4s ease}.navbar{bottom:0;display:flex;justify-content:center;left:0;min-width:2rem;position:-webkit-sticky;position:sticky;top:0}.navbar img{height:2.2rem}.navbar>div{align-items:flex-start;display:flex;flex-direction:column;gap:4rem;margin-top:50px}.links{align-items:center;color:var(--secondary-text-color);display:flex;font-size:1.4rem;text-decoration:none}.links span{font-size:1rem}.link__icons{margin-right:10px}.links:is(:hover,:focus){color:var(--primary-color)}.active{color:var(--primary-color)}@media (max-width:900px){.links span{display:none}}@media (max-width:500px){.navbar>div{flex-direction:row;margin:0;padding:20px}}.layout{display:flex}.sidebar{background-color:var(--secondary-color);flex-basis:20%;min-height:100vh;min-width:5rem}.page{flex-basis:80%;margin-top:30px;padding-inline:20px}@media (max-width:500px){.sidebar{bottom:0;left:0;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;position:fixed;right:0;z-index:99999}.page{display:flex;flex-basis:100%;justify-content:center}}.dashboard{padding-bottom:100px;width:100%}.dashboard__container{grid-gap:20px;align-content:center;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));width:100%}.dashboard__card{background-color:var(--secondary-color);border-radius:6px;color:var(--primary-text-color);display:grid;min-height:150px;overflow:hidden;place-content:center;position:relative;text-align:center;width:100%;z-index:0}.dashboard__card p{font-size:xx-large;margin:0}.dashboard svg{font-size:1.3rem;margin-bottom:-4px;margin-right:10px}.dashboard__card img{bottom:0;height:100%;object-fit:cover;position:absolute;right:0;-webkit-transform:translate(20%) rotate(20deg);transform:translate(20%) rotate(20deg);z-index:-1}.dashboard__card>h4{font-size:small;font-weight:var(--fw-light)}.exerciseCard{background-color:var(--secondary-color);border-radius:6px;color:var(--primary-color);min-height:120px;overflow:hidden;padding:20px;position:relative;z-index:0}.exerciseCard>h4{font-weight:var(--fw-medium);margin:0 0 4px}.exerciseCard>p{color:var(--secondary-text-color);font-size:smaller;font-weight:var(--fw-light);margin-block:2px}.exerciseCard>img{border-radius:12px;bottom:0;height:80%;object-fit:cover;position:absolute;right:0;-webkit-transform:translate(20%) rotate(20deg);transform:translate(20%) rotate(20deg);z-index:-1}.exerciseCard__delete{bottom:10px;cursor:pointer;font-size:large;position:absolute}.exerciseCard__delete:hover{color:var(--accent-color)}.exercises{padding-bottom:100px;width:100%}.exericise__container{grid-gap:20px;align-content:center;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.exercises button{background-color:var(--accent-color);border:none;border-radius:99999px;bottom:100px;box-shadow:4px 4px 7px rgba(0,0,0,.1);color:var(--primary-text-color);cursor:pointer;font-size:large!important;height:50px;position:fixed;right:50px;width:50px}.exercises button:hover{background-color:var(--secondary-text-color)}fieldset,input{all:unset}.DialogOverlay{-webkit-animation:overlayShow .15s cubic-bezier(.16,1,.3,1);animation:overlayShow .15s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:rgba(0,0,0,.5);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:var(--secondary-color);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(--primary-color);font-size:17px;font-weight:500;margin:0}.DialogDescription{color:var(--primary-color);font-size:15px;line-height:1.5;margin:10px 0 20px}.Button{all:unset;align-items:center;border-radius:4px;cursor:pointer;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(--secondary-color);color:var(--primary-color)}.Button.violet:hover{background-color:var(--hover-color)}.Button.violet:focus{box-shadow:0 0 0 2px #000}.Button.green{background-color:var(--primary-color);color:var(--green-11)}.Button.green:hover{background-color:var(--secondary-text-color)}.Button.green:focus{box-shadow:0 0 0 2px var(--secondary-color)}.IconButton{all:unset;align-items:center;border-radius:100%;color:var(--secondary-text-color);display:inline-flex;font-family:inherit;height:25px;justify-content:center;position:absolute;right:10px;top:10px;width:25px}.IconButton:hover{background-color:var(--primary-color)}.IconButton:focus{box-shadow:0 0 0 2px var(--primary-color)}.Fieldset{align-items:center;display:flex;gap:20px;margin-bottom:15px}.Label{color:var(--primary-color);font-size:15px;text-align:right;width:90px}select{background-color:initial}.Input{align-items:center;border-radius:4px;box-shadow:0 0 0 1px var(--primary-color);color:var(--primary-text-color);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(--primary-color)}@-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)}}.placeholderCard{-webkit-animation:flash 2s linear infinite!important;animation:flash 2s linear infinite!important;background:linear-gradient(90deg,#1f21258f,#1f2125,#1f21258f);background-position:100%;background-size:200% 100%;border-radius:6px;min-height:160px;opacity:.7;transition:opacity .4s ease}@-webkit-keyframes flash{0%{background-position:100%}to{background-position:-100%}}@keyframes flash{0%{background-position:100%}to{background-position:-100%}}.foodCard{background-color:var(--secondary-color);border-radius:6px;color:var(--primary-color);min-height:120px;overflow:hidden;padding:20px;position:relative;z-index:0}.foodCard>h4{font-weight:var(--fw-medium);margin:0 0 4px}.foodCard>p{color:var(--secondary-text-color);font-size:smaller;font-weight:var(--fw-light);margin-block:2px}.foodCard>img{border-radius:12px;bottom:0;height:80%;object-fit:cover;position:absolute;right:0;-webkit-transform:translate(20%) rotate(20deg);transform:translate(20%) rotate(20deg);z-index:-1}.foodCard__delete{bottom:10px;cursor:pointer;font-size:large;position:absolute}.foodCard__delete:hover{color:var(--accent-color)}.foods{padding-bottom:100px;width:100%}.foods__container{grid-gap:20px;align-content:center;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.foods button{background-color:var(--accent-color);border:none;border-radius:99999px;bottom:100px;box-shadow:4px 4px 7px rgba(0,0,0,.1);color:var(--primary-text-color);cursor:pointer;font-size:large!important;height:50px;position:fixed;right:50px;width:50px}.foods button:hover{background-color:var(--secondary-text-color)}.goalCard{background-color:var(--secondary-color);border-radius:6px;color:var(--primary-color);min-height:120px;overflow:hidden;padding:20px;position:relative;z-index:0}.goalCard>h4{font-weight:var(--fw-medium);margin:0 0 4px}.goalCard>p{color:var(--secondary-text-color);font-size:smaller;font-weight:var(--fw-light);margin-block:2px}.goalCard>p:not(:first-of-type){font-size:x-small}.goalCard>img{border-radius:12px;bottom:0;height:80%;object-fit:cover;position:absolute;right:0;-webkit-transform:translate(20%) rotate(20deg);transform:translate(20%) rotate(20deg);z-index:1}.goalCard__delete{bottom:10px;cursor:pointer;font-size:large;position:absolute;z-index:992}.goalCard__delete:hover{color:var(--accent-color)}.goals{padding-bottom:100px;width:100%}.goals__container{grid-gap:20px;align-content:center;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.goals button{background-color:var(--accent-color);border:none;border-radius:99999px;bottom:100px;box-shadow:4px 4px 7px rgba(0,0,0,.1);color:var(--primary-text-color);cursor:pointer;font-size:large!important;height:50px;position:fixed;right:50px;width:50px}.goals button:hover{background-color:var(--secondary-text-color)}
/*# sourceMappingURL=main.3a1b3867.css.map*/