.app-wrapper .fit-card{flex:1 1;background-color:var(--veto-purple);border-radius:var(--default-border-radius);text-align:center;position:relative;z-index:1;display:flex;align-content:flex-start;justify-content:center;min-height:30rem;cursor:pointer;transition:opacity .3s}.app-wrapper .fit-card:active .fit-card__circle,.app-wrapper .fit-card:focus .fit-card__circle,.app-wrapper .fit-card:hover .fit-card__circle{color:var(--yellow)}.app-wrapper .fit-card:active .fit-card__circle svg,.app-wrapper .fit-card:focus .fit-card__circle svg,.app-wrapper .fit-card:hover .fit-card__circle svg{animation:attention .65s ease-in-out}@keyframes attention{25%{transform:translateY(-.7rem)}50%{transform:translateY(0)}75%{transform:translateY(-.3rem)}to{transform:translateY(0)}}.app-wrapper .fit-card .faded{opacity:0}.app-wrapper .fit-card .fadein{animation-delay:.15s;animation-duration:.15s;animation-timing-function:ease-out}.app-wrapper .fit-card p{padding:3rem;font-size:2rem;font-weight:900;color:#fff;transition:opacity .3s ease-out}.app-wrapper .fit-card p span{font-size:1.6rem;font-weight:700}.app-wrapper .fit-card[data-clicked=true] .fit-card__top{height:100%}.app-wrapper .fit-card__top{position:absolute;width:100%;bottom:0;height:10rem;display:grid;place-content:center;background-color:var(--yellow);border-radius:var(--default-border-radius);z-index:1;transition:height .3s ease-out}.app-wrapper .fit-card__top p{color:var(--veto-indigo);font-size:2rem;font-weight:900}.app-wrapper .fit-card__circle{position:absolute;z-index:3;top:0;left:50%;transform:translate(-50%,-50%);display:flex;width:5.5rem;height:5.5rem;display:grid;place-content:center;color:#fff;border-radius:50%;border:3px solid var(--yellow);background-color:var(--veto-indigo);font-size:2.8rem;transition:opacity .3s ease-out,color .15s ease-out}.app-wrapper .assessing .before-after__wrapper{gap:2rem}.app-wrapper .assessing .before-after__card{flex:1 1;border-radius:var(--default-border-radius);overflow:hidden;display:flex;flex-direction:column}.app-wrapper .assessing .before-after__card-heading{background-color:var(--veto-indigo);padding:2rem 1rem;font-size:2rem;font-weight:900;margin-bottom:0;text-align:center;color:#fff}.app-wrapper .assessing .before-after__text{flex:1 1;background-color:#f1f1f1;padding:3rem}.app-wrapper .assessing .fit-card-container{display:flex;gap:2rem;margin-bottom:2rem}