@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;800&family=VT323&display=swap";@import"https://fonts.googleapis.com/css2?family=Yellowtail&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200";.chart--placeholder{grid-area:chart;display:flex;flex-direction:column;gap:10px;align-items:center;height:100%;filter:opacity(.7)}@keyframes placeholder--animation{0%{background:#a74f8eb3}50%{background:#46d9e0b3}to{background:#a74f8eb3}}.chart--placeholder--title{height:20px;width:200px;border-radius:2px;animation:placeholder--animation 1s ease-in-out infinite}.chart--placeholder--circle{height:300px;width:300px;border-radius:100%;animation:placeholder--animation 1s ease-in-out infinite}.chart--placeholder--legend{display:flex;flex-wrap:wrap;gap:5px;justify-content:center;width:200px;margin-top:10px}.chart--placeholder--legend>span{height:10px;width:60px;border-radius:2px;animation:placeholder--animation 1s ease-in-out infinite}.chart--container{grid-area:chart;display:flex;flex-direction:column;width:100%}.chart{position:relative;width:300px;margin:25px auto 0}.chart--container>h3{position:relative;width:fit-content;margin:10px auto 0;color:#70626d}.custom--legend{display:flex;flex-wrap:wrap;justify-content:center;gap:3px;padding:0}.muscle--group{margin-right:5px;font-size:12px;font-weight:500;color:#373737;list-style:none}.muscle--group:hover{filter:saturate(4)}.zero--percent{color:#a1a1a1}.muscle--group>span{position:relative;top:-2px;margin:0 2px;padding:0 5px;border-radius:20px;font-size:8px}@media screen and (max-width:450px){.chart--placeholder--circle{height:200px;width:200px}.chart--placeholder--legend{margin-bottom:50px}.chart{height:280px;width:200px;margin-bottom:15px}.chart--container>h3{font-size:1em}.custom--legend{width:100%}}label,input{display:block;color:#373737}label{font-size:14px}.disabled--btn{text-decoration:line-through}.no--button{display:none}input{box-sizing:border-box;height:30px;width:100%;max-width:274px;margin:6px auto 20px;padding:10px;border:none;border-radius:4px}::placeholder{color:#a1a1a1}.form--container--login,.form--container--signup,.form--container--reset--password,.form--container--forgot--password--form,.form--container--workout--form,.form--container--edit--workout--form,.form--container--user--settings{position:absolute}.form--container--login,.form--container--signup{display:flex;top:0;left:0;height:100%;width:100vw;background-attachment:fixed;background-size:cover;background-repeat:no-repeat}.form--container--login{background-image:url(/assets/pastel-gym-1-CKp9m6zx.jpeg)}.form--container--signup{background-image:url(/assets/pastel-gym-2-DvDK4oqc.jpeg)}.form--container--signup .temp{position:absolute;bottom:10%;left:0;right:0;width:250px;padding:5px 10px;margin-left:auto;margin-right:auto;background-color:#f1e42b;border:2px solid rgb(255,0,0);border-radius:10px;font-size:16px;color:#373737}.form--container--signup .temp p{margin:3px}.form--container--signup .temp p:nth-child(n+2){font-size:12px;font-weight:500}.form--container--reset--password{z-index:5;display:flex;width:100vw;background:#c3f1fc}.login,.signup{z-index:0;text-align:center;position:absolute;top:0;left:0;height:100%;width:250px;padding:0 50px;background:#b995e7;box-shadow:none}.login{background:#5fcfca}.login>label,.signup>label{color:#fff;font-size:.9em}form.login h4,form.signup h4{margin-top:200px;border-bottom:solid 1px white;color:#fff;font-size:20px;font-weight:500}.log-in--form--btn,.sign-up--form--btn{padding:10px 30px;background:#373737;border:solid 1px #373737;border-radius:50px;font-family:Poppins;color:#fff;cursor:pointer;transition:.2s}.log-in--form--btn:hover,.sign-up--form--btn:hover{background:#ddd;color:#373737}.forgot--password{position:relative;top:-15px;padding:10px 30px;background:unset;border:unset;font-size:.8em;font-family:Poppins;color:#8b47c3;text-decoration:underline;cursor:pointer}.forgot--password:hover{color:#532679}.form--container--forgot--password--form{z-index:5;display:flex;top:0;left:0;height:100%;width:100vw;background:#80808082}.forgot--password--form{text-align:center;position:relative;top:180px;height:fit-content;width:300px;margin:0 auto;padding:20px;background:#ffc0fb;border-radius:20px;box-shadow:5px 5px 25px 5px #16161640}.forgot--password--form>h4{border-bottom:solid 1px rgb(233,160,194)}.forgot--password--form>.proceed{padding:8px 28px;background:#373737;border:solid 1px #373737;border-radius:50px;font-family:Poppins;color:#fff;cursor:pointer;transition:.2s}.forgot--password--form>.proceed:hover{background:#ddd;color:#373737}.form--container--reset--password{z-index:5;display:flex;text-align:center;height:100vh;width:100vw;top:0;left:0}.reset--password{position:relative;top:180px;height:fit-content;width:300px;margin:0 auto;padding:20px;background:#c0e8ff;border-radius:20px;box-shadow:5px 5px 25px 5px #16161640}.reset--password>button{padding:8px 28px;background:#373737;border:solid 1px #373737;border-radius:50px;font-family:Poppins;color:#fff;cursor:pointer;transition:.2s}.reset--password>button:hover{background:#ddd;color:#373737}.form--container--workout--form,.form--container--edit--workout--form{z-index:5;display:flex;top:-70px;left:-22%;height:100vh;width:150%;background:#80808082}.workout--form>h4,.edit--form>h4{margin:20px 0;padding:0;border-bottom:solid 1px rgb(188,188,188);font-size:1.2em;font-weight:600}.edit--form,.workout--form{text-align:center;position:relative;top:100px;height:fit-content;max-width:400px;min-width:300px;margin:0 32%;padding:20px;background:#dad5e5;border-radius:20px;box-shadow:5px 5px 25px 5px #1616164e}.edit--form>select,.workout--form>select{margin-bottom:10px;padding:2px;border:unset;border-radius:2px}.edit--form>label,.workout--form>label{font-weight:500}.edit--form>input,.workout--form>input{width:70%}.edit--form{background:#e0e1db}.workout--form--btn,.edit--form--btn{margin:10px;padding:10px 30px;background:#373737;border:solid 1px #373737;border-radius:50px;font-family:Poppins;color:#fff;cursor:pointer;transition:.2s}.workout--form--btn:hover,.edit--form--btn:hover{background:#ddd;color:#373737}.add--workout{grid-area:add-btn;height:40px;max-width:140px;margin-top:10px;background:#373737;border:solid 1px #373737;border-radius:50px;font-size:.9em;font-weight:500;font-family:Poppins;color:#fff;cursor:pointer;transition:.2s}.is--loading{cursor:default;filter:opacity(.7)}.add--workout:hover{background:#ddd;color:#373737}.form--container--user--settings{z-index:3;display:flex;top:0;left:0;height:100vh;width:100vw;background:#80808082}.user--settings{text-align:left;position:absolute;top:70px;right:18%;height:fit-content;max-width:400px;min-width:300px;padding:20px 20px 20px 50px;background:#eee8aa;border-radius:20px;box-shadow:5px 5px 25px 5px #16161640}.user--settings>input{width:200px;margin-left:0}.max-chars-error{position:relative;top:-18px;margin:0;padding-left:2px;font-size:12px;color:#e7195a}.user--settings>h4{border-bottom:solid 1px rgb(214,214,214);color:#373737}.user--settings>label{font-size:.8em;font-weight:500}.upload--image{padding:30px 0}.upload--btn{height:30px;padding:5px 20px;background:#373737;border:solid 1px #373737;border-radius:50px;font-family:Poppins;color:#fff;cursor:pointer;transition:.2s}.upload--btn:hover{background:#ddd;color:#373737}.remove--profile--img{font-size:small}.close{position:absolute;right:20px;height:1em;width:1em;padding:0;background:unset;border:unset;color:#373737;cursor:pointer;transition:unset}.close:hover{background:unset}.user--settings>img{display:block;padding-bottom:20px}.cropper--wrapper{display:block;position:relative;height:250px;margin-bottom:20px}.delete--account--btn,.download--data--btn{display:block;position:relative;left:200px;margin-top:10px;padding:0;background:unset;border:unset;border-bottom:1px solid #373737;color:#373737;line-height:90%;cursor:pointer}.delete--account--btn:hover,.download--data--btn:hover{border-bottom:1px solid orangered;color:#ff4500}@media screen and (max-width:600px){.form--container--login,.form--container--signup{display:flex;justify-content:center;background-image:none}.form--container--login{background:#5fcfca}.form--container--signup{background:#b995e7}.signup,.login{position:relative;left:unset;padding:0;background:none}.log-in--form--btn,.sign-up--form--btn{margin:0 auto}}@media screen and (max-width:450px){.add--workout{z-index:3;width:100%;max-width:200px;min-width:100px;margin:20px auto 10px;background:#373737ed}.form--container--workout--form,.form--container--edit--workout--form{z-index:5;display:flex;position:fixed;top:0;left:0;height:100vh;width:100%;background:#80808082}.edit--form,.workout--form{width:250px;min-width:unset;margin:0 16%;padding:10px}.user--settings{right:7%}}header{z-index:5;position:fixed;top:0;left:0;height:60px;width:100vw}.header--blur{background:#fff0;box-shadow:1px 1px 5px #a0a0a09d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}header>.container{display:flex;justify-content:space-between;position:relative;height:fit-content;padding:0 10px 0 20px}header>.container>div{padding-right:20px}header a{font-size:.6em;color:#373737;text-decoration:none}.logo>a{font-size:.8em;font-family:Yellowtail,cursive;color:#fff}.logo{margin:15px 0}.logged--in--logo{display:inline-block;margin:0}.logged--in--logo>a{font-size:20px;font-family:Yellowtail,cursive;color:#b19fbe}.hello--user{z-index:1;display:flex;gap:5px;align-items:center;position:relative;top:10px;background:unset;border:unset;border-radius:unset;font-size:.9em;color:#373737;cursor:pointer;transition:unset}.hello--user>span:nth-child(1){display:inline-block;font-weight:400}.hello--user>span:nth-child(1)>strong{display:inline-block;font-weight:600}.avatar-wrapper{display:inline-block;position:relative;overflow:hidden;height:40px;width:40px;border-radius:100%;font-size:10px}.avatar{width:40px}.login--btn,.signup--btn,.about--btn{text-align:center;position:relative;top:30px;width:fit-content;margin-left:20px;padding:6px;background:transparent;border:solid 1px #373737;border-radius:20px;font-size:1.3em;font-weight:500;cursor:pointer;transition:.3s}.login--btn,.about--btn{border:solid 1px transparent}.signup--btn:hover{background:#b995e7}.login--btn:hover{background:#5fcfca}.about--btn:hover{background:#f99ec8}@media screen and (max-width:450px){.login--btn,.signup--btn,.about--btn{margin-left:5px;font-size:1.2em}header{height:50px}header>.container{padding:0 10px}.about--login--signup--nav{position:relative;top:-15px;right:-12px;padding-right:0}.logo,.logged--in--logo{margin:0}.logo>a,.logged--in--logo>a{font-size:.6em}.hello--user{right:-15px;font-size:.8em}.avatar-wrapper{height:30px;width:30px}.avatar{width:30px}}.page--btn--container{grid-area:pagination;z-index:2;display:flex;gap:5px;position:relative;left:50px;width:fit-content}.page--btn--container>button{height:20px;padding:0;background:transparent;border:solid 1px #373737;border-radius:4px;color:#373737;cursor:pointer;transition:.2s}.dots-left,.dots-right{color:#373737}.dots-left:before,.dots-right:after{content:"...";display:inline-block;font-size:larger}.dots-left:hover:before,.dots-right:hover:after{color:#ddd}.page--btn--container>button>span{font-size:1.3em}.page--btn--container>button:hover{background:#373737;color:#fff}.page--btn--container>button:disabled{background:transparent;border:solid 1px #a1a1a1;color:#a1a1a1;cursor:default}.page--btn--container>.num--page{padding:0 5px;font-size:.8em}.page--btn--container>.current{background:#373737;color:#fff}.page--btn--container>.invisible{display:none}@media screen and (max-width:450px){.page--btn--container{margin-bottom:20px}}.search--bar{grid-area:search;z-index:3;display:flex;position:relative;top:0;left:40px;height:unset;width:180px;min-width:unset;padding:unset;background:none;box-shadow:none}.search--bar>button{position:absolute;left:155px;height:25px;width:25px;margin:6px 0;padding:3px 3px 0;background:#373737;border:solid 1px #373737;border-radius:50px;font-family:Poppins;color:#fff;cursor:pointer;transition:.2s}.search--bar>button:hover{background:#ddd;color:#373737}.search--bar>button>span{font-size:1.4em}.search--bar>input{height:25px;border-radius:20px;border:solid 1px #a1a1a1;font-size:.75em}@media screen and (max-width:450px){.search--bar{left:0;margin:10px auto 0}}.user--menu{display:flex;justify-content:space-around;position:absolute;top:61px;right:20px;padding:20px;background:#ffffff1a;border-bottom-left-radius:15px;border-bottom-right-radius:15px;box-shadow:0 5px 22px -2px #8e8e8e80}.user--menu--item{margin-right:2px;background:unset;border:unset;font-size:.8em;font-weight:600;color:#373737;cursor:pointer}.user--menu--item:nth-child(1){border-right:solid 1px rgb(121,190,190)}.user--menu--item:hover{color:#79bebe}@media screen and (max-width:450px){.user--menu{top:52px}}.get--started{text-align:center;position:absolute;top:250px;left:41%;width:200px;font-weight:600;color:#70626d}.no--workouts--found{text-align:center;width:170px;font-weight:600;color:#70626d}.no--workouts--yet{position:absolute;top:27vh;width:150px;left:-30px;background-image:linear-gradient(0deg,#dba2d7,#d47a93,#a27ad4,#7a83d4,#6394ff,#63e0ff,#63ffef,#63ff8c,#ffce63,#ff7f63,#dba2d7,#d47a93);background-size:100% 1100%;animation:no--workouts--yet 20s linear infinite}.no--workouts--yet:after{position:absolute;content:"Get started. No pressure. 🥤";top:50px;left:22px;width:100px;color:#70626d}@keyframes no--workouts--yet{0%{background-position:0% 0%}to{background-position:0% 100%}}.loading--workouts{z-index:5;position:absolute;top:50px;left:180px;text-align:center;font-weight:600;color:#70626d;animation:loading--workouts 1s ease-in-out infinite}@keyframes loading--workouts{0%{color:#a74f8eb3}50%{color:#46d9e0b3}to{color:#a74f8eb3}}.workouts--container{grid-area:workouts;height:fit-content;overflow-y:hidden;margin-left:40px;padding-bottom:0}.workouts--placeholder{grid-area:workouts;position:relative;filter:opacity(.7)}.workouts--placeholder>div{height:120px;max-width:250px;margin:0 0 15px;padding:15px;border-radius:20px;font-size:1em;color:#fff;animation:placeholder--animation 1s ease-in-out infinite}.workout-details{position:relative;height:120px;max-width:250px;margin:0 0 15px;padding:15px;background:#fff;border-radius:20px;box-shadow:0 5px 22px -2px #8e8e8e80}.workout-details:nth-child(n+4){display:none}.workout-details h4{margin:0 0 8px;padding-bottom:10px;padding-left:20px;border-bottom:solid 1px #c6f2ee;font-size:1em;font-weight:700;color:#373737;text-transform:capitalize}.workout-details p{margin:0;padding:3px 20px;font-size:.8em}.workout-details>button{position:absolute;top:110px;right:15px;background:unset;border:unset;border-radius:unset;font-size:1.3em;color:#a1a1a1;cursor:pointer;transition:unset}.workout-details>button:hover{color:#4268c2}.workout-details p>strong{font-weight:600}.workout-details .edit{right:45px}.date{color:#a1a1a1}@media screen and (max-width:450px){.get--started{top:260px;left:0;right:0;margin-left:auto;margin-right:auto}.no--workouts--found{text-align:center;margin:0 auto}.no--workouts--yet{top:23vh;left:0;right:0;margin-left:auto;margin-right:auto}.workouts--container{display:inline-block;margin-left:0}.workout-details,.workouts--placeholder{margin-left:auto;margin-right:auto}.workouts--placeholder{width:280px}}.delete--account--dialogue{z-index:15;display:flex;flex-direction:column;position:absolute;text-align:center;top:300px;right:50px;width:fit-content;padding:20px;background:pink;border:solid 1px orangered;border-radius:10px;box-shadow:5px 5px 25px 5px #16161640}.delete--account--dialogue>p{margin:0;padding:5px;font-size:.8em;font-weight:500}.delete--account--dialogue>h4{position:relative;width:fit-content;margin:0 auto}.delete--account--dialogue--btns{display:flex;gap:20px;margin-top:10px}.delete--account--dialogue--btns>button{padding:3px 8px;background:#373737;border-radius:5px;font-size:.9em;font-family:Poppins,sans-serif;color:#fff;cursor:pointer}@media screen and (max-width:450px){.delete--account--dialogue{width:280px}.delete--account--dialogue--btns{gap:10px;margin-top:5px;font-size:.8em}}.about--container{position:relative;top:100px;left:10%;height:fit-content;font-size:.8em}.about--container>p{max-width:550px}.github{height:30px;margin-top:40px;transition:.2s}.about--gym--pattern--bkg{z-index:-1;position:fixed;top:0;right:0;background:#e7e7e7}@media screen and (max-width:555px){.about--container{max-width:400px;padding-right:50px}.github{display:inline-block}}.home--container{position:absolute;top:0;left:0;height:100vh;width:100vw;margin:0;background:#cbfde5;background-image:url(/assets/gym-pattern-DRwK0h8P.png);background-attachment:fixed;background-size:cover;background-repeat:no-repeat}.home{display:grid;grid-template-columns:250px auto;grid-template-areas:"search search space space space" "search search space space space" "workouts workouts add-btn add-btn add-btn" "workouts workouts chart chart chart" "workouts workouts chart chart chart" "workouts workouts chart chart chart" "workouts workouts chart chart chart" "workouts workouts chart chart chart" "pagination pagination chart chart chart";position:relative;top:70px;max-width:900px;min-width:800px;margin:0 auto}.space{grid-area:space}@media screen and (max-width:1024px){.home--container{background-size:1500px}}@media screen and (max-width:450px){.home--container{height:fit-content;min-height:100vh}.home{grid-template-columns:auto;grid-template-areas:"chart chart" "chart chart" "chart chart" "space space" "add-btn add-btn" "search search" "workouts workouts" "workouts workouts" "workouts workouts" "workouts workouts" "pagination pagination";min-width:unset}}.confirmed--container{margin-top:80px;padding:20px}.confirmed--account--success{padding:20px 40px;background:#b6f8db}.already--confirmed{max-width:480px;margin-top:20px;padding:20px;border:solid 5px #b6f8db;font-size:1em;color:#373737}.flashMessage{z-index:20;position:fixed;bottom:5%;left:0;right:0;width:300px;margin-left:auto;margin-right:auto;border-radius:10px}div.error{text-align:center;padding:5px;background:#fcd7d7;border:1px solid #e7195a;font-size:14px;color:#e7195a}div.success{text-align:center;padding:5px;background:#b6f8db;border:1px solid #16644a;font-size:14px;color:#16644a}input.error,select.error{border:1px solid #e7195a;outline:1px solid #e7195a}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 48}.lds-ellipsis{display:inline-block;position:relative;height:80px;width:80px}.lds-ellipsis div{position:absolute;top:33px;height:13px;width:13px;background:#fff;border-radius:50%;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}body{overflow-x:hidden;overflow-y:hidden;background:#cbfde5;margin:0;padding:0;font-family:Poppins}.fallback--animation--container{display:flex;align-items:center;justify-content:center;height:100vh}.fallback--animation--container h1{color:#373737}.fallback--animation--container .lds-ellipsis{top:5px}.fallback--animation--container .lds-ellipsis div{background:#373737}.spun--down--server--alert,.cookie--alert{z-index:5;text-align:center;position:fixed;left:0;bottom:25px;max-width:320px;padding:5px 10px;background:#ffffff9f;border:solid 1px rgb(13,56,91);border-left:none;border-top-right-radius:10px;border-bottom-right-radius:10px;font-size:12px;color:#0d385b}.spun--down--server--alert p,.cookie--alert p{margin:5px 3px}.spun--down--server--alert button,.cookie--alert button{padding:3px 10px;background:#0d385b;border:solid 1px #373737;border-radius:50px;font-size:12px;font-family:Poppins;color:#fff;cursor:pointer;transition:.2s}.spun--down--server--alert{z-index:6}.hidden{visibility:hidden;height:0;width:0}@media screen and (max-width:450px){body{overflow-y:scroll}.spun--down--server--alert{width:95%;max-width:none}}