.training-cycle{display:flex;flex-direction:column;gap:1rem}.training-cycle h2{margin:0}.training-days-form,.start-date-label{gap:1rem}.start-date-label span{font-weight:700}.training-day{gap:1rem}.training-day span{font-weight:700}.training-day input{border:2px solid #abacaf;background:transparent;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--border-radius);padding:var(--padding);transition:all .2s ease}.training-day input:hover,.training-day input:focus{border-color:#fff}.training-day input:focus{outline:0}.training-day button{border-color:#abacaf}.training-day button:hover{border-color:#fff}.training-description{gap:.8rem}.training-description p{margin:0}.training-description span{font-weight:700}.edit-button{border-radius:50%;aspect-ratio:1;padding:.3rem .6rem;border:none}.date-picker{gap:1rem;margin-top:2rem}.next-workout-wrapper{gap:.5rem}.next-workout{font-weight:700}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;color:#fff;background-color:#242424;box-sizing:border-box;--padding: .4rem .8rem;--border-radius: 8px}body{margin:0;display:flex;align-items:center;justify-content:center;min-width:320px;min-height:100vh}.flex-column{display:flex;flex-direction:column}.flex-center{display:flex;align-items:center}.full-width{width:100%}button{background-color:transparent;border:2px solid white;border-radius:var(--border-radius);color:inherit;font-weight:700;padding:var(--padding);transition:all .2s}button:not(.disabled){cursor:pointer}button.disabled{color:#fff6;border-color:#fff6}button:hover:not(.disabled){color:#000;background-color:#fff}