:root{--barHeight: 55px;--appRadius: 0px;--appWidth: 100dvw;--appHeight: 100dvh;--controlRadius: 5px;--inputVerticalGap: 20px;--miniButtonWidth: 40px;--app-background: rgba(72, 79, 213, .349);--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);--dividerColor: rgb(58, 58, 58, .5);--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:var(--app-background);-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{min-height:40px;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);cursor:not-allowed;transition:none}.newButton{display:inline-block;margin-bottom:20px;font-size:12px;background:#ffffff14;color:var(--landing-text);border:1px solid rgba(255,255,255,.14);border-radius:var(--controlRadius);text-decoration:none;font-weight:700;box-shadow:0 8px 22px #00000038;transition:transform .12s ease,box-shadow .12s ease}.newButton:hover{transform:translateY(-4px);background:#5affee1f;border-color:#5affee59;box-shadow:0 16px 34px #00000047;color:var(--linkHoverColor)}.newButton:disabled{color:#ffffff73;border-color:#ffffff1a;background:#ffffff0d;box-shadow:inset 0 1px #ffffff0a;opacity:.8;cursor:not-allowed;filter:saturate(.7)}.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}.newErrorMessage{margin:20px 0;padding:10px 5px;font-size:12px;width:90%;color:var(--dangerColor);background:#ff00440f;border:1px solid rgba(255,0,68,.14);border-radius:var(--borderRadius);text-align:center}a{color:var(--fontColor);transition:var(--transitionTimeQuick)}a:hover{color:var(--linkHoverColor)}.metaData{font-size:.8em;color:var(--infoColor)}.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);max-height:70%;overflow-y:auto;scrollbar-width:none}.popupControls{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.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;color:var(--disabledColor);transform:none;box-shadow:none}}.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 a{height:var(--barHeight);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#fff;text-decoration:none;transition:var(--transitionTimeQuick)}.bar a.highlight{color:var(--linkHoverColor)}.bar a:hover{background-color:#0000001a;color:var(--linkHoverColor)}.bar .buttonIcon,.bar .buttonText{line-height:1;display:block}.bar .buttonText{font-size:.7rem}.bar .fRight{float:right}@media only screen and (max-width: 600px){.bar.ios{padding-bottom:80px}.bar h1{display:none}.bar ul{padding:0 20px;display:flex;gap:5px;justify-content:space-between}.bar li{width:20%;min-width:60px}.bar .buttonText{font-size:.5rem}}.workouts .date{margin-top:40px;padding-bottom:20px;border-bottom:1px solid var(--dividerColor);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{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:4px}.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{padding-top:0!important;padding-bottom:0!important}.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)}}.likeList .title{font-size:1.2em;padding-bottom:10px}.likeList .subtitle{padding-bottom:5px}.likeList .username{font-size:1em;color:var(--infoColor);padding-top:10px}.loadMoreDiv{width:50%;text-align:center}.loadMoreDiv .moreButton{margin-top:10px;margin-bottom:20px}@media only screen and (max-width: 600px){.loadMoreDiv{width:100%}}.placeholder{padding-top:40px;width:55%;min-width:300px}.placeholder .placeholder-title{width:100%;text-align:center;margin-bottom:14px;font-size:.95rem;font-weight:600;letter-spacing:.01em;color:var(--infoColor)}.placeholder .placeholder-box{max-width:720px;padding:16px;background:transparent}.placeholder .line{position:relative;overflow:hidden;border-radius:8px;background:var(--infoColor);height:12px;margin-bottom:10px}.placeholder .line.line-1{width:38%;height:14px}.placeholder .line.line-2{width:22%;height:10px}.placeholder .line.line-3{width:56%;height:14px;margin-top:8px;margin-bottom:14px}.placeholder .set-list{margin-top:4px}.placeholder .line.line-set{width:100%;height:12px;margin-bottom:8px}.placeholder .line.line-set:last-of-type{width:72%;margin-bottom:0}.placeholder .shimmer:after{content:"";position:absolute;top:0;left:0;width:160%;height:100%;background:linear-gradient(90deg,#fff0,#fffffff2,#fff0);filter:blur(6px);box-shadow:0 0 18px #ffffff59;mix-blend-mode:screen;opacity:.95;transform:translate(-220%);animation:shimmerAnimation .6s linear infinite}@keyframes shimmerAnimation{0%{transform:translate(-220%)}to{transform:translate(220%)}}@media (max-width: 640px){.placeholder{width:100%;min-width:100px}.placeholder .placeholder-box{padding:14px}.placeholder .line.line-1{width:56%}.placeholder .line.line-2{width:34%}.placeholder .line.line-3{width:80%}}.feed .message{margin-top:20px}.error-page{margin-top:150px}.error-page p{font-size:1.2em;margin-top:20px}.addExercise .message{margin-top:20px}.addExercise .exerciseNameInput{display:flex;align-items:center;gap:5px;width:100%;margin-top:var(--inputVerticalGap);margin-bottom:var(--inputVerticalGap)}.addExercise .exerciseNameInput .MuiAutocomplete-root{flex:1 1 0;width:100%;min-width:0}.addExercise .historyButton{flex:0 0 var(--miniButtonWidth);width:var(--miniButtonWidth);height:40px;min-width:var(--miniButtonWidth);padding:0;display:flex;align-items:center;justify-content:center}.addExercise .setRow{display:flex;gap:5px;justify-content:space-between;margin-bottom:var(--inputVerticalGap)}.addExercise .setRow .input{width:33%}.addExercise .setRow button{width:var(--miniButtonWidth);min-width:var(--miniButtonWidth)}.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:40px;width:90%}.addExercise .errorMessages .errorMessage{margin-top:0;margin-bottom:5px;width:100%}.addExercise .info{font-size:13px;padding-bottom:0}.addExercise .timeSince{float:left;width:100%;padding:15px 0 0}.addExercise .info.instruction{padding-top:10px}.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)}.newInput{display:block;width:100%;max-width:400px;margin-bottom:20px;font-size:14px;color:var(--fontColor);transition:box-shadow .12s ease,background-color .12s ease}.newInput::placeholder{color:#ffffffb3}.newInput:disabled{background:transparent;color:var(--disabledColor);border-color:var(--disabledColor)}.newInput .MuiFilledInput-root{background:#ffffff0d;border-radius:var(--controlRadius);overflow:hidden;transition:box-shadow .12s ease,background-color .12s ease}.newInput .MuiFilledInput-root:hover{background:#ffffff12;box-shadow:0 10px 28px #0000001a}.newInput .MuiFilledInput-root.Mui-focused{box-shadow:0 0 0 4px #5affee14}.newInput .MuiFilledInput-root.Mui-focused{box-shadow:0 10px 28px #0000001a}.newInput .MuiInputLabel-root{color:var(--infoColor)}.newInput .MuiInputLabel-root.Mui-focused{color:var(--infoColor);text-shadow:none}.newInput .MuiTypography-root{color:var(--infoColor)}.newInput .MuiFilledInput-underline:before,.newInput .MuiFilledInput-underline:after{border-bottom:none}.historyPopup{text-align:left}.historyPopup .header{font-size:1.5rem;text-align:center;padding-bottom:30px}.historyPopup .metaData{width:100%;text-align:left;margin-bottom:4px;font-size:.8rem}.historyPopup .exercise{width:100%;text-align:left;padding-left:0}.historyPopup .exercise p{width:100%;text-align:left;margin:0}.historyPopup .exerciseContainer{padding:10px 0 14px;margin-bottom:10px;border-bottom:1px solid var(--dividerColor)}.historyPopup .exerciseContainer:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.historyPopup .exerciseContainer .exerciseName{margin-bottom:2px}@media only screen and (max-width: 600px){.historyPopup{padding:20px}.historyPopup .header{padding-bottom:20px}.historyPopup .exerciseContainer{padding:8px 0 12px;margin-bottom:8px}}.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 .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}}.viewSwitch{display:flex;flex-direction:row;gap:5px;justify-content:space-between}.viewSwitch button{max-width:120px}.followerList .title{font-size:1.2em;padding-bottom:10px}.followerList .subtitle{padding-bottom:5px}.followerList .username{font-size:1em;color:var(--infoColor);padding-top:10px}.publicProfile{padding-top:20px}.publicProfile .message{margin-top:30px;text-align:center}.editProfile{width:100%;max-width:550px;padding:20px 10px 0;align-items:normal}.editProfile .message{margin-top:30px;text-align:center}.editProfile h2{text-align:center}.editProfile h3{margin-top:30px;margin-bottom:5px}.editProfile .input{margin-top:var(--inputVerticalGap)}.editProfile .save-button{margin-top:var(--inputVerticalGap);width:100%}.editProfile .logoutBtn{margin:40px 0 25px;width:100%;min-width:none}.backButton{align-self:flex-start;width:150px}: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 .input{width:100%}.editWorkout .multiLineInput{width:100%;margin-bottom:10px}.editWorkout .info{padding-top:10px}.editWorkout .exercises{width:var(--small-width);padding-bottom:0;display:inline}.editWorkout .exercises .noExercises{padding-top:15px}.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}.exerciseEditorRow{width:100%;height:50px;border-radius:0;border-bottom:1px solid var(--dividerColor);margin-top:10px;display:flex;align-items:center;gap:5px}.exerciseEditorRow.noBorder{border-bottom:none}.exerciseEditorRow .editorRowText{flex:1 1 auto;margin-top:-10px;margin-left:5px;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exerciseEditorRow button{width:var(--miniButtonWidth);height:40px;padding-top:3px;margin-top:-10px;margin-right:5px;flex:0 0 auto}.editExerciseName h1{font-size:1.5rem;padding-bottom:30px}.editExerciseName p{margin-top:30px}.deleteWorkout{width:100%;padding-top:30px;display:flex;justify-content:center}.login{width:100%;display:flex;align-items:center;justify-content:center;padding:20px}.login h1{margin-top:20px}.login h2{margin:20px 10px 40px}.login p{margin:20px 10px 10px}.login .newInput{margin-bottom:10px}.login .metaData{margin-bottom:20px}.login .backToLanding{padding-top:20px;font-size:12px}@media only screen and (max-width: 600px){.login{padding:0}}.interactiveCard{margin:20px;padding:30px 20px;max-width:400px;flex-direction:column;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,#ffffff05,#ffffff03);border-radius:7px;-webkit-backdrop-filter:blur(6px) saturate(140%);backdrop-filter:blur(6px) saturate(140%);box-shadow:0 12px 36px #02061773}.interactiveCard h1{color:var(--fontColor);font-size:40px;letter-spacing:-.02em}.interactiveCard h2{color:var(--fontColor);font-size:20px;font-weight:400}.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{padding-bottom:5px}.user:hover{background-color:#14004d33;border:1px solid var(--linkHoverColor)}.downloads h1{font-size:4em;margin-bottom:20px;text-align:center}.downloads h2{font-weight:400;text-align:center;font-size:2em;margin-bottom:20px}.downloads h3{font-size:1.5em;margin-bottom:20px;font-weight:400}.downloads p{font-size:1.2em;margin-bottom:20px}.downloads ol{margin-left:24px;margin-bottom:20px}.downloads ol li{font-size:1.1rem;margin-bottom:10px}.downloads .message{font-size:.9rem;color:gray;line-height:1.5;white-space:pre-line;margin-top:20px;margin-bottom:24px}.downloads .return-text{font-size:1rem;margin-top:80px;margin-bottom:24px}@media only screen and (max-width: 600px){.downloads{width:100%;padding-left:30px;padding-right:30px}}.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}.controlPanel p{margin-top:20px;margin-bottom:50px}.controlPanel button{margin-bottom:15px}.batchExerciseRenamer h1{margin-top:20px;margin-bottom:20px}.batchExerciseRenamer .danger{margin-bottom:20px;max-width:500px;text-align:center}.batchExerciseRenamer .workflowSection{width:60%;margin-top:50px;margin-bottom:10px}.batchExerciseRenamer .workflowSection .exerciseNameInput{margin-top:20px}.batchExerciseRenamer .changeButton{max-width:100%;color:var(--dangerColor);border-color:var(--dangerColor)}.confirmationText p{padding-bottom:20px}@media only screen and (max-width: 600px){.batchExerciseRenamer .workflowSection{width:100%;margin-top:50px;margin-bottom:10px}}