.progress {
    transition: 0.1s;
    --transparent: rgba(255, 255, 255, 0%);
}

.progress-0, .progress-100 {
    background: var(--transparent)
}
.progress-1 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 1%, var(--transparent) 1%, var(--transparent) 100%); }
.progress-2 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 2%, var(--transparent) 2%, var(--transparent) 100%); }
.progress-3 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 3%, var(--transparent) 3%, var(--transparent) 100%); }
.progress-4 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 4%, var(--transparent) 4%, var(--transparent) 100%); }
.progress-5 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 5%, var(--transparent) 5%, var(--transparent) 100%); }
.progress-6 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 6%, var(--transparent) 6%, var(--transparent) 100%); }
.progress-7 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 7%, var(--transparent) 7%, var(--transparent) 100%); }
.progress-8 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 8%, var(--transparent) 8%, var(--transparent) 100%); }
.progress-9 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 9%, var(--transparent) 9%, var(--transparent) 100%); }
.progress-10 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 10%, var(--transparent) 10%, var(--transparent) 100%); }
.progress-11 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 11%, var(--transparent) 11%, var(--transparent) 100%); }
.progress-12 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 12%, var(--transparent) 12%, var(--transparent) 100%); }
.progress-13 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 13%, var(--transparent) 13%, var(--transparent) 100%); }
.progress-14 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 14%, var(--transparent) 14%, var(--transparent) 100%); }
.progress-15 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 15%, var(--transparent) 15%, var(--transparent) 100%); }
.progress-16 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 16%, var(--transparent) 16%, var(--transparent) 100%); }
.progress-17 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 17%, var(--transparent) 17%, var(--transparent) 100%); }
.progress-18 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 18%, var(--transparent) 18%, var(--transparent) 100%); }
.progress-19 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 19%, var(--transparent) 19%, var(--transparent) 100%); }
.progress-20 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 20%, var(--transparent) 20%, var(--transparent) 100%); }
.progress-21 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 21%, var(--transparent) 21%, var(--transparent) 100%); }
.progress-22 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 22%, var(--transparent) 22%, var(--transparent) 100%); }
.progress-23 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 23%, var(--transparent) 23%, var(--transparent) 100%); }
.progress-24 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 24%, var(--transparent) 24%, var(--transparent) 100%); }
.progress-25 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 25%, var(--transparent) 25%, var(--transparent) 100%); }
.progress-26 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 26%, var(--transparent) 26%, var(--transparent) 100%); }
.progress-27 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 27%, var(--transparent) 27%, var(--transparent) 100%); }
.progress-28 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 28%, var(--transparent) 28%, var(--transparent) 100%); }
.progress-29 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 29%, var(--transparent) 29%, var(--transparent) 100%); }
.progress-30 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 30%, var(--transparent) 30%, var(--transparent) 100%); }
.progress-31 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 31%, var(--transparent) 31%, var(--transparent) 100%); }
.progress-32 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 32%, var(--transparent) 32%, var(--transparent) 100%); }
.progress-33 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 33%, var(--transparent) 33%, var(--transparent) 100%); }
.progress-34 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 34%, var(--transparent) 34%, var(--transparent) 100%); }
.progress-35 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 35%, var(--transparent) 35%, var(--transparent) 100%); }
.progress-36 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 36%, var(--transparent) 36%, var(--transparent) 100%); }
.progress-37 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 37%, var(--transparent) 37%, var(--transparent) 100%); }
.progress-38 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 38%, var(--transparent) 38%, var(--transparent) 100%); }
.progress-39 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 39%, var(--transparent) 39%, var(--transparent) 100%); }
.progress-40 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 40%, var(--transparent) 40%, var(--transparent) 100%); }
.progress-41 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 41%, var(--transparent) 41%, var(--transparent) 100%); }
.progress-42 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 42%, var(--transparent) 42%, var(--transparent) 100%); }
.progress-43 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 43%, var(--transparent) 43%, var(--transparent) 100%); }
.progress-44 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 44%, var(--transparent) 44%, var(--transparent) 100%); }
.progress-45 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 45%, var(--transparent) 45%, var(--transparent) 100%); }
.progress-46 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 46%, var(--transparent) 46%, var(--transparent) 100%); }
.progress-47 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 47%, var(--transparent) 47%, var(--transparent) 100%); }
.progress-48 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 48%, var(--transparent) 48%, var(--transparent) 100%); }
.progress-49 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 49%, var(--transparent) 49%, var(--transparent) 100%); }
.progress-50 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 50%, var(--transparent) 50%, var(--transparent) 100%); }
.progress-51 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 51%, var(--transparent) 51%, var(--transparent) 100%); }
.progress-52 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 52%, var(--transparent) 52%, var(--transparent) 100%); }
.progress-53 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 53%, var(--transparent) 53%, var(--transparent) 100%); }
.progress-54 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 54%, var(--transparent) 54%, var(--transparent) 100%); }
.progress-55 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 55%, var(--transparent) 55%, var(--transparent) 100%); }
.progress-56 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 56%, var(--transparent) 56%, var(--transparent) 100%); }
.progress-57 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 57%, var(--transparent) 57%, var(--transparent) 100%); }
.progress-58 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 58%, var(--transparent) 58%, var(--transparent) 100%); }
.progress-59 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 59%, var(--transparent) 59%, var(--transparent) 100%); }
.progress-60 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 60%, var(--transparent) 60%, var(--transparent) 100%); }
.progress-61 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 61%, var(--transparent) 61%, var(--transparent) 100%); }
.progress-62 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 62%, var(--transparent) 62%, var(--transparent) 100%); }
.progress-63 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 63%, var(--transparent) 63%, var(--transparent) 100%); }
.progress-64 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 64%, var(--transparent) 64%, var(--transparent) 100%); }
.progress-65 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 65%, var(--transparent) 65%, var(--transparent) 100%); }
.progress-66 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 66%, var(--transparent) 66%, var(--transparent) 100%); }
.progress-67 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 67%, var(--transparent) 67%, var(--transparent) 100%); }
.progress-68 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 68%, var(--transparent) 68%, var(--transparent) 100%); }
.progress-69 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 69%, var(--transparent) 69%, var(--transparent) 100%); }
.progress-70 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 70%, var(--transparent) 70%, var(--transparent) 100%); }
.progress-71 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 71%, var(--transparent) 71%, var(--transparent) 100%); }
.progress-72 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 72%, var(--transparent) 72%, var(--transparent) 100%); }
.progress-73 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 73%, var(--transparent) 73%, var(--transparent) 100%); }
.progress-74 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 74%, var(--transparent) 74%, var(--transparent) 100%); }
.progress-75 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 75%, var(--transparent) 75%, var(--transparent) 100%); }
.progress-76 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 76%, var(--transparent) 76%, var(--transparent) 100%); }
.progress-77 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 77%, var(--transparent) 77%, var(--transparent) 100%); }
.progress-78 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 78%, var(--transparent) 78%, var(--transparent) 100%); }
.progress-79 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 79%, var(--transparent) 79%, var(--transparent) 100%); }
.progress-80 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 80%, var(--transparent) 80%, var(--transparent) 100%); }
.progress-81 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 81%, var(--transparent) 81%, var(--transparent) 100%); }
.progress-82 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 82%, var(--transparent) 82%, var(--transparent) 100%); }
.progress-83 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 83%, var(--transparent) 83%, var(--transparent) 100%); }
.progress-84 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 84%, var(--transparent) 84%, var(--transparent) 100%); }
.progress-85 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 85%, var(--transparent) 85%, var(--transparent) 100%); }
.progress-86 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 86%, var(--transparent) 86%, var(--transparent) 100%); }
.progress-87 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 87%, var(--transparent) 87%, var(--transparent) 100%); }
.progress-88 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 88%, var(--transparent) 88%, var(--transparent) 100%); }
.progress-89 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 89%, var(--transparent) 89%, var(--transparent) 100%); }
.progress-90 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 90%, var(--transparent) 90%, var(--transparent) 100%); }
.progress-91 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 91%, var(--transparent) 91%, var(--transparent) 100%); }
.progress-92 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 92%, var(--transparent) 92%, var(--transparent) 100%); }
.progress-93 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 93%, var(--transparent) 93%, var(--transparent) 100%); }
.progress-94 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 94%, var(--transparent) 94%, var(--transparent) 100%); }
.progress-95 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 95%, var(--transparent) 95%, var(--transparent) 100%); }
.progress-96 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 96%, var(--transparent) 96%, var(--transparent) 100%); }
.progress-97 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 97%, var(--transparent) 97%, var(--transparent) 100%); }
.progress-98 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 98%, var(--transparent) 98%, var(--transparent) 100%); }
.progress-99 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 99%, var(--transparent) 99%, var(--transparent) 100%); }

