@layer base,component,page;@layer base{*{box-sizing:border-box}:root{--main-color: #3fcf8e;--complementary-white: #ffffff;--complementary-grey: #555555;--complementary-black: #000000;--vibrant-orange: #ffa500;--main-font: "Montserrat", sans-serif;--sm: 1rem;--m: 1.25rem;--l: 1.5rem;--xl: 2rem;--xxl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-weight-extra-bold: 800}body{font-family:var(--main-font)}html,body,#root{background-color:var(--background-color);margin:0;padding:0;height:100%}body.dark{background:linear-gradient(to right,#282828,#1a1a1a);--text-color: var(--complementary-white)}input,textarea,button,select{font:inherit}.ax-button{all:unset;outline:revert;box-sizing:border-box}a{all:unset}input{appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;border:none;background:transparent;box-shadow:none}ul{list-style-type:none;padding:0;margin:0}}@layer component{.nav-container{width:100%;padding:1rem 12rem;display:flex;justify-content:space-between;align-items:center;justify-items:center}@media (max-width: 700px){.nav-container,.logo-name-flex{flex-direction:column}.logo-name-flex>:first-child{order:2;margin-bottom:10px}.logo-text{margin-bottom:0}#dark-mode-toggle{right:100px}}.login-container{width:100%;padding:1rem 0;display:flex;justify-content:center;align-items:center}.login-form{margin-left:0;margin-right:0;margin-top:2.5rem;border-radius:2.5rem;flex:1 1 auto;max-width:85%;background-color:#fff;padding:1rem 2.5rem;box-shadow:0 25px 50px -12px #00000040}.avatar-form{margin-left:-1rem;margin-right:-1rem;margin-top:2.5rem;flex:auto;background-color:#fff;padding:1rem 2.5rem;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;gap:1.5rem;max-width:85%;border-radius:2.5rem}.edit-form{width:85%;margin:2.5rem -1rem;background-color:#fff;padding:1rem 2.5rem;box-shadow:0 25px 50px -12px #00000040;border-radius:2.5rem;align-self:start}.form-container{margin-left:auto;margin-right:auto;max-width:72rem;padding-left:1rem;padding-right:1rem;margin-top:3rem;display:flex;justify-content:center}.exercise-container{width:60%;padding:1rem 0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;position:relative;margin-left:auto;margin-right:auto}.previous-wo-container{width:95%;padding:1rem 0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2rem;position:relative;margin-left:auto;margin-right:auto}@media (min-width: 640px){.login-form{margin-left:0;margin-right:0;border-radius:2.5rem;padding:1.5rem;max-width:65%;flex:auto}.avatar-form{margin-left:0;margin-right:0;border-radius:2.5rem;padding:6rem;max-width:1000px;flex:0 0 50%}.edit-form{margin-left:0;margin-right:0;border-radius:2.5rem;padding:6rem;max-width:1000px;flex:0 0 50%;align-self:start}.previous-wo-container{width:60%}}@media (min-width: 1024px){.login-form{max-width:650px;padding:4rem}}.hero-container{margin:auto;width:100%;padding-inline:20px;display:flex;align-items:center;justify-content:center}.hero-light,.hero-dark{background-color:var(--main-color)}.hero-text-container{max-width:300px;line-height:1.35;text-align:center}@media (min-width: 640px){.hero-container{padding-top:7rem;padding-bottom:5rem}.hero-text-container{max-width:800px}}}@layer component{.dark-mode-icon{cursor:pointer;transition:transform .1s ease-in-out;background-color:transparent;border:none}.dark-mode-icon:active{transform:scale(.95)}#dark-mode-icon{box-sizing:border-box;position:absolute;top:10px;right:30px;z-index:1}.back-btn{position:absolute;top:10px;left:10px;z-index:1;margin-left:auto;margin-right:auto;height:2.5rem;width:2.5rem}.primary-btn{border-radius:.375rem;background-color:var(--main-color);padding:.875rem .625rem;font-size:.875rem;font-weight:600;color:#fff;box-shadow:0 1px 2px #0000000d;transition:background-color .3s ease}.primary-btn:hover{background-color:#6fffb0}.primary-btn:focus-visible{outline:2px solid transparent;outline-offset:2px;outline-width:2px;outline-color:var(--main-color)}.primary-dark-btn{border-radius:.375rem;background-color:#3ccc82;padding:.875rem .625rem;font-size:.875rem;font-weight:600;color:#fff;text-shadow:1px 1px 1px rgba(255,255,255,.5);box-shadow:0 1px 2px #0000000d;transition:background-color .3s ease}.primary-dark-btn:hover{background-color:#8fffcb}.primary-dark-btn:focus-visible{outline:2px solid transparent;outline-offset:2px;outline-width:2px;outline-color:var(--main-color)}.disabled-btn{background-color:#ccc;color:#666;cursor:not-allowed;box-shadow:none;border-radius:.375rem;padding:.875rem .625rem;font-size:.875rem;font-weight:600}.secondary-btn{border-radius:.375rem;background-color:#fff;padding:.875rem .625rem;font-size:.875rem;font-weight:600;color:#000;box-shadow:0 1px 2px #0000000d;transition:background-color .3s ease}.secondary-btn:hover{background-color:#f2f2f2}.secondary-btn:focus-visible{outline:2px solid transparent;outline-offset:2px;outline-width:2px;outline-color:var(--main-color)}.secondary-dark-btn{border-radius:.375rem;background-color:#333;padding:.875rem .625rem;font-size:.875rem;font-weight:600;color:#fff;box-shadow:0 1px 2px #0000000d;transition:background-color .3s ease}.secondary-dark-btn:hover{background-color:#4d4d4d}.secondary-dark-btn:focus-visible{outline:2px solid transparent;outline-offset:2px;outline-width:2px;outline-color:var(--main-color)}.blank-exercise-btn{position:relative;display:block;border-radius:.5rem;border:2px dashed #d1d5db;padding:3rem;text-align:center;transition:border-color .3s ease;flex-grow:1}.blank-exercise-btn:hover{border-color:#2d3748}.blank-exercise-btn:focus{outline:none;box-shadow:0 0 0 2px var(--main-color);outline-offset:2px}.new-exercise-txt{margin-top:.5rem;display:block;font-size:.875rem;font-weight:600;color:#1f2937}.new-exercise-dark-txt{margin-top:.5rem;display:block;font-size:.875rem;font-weight:600;color:#d1d5db}.img-exercise{margin-left:auto;margin-right:auto;height:3rem;width:3rem}@media (max-width: 768px){.primary-btn,.primary-dark-btn,.secondary-btn,.secondary-dark-btn{padding:.5rem .75rem;font-size:calc(var(--sm) * .75)}.back-btn{top:210px;left:10px}}.workout-select-card{position:relative;background-color:#fff;padding:1.5rem;border-radius:2.5rem;box-shadow:0 25px 50px -12px #00000040;transition:background-color .3s ease;font-size:.875rem;font-weight:600;width:100%}.workout-select-card:hover{background-color:var(--main-color)}.workout-select-card:focus-visible{outline:2px solid transparent;outline-offset:2px;outline-width:2px;outline-color:var(--main-color)}.selected-workout{background-color:var(--main-color)}}@layer component{.outwork-logo{width:7rem;height:7rem}.darkmode-img{width:25px;height:25px}}@layer base{.logo-text{font-size:var(--xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.white-header-text{color:var(--complementary-white);font-weight:var(--font-weight-bold);font-size:var(--xxl)}.white-p-text{color:var(--complementary-white);font-weight:var(--font-weight-normal);font-size:var(--xl);text-align:center}@media (max-width: 768px){.white-p-text{font-size:var(--sm)}.white-header-text{color:var(--complementary-white);font-weight:var(--font-weight-bold);font-size:var(--l)}}}@layer component{nav{background-color:var(--complementary-white)}.logo-text{font-size:var(--xl);font-weight:var(--font-weight-bold);color:var(--complementary-black)}.logo-name-flex{display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.outwork-logo{width:5rem;height:5rem}.logo-text{font-size:var(--l)}.nav-flex{justify-content:space-evenly}}}.menu-card{position:relative;background-color:#fff;padding:1.5rem}@media (max-width: 640px){.menu-card:first-child{border-top-right-radius:2.5rem;border-top-left-radius:2.5rem}.menu-card:last-child{border-bottom-right-radius:2.5rem;border-bottom-left-radius:2.5rem}}@media (min-width: 641px){.menu-card:first-child{border-top-left-radius:2.5rem}.menu-card:nth-child(2){border-top-right-radius:2.5rem}.menu-card:nth-child(5){border-bottom-left-radius:2.5rem}.menu-card:nth-child(6){border-bottom-right-radius:2.5rem}}.menu-card-icon-flex{display:inline-flex;border-radius:.5rem;padding:.75rem;color:#047481;box-shadow:0 0 0 4px #fff}.menu-card:nth-child(1) .menu-card-icon-flex{background-color:#ff6b6b}.menu-card:nth-child(2) .menu-card-icon-flex{background-color:#ffe66d}.menu-card:nth-child(3) .menu-card-icon-flex{background-color:#4ecdc4}.menu-card:nth-child(4) .menu-card-icon-flex{background-color:#4fb0c6}.menu-card:nth-child(5) .menu-card-icon-flex{background-color:#ffd166}.menu-card:nth-child(6) .menu-card-icon-flex{background-color:#06d6a0}.menu-card-icon{height:2rem;width:2rem}.menu-icon-text-margin{margin-top:2rem}.menu-card-title{font-size:1rem;font-weight:600;line-height:1.5rem;color:#1a202c}.remove-focus-outline{outline:none}.fill-space{position:absolute;top:0;right:0;bottom:0;left:0}.menu-card-description{margin-top:.5rem;font-size:.875rem;color:#6b7280}.menu-card-arrow{pointer-events:none;position:absolute;right:1.5rem;top:1.5rem;color:#d1d5db}.menu-card-arrow:hover>*{color:#9ca3af}.menu-grid{border-bottom:1px solid #e5e7eb;border-radius:2.5rem;background-color:#e5e7eb;box-shadow:0 25px 50px -12px #00000040;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;border-bottom:0;max-width:60%;flex:auto}.menu-container{margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;margin-top:3rem;display:flex;justify-content:center;align-items:center}@media (max-width: 640px){.menu-grid{grid-template-columns:1fr;max-width:80%;flex:auto;margin-bottom:2.5rem}}.input-title{display:block;font-size:.875rem;font-weight:500;line-height:1.5;color:#1f2937;font-family:var(--main-font)}.select-dd{margin-top:.5rem;display:block;width:100%;border-radius:.375rem;border:none;padding:.375rem 2.5rem .375rem .75rem;color:#1f2937;box-shadow:inset 0 0 0 1px #d1d5db;font-size:.875rem;line-height:1.5;font-family:var(--main-font)}.select-dd:focus{box-shadow:inset 0 0 0 2px var(--main-color)}.input{display:block;width:100%;border-radius:.375rem;border:none;padding:.375rem 0;color:#1f2937;box-shadow:0 1px 2px #0000000d;outline:1px solid #d1d5db;background-color:#fff;outline-offset:-1px;font-size:.875rem;line-height:1.5;font-family:var(--main-font)}.input::placeholder{color:#9ca3af}.input:focus{outline:2px solid var(--main-color);outline-offset:-2px}.width-50{width:65%}.btn-center-container{display:flex;align-items:center;justify-content:center;margin-top:2rem;gap:1.5rem}.btn-container{margin-top:2rem;display:flex;align-items:center;justify-content:center;gap:0 1.5rem}.datefilter{display:block;width:100%;border-radius:.375rem;border:none;padding:.375rem 0;color:#1f2937;background-color:#fff;outline:auto;font-size:.875rem;line-height:1.5;font-family:var(--main-font);text-align:center}.dateLabelFilter{display:block;width:100%;border-radius:.375rem;border:none;padding:.375rem 0;color:#1f2937;background-color:#fff;outline:none;font-size:.875rem;line-height:1.5;font-family:var(--main-font);text-align:center}@media (max-width: 640px){.btn-container{flex-direction:column;gap:1rem 0}}.header-title-text{font-size:2.5rem;font-weight:600;line-height:1.5;color:#1f2937;font-family:var(--main-font);text-align:center}.header-title-dark-text{font-size:2.5rem;font-weight:600;line-height:1.5;color:#d3d3d3;font-family:var(--main-font);text-align:center}.ul-border{border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6}.list-container{display:flex;align-items:center;justify-content:space-between;gap:0 1.5rem;padding:1.25rem 0}.list-grid{display:grid;grid-template-columns:1fr .5fr 1fr .5fr 1fr 1fr;align-items:center;justify-content:space-between;gap:0 1.5rem;padding:1.25rem 0}.workout-list-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;justify-content:space-between;gap:0 1.5rem;padding:1.25rem 0}.details-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:flex-start;justify-content:space-between;gap:0 1.5rem;padding:1.25rem 0}@media (max-width: 640px){.list-grid{grid-template-columns:1fr 1fr 1fr}.details-grid{grid-template-columns:1fr 1fr}}.exercise-flex{display:flex;align-items:start;justify-content:space-between;gap:0 1.5rem;flex-direction:column}.grid-expand-details{grid-column:1 / -1}.list-title-text{font-size:.875rem;font-weight:600;line-height:1.5;color:#1f2937;font-family:var(--main-font)}.list-title-dark-text{font-size:.875rem;font-weight:600;line-height:1.5;color:#d3d3d3;font-family:var(--main-font)}.descr-text{font-size:.75rem;color:#6b7280}.descr-dark-text{font-size:.75rem;color:#fff}.set-rep-text{font-size:.75rem;color:var(--complementary-black)}.set-rep-dark-text{font-size:.75rem;color:#fff}.modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006}.modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:80%;display:flex;align-items:center;justify-content:space-between}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.title-text{font-size:.875rem;font-weight:600;line-height:1.5;color:#1f2937;font-family:var(--main-font)}.btn-gap{display:flex;gap:1rem}@layer component{.exercise-workout-flex{display:flex;flex-direction:column;gap:2rem;max-width:60%;justify-content:center;align-items:center}.exercise-card{position:relative;background-color:#fff;padding:1.5rem;border-radius:2.5rem;box-shadow:0 25px 50px -12px #00000040;width:100%}}@layer page{.exercise-set-grid{display:grid;grid-template-columns:1fr 1fr 1fr}.workout-sess-card{position:relative;background-color:#fff;padding:1.5rem;border-radius:2.5rem;box-shadow:0 25px 50px -12px #00000040;width:100%}.workoutInput{border:none;padding:.375rem 0;color:#1f2937;background-color:#fff;outline:auto;font-size:.875rem;line-height:1.5;font-family:var(--main-font)}.workout-input-area{display:block;width:90%;border-radius:.375rem;border:none;padding:.375rem 0;color:#1f2937;background-color:#fff;font-size:.875rem;text-align:center;font-family:var(--main-font);outline:auto}.input-wo-title{display:block;text-align:center;font-size:.875rem;font-weight:500;line-height:1.5;color:#1f2937;font-family:var(--main-font)}.complete{background-color:var(--main-color);outline:auto}.set-card{position:relative;padding:1rem;width:100%}.checkbox{display:block;width:25px;height:25px;border-radius:50%;border:2px solid #1f2937;padding:0;color:#1f2937;background-color:#fff;font-size:.875rem;text-align:center;font-family:var(--main-font);outline:auto;appearance:none;-webkit-appearance:none;-moz-appearance:none}.checkbox:checked{background-color:#3fcfae}.set-flex{display:flex;align-items:center;flex-direction:column}}@layer page{.stats-grid{display:grid;grid-template-columns:1fr;justify-content:center;align-items:center;gap:2rem}.stats-card{position:relative;background-color:#fff;padding:1.5rem;border-radius:2.5rem;box-shadow:0 25px 50px -12px #00000040;width:100%;display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.stats-grid{grid-template-areas:"item1 item2" "item3 item3";grid-template-columns:1fr 1fr;gap:5rem;align-items:start}.session-stats-area{grid-area:item1}.exercise-stats-area{grid-area:item2}.pr-area{grid-area:item3}}}