WKED - Stroke Order by sepitus

/* ==UserStyle==
@name         WKED - Stroke Order
@namespace    github.com/openstyles/stylus
@version      1.0.1
@license      MIT
@description  Adds WKED styling to the self-study userscript
@author       Rrwrex
@homepageURL  https://github.com/Sepitus-exe/WKElementaryDark
@supportURL   https://github.com/Sepitus-exe/WKElementaryDark/issues
==/UserStyle== */

/* See https://community.wanikani.com/t/userscript-stroke-order-diagram/46724 */

@-moz-document domain("wanikani.com") {
  .stroke_order_diagram--bounding_box {
    stroke: var(--ED-surface-4, #535353);
  }
  .stroke_order_diagram--guide_line {
    stroke: var(--ED-surface-3, #303030);
  }
  .stroke_order_diagram--current_path {
    stroke: var(--ED-surface-inv, #bababa);
  }
  .stroke_order_diagram--existing_path {
    stroke: var(--ED-surface-4, #535353);
  }
  .stroke_order_diagram--path_start {
    fill: var(--ED-brand, #9c4745);
  }

  .item-info-injector:not(.page-nav__item):not(.subject-section__meanings) {
    background-color: var(--ED-surface-2, #282828);
    padding: 20px;
  }
}