:root{--main-font: "Poppins", sans-serif}.top{background-color:#24093e79;align-items:center}.links{display:flex;height:max-content;align-items:center;justify-content:center;column-gap:10px}#welcome{margin:0}body{margin:0;min-height:100vh;font-family:var(--main-font);font-weight:400;max-width:100%;color:#ffffffde;background-color:#242424;background-image:url(/assets/set-tracker-B0Gim-px.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:fixed}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}.poppins-medium{font-family:Poppins,sans-serif;font-weight:500;font-style:normal}.zalando-sans-semiexpanded-heading{font-family:Zalando Sans SemiExpanded,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:bold}.josefin-sans-label{font-family:Josefin Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:italic}.racing-sans-one-regular{font-family:Racing Sans One,sans-serif;font-weight:400;font-style:normal}.sansation-regular-italic{font-family:Sansation,sans-serif;font-weight:500;font-style:normal}#layout{display:grid;grid-template-columns:1fr 10px 1fr;grid-template-rows:auto;height:fit-content;width:90%;align-self:center}#input{display:grid;grid-template-columns:auto 1fr;row-gap:20px;grid-template-rows:repeat(7,auto-fit);column-gap:20px}#input-header{grid-column:1 / -1;justify-self:center}#input form{display:contents}#output{display:flex;margin-left:20px;flex-direction:column;align-items:center;position:relative}.output-reset{position:absolute;top:25px;right:0;cursor:pointer;background-color:#24093e79;color:#fff;padding:5px 10px;border:1px solid rgba(255,255,255,.4);border-radius:8px;font-family:var(--main-font);font-size:.9rem;transition:background-color .2s}.output-reset:hover{background-color:#911cff99}#output table{font-size:1.3rem}#divider{position:relative;left:20px;border:1px solid rgba(255,255,255,.739)}#heading{font-size:1.5rem;width:100%;height:100px;background-color:#24093e79;display:flex;align-items:center;justify-content:center}#curve{display:block;width:100%}#heading h1{display:flex;justify-content:center}#input label{display:inline-block;width:fit-content;font-size:1.2rem;border:2px solid rgba(36,9,62,.8);border-radius:10px;padding:5px;background-color:#24093e80}#input input[type=text],#input input[type=number]{height:70%;font-size:1.2rem;border-radius:10px;position:relative;top:10%;grid-column:2}#input h3{font-family:Poppins,sans-serif;font-weight:300}#input input:focus,select:focus,textarea:focus{outline-offset:0px;outline:none;border:2px solid rgba(145,28,255,.978);box-shadow:0 0 5px #007bff80}.error-msg{grid-column:2;color:#ff6b6b;font-size:.9rem;margin-top:-15px;margin-bottom:5px}.enter-button{grid-column:1 / -1;width:100%;margin-top:20px}.input-button,.enter-button{background-color:#24093e79;height:40px;color:#fff;border:1px solid rgba(36,9,62,.474);border-radius:10px;position:relative;top:30%;cursor:pointer;font-size:1.1rem;margin-bottom:20px;font-family:Poppins}#label-of-weight{display:grid;width:100%;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;column-gap:20px;grid-column:2}#label-of-weight .selector{display:flex;place-items:center;gap:10px}#label-of-weight .selector label{margin-bottom:0}#label-of-weight .input-box{width:20px;cursor:pointer;display:flex;justify-content:center;align-items:center}#label-of-weight label{font-size:1.2rem;display:flex;justify-content:center;align-items:center}.amount-slider{opacity:0;grid-column:1 / -1;display:grid;position:relative;grid-template-rows:auto;grid-template-columns:.3fr auto .6fr;column-gap:20px;align-items:center;transition:opacity 1s ease}#is-weighted{display:flex;flex-direction:rows;justify-content:space-between}#weight-label,#weight-unit{width:max-content}.amount-slider.active{opacity:100}.control-weight{height:15px;transition:height .3s ease}.control-weight:hover{height:14px}.amount-slider label{font-size:1.1rem;width:185px}.amount-slider-controls{grid-column:3/4;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:30px;place-items:center}#slider{width:250px}#table-header{display:grid;grid-template-columns:40px 220px 90px 90px 130px}.rows{transition:grid-template-rows 1s ease-in-out;display:grid;grid-template-columns:40px 220px 90px 90px 130px 1px auto;grid-template-rows:30px 1px 50px}.rows-essential{display:contents}.rows .edit-row{height:20px;width:20px}.separator-cell{grid-row:2;grid-column:1 / -1;border:rgba(255,255,255,.372) 1px dashed;height:1px;width:100%}.separator-cell.hide-hr{display:none}#line-div-action-cell{border:rgba(255,255,255,.372) 1px dashed;height:1px;width:100%}#line-div-action-cell.hide-hr{display:none}.action-cell{display:grid;grid-template-columns:17% 17% 17% 1fr;transition:height 1s ease-in-out;max-height:50px;place-items:center;grid-row:3;grid-column:1 / -1}.rows.row-completed{grid-template-rows:30px 0px 0px}.rows.deleted{animation:whoosh-animation .5s ease;animation-fill-mode:forwards}.rows.hide .action-cell{max-height:0px;min-height:0px;overflow:hidden}.rows.row-completed .action-cell{max-height:0px;overflow:hidden}#output table{display:flex;flex-direction:column;border:1px solid white;border-radius:20px}td.serial,td.sets-table,td.reps-table,td.weights-table,td.name-table{display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative;grid-row:1}td.serial{grid-column:1}td.name-table{grid-column:2}td.sets-table{grid-column:3}td.reps-table{grid-column:4}td.weights-table{grid-column:5}#output tr{border-radius:20px}#output table:not(:first-child,:last-child){border:1px solid white}#output table:first-of-type{border-bottom:1px solid white}#output table tr:last-of-type{border-top:1px solid white}#output tbody tr:nth-of-type(odd){background-color:#24093e79}.div-done-img{display:grid;place-items:center;position:relative}.done{display:inline;cursor:pointer}.done.hide{animation:whoosh-animation .5s ease;animation-fill-mode:forwards}.completed{position:absolute;transition:opacity .5s ease-in-out;top:100%;left:50%;transform:translate(-50%);z-index:10;display:flex;opacity:0%;width:max-content;padding:2px 5px;border:white solid 2px;background-color:#545454;border-radius:5px;color:#fff}.completed.active{opacity:100%}.completed p{font-size:.5rem;font-family:monospace}.delete{cursor:pointer}.delete.hide{animation:whoosh-animation .5s ease;animation-fill-mode:forwards}.delete-warning{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#24093e79;border:white 2px solid;border-radius:10px}.delete-warning #delete-button{background-color:#f91818;color:#df0303;text-shadow:#ff6b6b;border-radius:5px;border:#df0303 1px #ff2f00}.delete-warning #cancel-button{background-color:beige;color:#000}.my-checkbox{background-color:#0000;width:20px;height:20px;border-radius:100%;border:1px solid white;cursor:pointer;transition:background-color 1s ease;transition:box-shadow .5s ease;box-shadow:none;font-size:1rem;font-family:sans-serif;display:flex;justify-content:center;align-items:center}.work-sans-checker{font-family:Work Sans,sans-serif;font-optical-sizing:auto;font-weight:200;font-style:normal}.my-checkbox:hover{box-shadow:#703ba5 0 0 1px 2px}.my-checkbox.checked{background-color:#06f}.checker-list{display:flex;justify-self:center;list-style:none;justify-content:center;align-items:center;column-gap:5px}.checker-list.hide{animation:whoosh-animation .5s ease;animation-fill-mode:forwards}.shaking{animation:shake-animation .5s;border-color:red!important;box-shadow:red 0 0 1px 1px}#end{display:flex;justify-content:center}.footer{background-color:#0a0a0a;position:relative}.footer-child{display:grid;padding-top:20px;grid-template-columns:1fr;grid-template-rows:.4fr 1fr .4fr;place-items:center;height:80px;margin-top:20px;position:relative;bottom:0;width:100%}.handles{width:70%;display:flex;justify-content:space-around}.greet{grid-column:1/4;padding-bottom:10px}.made-by{position:absolute;bottom:-10px;display:flex;flex-direction:row;column-gap:4px;right:5px}.made-by #pre-name{place-content:center;font-family:Kalam,sans-serif;font-size:.7rem}.made-by #name{font-size:.81rem;font-family:var(--main-font);color:#f9cf17}.delete-popup{border:1px solid rgba(255,255,255,.2);border-radius:15px;position:fixed;display:grid;grid-template-rows:60px 1fr;left:50%;top:50%;transform:translate(-50%,-50%);flex-direction:column;min-height:250px;width:350px;transition:opacity ease-in-out .4s,transform ease-in-out .4s;opacity:0;z-index:-1;background-color:#24093ed9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 10px 30px #00000080;transform:translate(-50%,-45%)}.delete-popup .delete-heading{display:flex;place-content:center;background-color:#0003;border-bottom:1px solid rgba(255,255,255,.1);align-items:center;border-radius:15px 15px 0 0}.delete-popup .delete-heading p{font-size:1.2rem;font-family:Poppins,sans-serif;font-weight:500;color:#ff6b6b;margin:0;letter-spacing:1px}.delete-popup.show{opacity:1;z-index:1000;transform:translate(-50%,-50%)}.delete-message{padding:20px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center}.delete-message p{font-size:1.1rem;color:#ffffffe6;margin-bottom:20px;font-weight:300}.delete-buttons{display:flex;gap:15px;width:100%}.delete-message .delete-confirm,.delete-message .delete-cancel{flex:1;padding:10px 0;font-family:Poppins,sans-serif;font-weight:500;font-size:1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;border:none}.delete-message .delete-confirm{background-color:#df0303;color:#fff;box-shadow:0 4px 10px #df03034d}.delete-message .delete-confirm:hover{background-color:#ff2f00;transform:translateY(-2px);box-shadow:0 6px 15px #df030366}.delete-message .delete-cancel{background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.delete-message .delete-cancel:hover{background-color:#fff3;transform:translateY(-2px)}.edit-form{min-height:280px}.edit-inputs{display:flex;flex-direction:column;gap:15px;width:100%;margin-bottom:20px}.edit-inputs label{display:flex;justify-content:space-between;align-items:center;color:#ffffffe6;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:300}.edit-inputs input{width:50%;padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background-color:#0000004d;color:#fff;font-size:1rem;font-family:Poppins,sans-serif;transition:all .2s ease}.edit-inputs input:focus{outline:none;border:1px solid #751ee5;box-shadow:0 0 8px #751ee580}.edit-heading p{color:#4dabf7!important}.edit-confirm{background-color:#339af0!important;box-shadow:0 4px 10px #339af04d!important}.edit-confirm:hover{background-color:#228be6!important;box-shadow:0 6px 15px #228be666!important}.schedule{display:flex;min-height:100vh;justify-content:center;flex-direction:column;margin:0}.day-plan{border:3px solid white;border-radius:5px;width:70vw;height:150px;row-gap:20px;display:grid;grid-template-columns:50px auto;grid-template-rows:80px 50px;place-items:center;background-color:#24093e79;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:box-shadow .3s ease}.day-plan:hover{box-shadow:2px 2px 5px 5px #24093e66;cursor:pointer}.day-plan:hover .day-plan-h2{font-size:2rem}.day-plan-h2{transition:font-size .24s ease-out;grid-area:1/2/2/3}.day-plan-h4{grid-area:2/2/3/3}.day-plan input{height:15px;width:15px;grid-area:1/1/3/2}.day-list{flex-direction:column;row-gap:10px;list-style:none;display:flex;padding-left:0;padding-bottom:40px;flex-grow:1;align-items:center}.schedule-form{display:flex;column-gap:10px;bottom:10px;padding-bottom:10px;align-self:center}@media(max-width:900px){#layout{display:grid;grid-template-columns:auto;height:fit-content}#input{grid-template-columns:35% 60%;column-gap:5%;row-gap:15px;align-items:center}#divider{position:relative;width:100%;border:1px solid rgba(255,255,255,.739)}#input label{font-size:1rem;width:100%;padding:5px;box-sizing:border-box;text-align:center;grid-column:1}#input input[type=text],#input input[type=number]{min-width:0;width:100%;grid-column:2;position:static}.enter-button{width:100%;top:0}#label-of-weight{grid-template-columns:auto;row-gap:10px}}@keyframes shake-animation{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(0)}75%{transform:translate(3px)}to{transform:translate(0)}}@keyframes whoosh-animation{0%{max-height:fit-content}to{max-height:0;margin-bottom:0;opacity:0}}@media(max-width:768px){.links{flex-wrap:wrap;padding:5px}#heading h1{font-size:1.5rem;text-align:center}#layout{width:95%;padding:0 5px;box-sizing:border-box}#divider{left:0;width:100%}#input label,.enter-button,.input-button{font-size:1rem}#output{margin-left:0;width:100%;padding-bottom:20px}#table-header{grid-template-columns:30px 1fr 50px 50px 70px}.rows{grid-template-columns:30px 1fr 50px 50px 70px 1px auto}.action-cell{gap:3px;grid-template-columns:1fr 1fr 1fr}td.sets-table,td.reps-table,td.weights-table{font-size:1rem}td.name-table{font-size:1rem;word-wrap:break-word}.output-reset{position:relative;top:0;align-self:flex-end;margin-bottom:15px}#output table{font-size:1rem}.day-plan{width:90vw;height:max-content;padding-bottom:10px}.day-plan-h2{font-size:1.5rem}.delete-popup{width:90vw;max-width:350px}.edit-inputs input{width:80%}.action-cell{gap:5px;grid-template-columns:1fr 1fr 1fr 2fr}}
