:root{--barHeight: 55px;--appRadius: 0px;--appWidth: 100dvw;--appHeight: 100dvh;--controlRadius: 5px;--fontColor: white;--borderColor: white;--linkHoverColor: rgb(90, 255, 238);--dangerColor: rgb(255, 0, 68);--successColor: rgb(20, 148, 0);--infoColor: gray;--disabledColor: rgb(58, 58, 58);--popupBackgroundColor: rgb(0, 4, 80);--transitionTimeQuick: .5s;--transitionTimeMedium: 1s}*{-webkit-tap-highlight-color:transparent;margin:0;padding:0;box-sizing:border-box;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.border{border:1px solid white}.centerer{display:flex;flex-direction:column;align-items:center}.faded{opacity:.3}body{background-attachment:fixed;background-image:linear-gradient(#000000e6,#000000e6),url(/assets/background-CHSjBLN4.webp);background-position:center;background-size:cover;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--fontColor)}.app{width:var(--appWidth);height:var(--appHeight);min-width:180px;background-color:#484fd559;-webkit-backdrop-filter:blur(7px) saturate(180%);backdrop-filter:blur(7px) saturate(180%);border-radius:var(--appRadius);display:flex;flex-direction:column}.content{width:50vw;min-width:500px;max-width:800px;flex-grow:1;overflow:auto;scrollbar-width:none;padding-top:30px;padding-bottom:20px;margin:auto;display:flex;flex-direction:column;align-items:center}form{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center}.buttonIcon{display:none}button{height:40px;width:100%;max-width:400px;cursor:pointer;color:#fff;font-weight:700;background-color:transparent;border-radius:var(--controlRadius);border:1px solid white;transition:var(--transitionTimeQuick)}button:disabled{color:var(--disabledColor);border-color:var(--disabledColor)}.success{border-color:var(--successColor);color:var(--successColor)}.danger{border-color:var(--dangerColor);color:var(--dangerColor)}.info{padding:40px 20px 10px;max-width:400px;font-size:.7em;color:var(--infoColor)}.errorMessage{color:red;margin-top:40px;width:70%;text-align:center}a{color:var(--fontColor);transition:var(--transitionTimeQuick)}a:hover{color:var(--linkHoverColor)}.popup{position:fixed;top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:20%;min-width:300px;padding:30px;text-align:center;background-color:var(--popupBackgroundColor)}.noSelect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media only screen and (max-width: 600px){.content{width:95vw;min-width:170px}.buttonIcon{display:flex;justify-content:center}.buttonText{display:none}.popup{width:90%}}@media (hover: hover) and (pointer: fine){button:hover{background-color:#fff;color:#000}button:disabled:hover{background-color:transparent}}.feed .message{margin-top:20px}.bar{background-color:#5c64ff59;outline:1px solid #ccc;border-radius:var(--appRadius) var(--appRadius) 0px 0px;height:var(--barHeight)}.bar h1{float:left;height:var(--barHeight);width:250px;padding-top:8px;color:#fff;text-align:center;border-right:1px solid #ccc}.bar ul{list-style-type:none;overflow:hidden}.bar li{float:left;max-width:120px;min-width:70px;width:25%;text-align:center}.bar li a{height:var(--barHeight);display:block;color:#fff;text-decoration:none;padding-top:19px;transition:var(--transitionTimeQuick)}.bar li a.highlight{color:var(--linkHoverColor)}.bar .fRight{float:right}.bar li a:hover{background-color:#0000001a;color:var(--linkHoverColor)}@media only screen and (max-width: 600px){.bar.ios{padding-bottom:80px}.bar h1{display:none}.bar li{width:20%;min-width:60px}.bar.ios li a{padding-bottom:75px}}.workouts .date{margin-top:40px;padding-bottom:20px;border-bottom:1px solid white;text-align:center}.workouts .last{border-bottom:transparent}.workouts .date h2{font-size:1.1em;font-weight:700;text-decoration:underline}.workouts{width:55%;min-width:300px}@media only screen and (max-width: 600px){.workouts{width:100%;min-width:100px}}.workout{padding:20px;margin-top:15px;border-radius:var(--controlRadius);border:1px solid transparent;text-align:left;transition:var(--transitionTimeMedium)}.workout.faded{opacity:.5}.workout:hover{background-color:#14004d33;border:1px solid var(--linkHoverColor)}.workout h3{padding-bottom:5px;font-size:1.2em}.workout .description{padding-bottom:5px;font-size:1em;white-space:pre-wrap}.workout .description.compressed{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;position:relative;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,1),rgba(0,0,0,0));mask-image:linear-gradient(to bottom,#000,#0000)}.workout .metaData{color:var(--infoColor);font-size:.8em;padding:0 0 15px}.workout .likes{height:50px;padding-top:5px}.workout .likes .likeButton{float:left;padding-top:5px}.workout .likes .count{float:left;padding-top:15px;padding-left:10px}.workout .likes .likeButton button{width:45px;padding-top:5px}.workout .likes .liked button{color:var(--linkHoverColor);border-color:var(--linkHoverColor)}.exercise{padding-left:20px;padding-bottom:10px;border-radius:var(--controlRadius);text-align:left;transition:var(--transitionTimeMedium)}.exercise .exerciseName{font-size:.9em;padding-bottom:3px;font-weight:700}.exercise .set p{font-size:.9em;padding-left:20px;padding-bottom:5px}.loading .loadingContent{color:transparent;position:relative;margin:auto;width:26px;height:26px;border-radius:50%;border-top:2px solid var(--disabledColor);animation:loading-spinner 1s linear infinite}@keyframes loading-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loadMoreDiv{width:50%;text-align:center}.loadMoreDiv .moreButton{margin-top:10px;margin-bottom:20px}@media only screen and (max-width: 600px){.loadMoreDiv{width:100%}}.error-page{margin-top:150px}.error-page p{font-size:1.2em;margin-top:20px}.addExercise .message{margin-top:20px}.addExercise .exerciseNameInput{width:100%;margin-top:20px;margin-bottom:20px}.addExercise .setRow{display:flex;gap:5px;justify-content:space-between;margin-bottom:20px}.addExercise .setRow .input{width:33%}.addExercise .setRow button{width:45px}.addExercise .add{padding-top:6px;padding-left:1px;font-size:1.5em}.addExercise .remove{padding-top:3px;padding-left:1px;font-size:.7em}.addExercise .createButton{margin-top:40px}.addExercise .errorMessages{margin-top:20px;width:90%}.addExercise .errorMessages .errorMessage{margin-top:0;margin-bottom:5px;width:100%}.addExercise .info{font-size:13px;padding-bottom:0}.addExercise .workoutContainer{width:100%}@media only screen and (max-width: 405px){.addExercise input{padding-left:5px}}.input .MuiInputBase-input{color:var(--fontColor)}.multiLineInput .MuiInputBase-input{padding:2px}.input .MuiInputLabel-root,.input .MuiInputLabel-root.Mui-focused,.input .MuiTypography-root{color:var(--infoColor)}.input .MuiOutlinedInput-notchedOutline,.input .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,.input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--borderColor)}.publicProfile{padding-top:20px;width:100%}.publicProfile .message{margin-top:30px;text-align:center}@media only screen and (max-width: 600px){.publicProfile{width:100%}}.profileBanner{width:70%;padding:0 10px 20px;border-bottom:1px solid white}.profileBanner .topBar{display:flex;align-items:center;width:100%;margin-bottom:10px;gap:10px}.profileBanner .topBar .left{flex:1}.profileBanner .topBar .right button{padding:0 20px}.profileBanner .name{font-size:1.1em;font-weight:700}.profileBanner .metadata{font-size:.8em;color:var(--infoColor)}.profileBanner .followCount,.profileBanner .workouts,.profileBanner .homeGym{padding-bottom:5px}.profileBanner .badges{padding-top:20px;display:flex;flex-wrap:wrap;gap:5px;position:relative}.profileBanner .badges .badge{padding:5px}.profileBanner .badges .badge .name{width:fit-content;padding:5px 15px;border-radius:10px;border:1px solid var(--infoColor);color:var(--infoColor);font-size:.6em}.profileBanner .badges .badge:hover .name{border-color:var(--linkHoverColor);color:var(--linkHoverColor)}.profileBanner .badges .badge .description{width:fit-content;height:fit-content;padding:15px;margin-top:5px;border-radius:var(--controlRadius);text-align:center;position:absolute;top:100%;left:50%;transform:translate(-50%);background-color:var(--popupBackgroundColor);color:var(--fontColor);visibility:hidden;opacity:0;transition:opacity .5s ease;font-size:1em;font-size:.8em}.profileBanner .badges .badge:hover .description{visibility:visible;opacity:1}@media only screen and (max-width: 600px){.profileBanner{width:100%;min-width:100px}}.editProfile{width:100%;padding:20px 10px 0;align-items:normal}.editProfile .message{margin-top:30px;text-align:center}.editProfile .backButton{width:150px}.editProfile h2{text-align:center}.editProfile h3{margin-top:30px;margin-bottom:5px}.editProfile .valueUpdater{margin-top:35px}.editProfile form{display:inline}.editProfile form .input{width:75%;max-width:none}.editProfile form button{width:23%;margin-left:2%;float:right}.editProfile .logoutBtn{margin:40px 0 25px;width:100%;min-width:none}@media only screen and (max-width: 600px){.editProfile{width:100%}.container{width:95%}}:root{--small-width: 70%;--large-width: 90%}.editWorkout h3{margin-top:30px;margin-bottom:5px}.editWorkout .updateContainer{margin-top:35px;width:var(--small-width)}.editWorkout form{display:inline}.editWorkout form .input{width:74%;margin-right:1%}.editWorkout form button{width:24%;margin-left:1%;float:right}.editWorkout form .multiLineInput{width:100%;margin-bottom:10px}.editWorkout form .full{width:100%;max-width:none}.editWorkout .info{padding-top:10px}.editWorkout .exercises{width:var(--small-width);padding-bottom:0;display:inline}.editWorkout .errorMessage{text-align:center}.editWorkout .dates{width:var(--small-width);margin-top:10px;font-size:.8em;text-align:left}.editWorkout .addMore{width:var(--small-width);margin:20px 0;font-size:.8em;text-align:left}@media only screen and (max-width: 600px){.editWorkout .updateContainer,.editWorkout .exercises,.editWorkout .dates,.editWorkout .addMore{width:var(--large-width)}}.popup button{margin-top:20px}.deleteExercise{width:100%;height:50px;border-radius:0;border-bottom:1px solid var(--borderColor);margin-top:10px;display:flex;gap:15px;justify-content:space-between}.noBorder{border-bottom:none}.deleteExercise .exName{padding:10px 0 0;width:100%;text-align:left}.deleteExercise button{width:45px;height:40px;padding-top:3px;padding-left:1px}.deleteWorkout{width:100%;padding-top:30px;display:flex;justify-content:center}.login{justify-content:center;text-align:center}.login h1{margin-bottom:15px}.login p{width:70%;text-align:center}.login form{width:100%}.login .input{width:100%;margin-top:20px}.login button,.login .errorMessage{margin-top:20px}@media only screen and (max-width: 600px){.login h1{font-size:max(5vw,1.7em)}}.searchUser .searchBar{margin-top:20px;display:inline;width:90%;max-width:450px}.searchUser .searchBar .input{width:73%;margin-right:2%}.searchUser .searchBar button{width:23%;margin-left:2%;float:right}.searchUser .searchResults{margin-top:20px;width:100%}.searchUser .followList{width:100%}.searchUser .searchResults h2{text-align:center}.searchUser .noResults{margin-top:30px;text-align:center}@media only screen and (max-width: 600px){.searchUser .searchBar{max-width:none;width:100%}}.users{margin-top:20px;width:50%}@media only screen and (max-width: 600px){.users{width:100%}}.user{margin-top:15px;padding:20px;border-radius:var(--controlRadius);border:1px solid transparent;transition:var(--transitionTimeMedium)}.user p{margin-bottom:10px}.user .name{font-size:1.1em}.user .metadata{font-size:.8em;color:var(--infoColor);padding-bottom:5px}.user:hover{background-color:#14004d33;border:1px solid var(--linkHoverColor)}.landing{margin-top:50px}.landing h1{font-size:4em;margin-bottom:20px;text-align:center}.landing h2{font-size:2em;margin-bottom:20px}.landing p{font-size:1.2em;margin-bottom:20px}.landing p:last-of-type{margin-bottom:80px}.landing p.big{font-size:1.5em;text-align:center}.landing small{font-size:.8em;color:var(--infoColor)}@media only screen and (max-width: 600px){.landing{width:80%}.landing h1{font-size:3em}.landing h2{font-size:1.6em}}.fetchAllWorkouts .searchBar{margin-top:20px;display:inline;width:90%;max-width:450px}.fetchAllWorkouts .searchBar .input{width:73%;margin-right:2%}.fetchAllWorkouts .searchBar button{width:23%;margin-left:2%;float:right}.fetchAllWorkouts .message{margin-top:20px}