.button-like.progress-0, .button-like.progress-100 {
    background: var(--contrast-bright)
}
.button-like.progress-1 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 1%, var(--contrast-bright) 1%, var(--contrast-bright) 100%); }
.button-like.progress-2 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 2%, var(--contrast-bright) 2%, var(--contrast-bright) 100%); }
.button-like.progress-3 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 3%, var(--contrast-bright) 3%, var(--contrast-bright) 100%); }
.button-like.progress-4 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 4%, var(--contrast-bright) 4%, var(--contrast-bright) 100%); }
.button-like.progress-5 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 5%, var(--contrast-bright) 5%, var(--contrast-bright) 100%); }
.button-like.progress-6 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 6%, var(--contrast-bright) 6%, var(--contrast-bright) 100%); }
.button-like.progress-7 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 7%, var(--contrast-bright) 7%, var(--contrast-bright) 100%); }
.button-like.progress-8 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 8%, var(--contrast-bright) 8%, var(--contrast-bright) 100%); }
.button-like.progress-9 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 9%, var(--contrast-bright) 9%, var(--contrast-bright) 100%); }
.button-like.progress-10 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 10%, var(--contrast-bright) 10%, var(--contrast-bright) 100%); }
.button-like.progress-11 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 11%, var(--contrast-bright) 11%, var(--contrast-bright) 100%); }
.button-like.progress-12 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 12%, var(--contrast-bright) 12%, var(--contrast-bright) 100%); }
.button-like.progress-13 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 13%, var(--contrast-bright) 13%, var(--contrast-bright) 100%); }
.button-like.progress-14 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 14%, var(--contrast-bright) 14%, var(--contrast-bright) 100%); }
.button-like.progress-15 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 15%, var(--contrast-bright) 15%, var(--contrast-bright) 100%); }
.button-like.progress-16 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 16%, var(--contrast-bright) 16%, var(--contrast-bright) 100%); }
.button-like.progress-17 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 17%, var(--contrast-bright) 17%, var(--contrast-bright) 100%); }
.button-like.progress-18 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 18%, var(--contrast-bright) 18%, var(--contrast-bright) 100%); }
.button-like.progress-19 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 19%, var(--contrast-bright) 19%, var(--contrast-bright) 100%); }
.button-like.progress-20 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 20%, var(--contrast-bright) 20%, var(--contrast-bright) 100%); }
.button-like.progress-21 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 21%, var(--contrast-bright) 21%, var(--contrast-bright) 100%); }
.button-like.progress-22 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 22%, var(--contrast-bright) 22%, var(--contrast-bright) 100%); }
.button-like.progress-23 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 23%, var(--contrast-bright) 23%, var(--contrast-bright) 100%); }
.button-like.progress-24 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 24%, var(--contrast-bright) 24%, var(--contrast-bright) 100%); }
.button-like.progress-25 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 25%, var(--contrast-bright) 25%, var(--contrast-bright) 100%); }
.button-like.progress-26 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 26%, var(--contrast-bright) 26%, var(--contrast-bright) 100%); }
.button-like.progress-27 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 27%, var(--contrast-bright) 27%, var(--contrast-bright) 100%); }
.button-like.progress-28 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 28%, var(--contrast-bright) 28%, var(--contrast-bright) 100%); }
.button-like.progress-29 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 29%, var(--contrast-bright) 29%, var(--contrast-bright) 100%); }
.button-like.progress-30 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 30%, var(--contrast-bright) 30%, var(--contrast-bright) 100%); }
.button-like.progress-31 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 31%, var(--contrast-bright) 31%, var(--contrast-bright) 100%); }
.button-like.progress-32 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 32%, var(--contrast-bright) 32%, var(--contrast-bright) 100%); }
.button-like.progress-33 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 33%, var(--contrast-bright) 33%, var(--contrast-bright) 100%); }
.button-like.progress-34 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 34%, var(--contrast-bright) 34%, var(--contrast-bright) 100%); }
.button-like.progress-35 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 35%, var(--contrast-bright) 35%, var(--contrast-bright) 100%); }
.button-like.progress-36 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 36%, var(--contrast-bright) 36%, var(--contrast-bright) 100%); }
.button-like.progress-37 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 37%, var(--contrast-bright) 37%, var(--contrast-bright) 100%); }
.button-like.progress-38 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 38%, var(--contrast-bright) 38%, var(--contrast-bright) 100%); }
.button-like.progress-39 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 39%, var(--contrast-bright) 39%, var(--contrast-bright) 100%); }
.button-like.progress-40 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 40%, var(--contrast-bright) 40%, var(--contrast-bright) 100%); }
.button-like.progress-41 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 41%, var(--contrast-bright) 41%, var(--contrast-bright) 100%); }
.button-like.progress-42 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 42%, var(--contrast-bright) 42%, var(--contrast-bright) 100%); }
.button-like.progress-43 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 43%, var(--contrast-bright) 43%, var(--contrast-bright) 100%); }
.button-like.progress-44 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 44%, var(--contrast-bright) 44%, var(--contrast-bright) 100%); }
.button-like.progress-45 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 45%, var(--contrast-bright) 45%, var(--contrast-bright) 100%); }
.button-like.progress-46 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 46%, var(--contrast-bright) 46%, var(--contrast-bright) 100%); }
.button-like.progress-47 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 47%, var(--contrast-bright) 47%, var(--contrast-bright) 100%); }
.button-like.progress-48 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 48%, var(--contrast-bright) 48%, var(--contrast-bright) 100%); }
.button-like.progress-49 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 49%, var(--contrast-bright) 49%, var(--contrast-bright) 100%); }
.button-like.progress-50 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 50%, var(--contrast-bright) 50%, var(--contrast-bright) 100%); }
.button-like.progress-51 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 51%, var(--contrast-bright) 51%, var(--contrast-bright) 100%); }
.button-like.progress-52 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 52%, var(--contrast-bright) 52%, var(--contrast-bright) 100%); }
.button-like.progress-53 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 53%, var(--contrast-bright) 53%, var(--contrast-bright) 100%); }
.button-like.progress-54 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 54%, var(--contrast-bright) 54%, var(--contrast-bright) 100%); }
.button-like.progress-55 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 55%, var(--contrast-bright) 55%, var(--contrast-bright) 100%); }
.button-like.progress-56 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 56%, var(--contrast-bright) 56%, var(--contrast-bright) 100%); }
.button-like.progress-57 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 57%, var(--contrast-bright) 57%, var(--contrast-bright) 100%); }
.button-like.progress-58 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 58%, var(--contrast-bright) 58%, var(--contrast-bright) 100%); }
.button-like.progress-59 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 59%, var(--contrast-bright) 59%, var(--contrast-bright) 100%); }
.button-like.progress-60 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 60%, var(--contrast-bright) 60%, var(--contrast-bright) 100%); }
.button-like.progress-61 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 61%, var(--contrast-bright) 61%, var(--contrast-bright) 100%); }
.button-like.progress-62 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 62%, var(--contrast-bright) 62%, var(--contrast-bright) 100%); }
.button-like.progress-63 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 63%, var(--contrast-bright) 63%, var(--contrast-bright) 100%); }
.button-like.progress-64 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 64%, var(--contrast-bright) 64%, var(--contrast-bright) 100%); }
.button-like.progress-65 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 65%, var(--contrast-bright) 65%, var(--contrast-bright) 100%); }
.button-like.progress-66 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 66%, var(--contrast-bright) 66%, var(--contrast-bright) 100%); }
.button-like.progress-67 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 67%, var(--contrast-bright) 67%, var(--contrast-bright) 100%); }
.button-like.progress-68 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 68%, var(--contrast-bright) 68%, var(--contrast-bright) 100%); }
.button-like.progress-69 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 69%, var(--contrast-bright) 69%, var(--contrast-bright) 100%); }
.button-like.progress-70 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 70%, var(--contrast-bright) 70%, var(--contrast-bright) 100%); }
.button-like.progress-71 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 71%, var(--contrast-bright) 71%, var(--contrast-bright) 100%); }
.button-like.progress-72 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 72%, var(--contrast-bright) 72%, var(--contrast-bright) 100%); }
.button-like.progress-73 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 73%, var(--contrast-bright) 73%, var(--contrast-bright) 100%); }
.button-like.progress-74 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 74%, var(--contrast-bright) 74%, var(--contrast-bright) 100%); }
.button-like.progress-75 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 75%, var(--contrast-bright) 75%, var(--contrast-bright) 100%); }
.button-like.progress-76 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 76%, var(--contrast-bright) 76%, var(--contrast-bright) 100%); }
.button-like.progress-77 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 77%, var(--contrast-bright) 77%, var(--contrast-bright) 100%); }
.button-like.progress-78 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 78%, var(--contrast-bright) 78%, var(--contrast-bright) 100%); }
.button-like.progress-79 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 79%, var(--contrast-bright) 79%, var(--contrast-bright) 100%); }
.button-like.progress-80 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 80%, var(--contrast-bright) 80%, var(--contrast-bright) 100%); }
.button-like.progress-81 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 81%, var(--contrast-bright) 81%, var(--contrast-bright) 100%); }
.button-like.progress-82 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 82%, var(--contrast-bright) 82%, var(--contrast-bright) 100%); }
.button-like.progress-83 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 83%, var(--contrast-bright) 83%, var(--contrast-bright) 100%); }
.button-like.progress-84 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 84%, var(--contrast-bright) 84%, var(--contrast-bright) 100%); }
.button-like.progress-85 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 85%, var(--contrast-bright) 85%, var(--contrast-bright) 100%); }
.button-like.progress-86 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 86%, var(--contrast-bright) 86%, var(--contrast-bright) 100%); }
.button-like.progress-87 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 87%, var(--contrast-bright) 87%, var(--contrast-bright) 100%); }
.button-like.progress-88 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 88%, var(--contrast-bright) 88%, var(--contrast-bright) 100%); }
.button-like.progress-89 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 89%, var(--contrast-bright) 89%, var(--contrast-bright) 100%); }
.button-like.progress-90 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 90%, var(--contrast-bright) 90%, var(--contrast-bright) 100%); }
.button-like.progress-91 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 91%, var(--contrast-bright) 91%, var(--contrast-bright) 100%); }
.button-like.progress-92 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 92%, var(--contrast-bright) 92%, var(--contrast-bright) 100%); }
.button-like.progress-93 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 93%, var(--contrast-bright) 93%, var(--contrast-bright) 100%); }
.button-like.progress-94 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 94%, var(--contrast-bright) 94%, var(--contrast-bright) 100%); }
.button-like.progress-95 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 95%, var(--contrast-bright) 95%, var(--contrast-bright) 100%); }
.button-like.progress-96 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 96%, var(--contrast-bright) 96%, var(--contrast-bright) 100%); }
.button-like.progress-97 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 97%, var(--contrast-bright) 97%, var(--contrast-bright) 100%); }
.button-like.progress-98 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 98%, var(--contrast-bright) 98%, var(--contrast-bright) 100%); }
.button-like.progress-99 { background: linear-gradient(90deg, var(--accent-okay-light) 0%, var(--accent-okay-light) 99%, var(--contrast-bright) 99%, var(--contrast-bright) 100%); }

