#dpe{display:flex;max-width:17.5rem}#dpe .cursor{align-items:center;color:#fff;display:flex;height:2.5rem;justify-content:center;width:2.5rem}#dpe .cursor-a,#dpe .cursor-a .cursor-active{background:#5bdc98}#dpe .cursor-b,#dpe .cursor-d .cursor-active{background:#81f400}#dpe .cursor-c,#dpe .cursor-c .cursor-active{background:#d0fe00}#dpe .cursor-d,#dpe .cursor-d .cursor-active{background:#f4df00}#dpe .cursor-e,#dpe .cursor-e .cursor-active{background:#f3ae00}#dpe .cursor-f,#dpe .cursor-f .cursor-active{background:#ed7234}#dpe .cursor-g,#dpe .cursor-g .cursor-active{background:#ca4757}#dpe .cursor .cursor-letter{color:transparent}#dpe .cursor:first-of-type .cursor-letter,#dpe .cursor:last-of-type .cursor-letter{color:#fff}#dpe .cursor .cursor-active{align-items:center;border-radius:100%;color:#fff;display:flex;font-size:1.875rem;font-weight:700;height:3.375rem;justify-content:center;line-height:2;position:absolute;width:3.375rem}#dpe .cursor .cursor-active+.cursor-number{display:flex}#dpe .cursor .cursor-number{color:#000;display:none;font-weight:700;position:relative;top:3.75rem}