:root{--color-level-1:#aa0808;--color-level-2:#d42007;--color-level-3:#cd6125;--color-level-4:#d76d0b;--color-level-5:#eeb31c;--color-level-6:#dcaf6c;--color-level-7:#81ba25;--color-level-8:#489d2a;--color-level-9:#27732f}.numbers ul{padding:1rem 1.75rem 2rem 0;display:flex;gap:.5rem;flex-direction:column}.numbers ul div{transition:all .25s ease-in-out;width:32px;height:32px;font-size:1.25rem;border-radius:50%;outline:.125rem solid #fff;font-weight:700;border:.2rem solid;opacity:.3;display:flex;align-items:center;justify-content:center}.numbers ul div.active{opacity:1;transform:scale(1.8);margin:1rem 0;box-shadow:0 0 .5rem var(--primary-color)}.numbers ul div.completed{box-shadow:0 0 .325rem var(--primary-color);color:#fff!important;opacity:.75}.numbers ul div.level-1{border-color:var(--color-level-1);color:var(--color-level-1)}.numbers ul div.level-1.completed{background-color:var(--color-level-1)}.numbers ul div.level-2{border-color:var(--color-level-2);color:var(--color-level-2)}.numbers ul div.level-2.completed{background-color:var(--color-level-2)}.numbers ul div.level-3{border-color:var(--color-level-3);color:var(--color-level-3)}.numbers ul div.level-3.completed{background-color:var(--color-level-3)}.numbers ul div.level-4{border-color:var(--color-level-4);color:var(--color-level-4)}.numbers ul div.level-4.completed{background-color:var(--color-level-4)}.numbers ul div.level-5{border-color:var(--color-level-5);color:var(--color-level-5)}.numbers ul div.level-5.completed{background-color:var(--color-level-5)}.numbers ul div.level-6{border-color:var(--color-level-6);color:var(--color-level-6)}.numbers ul div.level-6.completed{background-color:var(--color-level-6)}.numbers ul div.level-7{border-color:var(--color-level-7);color:var(--color-level-7)}.numbers ul div.level-7.completed{background-color:var(--color-level-7)}.numbers ul div.level-8{border-color:var(--color-level-8);color:var(--color-level-8)}.numbers ul div.level-8.completed{background-color:var(--color-level-8)}.numbers ul div.level-9{border-color:var(--color-level-9);color:var(--color-level-9)}.numbers ul div.level-9.completed{background-color:var(--color-level-9)}