.button-wrap.progress-0, .button-wrap.progress-100 {
    background: var(--accent-alternate)
}
.button-wrap.progress-1 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 1%, var(--accent-alternate) 1%, var(--accent-alternate) 100%); }
.button-wrap.progress-2 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 2%, var(--accent-alternate) 2%, var(--accent-alternate) 100%); }
.button-wrap.progress-3 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 3%, var(--accent-alternate) 3%, var(--accent-alternate) 100%); }
.button-wrap.progress-4 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 4%, var(--accent-alternate) 4%, var(--accent-alternate) 100%); }
.button-wrap.progress-5 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 5%, var(--accent-alternate) 5%, var(--accent-alternate) 100%); }
.button-wrap.progress-6 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 6%, var(--accent-alternate) 6%, var(--accent-alternate) 100%); }
.button-wrap.progress-7 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 7%, var(--accent-alternate) 7%, var(--accent-alternate) 100%); }
.button-wrap.progress-8 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 8%, var(--accent-alternate) 8%, var(--accent-alternate) 100%); }
.button-wrap.progress-9 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 9%, var(--accent-alternate) 9%, var(--accent-alternate) 100%); }
.button-wrap.progress-10 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 10%, var(--accent-alternate) 10%, var(--accent-alternate) 100%); }
.button-wrap.progress-11 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 11%, var(--accent-alternate) 11%, var(--accent-alternate) 100%); }
.button-wrap.progress-12 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 12%, var(--accent-alternate) 12%, var(--accent-alternate) 100%); }
.button-wrap.progress-13 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 13%, var(--accent-alternate) 13%, var(--accent-alternate) 100%); }
.button-wrap.progress-14 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 14%, var(--accent-alternate) 14%, var(--accent-alternate) 100%); }
.button-wrap.progress-15 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 15%, var(--accent-alternate) 15%, var(--accent-alternate) 100%); }
.button-wrap.progress-16 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 16%, var(--accent-alternate) 16%, var(--accent-alternate) 100%); }
.button-wrap.progress-17 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 17%, var(--accent-alternate) 17%, var(--accent-alternate) 100%); }
.button-wrap.progress-18 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 18%, var(--accent-alternate) 18%, var(--accent-alternate) 100%); }
.button-wrap.progress-19 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 19%, var(--accent-alternate) 19%, var(--accent-alternate) 100%); }
.button-wrap.progress-20 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 20%, var(--accent-alternate) 20%, var(--accent-alternate) 100%); }
.button-wrap.progress-21 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 21%, var(--accent-alternate) 21%, var(--accent-alternate) 100%); }
.button-wrap.progress-22 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 22%, var(--accent-alternate) 22%, var(--accent-alternate) 100%); }
.button-wrap.progress-23 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 23%, var(--accent-alternate) 23%, var(--accent-alternate) 100%); }
.button-wrap.progress-24 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 24%, var(--accent-alternate) 24%, var(--accent-alternate) 100%); }
.button-wrap.progress-25 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 25%, var(--accent-alternate) 25%, var(--accent-alternate) 100%); }
.button-wrap.progress-26 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 26%, var(--accent-alternate) 26%, var(--accent-alternate) 100%); }
.button-wrap.progress-27 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 27%, var(--accent-alternate) 27%, var(--accent-alternate) 100%); }
.button-wrap.progress-28 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 28%, var(--accent-alternate) 28%, var(--accent-alternate) 100%); }
.button-wrap.progress-29 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 29%, var(--accent-alternate) 29%, var(--accent-alternate) 100%); }
.button-wrap.progress-30 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 30%, var(--accent-alternate) 30%, var(--accent-alternate) 100%); }
.button-wrap.progress-31 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 31%, var(--accent-alternate) 31%, var(--accent-alternate) 100%); }
.button-wrap.progress-32 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 32%, var(--accent-alternate) 32%, var(--accent-alternate) 100%); }
.button-wrap.progress-33 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 33%, var(--accent-alternate) 33%, var(--accent-alternate) 100%); }
.button-wrap.progress-34 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 34%, var(--accent-alternate) 34%, var(--accent-alternate) 100%); }
.button-wrap.progress-35 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 35%, var(--accent-alternate) 35%, var(--accent-alternate) 100%); }
.button-wrap.progress-36 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 36%, var(--accent-alternate) 36%, var(--accent-alternate) 100%); }
.button-wrap.progress-37 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 37%, var(--accent-alternate) 37%, var(--accent-alternate) 100%); }
.button-wrap.progress-38 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 38%, var(--accent-alternate) 38%, var(--accent-alternate) 100%); }
.button-wrap.progress-39 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 39%, var(--accent-alternate) 39%, var(--accent-alternate) 100%); }
.button-wrap.progress-40 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 40%, var(--accent-alternate) 40%, var(--accent-alternate) 100%); }
.button-wrap.progress-41 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 41%, var(--accent-alternate) 41%, var(--accent-alternate) 100%); }
.button-wrap.progress-42 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 42%, var(--accent-alternate) 42%, var(--accent-alternate) 100%); }
.button-wrap.progress-43 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 43%, var(--accent-alternate) 43%, var(--accent-alternate) 100%); }
.button-wrap.progress-44 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 44%, var(--accent-alternate) 44%, var(--accent-alternate) 100%); }
.button-wrap.progress-45 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 45%, var(--accent-alternate) 45%, var(--accent-alternate) 100%); }
.button-wrap.progress-46 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 46%, var(--accent-alternate) 46%, var(--accent-alternate) 100%); }
.button-wrap.progress-47 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 47%, var(--accent-alternate) 47%, var(--accent-alternate) 100%); }
.button-wrap.progress-48 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 48%, var(--accent-alternate) 48%, var(--accent-alternate) 100%); }
.button-wrap.progress-49 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 49%, var(--accent-alternate) 49%, var(--accent-alternate) 100%); }
.button-wrap.progress-50 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 50%, var(--accent-alternate) 50%, var(--accent-alternate) 100%); }
.button-wrap.progress-51 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 51%, var(--accent-alternate) 51%, var(--accent-alternate) 100%); }
.button-wrap.progress-52 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 52%, var(--accent-alternate) 52%, var(--accent-alternate) 100%); }
.button-wrap.progress-53 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 53%, var(--accent-alternate) 53%, var(--accent-alternate) 100%); }
.button-wrap.progress-54 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 54%, var(--accent-alternate) 54%, var(--accent-alternate) 100%); }
.button-wrap.progress-55 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 55%, var(--accent-alternate) 55%, var(--accent-alternate) 100%); }
.button-wrap.progress-56 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 56%, var(--accent-alternate) 56%, var(--accent-alternate) 100%); }
.button-wrap.progress-57 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 57%, var(--accent-alternate) 57%, var(--accent-alternate) 100%); }
.button-wrap.progress-58 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 58%, var(--accent-alternate) 58%, var(--accent-alternate) 100%); }
.button-wrap.progress-59 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 59%, var(--accent-alternate) 59%, var(--accent-alternate) 100%); }
.button-wrap.progress-60 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 60%, var(--accent-alternate) 60%, var(--accent-alternate) 100%); }
.button-wrap.progress-61 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 61%, var(--accent-alternate) 61%, var(--accent-alternate) 100%); }
.button-wrap.progress-62 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 62%, var(--accent-alternate) 62%, var(--accent-alternate) 100%); }
.button-wrap.progress-63 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 63%, var(--accent-alternate) 63%, var(--accent-alternate) 100%); }
.button-wrap.progress-64 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 64%, var(--accent-alternate) 64%, var(--accent-alternate) 100%); }
.button-wrap.progress-65 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 65%, var(--accent-alternate) 65%, var(--accent-alternate) 100%); }
.button-wrap.progress-66 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 66%, var(--accent-alternate) 66%, var(--accent-alternate) 100%); }
.button-wrap.progress-67 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 67%, var(--accent-alternate) 67%, var(--accent-alternate) 100%); }
.button-wrap.progress-68 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 68%, var(--accent-alternate) 68%, var(--accent-alternate) 100%); }
.button-wrap.progress-69 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 69%, var(--accent-alternate) 69%, var(--accent-alternate) 100%); }
.button-wrap.progress-70 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 70%, var(--accent-alternate) 70%, var(--accent-alternate) 100%); }
.button-wrap.progress-71 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 71%, var(--accent-alternate) 71%, var(--accent-alternate) 100%); }
.button-wrap.progress-72 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 72%, var(--accent-alternate) 72%, var(--accent-alternate) 100%); }
.button-wrap.progress-73 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 73%, var(--accent-alternate) 73%, var(--accent-alternate) 100%); }
.button-wrap.progress-74 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 74%, var(--accent-alternate) 74%, var(--accent-alternate) 100%); }
.button-wrap.progress-75 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 75%, var(--accent-alternate) 75%, var(--accent-alternate) 100%); }
.button-wrap.progress-76 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 76%, var(--accent-alternate) 76%, var(--accent-alternate) 100%); }
.button-wrap.progress-77 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 77%, var(--accent-alternate) 77%, var(--accent-alternate) 100%); }
.button-wrap.progress-78 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 78%, var(--accent-alternate) 78%, var(--accent-alternate) 100%); }
.button-wrap.progress-79 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 79%, var(--accent-alternate) 79%, var(--accent-alternate) 100%); }
.button-wrap.progress-80 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 80%, var(--accent-alternate) 80%, var(--accent-alternate) 100%); }
.button-wrap.progress-81 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 81%, var(--accent-alternate) 81%, var(--accent-alternate) 100%); }
.button-wrap.progress-82 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 82%, var(--accent-alternate) 82%, var(--accent-alternate) 100%); }
.button-wrap.progress-83 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 83%, var(--accent-alternate) 83%, var(--accent-alternate) 100%); }
.button-wrap.progress-84 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 84%, var(--accent-alternate) 84%, var(--accent-alternate) 100%); }
.button-wrap.progress-85 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 85%, var(--accent-alternate) 85%, var(--accent-alternate) 100%); }
.button-wrap.progress-86 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 86%, var(--accent-alternate) 86%, var(--accent-alternate) 100%); }
.button-wrap.progress-87 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 87%, var(--accent-alternate) 87%, var(--accent-alternate) 100%); }
.button-wrap.progress-88 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 88%, var(--accent-alternate) 88%, var(--accent-alternate) 100%); }
.button-wrap.progress-89 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 89%, var(--accent-alternate) 89%, var(--accent-alternate) 100%); }
.button-wrap.progress-90 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 90%, var(--accent-alternate) 90%, var(--accent-alternate) 100%); }
.button-wrap.progress-91 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 91%, var(--accent-alternate) 91%, var(--accent-alternate) 100%); }
.button-wrap.progress-92 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 92%, var(--accent-alternate) 92%, var(--accent-alternate) 100%); }
.button-wrap.progress-93 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 93%, var(--accent-alternate) 93%, var(--accent-alternate) 100%); }
.button-wrap.progress-94 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 94%, var(--accent-alternate) 94%, var(--accent-alternate) 100%); }
.button-wrap.progress-95 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 95%, var(--accent-alternate) 95%, var(--accent-alternate) 100%); }
.button-wrap.progress-96 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 96%, var(--accent-alternate) 96%, var(--accent-alternate) 100%); }
.button-wrap.progress-97 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 97%, var(--accent-alternate) 97%, var(--accent-alternate) 100%); }
.button-wrap.progress-98 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 98%, var(--accent-alternate) 98%, var(--accent-alternate) 100%); }
.button-wrap.progress-99 { background: linear-gradient(90deg, var(--accent-okay) 0%, var(--accent-okay) 99%, var(--accent-alternate) 99%, var(--accent-alternate) 100%); }