.spelling-practice-shape__svg{display:block;max-width:none;max-height:none;overflow:visible}.spelling-practice-shape__field{position:absolute;margin:0;padding:0;border:0;resize:none;overflow:hidden;white-space:nowrap;color:#101828;background:#fff;outline:none;border-radius:2px;pointer-events:all}.spelling-practice-shape__field:focus{outline:2px solid var(--color-accent);outline-offset:2px}.spelling-practice-shape__field::placeholder{color:#6b6b6b;font-style:italic}.spelling-practice-shape__date{position:absolute;padding:0 4px;border:0;border-radius:4px;background:transparent;cursor:pointer;pointer-events:all}.spelling-practice-shape__date:focus-visible,.spelling-practice-shape__date:hover{outline:2px solid var(--color-accent);outline-offset:1px}.spelling-practice-shape__date-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}.spelling-practice-shape__markers{position:absolute;display:flex;align-items:center;justify-content:flex-end;pointer-events:none}.spelling-practice-shape__marker{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;padding:0;border:2px solid var(--spelling-marker-colour);border-radius:999px;color:#fff;background:#fff;cursor:pointer;pointer-events:all}.spelling-practice-shape__marker:before{content:"";position:absolute;inset:-8px}.spelling-practice-shape__marker[aria-pressed=true]{background:var(--spelling-marker-colour)}.spelling-practice-shape__marker:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.spelling-practice-shape__marker[data-rating=green]{--spelling-marker-colour:var(--color-success)}.spelling-practice-shape__marker[data-rating=amber]{--spelling-marker-colour:var(--color-warning)}.spelling-practice-shape__marker[data-rating=red]{--spelling-marker-colour:var(--color-danger)}