#cssVarCompatRoot{-var--color-primary:#69bd45;--color-primary:#69bd45;-var--color-secondary:#007ab8;--color-secondary:#007ab8;-var--color-tertiary:#1ea4a9;--color-tertiary:#1ea4a9;-var--color-state:#4b7e2b;--color-state:#4b7e2b;-var--color-state-hover:#3c6721;--color-state-hover:#3c6721;-var--color-state-focus:#3c6721;--color-state-focus:#3c6721;-var--color-state-active:#30541a;--color-state-active:#30541a;-var--color-state-highlight:#f6f9d7;--color-state-highlight:#f6f9d7;-var--color-state-highlight-neutral:#f7f7f7;--color-state-highlight-neutral:#f7f7f7;-var--color-state-disabled:#c7c7c7;--color-state-disabled:#c7c7c7;-var--color-neutral-1:#fff;--color-neutral-1:#fff;-var--color-neutral-2:#fafafa;--color-neutral-2:#fafafa;-var--color-neutral-3:#f7f7f7;--color-neutral-3:#f7f7f7;-var--color-neutral-4:#e6e4e4;--color-neutral-4:#e6e4e4;-var--color-neutral-5:#c7c7c7;--color-neutral-5:#c7c7c7;-var--color-neutral-6:#767676;--color-neutral-6:#767676;-var--color-neutral-7:#262626;--color-neutral-7:#262626;-var--color-background:#fff;--color-background:#fff;-var--color-border:#c7c7c7;--color-border:#c7c7c7;-var--color-text:#262626;--color-text:#262626;-var--color-text-disabled:#c7c7c7;--color-text-disabled:#c7c7c7;-var--color-text-hint:#767676;--color-text-hint:#767676;-var--link-color:#7FAD00;--link-color:#7FAD00;-var--link-color-hover:#75a300;--link-color-hover:#75a300;-var--nav-bg-color:#fff;--nav-bg-color:#fff;-var--nav-text-color:#444444;--nav-text-color:#444444;-var--footer-bg-color:#fff;--footer-bg-color:#fff;-var--footer-text-color:#444444;--footer-text-color:#444444;-var--footer-text-color-hover:#ffffff;--footer-text-color-hover:#ffffff;-var--btn-accent-color:#7FAD00;--btn-accent-color:#7FAD00;-var--btn-accent-color-active:#649200;--btn-accent-color-active:#649200;-var--btn-accent-color-focus:#75a300;--btn-accent-color-focus:#75a300;-var--btn-accent-color-disabled:#c7c7c7;--btn-accent-color-disabled:#c7c7c7;-var--btn-prim-accent-color:#7FAD00;--btn-prim-accent-color:#7FAD00;-var--btn-prim-accent-color-active:#649200;--btn-prim-accent-color-active:#649200;-var--btn-prim-accent-color-focus:#75a300;--btn-prim-accent-color-focus:#75a300;-var--btn-prim-accent-color-disabled:#c7c7c7;--btn-prim-accent-color-disabled:#c7c7c7;}#cssVarCompatRoot{-var--color-primary:#963737;--color-primary:#963737;-var--color-secondary:#aa1291;--color-secondary:#aa1291;-var--color-tertiary:#443397;--color-tertiary:#443397;-var--color-state:#4497f0;--color-state:#4497f0;-var--footer-bg-color:#fff;--footer-bg-color:#fff;-var--footer-text-color:#444444;--footer-text-color:#444444;-var--footer-text-color-hover:#ffffff;--footer-text-color-hover:#ffffff;-var--example-color:#ff6650;--example-color:#ff6650;}.totaraNav--customised{position:-webkit-sticky;position:sticky;top:0;border:1px solid #7FAD00}.example{}.example__customTab{}.example__customTab__text{}.example__customTab__text--rendered{color:#ff6650;}.example__customTab__text--rendered{color:#ff6650}