@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Playwrite+US+Modern:wght@100..400&family=Quicksand:wght@300..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap);:root{--green-1:#abd5ba;--green-2:#6bbfba;--green-3:#4b9b6e;--green-4:#2e7d5c;--green-5:#1a5436;--palette-yellow:#ffed00;--palette-grey:#3;--palette-black:#1e2025;--palette-black2:#2a2f35b3;--palette-dark-grey:#29343d;--secondary-color:#06acaf;--secondary-color-opacity:#06acafb3;--cyborg-black:#191e29;--cyborg-blue:#132d46;--cyborg-green:#01c38d;--cyborg-gray:#696e79;--lv-background:#191d24;--lv-gradient-card:linear-gradient(135deg,#252b37,#212631);--lv-primary:#25e4e4;--lv-primary-20:#25e4e433;--lv-header:#21263180;--lv-secondary:#2a303c;--lv-accent:#25e4e4;--lv-success:#21c45d;--gradient-bg:linear-gradient(90deg,#0f2027,#203a43,#2c5364);--gradient-midnight:#191919;--gradient-titanium:linear-gradient(90deg,#283048,#859398);--gradient-twilight:linear-gradient(45deg,#4a2c3f,#486d83);--gradient-twilight-opacity:linear-gradient(45deg,#4a2c3f66,#486d8366);--gradient-predawn:linear-gradient(90deg,#ffa17f,#00223e);--color-bg:#343434;--color-surface:#242421;--color-accent:#ffe;--box-shadow:#2c0c35;--header-base:20 20 30;--accent-glow:0,255,200;--overlay:#0009;--glass-bg:#2323230d;--glass-border:#ffffff1a}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#a8a8a8;border-radius:6px}::-webkit-scrollbar-thumb{background:#5b5b5b;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#343434;background:var(--color-bg)}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-box-shadow:inset 0 0 0 1000px #0000!important}main{min-height:80vh}.modal{background:linear-gradient(135deg,#252b37,#212631);background:var(--lv-gradient-card);border:1px solid #ffffff1a;border:1px solid var(--glass-border);border-radius:8px;box-shadow:0 0 5px #06acaf;box-shadow:0 0 5px var(--secondary-color);box-shadow:1px 1px 20px rgba(0,0,0,.759)}.modal>h2{color:#fff;font-size:1.2em;font-weight:600;margin:.2rem 0;padding-left:.5em;text-align:start;text-decoration:none}svg{outline:none}::-webkit-scrollbar-track{background:#21263180;background:var(--lv-header)}html{overflow-y:scroll}body{background:#191919;background:var(--gradient-midnight);background:#191d24;background:var(--lv-background);color:#fff;color:var(--font-color);font-family:Quicksand,sans-serif;font-weight:500;margin:0;min-height:100vh;text-align:center;width:100%}body.no-scroll{overflow-y:hidden}.main-layout{background-position:50%;background-repeat:repeat;background-size:cover;gap:0;overflow-x:hidden}.landing-page-root,.main-layout{display:flex;flex-direction:column;min-height:100vh}.landing-page-root .logo-container{align-items:center;display:flex;flex-direction:row;gap:.5em;padding-left:1em}.landing-page-root .logo-container img{height:3em;width:5em}.landing-page-root .logo-container svg{background-color:#25e4e433;background-color:var(--lv-primary-20);border-radius:8px;color:#25e4e4;color:var(--lv-primary);height:2.5em;padding:4px;width:2.5em}.landing-page-root .logo-container h2{color:#fff;font-size:1.2em;margin:0;text-align:start}.landing-page-root .logo-container p{color:#fff;font-size:.9em;font-weight:300;margin:0}.landing-page-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#21263180;background:var(--lv-header);box-shadow:0 2px 4px #0000001a;display:flex;height:5em;justify-content:space-between;left:0;position:fixed;top:0;width:100%;z-index:9999}.landing-page-header nav{display:flex;gap:1em}.landing-page-header nav a{color:#fff;text-decoration:none;transition:all .2s ease-in-out}.landing-page-header nav a:hover,.landing-page-header>button{color:#25e4e4;color:var(--lv-primary)}.landing-page-header>button{background-color:#25e4e433;background-color:var(--lv-primary-20);border:none;border-radius:10px;cursor:pointer;font-family:quicksand;font-size:1em;font-weight:600;margin-right:1em;padding:.5em 1em;transition:all .2s ease-in-out}.landing-page-header>button:hover{background-color:#25e4e4;background-color:var(--lv-primary);color:#000}.landing-page-main{color:#fff;flex:1 1;padding-top:5em}.landing-page-main h1{font-size:3.3em;margin:0}.landing-page-main h1 span{background:linear-gradient(90deg,#25e4e4,#25e4e4,#21c45d);background:linear-gradient(to right,var(--lv-primary),var(--lv-accent),var(--lv-success));-webkit-background-clip:text;background-clip:text;color:#0000;display:block;margin:0}.landing-page-main p{color:#a8a8a8;font-size:1.3em;margin:0}.landing-page-main .section-1{align-items:center;animation:moveBlobs 15s ease-in-out infinite alternate;background:radial-gradient(circle at 10% 40%,#25e4e433 0,#0000 20%),radial-gradient(circle at 80% 20%,#25e4e433 0,#0000 30%);background:radial-gradient(circle at 10% 40%,var(--lv-primary-20) 0,#0000 20%),radial-gradient(circle at 80% 20%,var(--lv-primary-20) 0,#0000 30%);background-position:25% 55%,100% 25%;background-size:150% 150%,150% 150%;display:flex;flex-direction:column;gap:2em}@keyframes moveBlobs{0%{background-size:100% 100%,100% 100%}50%{background-size:200% 200%,200% 200%}to{background-size:100% 100%,100% 100%}}.landing-page-main .section-1 .hint{align-items:center;background-color:#21263180;background-color:var(--lv-header);border:2px solid #25e4e433;border:2px solid var(--lv-primary-20);border-radius:20px;color:#cbcbcb;display:flex;gap:.5em;margin:1em 0 0;padding:8px}.landing-page-main .section-1 .hint svg{color:#ff4500;width:1.4em}.landing-page-main .section-1 .hint span{color:#25e4e4;color:var(--lv-primary);font-weight:700}.landing-page-main .section-1>button{align-items:center;background:#25e4e4;background:var(--lv-primary);border:none;border-radius:8px;cursor:pointer;display:flex;font-family:quicksand;font-size:1em;font-weight:600;gap:.4em;justify-content:center;padding:8px;transition:all .2s ease-in-out;width:10em}.landing-page-main .section-1>button:hover{background-color:#0dbcaa}.landing-page-main .section-1>button svg{transition:all .2s ease-in-out}.landing-page-main .section-1>button:hover svg{transform:translate(30%)}.landing-page-main .section-1 .img-container{border-radius:10px;max-height:30em;max-width:50em;position:relative;width:90%}.landing-page-main .section-1 .img-container img{background:#0000;border:5px solid hsla(0,0%,100%,.293);border-radius:15px;box-shadow:0 -10px 15px #25e4e4;box-shadow:0 -10px 15px var(--lv-primary);width:100%;z-index:-1}.landing-page-main .section-1 .img-container:after{background:linear-gradient(0deg,#191d24 20%,#fff0);background:linear-gradient(0deg,var(--lv-background) 20%,#fff0);content:"";height:100%;padding-bottom:50px;position:absolute;right:0;top:0;width:100%}.landing-page-main .section-2{align-items:center;display:flex;flex-direction:column;gap:2em;padding:5em 0 1.5em}.landing-page-main .section-2 h1{font-size:2.3em}.landing-page-main .section-2 h1 span{display:inline-block}.landing-page-main .section-2 .cards-container{grid-row-gap:2em;grid-column-gap:1em;column-gap:1em;display:grid;grid-template-columns:repeat(3,1fr);max-width:70em;padding:0 3em;row-gap:2em;width:100%}.landing-page-main .section-2 .cards-container .card{align-items:start;background:linear-gradient(135deg,#252b37,#212631);background:var(--lv-gradient-card);border-radius:15px;display:flex;flex-direction:column;gap:1em;padding:1em;position:relative}.landing-page-main .section-2 .cards-container .card span{border-radius:15px;content:"";filter:blur(4px);height:100%;inset:0;padding:0;position:absolute;transform:scale(1.02);transition:filter .3s ease;width:100%;z-index:-1}.landing-page-main .section-2 .cards-container .card:hover span{filter:blur(10px);transform:scale(1.05)}.landing-page-main .section-2 .cards-container .card p{font-size:1em;text-align:start}.landing-page-main .section-2 .cards-container .card svg{border-radius:8px;height:2em;padding:4px;width:2em}.landing-page-main .section-3{background:linear-gradient(180deg,#191d24,#000);background:linear-gradient(180deg,var(--lv-background) 0,#000);padding:3em 0}.landing-page-main .section-3 h1{font-size:2.2em}.landing-page-main .section-3 h1 span{display:inline-block}.landing-page-main .section-3 .flex-row-container{display:flex;flex-direction:row;gap:1em;justify-content:center}.landing-page-main .section-3 .img-container{padding:1.5em}.landing-page-main .section-3 .img-container img{border-radius:30px;box-shadow:0 0 10px 0 #25e4e4;box-shadow:0 0 10px 0 var(--lv-primary);height:30em;transition:all .2s ease-in-out}.landing-page-main .section-3 .img-container img:hover{box-shadow:0 0 20px #25e4e4;box-shadow:0 0 20px var(--lv-primary)}.landing-page-main .section-3 .features-container{display:flex;flex-direction:column;gap:3em;justify-content:center}.landing-page-main .section-3 .features-container svg{background-color:#25e4e433;background-color:var(--lv-primary-20);border-radius:8px;box-shadow:0 0 5px #25e4e4;box-shadow:0 0 5px var(--lv-primary);color:#25e4e4;color:var(--lv-primary);height:2.2em;padding:4px;width:2.2em}.landing-page-main .section-3 .features-container h3{margin:0;text-align:start}.landing-page-main .section-3 .features-container p{font-size:.95em}.landing-page-main .section-3 .feature{align-items:center;display:flex;flex-direction:row;gap:1em}.landing-page-footer{align-items:center;background-color:#21263180;background-color:var(--lv-header);border-top:1px solid #434343;color:#fff;display:flex;justify-content:space-between;min-height:5em;padding:0 1em}.landing-page-footer p{color:#afafaf;font-size:.9em}.landing-page-footer .logo-container{font-size:.7em;opacity:.8}@media (max-width:700px){.landing-page-main .section-2 .cards-container{font-size:.9em;grid-template-columns:repeat(2,1fr);padding:0 1em}}@media (max-width:600px){.landing-page-header nav{display:none}.landing-page-main .section-1{font-size:.8em}.landing-page-main .section-2 .cards-container .card{padding:.5em}}@media (max-width:400px){.landing-page-main .section-2 .cards-container{font-size:.9em;grid-template-columns:repeat(1,1fr);padding:0 1em}}.tracker-panel{grid-column-gap:1em;grid-row-gap:1em;align-items:start;column-gap:1em;display:grid;grid-template-columns:repeat(2,minmax(100px,400px));grid-template-rows:repeat(2,35vh);height:100%;justify-content:center;overflow-y:hidden;padding:2em;row-gap:1em;width:100%}.tracker-panel>*{animation:fade-in-forgot-password .6s ease-in-out}@media (max-width:600px){.tracker-panel{align-items:center;display:flex;flex-direction:column;height:fit-content;justify-content:center;padding:.5em}}.food-selection-panel{align-items:center;border-radius:20px;display:flex;flex-direction:column;font-size:clamp(.6rem,2vw,.9rem);gap:.5em;grid-column:1;grid-row:1/3;height:100%;justify-content:start;max-height:90%;max-width:40em;padding:.3em;position:relative;width:100%}.cross-button{align-items:center;background-color:initial;border:3px solid #0000;border-radius:50%;color:#25e4e4;color:var(--lv-primary);cursor:pointer;display:flex;padding:0;position:absolute;right:1%}.cross-button:active{border:3px solid #25e4e4;border:3px solid var(--lv-primary);transform:none}.calorie-tracker>h2{border-bottom:1px solid var(--main-color);color:var(--main-color)}.meal-tabs-nav{align-items:center;background-color:#161616;border-radius:15px;display:flex;flex-direction:row;font-size:.9em;gap:1em;justify-content:center;padding:0 .3em;position:relative;width:fit-content}.tab-indicator{background-color:#016177;border-radius:15px;bottom:0;box-shadow:0 0 5px #095055;height:100%;left:0;position:absolute;transition:all .4s ease}.tab-indicator:before{border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:0;pointer-events:none;position:absolute}.meal-tabs-nav-item{border-radius:0;color:#b2b2b2;cursor:pointer;margin:0;opacity:.8;padding:0;transition:all .3s ease;z-index:1}.meal-tabs-nav-item:hover{color:#515151;opacity:1}.meal-tabs-nav-item.active{color:#fff;opacity:1}@media screen and (max-width:480px){.calorie-tracker{width:100vw}.meal-tabs-nav{gap:.5em}.meal-tabs-nav-item{max-width:100vw}}.food-list-panel{align-items:center;color:#fff;display:flex;flex:1 1;flex-direction:column;gap:1em;grid-column:1;grid-row:1;justify-content:start;margin:5px 0;overflow-y:auto;padding:0;scrollbar-gutter:stable;width:100%}.food-selection-panel-motion{display:flex;flex-direction:column;height:95%;width:100%}.food-selection-panel>h2{font-size:1.5em;margin:0}.tracker-search{align-items:center;background:#fff;border-radius:5px;box-shadow:0 2px 2px #2d2d2d;color:#1a5436;color:var(--green-5);cursor:pointer;display:flex;flex-direction:row;font-weight:800;margin-bottom:3px;outline:0 solid #000;position:relative;transition:box-shadow .2s ease,border-color .2s ease}.tracker-search:focus{border-color:2px solid #0062ff;box-shadow:0 0 8px 3px #d7dbe0}.tracker-search>input{background:#fffc;border:none;border-radius:3px;border-bottom-left-radius:3px;border-top-left-radius:3px;color:#3c3c3c;font-family:QuickSand;font-size:1.1em;font-weight:600;height:100%;margin:0;outline:none;padding:4px}.tracker-search>input::placeholder{color:#6d6c6c;font-weight:500;opacity:.7}.tracker-search img{width:1.4em}.FoodsPanel{border-radius:5px;flex:1 1;flex-direction:column;gap:.1em;overflow-y:auto;padding:5px;scrollbar-gutter:stable}.FoodsPanel,.foodCard{color:#fff;display:flex;width:100%}.foodCard{align-items:center;background:rgba(80,80,80,.149);border-bottom:0 solid rgba(80,80,80,.534);border-radius:10px;cursor:pointer;flex-direction:row;gap:0;justify-content:space-evenly;opacity:.9;padding:5px 10px;position:relative;transition:all .1s ease;transition:all .3 ease}.foodCard:hover{background:hsla(0,0%,44%,.149)}.foodCard-info{align-items:start;display:flex;flex-direction:column;justify-content:center;width:100%}.foodCard-info .name-macros-container h3{color:#fff;margin:0 0 .3em}.foodCard>img{cursor:pointer;height:2em;transition:all .2s;width:2em}.foodCard>img:hover{transform:scale(1.15)}.foodCard-input{align-items:center;background-color:hsla(0,0%,75%,.129);border-radius:8px;display:flex;flex-direction:row;justify-content:end;margin:0;padding:0;width:35%}.foodCard-input>input{background-color:#fff0;border:none;color:#dadada;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1em;font-weight:600;height:100%;outline:none;width:100%}.foodCard svg{cursor:pointer;height:2.5em;padding-right:4px;transition:all .2s ease;width:2.5em}.foodCard svg:hover{transform:scale(1.15)}.foodCard svg.disabled{color:#a4a4a4}.foodCard svg.enabled{color:#25e4e4;color:var(--lv-primary)}.foodCard svg.disabled:hover{transform:none}.foodCard .plus-svg{height:35px;width:35px}.foodCard-success-span{color:#242421;color:var(--color-surface);font-size:.85rem;margin:0;padding:0;transition:color .5s ease}.foodCard-success-span.active{color:#fff}.food-info-card{align-items:start;background-color:#4b9b6e;background-color:var(--green-3);border-radius:10px;box-shadow:0 5px 5px #838383;color:#fff;display:flex;flex-direction:column;font-size:.9em;opacity:0;padding:2px;position:absolute;top:0;transform:translateY(0) scale(.3);transition:opacity .2s ease,transform .3s ease;width:13em;z-index:1}.food-info-card.show{opacity:1;transform:scale(1)}.food-info-card h3{font-size:1.15em;margin:auto auto 0}.food-info-card h3 span{font-size:.8em}.food-info-card input{border:1px solid #ccc;border-radius:.5rem;box-shadow:0 1px 3px #0000000d;margin:auto;outline:none;padding:.3rem;transition:box-shadow .2s,border-color .2s;width:80%}.food-info-card button{background-color:#6bbfba;background-color:var(--green-2);border:none;border-radius:10px;box-shadow:0 3px 5px #2c0c35;box-shadow:0 3px 5px var(--box-shadow);color:#fff;cursor:pointer;font-weight:700;margin:.5em auto auto;padding:.2rem;transition:background-color .2s,transform .3s;width:40%}.food-info-card button:hover{background-color:#fff;color:#6bbfba;color:var(--green-2);transform:scale(1.1)}.food-info-card button:disabled{background-color:#a9a9a9;color:#2e7d5c;color:var(--green-4);cursor:default}.food-info-card button:disabled:hover{cursor:default}.counter-card{border-radius:20px;flex:0 0 auto;height:37%;margin-top:.5em;max-width:100%;overflow-y:auto;scrollbar-gutter:stable;width:100%}.counter-card h2{border-bottom:1px solid #484848;color:#fff;margin:.3em 0 .3em .3em}.counter-card h3{color:orange;margin:0;text-decoration:none}.counter-card ul{list-style:none;margin:0 .2em 0 .5em;padding:0;position:relative;text-align:left;text-align:center}.counter-card>#counter-accept-delete{align-items:center;display:flex;flex-direction:row;gap:auto;gap:3em;height:4em;justify-content:center;position:relative}.counter-card>#counter-accept-delete>img{border-radius:100%;box-shadow:0 5px 8px #1c1324;cursor:pointer;transition:transform .1s ease;width:2.5em}.counter-card>#counter-accept-delete>img:hover{transform:scale(1.1)}.food-container{align-items:center;background:rgba(80,80,80,.149);border:1px solid #25e4e433;border:1px solid var(--lv-primary-20);border-radius:15px;color:#fff;cursor:pointer;display:flex;flex-direction:row;gap:.3em;justify-content:space-between;margin-bottom:.5em;padding:0 .5em .5em;position:relative}.name-macros-container{margin:.5em 0 .2em .2em;text-align:start}.name-macros-container>div{display:flex;flex-direction:row;gap:.8em}.name-macros-container h3{color:#fff;margin-bottom:.8em}.name-macros-container span{color:#8f8f8f;font-size:.9em}.name-macros-container .macro-value{color:#fff}.food-container .calories-value{color:#ff8307;font-size:1em;position:absolute;right:10%}.food-container #trash-can{cursor:pointer;height:2em;transition:transform .1s ease;width:1.5em}.food-container #trash-can:hover{transform:scale(1.15)}@media (max-width:600px){.food-selection-panel{font-size:.8em;width:100%}.food-list-panel{flex:0 0 350px}.counter-card{flex:0 0 200px}.meal-tabs-nav{font-size:1em}}.nutrients-tracker{color:#fff;grid-column:2;height:100%;min-width:fit-content;position:relative;width:100%}.calorie-plots{align-items:center;display:flex;flex-direction:column;height:95%;width:100%}.nutrient-plots{width:100%}.nutrient-bar-container{align-items:center;color:#fff;display:flex;flex-direction:row;gap:.5em;height:clamp(20px,1.7rem,40px);margin-left:.5em;width:95%}.nutrient-bar-container span{font-weight:800;width:20%}.pie-chart path:focus{outline:none}.pie-chart{height:100px;width:100px}@media (max-width:670px){.nutrients-tracker{height:180px}.tracker-panel .nutrients-tracker{display:none}}.daily-goal-tracker{flex-direction:row;flex-wrap:wrap;flex-wrap:nowrap;gap:1em;max-height:100%;max-width:100%}.daily-goal-tracker,.daily-goal-tracker .chart-container{align-items:center;display:flex;height:100%;justify-content:center}.daily-goal-tracker .chart-container{box-shadow:0 0 0 #0000;flex:1 1;flex-direction:column;min-width:6em;position:relative;transition:all .15s ease-in-out}.daily-goal-tracker .chart-container:hover{box-shadow:0 0 15px #25e4e433;box-shadow:0 0 15px var(--lv-primary-20);transform:scale(1.05)}.daily-goal-tracker .chart-container>p{color:silver;font-size:.9em;font-weight:400;margin:0}.daily-goal-tracker .chart-container>p span{color:#fff;font-size:1.2em;font-weight:600}.daily-goal-tracker .chart-container .lucide-icon{background-color:#25e4e433;background-color:var(--lv-primary-20);border-radius:8px;color:#25e4e4;color:var(--lv-primary);height:2em;left:5%;padding:2px;position:absolute;top:5%;width:2em}@media (max-width:600px){.daily-goal-tracker{gap:.3em}.daily-goal-tracker .chart-container{font-size:.9em;justify-content:center;padding-top:1.5em}}.add-food-panel{align-items:center;background:#2e7d5c;background:var(--green-4);border-radius:8px;box-shadow:0 10px 8px #0000001a;display:flex;flex-direction:column;gap:1em;height:23em;margin:2em auto auto;padding:20px;transition:all .3s ease;width:50%}.add-food-panel h2{border-bottom:1px solid #0000;color:#fff;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:1.5em;margin:0;padding:0;transition:all .5s ease}.add-food-panel:hover>h2{border-bottom:1px solid var(--main-color);color:#fff}.add-food-panel>img{background-color:#17a915;border-radius:100%;color:var(--main-color);cursor:pointer;margin:auto;padding:0;transition:transform .05s ease;width:3em}.add-food-panel>img:hover{transform:scale(1.1)}.add-food-panel>img:hover:active{box-shadow:0 0 5px 3px #4b9b6e;box-shadow:0 0 5px 3px var(--green-3);transform:scale(1)}.add-food-form{align-items:start;background-color:#fff;border-radius:10px;color:#1a5436;color:var(--green-5);column-gap:0;display:flex;flex-direction:column;justify-content:center;margin:auto;padding:10px;row-gap:.5em;width:90%}.add-food-form-item{display:flex;flex-direction:row;width:100%}.add-food-form-item label{width:6em}.add-food-form-item input{background-color:#dfe6e2;border:none;border-radius:5px;outline:none;outline:1px solid #0000;padding:5px;transition:outline-color .3s;width:100%}.add-food-form-item input:hover{outline:2px solid #4b9b6e;outline:2px solid var(--green-3)}#header{align-items:center;background:#1e2025;background:var(--palette-black);background:#21263180;background:var(--lv-header);box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #00000080,0 4px 20px #0009;color:#fff;display:flex;flex-direction:row;font-weight:800;gap:3em;height:10vh;justify-content:space-between;margin:0;max-width:100vw;padding-left:2em;position:sticky}#header .logo-container{align-items:center;display:flex;gap:.4em;justify-content:space-around}#header .logo-container img{height:3em;width:5em}#header .logo-container svg{background-color:#25e4e433;background-color:var(--lv-primary-20);border-radius:8px;color:#25e4e4;color:var(--lv-primary);height:2.5em;padding:4px;width:2.5em}#header h2{font-size:1.15em}#header h2,#header p{margin:0;text-align:start}#header p{font-size:.9em;font-weight:200}#header #logo{height:8em;margin:0;padding:5px;width:8em}.header-nav{border-radius:10px;flex-direction:row;font-size:1.1rem;gap:.5em;height:100%;padding-left:1em;padding-right:1em}.header-nav,.header-nav a{align-items:center;display:flex}.header-nav a{border-bottom:2px solid #0000;border-radius:12px;color:#fff;font-size:.85em;font-weight:600;padding:4px;text-decoration:none;transition:all .3s ease}.header-nav a.active,.header-nav a:hover{background-color:#25e4e4;background-color:var(--lv-primary);color:#000}.header-nav svg{height:2.1em;padding:4px;width:2.1em}.hamburger-nav-btn{background-color:initial;border:none;display:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}.hamburger-nav-btn img{width:3.5em}#header .log-out{align-items:center;border-bottom:2px solid #0000;border-radius:10px;cursor:pointer;display:flex;margin-right:1em;position:relative;transform:translate(80%);transition:all .4s ease;width:8em}#header .log-out:hover{color:red;transform:translate(20%)}#header .log-out span{opacity:0;transition:all .4s ease}#header .log-out:hover span{opacity:1}#header .log-out img{width:1.8em}#header .log-out-in-nav{align-items:center;border-bottom:2px solid #0000;color:red;cursor:pointer;display:none;flex-direction:row;height:fit-content;justify-content:center;transition:all .2s ease-in-out}#header .log-out-in-nav img{width:1.5em}@media (max-width:1010px){#header{font-size:1em;gap:.5em;padding-left:.2em}#header .logo-container>div{display:none}.header-nav{font-size:.9em;padding:0}}@media (max-width:530px){#header .log-out-in-nav{display:flex}#header .log-out{display:none}}@media (max-width:480px){#header>#logo{height:6em;padding:0;width:6em}.header-nav{margin-right:2em}}.my-profile-layout{align-content:center;display:flex;flex-direction:row;height:100%;margin-bottom:0;padding:2em 1em 1em;width:100%}.profile-outlet{border-radius:20px;height:fit-content;margin-left:auto;margin-right:auto;max-width:55em;overflow-y:hidden;padding:10px;transform:translate(-10%);width:70%}.profile-outlet .loading-overlay{align-items:center;background-color:rgba(0,0,0,.501);border-radius:10px;display:flex;height:100%;inset:0;justify-content:center;opacity:0;position:absolute;transition:all .2s ease-in-out;visibility:hidden;width:100%}.profile-outlet .loading-overlay.active{opacity:1;visibility:visible}.profile-nav{align-items:start;background:#0000;border-bottom-right-radius:5px;display:flex;flex-direction:column;gap:0}.profile-nav svg{height:2em;padding:4px;width:2em}.profile-nav a{align-items:center;border-bottom:2px solid #0000;color:#fff;cursor:pointer;display:flex;font-size:1.1em;font-weight:500;gap:1em;padding:4px;position:relative;text-align:start;text-decoration:none;transition:all .3s ease-in-out;width:100%}.profile-nav a:hover{color:#06acaf;color:var(--secondary-color)}.profile-nav a.active{border-radius:5px;color:#25e4e4;color:var(--lv-primary)}.profile-nav a:before{background-color:#25e4e433;background-color:var(--lv-primary-20);border-radius:4px;content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:width .3s ease-in-out;width:0;z-index:-1}.profile-nav a.active:before{width:100%}@media (max-width:1170px){.profile-nav span{font-size:.6em}}@media (max-width:1010px){.profile-nav span{display:none}}@media (max-width:480px){.my-profile-layout{flex-direction:column;padding:0}.profile-nav{flex-direction:row;width:100%}.profile-nav a{align-items:center;gap:3px;justify-content:center;text-align:center}.profile-outlet{margin-top:1em;transform:translate(0);width:90%}}.personal-goals{align-content:start;animation:fade-in-forgot-password .5s ease-in-out;color:#fff;display:flex;flex-direction:row;gap:2em;justify-content:space-around;padding:2em 10px 10px;position:relative}.personal-goals h2{margin:0}.personal-goals .flex-item{flex:1 1}.nutrition-goals-container{display:flex;flex-direction:column;gap:2em;position:relative}.nutrition-goals-container img{left:0;position:absolute;top:0;width:2em}.health-goals-container{display:flex;flex-direction:column;gap:2em;position:relative}.health-goals-container img{left:0;position:absolute;top:-.5em;width:3em}@media (max-width:800px){.personal-goals{font-size:.7em;gap:1em;padding-top:2.6em}.personal-goals .edit-info-btn{font-size:1.12em}}@media (max-width:420px){.personal-goals{flex-direction:column;font-size:.8em}}.personal-info{align-items:center;animation:fade-in-forgot-password .5s ease-in-out;display:flex;flex-direction:column;flex-wrap:wrap;gap:1.5em;height:100%;padding:1em;position:relative;width:100%}.personal-info,.personal-info dl{border-radius:10px;justify-content:center}.personal-info dl{grid-column-gap:3em;grid-row-gap:2em;align-items:start;color:#4d4d4d;column-gap:3em;display:grid;font-weight:700;grid-template-columns:1fr 1fr;margin:0;padding:0 4px;row-gap:2em;width:90%}.personal-info dl>img{width:2em}.personal-info h2{border-bottom:1px solid #fff;color:#fff;font-size:2em;margin:0}.personal-info>#avatar-img{animation:flipAnim 2s ease-in-out;background-color:initial;border-radius:50%;margin:auto;width:5.5em}@keyframes flipAnim{0%,25%{transform:rotateY(0deg)}50%,75%{transform:rotateY(180deg)}to{transform:rotateY(1turn)}}@media (max-width:768px){.personal-info dl{align-items:stretch;display:flex;flex-direction:column;width:100%}}.edit-info-btn{align-items:center;background-color:#027483;border:none;border-radius:3px;box-shadow:0 0 5px #202020;color:#fff;cursor:pointer;display:flex;flex-direction:row;font-family:quicksand;font-size:.9em;font-weight:400;gap:.4em;margin-right:1em;margin-top:.5em;padding:4px;position:absolute;right:0;top:0;transition:all .2s ease-in-out}.edit-info-btn img{transition:all .1s;width:1.2em}.edit-info-btn:hover{background-color:#0390af;box-shadow:0 0 4px #000}.edit-info-btn.active{background-color:green}.security-container{animation:fade-in-forgot-password .5s ease-in-out;color:#fff;display:flex;flex-direction:column;gap:1.5em;padding:10px;position:relative}.security-container h2{margin:0}.security-settings{align-items:center;display:flex;flex-direction:column;gap:.5em;width:100%}.security-settings>*{max-width:30em;width:70%}.security-container .title-container{align-items:center;display:flex;flex-direction:row;justify-content:center}.security-container .title-container img{width:2em}@media (max-width:650px){.security-container{padding-top:2em}}.change-password-btn{background-color:#027483;border:none;border-radius:5px;box-shadow:0 0 10px #0e0e0e;color:#fff;cursor:pointer;font-family:quicksand;font-size:1em;font-weight:bolder;height:2.5em;position:relative;transition:all .2s ease-in-out;width:15em}.change-password-btn:hover{background-color:#0390af;box-shadow:0 0 15px #000}.change-password-btn img{position:absolute;right:0;top:50%;transform:translate(-50%,-50%);width:2em}.info-pair{display:flex;flex-direction:column;text-align:left}.info-pair input:focus,.info-pair input:hover,.info-pair.active input{border-bottom:2px solid #06acaf;border-bottom:2px solid var(--secondary-color)}.info-pair input{background-color:initial;border:none;border-bottom:2px solid gray;color:#fff;font-family:quicksand;font-size:1.1em;font-weight:500;outline:none;transition:border .2s ease-in-out}.info-pair span{color:#4d4d4d;font-size:1em;font-weight:700}.info-pair .input-container{border-bottom:2px solid gray;display:flex;justify-content:space-between;transition:border .2s ease-in-out;width:100%}.info-pair .input-container:hover,.info-pair.active .input-container{border-bottom:2px solid #06acaf;border-bottom:2px solid var(--secondary-color)}.info-pair .input-container input{border-bottom:0;width:85%}.info-pair .input-container span{color:#fff;text-align:end}.dashboard-main{align-self:center;display:flex;flex-direction:column;max-width:80em;position:relative;width:100%}.dashboard-main>button{align-items:center;background:linear-gradient(135deg,#252b37,#212631);background:var(--lv-gradient-card);border:1px solid #25e4e433;border:1px solid var(--lv-primary-20);border-radius:20px;color:#fff;cursor:pointer;display:flex;font-family:quicksand;font-size:1em;font-weight:500;gap:4px;left:50%;padding:10px;position:absolute;top:5%;transform:translate(-50%);transition:all .2s ease-in-out}.dashboard-main>button:hover{transform:translate(-50%) scale(1.05)}.dashboard-main>button svg{background-color:#25e4e433;background-color:var(--lv-primary-20);border-radius:10px;color:#25e4e4;color:var(--lv-primary);height:2em;padding:4px;width:2em}.dashboard-main .welcome-container{align-items:start;display:flex;flex-direction:column;gap:0;justify-content:start;padding-left:2em}.dashboard-main .welcome-container>p{color:#b4b4b4;font-weight:200;margin:0}.dashboard-main .welcome-container>h2{color:#fff;margin:.5em 0 0;text-align:start}.dashboard-main .welcome-container>h2 span{color:#25e4e4;color:var(--lv-primary)}.dashboard{color:#fff;display:flex;flex-direction:column;gap:1em;max-width:100vw;overflow-y:hidden;padding:1em 2em}.dashboard>*{animation:fade-in-forgot-password .6s ease-in-out}.dashboard>.flex-row-container{align-items:stretch;display:flex;flex-wrap:nowrap;gap:2em;height:fit-content;justify-content:space-between;min-height:10em;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.dashboard .carousel-container{position:relative}.dashboard .charts-container{background-color:initial;border-radius:10px;box-shadow:0 0 0 #000;display:flex;flex-direction:row;flex-wrap:nowrap;gap:1em;height:20em;max-height:13em;min-height:10em;overflow-x:auto;overflow-y:hidden;padding:1em .8em 1em 0;position:relative;scroll-behavior:smooth;scroll-snap-type:x mandatory;width:100%}.charts-container .daily-goal-tracker{box-shadow:0 0 0 #000;flex-grow:1;scroll-snap-align:start;width:fit-content}.charts-container .nutrients-tracker{background:radial-gradient(circle at left top,#222b42 30%,#1e2025 100%);box-shadow:0 0 0 #000;flex:1 1;min-width:17.5em;scroll-snap-align:start}.dashboard .charts-container::-webkit-scrollbar{display:none}@media (max-width:1030px){.dashboard{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr 1fr 1fr}.dashboard-main .welcome-container{margin-bottom:2em}.dashboard-main>button{top:8%}}@media (max-width:670px){.dashboard{display:flex;flex-direction:column;padding:.5em 0 .5em .5em}.dashboard-main .welcome-container{margin-bottom:0}.dashboard-main .welcome-container p{display:none}.dashboard h2{text-decoration:none}.dashboard-main>button{box-shadow:0 0 15px #25e4e433;box-shadow:0 0 15px var(--lv-primary-20);position:fixed;top:90%;z-index:9999}.dashboard .charts-container .nutrients-tracker{flex:0 0 auto;width:90%}.dashboard .charts-container .daily-goal-tracker{flex:0 0 auto;width:93%}.dashboard>.flex-row-container{gap:1em}.dashboard>.flex-row-container .insights-card,.dashboard>.flex-row-container .weight-history-card{flex:0 0 auto;scroll-snap-align:start}.dashboard>.flex-row-container .exercise-tracker-container,.dashboard>.flex-row-container .streak-card,.dashboard>.flex-row-container .water-intake-card{scroll-snap-align:start}}.insights-card{display:flex;flex:1 1;flex-direction:column;gap:.5em;padding:0}.insights-card .flex-column-container{align-items:start;display:flex;flex-direction:column;font-size:.8em;padding:1em 0 0 1em}.insights-card .flex-column-container h2{margin:0}.insights-card .flex-column-container span{color:#b7b7b7}.insights-card-items-container{display:flex;flex-direction:column;gap:.5em;padding:1em;width:100%}.insights-card-item{align-items:center;background-color:#373737;border:0 solid #2c2c2c;border-radius:10px;box-shadow:1px 1px 5px rgba(0,0,0,.433);cursor:pointer;display:flex;flex-direction:row;gap:.3em;max-width:38em;min-height:3em;overflow:visible;padding:.7em;position:relative;text-align:center;transition:all .3s ease;width:100%;z-index:0}.insights-card-item>.flex-row-container{display:flex;flex-direction:column;gap:0;min-height:fit-content;text-align:start;width:100%}.insights-card-item>img{height:1.5em;width:1.5em}.insights-card-item:hover{transform:scale(1.1);z-index:1000}.insights-card-item h2{font-size:1rem;font-weight:500;margin:0}.insights-card-item h3{font-size:.9rem;font-weight:300;margin:0}@media (max-width:670px){.insights-card{max-height:20em;width:90%}.insights-card-item{font-size:.9em;padding:3px}.insights-card-item .flex-row-container h2{font-size:1em}.insights-card-item .flex-row-container h3{font-size:.8em}}.water-intake-card{align-items:start;display:flex;flex-direction:column;gap:.5em;height:13em;justify-content:center;max-width:20em;min-width:10em;padding:1em;width:100%}.water-intake-card .flex-column-container{align-items:start;display:flex;flex-direction:column;font-size:.8em}.water-intake-card .flex-column-container h2{margin:0}.water-intake-card .flex-column-container span{color:#adadad;font-weight:300}.water-intake-insight{border-radius:10px;cursor:pointer;flex:1 1;height:90%;overflow:hidden;perspective:1000px;position:relative;width:90%}.water-intake-insight>img{position:absolute}.inner{background-color:#011a2f;height:100%;position:relative;transform-style:preserve-3d;transition:transform .5s ease;width:100%}.water-intake-insight.turned .inner{transform:rotateY(180deg)}.water-intake-back,.water-intake-front{backface-visibility:hidden;height:100%;position:absolute;width:100%}.water-intake-back{align-items:center;display:flex;flex-direction:column;gap:.8em;justify-content:center;pointer-events:none;transform:rotateY(180deg)}.water-intake-back h3{font-size:.9em;margin:0}.add-water-container{align-items:center;display:flex;flex-direction:row;gap:.5em;justify-content:center}.add-water-container svg{color:#2121de;transition:all .1s ease-in-out}.add-water-container svg:hover{color:#5789cf;transform:scale(1.05)}.add-water-container svg.disabled{color:gray;transform:none}.water-intake-insight.turned .water-intake-back,.water-intake-insight:not(.turned) .water-intake-front{pointer-events:auto;z-index:2}.water-intake-back input{background-color:#011a2f;border:0;border-bottom:2px solid #9e9edf;color:#fff;font-size:1em;font-weight:500;min-height:20px;min-width:60px;outline:none;padding:5px;text-align:center;width:10%}.water-bar{height:100%;position:relative;width:100%}.water-info{left:50%;position:absolute;top:40%;transform:translate(-50%,-50%);z-index:1}.water-info img{display:block;width:2em}.water-intake-insight-fill{animation:wave 2s linear infinite;background:#3333c2;background-color:#3c3cb6;bottom:-95%;clip-path:polygon(0 2%,10% 4%,20% 3%,30% 5%,40% 2%,50% 3%,60% 4%,70% 2%,80% 5%,90% 3%,100% 2%,100% 100%,0 100%);height:100%;position:absolute;width:100%}@keyframes wave{0%{clip-path:polygon(0 2%,10% 4%,20% 3%,30% 5%,40% 2%,50% 3%,60% 4%,70% 2%,80% 5%,90% 3%,100% 2%,100% 100%,0 100%)}50%{clip-path:polygon(0 3%,10% 2%,20% 4%,30% 2%,40% 3%,50% 4%,60% 2%,70% 5%,80% 3%,90% 4%,100% 3%,100% 100%,0 100%)}to{clip-path:polygon(0 2%,10% 4%,20% 3%,30% 5%,40% 2%,50% 3%,60% 4%,70% 2%,80% 5%,90% 3%,100% 2%,100% 100%,0 100%)}}.insight-hint-modal{height:100%;padding:0 .2em;width:90%}.progress-bar{background-color:#e5e7eb;background-color:var(--color-secondary,#e5e7eb);border-radius:9999px;height:8px;overflow:hidden;position:relative;width:100%}.progress-fill{background-color:#c78100;border-radius:9999px;height:100%;left:0;position:absolute;top:0;transition:width .3s ease;z-index:1}.exercise-tracker-container{align-items:start;align-self:stretch;border-radius:10px;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:20em;overflow:hidden;position:relative}.exercise-tracker-container h2{font-weight:700;margin:0}.exercise-tracker-container h3{font-size:1em;margin:0}.exercise-tracker-container svg{background-color:#25e4e433;background-color:var(--lv-primary-20);border-radius:8px;color:#25e4e4;color:var(--lv-primary);height:1.8em;padding:4px;width:1.8em}.exercise-tracker-container>img{cursor:pointer;position:absolute;right:0;top:-2%;transition:transform .15s ease-in-out;width:2.5em}.exercise-tracker-container img:hover{transform:scale(1.1)}.exercise-tracker-container .item{padding:1em;width:90%}.exercise-tracker-container .item>.flex-row-container{align-items:center;display:flex;gap:.5em}.exercise-tracker-container .item .progress-bar-container{flex:1 1;text-align:start}.exercise-tracker-container .item .progress-bar-container span{color:#aaa;font-size:.9em;font-weight:400}.exercise-tracker-container .item .progress-bar-container>.flex-row-container{display:flex;flex-direction:row;justify-content:space-between;padding:5px}.success-message{background-color:green;border-radius:5px;bottom:2%;color:#fff;padding:4px;position:absolute;right:50%;transform:translate(50%);transition:opacity .5s ease-in-out;z-index:9999}.success-message.fade-out{opacity:0}.exercise-flex-item{display:flex;flex-direction:column;font-size:clamp(.75em,.75em + .3vh + .1vw,1.1em);height:100%;min-height:fit-content;min-width:5em;padding-bottom:.2em;width:100%}.exercise-flex-item h3{color:#fff;font-size:1.1em;z-index:2}@media (max-width:375px){.exercise-flex-item{height:100%}}.add-activity-dialog-overlay,.dialog-overlay{align-items:center;background:rgba(0,0,0,.605);display:flex;inset:0;justify-content:center;opacity:0;position:fixed;transition:all .15s ease-in-out;visibility:hidden;z-index:9999}.add-activity-dialog-overlay.active,.dialog-overlay.active{animation:dialog-anim;opacity:1;visibility:visible}.add-activity-dialog{align-items:center;background:#191d24;border-radius:20px;display:flex;flex-direction:column;height:30em;padding:2em;position:relative;transform-origin:right center;transition:all .3s ease-in-out;width:30em}.add-activity-dialog .cross-button svg{background-color:initial;height:1.9em;padding:0;width:1.9em}.add-activity-form{align-items:start;color:#fff;column-gap:0;display:flex;flex-direction:column;flex-wrap:wrap;height:100%;justify-content:start;padding:.5em;row-gap:.5em;width:100%}.add-activity-form>h2{font-size:1.2em;margin:0}.add-activity-form>span{color:#a7a7a7;font-size:.9em}.add-activity-form h4{margin:0;padding:0}.add-activity-form .submit_btn{background-color:#25e4e4;background-color:var(--lv-primary);border:0 solid #1b098b;border-radius:5px;color:#000;cursor:pointer;font-family:quicksand;font-size:1em;font-weight:600;margin-top:1em;padding:5px;width:90%}.add-activity-form .submit_btn:hover{background-color:#03c6e4}.add-activity-form .submit_btn:active{transform:scale(.99)}.add-activity-form .loader{animation:spin 1s linear infinite;background-color:#b29503;bottom:5%;position:absolute;right:50%;width:2.2em}@keyframes spin{0%{transform:translate(50%) rotate(0deg)}to{transform:translate(50%) rotate(1turn)}}.add-activity-form .selection{align-items:center;background-color:#1a1a1a;border:1px solid #5f5f5f;border-radius:8px;color:#d7d7d7;cursor:pointer;display:flex;flex-direction:row;font-weight:600;justify-content:space-between;min-width:125px;padding:4px;width:90%}.add-activity-form .selection svg{background:#0000;height:1.5em;padding:0;transition:transform .2s ease-in-out;width:1.5em}.add-activity-form .selection.active svg{transform:rotate(180deg)}.add-activity-form .selection:hover{background-color:#171717}.add-activity-form .selection.active:active,.add-activity-form .selection:active{background-color:#090909}.add-activity-form .selection.active{background-color:#171717}.add-activity-form .dropdown{background-color:#171717;border:1px solid gray;border-radius:8px;color:#ddd;font-weight:600;list-style:none;margin:0;min-width:100px;opacity:0;padding:4px;position:absolute;text-align:start;transition:all .2s ease-in-out;visibility:hidden;width:90%}.add-activity-form .dropdown.active{opacity:1;visibility:visible}.activity-input-container{align-items:start;display:flex;flex-direction:column;gap:.2em;position:relative;width:100%}.add-activity-form .dropdown li{border-radius:5px;cursor:pointer;padding:2px}.add-activity-form .dropdown li:hover{background-color:#25e4e4;background-color:var(--lv-primary);color:#000}.activity-calories-container,.activity-time-container{align-items:start;display:flex;flex-direction:column;gap:.2em;width:100%}.activity-calories-input-container,.activity-time-input-container{align-items:center;background-color:#1a1a1a;border:1px solid gray;border-radius:8px;display:flex;flex-direction:row;padding:3px;width:90%}.activity-calories-input-container:focus-within,.activity-time-input-container:focus-within{border:1px solid #25e4e4;border:1px solid var(--lv-primary);border-radius:6px}.activity-calories-input-container input,.activity-time-input-container input{background-color:#fff0;border:none;border-radius:3px;color:#fff;font-family:Quicksand,sans-serif;font-size:1em;font-weight:600;outline:none;text-align:center;text-align:start;width:100%}@media (max-width:375px){.add-activity-form{padding-top:1.4em}}.streak-card{align-items:start;align-self:stretch;display:flex;flex:0 1;flex-direction:column;gap:.5em;min-width:15em;padding:15px;position:relative}.streak-card svg{background-color:#25e4e433;background-color:var(--lv-primary-20);border-radius:8px;color:#25e4e4;color:var(--lv-primary);height:2em;padding:4px;width:2em}.streak-card span{color:gray;font-size:.9em;font-weight:600;text-align:start}.streak-card h2{font-size:1.8em;font-weight:800;margin:.2em 0 0;padding:0}.streak-card h2,.streak-card p{color:#25e4e4;color:var(--lv-primary)}.streak-card p{font-size:.9em;margin:0;text-align:start}.today-exercise-card{gap:clamp(.2em,.1em + 1vh,1.5em);height:100%}.today-exercise-card img{width:1.8em}.today-exercise-card .flex-item{align-items:center;display:flex;flex-direction:row;justify-content:space-evenly;margin:0 .5em}.today-exercise-card .flex-item span{width:50%}.weight-history-card{flex:1 1;height:fit-content;max-width:40em;min-height:15em;position:relative}.weight-history-card .weight-info-container{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:2em 1em 0;width:100%}.weight-history-card .weight-info-container h2{font-size:1.1em;margin:0;text-align:start}.weight-history-card .weight-info-container h2 span{color:#aeaeae;font-size:.8em;font-weight:400;margin:0}.weight-history-card .weight-info-container .weight-trend{align-items:center;display:flex;flex-direction:column}.weight-history-card .weight-info-container .weight-trend h2{color:#25e4e4;color:var(--lv-primary);font-size:1.4em}.weight-history-card .weight-info-container .weight-trend span{align-items:center;display:flex;font-size:.8em}.weight-history-card .weight-info-container .weight-trend svg{width:1.5em}.weight-history-card img{cursor:pointer;position:absolute;right:0;top:-2%;transition:transform .15s ease-in-out;width:2.5em}.weight-history-card img:hover{transform:scale(1.1)}.log-weight-modal{background:#191919;background:var(--gradient-midnight);border:1px solid #29343d;border:1px solid var(--palette-dark-grey);border-radius:15px;height:100%;max-width:15em;opacity:0;position:absolute;right:0;top:0;transform:scale(0);transform-origin:right top;transition:all .3s ease-in-out;width:50%}.log-weight-modal.active{opacity:1;transform:scale(1)}.log-weight-modal h3{margin:0 0 .5em}.weight-modal-form{align-items:start;display:flex;flex-direction:column;gap:.5em;max-height:20%;padding:.5em}.weight-modal-form span{color:#039bb5;font-weight:700}.weight-modal-form input{background-color:#313131;border:none;border-radius:4px;color:#fff;font-family:Quicksand,sans-serif;font-size:1.1em;font-weight:600;max-width:4em;outline:none;padding:3px;text-align:center}.weight-modal-form .submit_btn{border:none;border-radius:5px;color:#fff;cursor:pointer;font-family:quicksand;font-size:1em;font-weight:600;padding:5px;transform:translate(50%);width:5em}.weight-modal-form .loader,.weight-modal-form .submit_btn{background-color:rgba(3,154,181,.674);bottom:5%;position:absolute;right:50%}.weight-modal-form .loader{animation:spin 1s linear infinite;width:2em}.date-input-container,.weight-input-container{align-items:start;display:flex;flex-direction:column;gap:.2em;max-width:100%}.date-input-container input{font-size:1em;max-width:100%}@media (max-width:670px){.weight-history-card{height:200px;width:90%}}.login-page-body{align-items:center;background:url(/static/media/gym_background.96963668798cb56bd484.jpg);background-position:50%;background-size:cover;display:flex;height:100vh;justify-content:center;margin:0;max-height:100vh;padding:0;position:absolute;width:100vw}.login-page-body h1{color:#fff;margin:1em 0 0}.login-page-body>img{left:50%;margin:0;position:absolute;top:0;transform:translate(-50%);width:8.5em;z-index:2}.login-container{animation:fade-in-login .8s ease;height:30em;max-height:60em;max-width:35em;perspective:1000px;position:relative;width:95%}@keyframes fade-in-login{0%{transform:translateY(100%)}to{transform:translateY(0)}}.login-container .inner-login{border-radius:40px;box-shadow:0 2px 15px #000;position:relative;transform-style:preserve-3d;transition:all .6s ease;width:100%}.login-container.turned .inner-login{transform:rotateY(180deg)}.login-side{-webkit-backdrop-filter:blur(20px) saturate(120%);backdrop-filter:blur(20px) saturate(120%);backface-visibility:hidden;background-color:#121c234d;border-radius:40px;height:fit-content;padding:2em 0 .5em;position:absolute;width:100%}.login-container h1{animation:hop 1.5s ease-in-out .5s forwards;color:#fff;font-size:1.9em;margin:0}@keyframes hop{0%{transform:translate(0)}20%{transform:translateY(-50%)}40%{transform:translate(0)}60%{transform:translateY(-35%)}80%{transform:translate(0)}90%{transform:translateY(-10%)}to{transform:translate(0)}}.login-container h2{color:#a9deea;font-weight:400}.login-form{align-items:center;display:flex;flex-direction:column;gap:1em}.login-form .input-pair{display:flex;flex-direction:column;max-width:15em;position:relative;width:80%}.login-form .input-pair label{color:#c7e1eb;font-size:.85em;text-align:start}.login-form .input-pair input{background:#0000;border:1px solid #0d2645;border-radius:3px;color:#fff;font-family:quicksand;font-size:1.05em;outline:none;padding:6px;text-align:start;transition:all .25s ease}.login-form .input-pair input:focus{box-shadow:0 0 5px #000218}.login-form .input-pair .eye-icon{color:#fff;cursor:pointer;height:1.2em;position:absolute;right:3%;top:50%;transition:transform .2s ease;width:1.2em}.login-form .input-pair .eye-icon:hover{transform:scale(1.2)}.login-form .input-pair .hint{bottom:-30%;color:red;font-size:.8em;font-weight:600;position:absolute;transform:scale(0);transition:transform .2s ease}.login-form .input-pair:focus-within .hint{transform:scale(1)}.login-form .forgot-password{border-bottom:1px solid #c9d1ed;color:#c9d1ed;cursor:pointer;display:block;font-size:.8em;font-weight:400;max-width:15em;text-align:center;text-decoration:none;transition:all .3s ease-in-out}.login-form button{background-color:#06acaf;background-color:var(--secondary-color);border:none;border-radius:15px;box-shadow:0 0 4px #000;color:#fff;cursor:pointer;font-family:quicksand;font-size:1em;font-weight:500;height:2em;max-width:15em;padding:5px 9px;transition:all .2s ease;width:80%}.login-form button:hover{background-color:#027e94;box-shadow:0 0 5px #06acaf;box-shadow:0 0 5px var(--secondary-color);transform:scale(1.05)}.login-form .loader2{height:2em}.register-here{align-self:center;background-color:#05181f;border-radius:7px;cursor:pointer;display:flex;flex-direction:column;height:fit-content;justify-self:center;margin-top:1em;padding:5px;position:relative;width:10em}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.register-here:after{animation:rotate-led 6s linear infinite;background-image:conic-gradient(from var(--angle),#0ff,#09093c);border-radius:7px;content:"";filter:blur(3px);height:100%;inset:-1px;padding:2px;position:absolute;transition:filter .3s ease;width:100%;z-index:-1}@keyframes rotate-led{0%{--angle:0deg}to{--angle:360deg}}.register-here:hover:after{filter:blur(10px)}.register-here span{color:#fff;font-size:.7em;font-weight:400}.register-here h2{font-size:1.2em;font-weight:600;margin:0}.register-side{-webkit-backdrop-filter:blur(20px) saturate(120%);backdrop-filter:blur(20px) saturate(120%);backface-visibility:hidden;background-color:#121c234d;border-radius:40px;display:flex;flex-direction:column;height:fit-content;padding:2em 0 .5em;position:absolute;transform:rotateY(180deg);width:100%}@media (max-height:700px){.login-page-body>img{width:7em}}@media (max-height:660px){.login-page-body>img{width:6em}}.on-boarding-container{align-items:center;display:flex;flex-grow:1;justify-content:center;overflow-y:hidden}.plan-container,.welcome-container{animation:fade-in-forgot-password .8s ease-in-out;box-shadow:0 0 0 #06acaf;box-shadow:0 0 0 var(--secondary-color);color:#fff;display:flex;flex-direction:column;gap:1.5em;justify-content:center;justify-self:center;max-width:40em;padding:10px;width:90%}.welcome-container>h2{color:#06acaf;color:var(--secondary-color)}.welcome-container h3{margin:0;padding:0}.on-boarding-form{align-items:center;display:flex;flex-direction:column;gap:.5em}.on-boarding-form h3{color:#fff}.user-choice-list-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.user-choice-list-container ul{background-color:#191e29;background-color:var(--cyborg-black);border-radius:5px;display:flex;flex-direction:row;gap:.5em;list-style:none;margin:0;padding:5px}.user-choice-list-container ul li{align-items:center;background-color:#132d46;background-color:var(--cyborg-blue);border-radius:5px;cursor:pointer;display:flex;font-size:1.15em;gap:.3em;padding:4px;transition:all .3s ease-in-out}.user-choice-list-container ul li.active{background-color:#01c38d;background-color:var(--cyborg-green);color:#191e29;color:var(--cyborg-black);transform:scale(1.05)}.on-boarding-container .flex-row-container{align-items:center;display:flex;flex-direction:row;gap:2em}.on-boarding-container .flex-row-container>div{align-items:center;display:flex;flex-direction:column}.on-boarding-form .input-container{align-items:center;background-color:#132d46;background-color:var(--cyborg-blue);border:2px solid #0000;border-radius:4px;color:#01c38d;color:var(--cyborg-green);display:flex;padding:3px}.on-boarding-form .input-container input{background:#0000;border:none;color:#fff;font-size:1.1em;max-width:3em;outline:none;text-align:center}.on-boarding-container .submit_btn{align-items:center;background-color:#191e29;background-color:var(--cyborg-black);border:1px solid #01c38d;border:1px solid var(--cyborg-green);border-radius:6px;box-shadow:0 0 5px #01c38d;box-shadow:0 0 5px var(--cyborg-green);color:#fff;cursor:pointer;display:flex;font-family:quicksand;font-size:1.1em;font-weight:600;gap:.2em;height:2em;justify-content:center;margin:.5em;transition:all .2s ease-in-out;width:12em}.on-boarding-container .submit_btn:hover{background-color:#01c38d;background-color:var(--cyborg-green);color:#191e29;color:var(--cyborg-black)}.on-boarding-container .personal-goals .loading-overlay{display:none}.on-boarding-container .loader2{border-color:#01c38d;border-color:var(--cyborg-green);font-size:1.1em;height:2em;margin:.5em}.plan-container{align-items:center;margin:1em;width:100%}.plan-container h2{color:#06acaf;color:var(--secondary-color);margin:0}.plan-container .personal-goals{padding:10px;width:90%}.plan-container .personal-goals h2{font-size:1.2em}.plan-container .personal-goals button{display:none}.plan-container button{align-items:center;display:flex;flex-direction:row}.plan-container>span{color:#ddd;font-size:.9em}.verify-email-container{animation:fade-in-verify .8s ease-in-out;-webkit-backdrop-filter:blur(20px) saturate(120%);backdrop-filter:blur(20px) saturate(120%);background:#041b2dcc;border-radius:15px;display:flex;flex-direction:column;gap:1em;justify-content:center;max-width:35em;min-width:25em;padding:1em;transform:translateY(-50%);width:70%}@keyframes fade-in-verify{0%{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translateY(-50%)}}.verify-email-container h2{color:#90cfe2;margin:0}.verify-email-container span{align-self:center;border-bottom:1px solid #0000;color:#d6d6d6;color:#b9b9b9;cursor:pointer;display:flex;font-family:quicksand;font-size:.9em;margin:0;text-decoration:none;transition:all .2s ease-in-out}.verify-email-container span:hover{border-bottom:1px solid #eaeaea;color:#eaeaea}.verify-email-container span.resent{color:#fff;cursor:default}.verify-email-container span.resent:hover{border-bottom:1px solid #0000}.verify-email-form{display:flex;flex-direction:column}.verify-email-form .inputs-container{display:flex;flex-direction:row;gap:.9em;justify-content:center;width:100%}.verify-email-form input{background-color:#29343d;background-color:var(--palette-dark-grey);border:2px solid #646464;border-radius:10px;color:#fff;font-size:1.8em;height:1.8em;outline:none;text-align:center;transition:all .2s ease;width:1.8em}.verify-email-form input:focus{border:2px solid #3376c3}.forgot-password-container{align-items:center;animation:fade-in-forgot-password .6s ease-in-out;-webkit-backdrop-filter:blur(20px) saturate(120%);backdrop-filter:blur(20px) saturate(120%);background-color:#072a44cc;border-radius:20px;display:flex;flex-direction:column;gap:1em;max-width:30em;padding:15px 0 0;transform:translateY(-20%);width:90%}@keyframes fade-in-forgot-password{0%{opacity:0;transform:translateY(50%)}to{opacity:1}}.forgot-password-container h2{color:#90cfe2;font-size:1.4em;font-weight:600;margin:0}.forgot-password-form{align-items:center;color:#fff;display:flex;flex-direction:column;gap:1em;width:85%}.forgot-password-form span{color:#d6d6d6;font-size:.9em}.forgot-password-form .input-container{align-items:center;background-color:#2b3e4b4d;border:2px solid #b5b5b5;border-radius:10px;color:#fff;display:flex;flex-direction:row;gap:.5em;height:2.5em;transition:all .2s ease-in-out;width:100%}.forgot-password-form .input-container:focus-within{border:2px solid #075ec1}.forgot-password-form .input-container input{background:#0000;border:none;color:#fff;font-family:quicksand;font-size:1em;font-weight:500;height:100%;outline:none;width:100%}.forgot-password-form .input-container:focus-within .mail-img{transform:scale(1.12) translate(10%)}.forgot-password-form .input-container .mail-img{color:#fff;transform:translate(10%);transition:all .2s ease-in-out}.forgot-password-form>button{background-color:#06acaf;background-color:var(--secondary-color);border:0;border-radius:10px;box-shadow:0 0 6px #000;color:#fff;cursor:pointer;font-family:quicksand;font-size:1.05em;font-weight:600;height:2em;max-width:12em;outline:none;transition:all .2s ease-in-out;width:100%}.forgot-password-form>button:hover{background-color:#027e94;box-shadow:0 0 5px #06acaf;box-shadow:0 0 5px var(--secondary-color);transform:scale(1.05)}.forgot-password-container .after-submit-container{align-items:center;color:#fff;display:flex;flex-direction:column;gap:.5em}.forgot-password-container .after-submit-container .mail-img{animation:fade-in-mail-img 1s ease-in-out;background-color:#317ba0;border:none;border-radius:20%;box-shadow:0 0 5px #000;color:#e6e6e6;height:3.5em;padding:5px;width:3.5em}@keyframes fade-in-mail-img{0%{opacity:0;transform:translate(-250%)}}.forgot-password-container .back-to-login{align-items:center;background-color:#011d2e;border-bottom-left-radius:20px;border-bottom-right-radius:20px;color:#fff;display:flex;flex-direction:row;gap:.5em;height:2em;justify-content:center;width:100%}.forgot-password-container .back-to-login a{color:#fff;text-decoration:none}.reset-password-container{align-items:center;animation:fade-in-forgot-password .6s ease-in-out;-webkit-backdrop-filter:blur(20px) saturate(120%);backdrop-filter:blur(20px) saturate(120%);background-color:#072a44cc;border-radius:20px;display:flex;flex-direction:column;gap:1em;justify-content:space-between;max-width:30em;padding:15px 0;transform:translateY(-20%);width:90%}.reset-password-container h2{color:#06acaf;color:var(--secondary-color);margin:0}.reset-password-container span{color:#949494;font-size:.75em}.reset-password-form{align-items:center;display:flex;flex-direction:column;gap:1.5em;width:85%}.reset-password-container .input-container{align-items:center;background:#0000;border:2px solid #b5b5b5;border-radius:7px;border-radius:10px;display:flex;flex-direction:row;gap:.5em;height:2.5em;position:relative;transition:all .2s ease;width:85%}.reset-password-container .input-container:focus-within{border:2px solid #075ec1}.reset-password-container .input-container .lock-img{color:#fff;transform:translate(15%);transition:transform .2s ease-in-out}.reset-password-container .input-container:focus-within .lock-img{transform:scale(1.09) translate(15%)}.reset-password-container .input-container input{background:#0000;border:none;color:#fff;font-family:quicksand;font-size:1em;font-weight:500;height:100%;outline:none;width:100%}.reset-password-container .input-container .eye-icon{color:#fff;cursor:pointer;height:1.2em;position:absolute;right:3%;transition:transform .2s ease;width:1.2em}.reset-password-container .input-container .eye-icon:hover{transform:scale(1.2)}.reset-password-container .input-container .hint{bottom:-50%;color:red;font-size:.8em;font-weight:600;position:absolute;transform:scale(0);transition:transform .2s ease}.reset-password-container .input-container:focus-within .hint{transform:scale(1)}.reset-password-form button{background-color:#06acaf;background-color:var(--secondary-color);border:0;border-radius:10px;box-shadow:0 0 6px #000;color:#fff;cursor:pointer;font-family:quicksand;font-size:1.05em;font-weight:600;height:2em;max-width:12em;outline:none;transition:all .2s ease-in-out;width:100%}.reset-password-form>button:hover{background-color:#027e94;box-shadow:0 0 5px #06acaf;box-shadow:0 0 5px var(--secondary-color);transform:scale(1.05)}.main-layout.loading-component{align-items:center;display:flex;height:100vh;justify-content:center;width:100vw}.main-layout.loading-component .loader2{height:80px;width:80px}.main-layout.loading-component .loader2:after{height:100px;width:100px}.skeleton{height:100%;width:100%}.skeleton .card{--card:linear-gradient(180deg,#0b1017 100%,#0000 0);--card-height:100%;--avatar:radial-gradient(circle 40px at center,#103043 100%,#0000 0);--avatar-size:80px;--avatar-position:24px 24px;--title:linear-gradient(90deg,#061f3c 100%,#0000 0);--title-height:28px;--title-width:160px;--title-position:24px 120px;--subtitle:linear-gradient(90deg,#061f3c 100%,#0000 0);--subtitle-height:16px;--subtitle-width:200px;--subtitle-position:24px 160px;--button:linear-gradient(180deg,#061f3c 100%,#0000 0);--button-height:40px;--button-1-width:90px;--button-1-position:24px 260px;--button-2-width:90px;--button-2-position:124px 260px;--blur-width:200px;--blur-size:var(--blur-width) var(--card-height);height:100%}.skeleton .card:after{animation:loading 1.9s linear infinite;background-image:linear-gradient(90deg,#4f4f4f00 0,#222a3ccc 50%,#3330 100%),var(--avatar),var(--title),var(--subtitle),var(--button),var(--button),var(--card);background-position:-150% 0,var(--avatar-position),var(--title-position),var(--subtitle-position),var(--button-1-position),var(--button-2-position),0 0;background-repeat:no-repeat;background-size:var(--blur-size),var(--avatar-size) var(--avatar-size),var(--title-width) var(--title-height),var(--subtitle-width) var(--subtitle-height),var(--button-1-width) var(--button-height),var(--button-2-width) var(--button-height),100% 100%;border-radius:10px;content:"";display:block;height:100%;transition:all .6s ease;width:100%}@keyframes loading{to{background-position:350% 0,var(--avatar-position),var(--title-position),var(--subtitle-position),var(--button-1-position),var(--button-2-position),0 0}}.footer{background-color:#21263180;background-color:var(--lv-header);border-top:1px solid #444;color:#fff;height:10vh;text-align:center;width:100%}.footer p{margin:.5em 0 0}.spacer{background-color:#fff;flex:1 1}.loader{--_m:conic-gradient(#0000 10%,#000),linear-gradient(#000 0 0) content-box;animation:l3 1s linear infinite;aspect-ratio:1;background:#481f1f;border-radius:50%;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;padding:7px;width:50px}@keyframes l3{to{transform:rotate(1turn)}}.loader2{animation:rotation 1s linear infinite;border:3px solid #02322c;display:inline-block;height:32px;position:relative;width:32px}.loader2,.loader2:after{border-radius:50%;box-sizing:border-box}.loader2:after{border:8px solid #0000;border-bottom:8px solid var(--secondary-color);content:"";height:56px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:56px}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ham{-webkit-tap-highlight-color:transparent;cursor:pointer;transition:transform .4s}.hamRotate.active{transform:rotate(45deg)}.line{fill:none;stroke:#fff;stroke-width:5;stroke-linecap:round;transition:stroke-dasharray .4s,stroke-dashoffset .4s}.ham8 .top{stroke-dasharray:40 160}.ham8 .middle{stroke-dasharray:40 142;transform-origin:50%;transition:transform .4s}.ham8 .bottom{stroke-dasharray:40 85;transform-origin:50%;transition:transform .4s,stroke-dashoffset .4s}.ham8.active .top{stroke-dashoffset:-64px}.ham8.active .middle{transform:rotate(90deg)}.ham8.active .bottom{stroke-dashoffset:-64px}.no-select{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
/*# sourceMappingURL=main.8ea9a295.css.map*/