#root{height:100vh;width:100vw;max-width:100%;--primary-col: #373854;--secondary-col: #493267;--tertiary-col: #9e379f;--fourth-col: #e86af0;--fifth-col: #7bb3ff;--shadow: rgba(45, 45, 45);--border-col: rgba(35, 33, 33, .739);--gradient: linear-gradient(45deg, var(--fourth-col), var(--tertiary-col));display:flex;flex-direction:column;background-color:var(--primary-col);font-family:sans-serif;justify-content:center;align-items:center}main{display:flex;flex-flow:column;width:100%;height:100%;justify-content:center;align-items:center}.nav-head{display:flex;width:100vw;flex-flow:row;justify-content:space-between}.back-btn{margin:1rem;width:4rem;height:2rem;border:solid 1px var(--shadow);border-radius:5px;background-image:var(--gradient);transition:all .1s}.back-btn:active{box-shadow:inset 1px 1px 5px var(--shadow)}.start-btn,.stop-btn{padding-inline:1rem;border-radius:3px;box-shadow:1px 1px 2px var(--shadow);height:5rem;width:20rem;font-weight:700;padding:.5em;background:linear-gradient(45deg,var(--fourth-col),var(--tertiary-col));transition:all .5s}.start-btn{--glow-col: var(--fifth-col) }.stop-btn{--glow-col: var(--fourth-col) }.start-btn:hover,.stop-btn:hover{background:linear-gradient(135deg,var(--fourth-col),var(--tertiary-col));filter:brightness(90%)}.start-btn:active,.stop-btn:active{filter:brightness(75%)}.glow-container{width:100%;height:10rem;display:flex;justify-content:center;align-items:center}.animated-border-box,.animated-border-box-glow{height:min-content;width:min-content;position:absolute;overflow:hidden;z-index:0;border-radius:10px;padding:5px}.animated-border-box-glow{overflow:hidden;filter:blur(20px)}.animated-border-box:before,.animated-border-box-glow:before{content:"";z-index:-2;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%) rotate(0);position:absolute;width:99999px;height:99999px;background-repeat:no-repeat;background-position:0 0;background-image:conic-gradient(rgba(0,0,0,0),red,rgba(0,0,0,0) 25%);animation:rotate 2s linear infinite}.animated-border-box:after{content:"";position:absolute;z-index:-1;left:5px;top:5px;width:calc(100% - 10px);height:calc(100% - 10px);background:#292a2e;border-radius:7px}@keyframes rotate{to{transform:translate(-50%,-50%) rotate(1turn)}}.settings-img{width:2rem;margin-right:1rem}#timer{color:var(--secondary-col);font-size:x-large}.rpe-li{width:100%;list-style:none;display:flex;justify-content:center;height:4rem}.rpe-btn{border:solid;border-radius:10px;box-shadow:1px 1px 1px var(--shadow);border-color:#000;font-size:larger;height:100%;width:100%;background-color:var(--tertiary-col)}.rpe-btn:active{background-color:var(--secondary-col)}#graph{display:flex;align-items:center;justify-content:center;width:100%;height:50%;margin-block:1rem}.controls{display:flex;width:100%;justify-content:space-evenly;background-color:gray}#set-max,.user-set-vals{display:flex;flex-flow:column}#hand-change{display:flex;flex-flow:row;justify-content:space-evenly;width:100%}.not-active,.active{font-size:xx-large;border:solid 2px black;background-color:var(--fourth-col);width:3rem;height:3rem;border-radius:50%}.active{background-color:var(--tertiary-col);border:solid 2px white;font-weight:900}.active:disabled,.not-active:disabled{color:gray}#workout-list{display:flex;width:100%;height:100%;justify-content:center;align-items:center}#workout-container{display:flex;flex-flow:column;width:100%;height:100%;justify-content:space-evenly;align-items:center}.workout-btn{border:solid 1px black;border-radius:5px;margin:1rem;box-shadow:5px 5px 5px var(--shadow);width:100%;height:4rem;font-size:x-large;font-weight:700;padding:.5em;background:linear-gradient(45deg,var(--fourth-col),var(--tertiary-col));transition:all .5s}#workout-btn:hover{background:linear-gradient(135deg,var(--fourth-col),var(--tertiary-col));filter:brightness(90%)}#workout-btn:active{filter:brightness(75%)}#login-signup-wrapper{padding:2rem;height:auto;width:90%;display:flex;flex-flow:column;justify-content:space-between;align-items:center;color:var(--fourth-col)}#login-signup-wrapper h2{font-size:xx-large;margin-bottom:2em}.login-label{display:flex;flex-flow:column;margin-bottom:1em}.login-label span{margin-bottom:.5em}.login-input{width:fill;padding:.5em;border:1px solid black;border-radius:5px}#login-form{display:flex;flex-flow:column;align-items:center;height:70%;margin-bottom:2em}#login-fields{display:flex;flex-flow:column;justify-content:space-evenly;height:100%;margin-bottom:1em}#login-signup-btn{padding-inline:1rem;border:solid grey 1px;border-radius:3px;box-shadow:1px 1px 2px var(--shadow);width:100%;font-weight:700;height:2em;padding:.5em;background:linear-gradient(45deg,var(--fourth-col),var(--tertiary-col));transition:all .5s}#login-signup-btn:hover{background:linear-gradient(135deg,var(--fourth-col),var(--tertiary-col));filter:brightness(90%)}#login-signup-btn:active{filter:brightness(75%)}#toggle-login-signup{border:none;background-color:none;font-size:small;opacity:50%}.modal-background{z-index:2;position:fixed;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.modal-container{z-index:3;height:auto;border-radius:5px;display:flex;justify-content:center;align-items:center;background-color:var(--primary-col);border:rgb(42,42,42) solid 1px;box-shadow:2px 2px 5px 1px #2a2a2a}#connector{height:100%;width:100%;display:flex;flex-flow:column;justify-content:center;align-items:center;border:2px,solid,black;border-radius:5px;padding:4rem;background-color:var(--secondary-col)}#connector h2{font-size:xx-large;font-weight:600;color:#000;text-shadow:1px 1px 1px var(--tertiary-col);padding-block:5rem}#tin-connect{padding-inline:1rem;border:solid grey 1px;border-radius:3px;box-shadow:1px 1px 2px var(--shadow);width:100%;font-weight:700;height:2em;padding:.5em;background:linear-gradient(45deg,var(--fourth-col),var(--tertiary-col));transition:all .5s}#in-connect:hover{background:linear-gradient(135deg,var(--fourth-col),var(--tertiary-col));filter:brightness(90%)}#tin-connect:active{filter:brightness(75%)}.modal-background{background-color:#c8c8c833;z-index:2;position:fixed;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.modal-container{z-index:3}.settings-background{background-color:#c8c8c833;z-index:2;position:fixed;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center}.close-btn{position:absolute;top:3px;right:3px;background-color:var(--tertiary-col);box-shadow:1px 1px 1px var(--shadow);border-radius:5px}.settings-wrapper{display:flex;position:relative;flex-flow:column;z-index:3;margin:2rem;width:90%;height:95%;align-items:center;justify-content:flex-start;border:solid var(--shadow) 1px;border-radius:7px;background-image:linear-gradient(135deg,var(--fourth-col) 1%,var(--tertiary-col) 90%)}.settings-wrapper nav{width:100%;padding-block:2rem 1rem;margin-bottom:1rem;border-bottom:solid 1px var(--shadow);border-radius:5px}.settings-wrapper ul{display:flex;flex-flow:row;justify-content:space-between;padding-inline:1rem}.settings-wrapper li{border-radius:5px;font-size:x-large;font-weight:800;color:var(--secondary-col);text-shadow:1px 1px 3px var(--shadow)}#finger-form{display:flex}#ff-drop-downs{display:flex;flex-flow:column;margin-bottom:1rem}.finger-form-lbl{margin-top:5px;font-size:large}.finger-form-sel{width:5rem;margin-left:7px}#finger-options-header{font-size:x-large;font-weight:600}#finger-options{display:flex;flex-flow:column}.finger-box{list-style:none;margin-block:3px;display:flex}.finger-lbl{display:flex;flex-flow:row-reverse;font-size:x-large;text-shadow:none}.finger-cb{margin-right:9px}#timer{position:relative;display:flex;color:#000;font-weight:500;background-color:var(--fourth-col);width:90%;border-radius:5px;box-shadow:1px 1px 5px var(--shadow);justify-content:center;margin-bottom:1rem;padding-block:.5rem}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;position:fixed;width:100vw;height:100vh;max-width:100%}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{border:none;border-radius:0;border-color:#000}