/* Generated by tools/tokens.py from contract/design/tokens.json (sha256 66877f00c86322b0): never edit by hand (`make tokens`). */
/*
 * The design tokens v3 for the desktop app (helper/dist) and questpump.com (site/), the same bytes in both:
 * --qp-<group>-<name>, each key's words in lower case joined by hyphens (goldHi is --qp-color-gold-hi). A colour a
 * token names stays its custom property, so Increase Contrast's swap reaches every edge. A linear gradient comes ready
 * in its direction, its stop list beside it (-stops); a glow is a shadow's x y blur colour; a band is ready as its
 * inset or outer shadow (highlight, shade, lip) or as a border, its -color and -width beside it; a motion's timing
 * (--qp-motion-<name>) is what a transition or an animation takes, and Reduce Motion swaps it. A media query reads no
 * custom property: a page's own CSS states --qp-wide-rail-from's width in its @media rule. The faces' @font-face rules
 * are fonts.css.
 */

:root {
	/* color: the palette */
	--qp-color-page: #0F0D0A;
	--qp-color-card: #1A1612;
	--qp-color-raised: #241F19;
	--qp-color-line: rgb(240 214 160 / 0.1);
	--qp-color-line-strong: rgb(240 214 160 / 0.18);
	--qp-color-text: #F2EBDC;
	--qp-color-text2: #A99F8C;
	--qp-color-text3: #8A7E70;
	--qp-color-gold: #E8B84A;
	--qp-color-gold-hi: #F5CF6E;
	--qp-color-gold-lo: #C8952F;
	--qp-color-gold-ink: #241706;
	--qp-color-stop: #E2584D;
	--qp-color-ok: #6FCF7A;
	--qp-color-parchment: #EBDFC4;
	--qp-color-parchment-lo: #E0D1B0;
	--qp-color-ink: #2B1D0E;
	--qp-color-ink2: #6B5638;
	--qp-color-track: #2A241D;
	--qp-color-void: #050404;
	--qp-color-black: #000000;
	--qp-color-figure-crimson: #C45050;
	--qp-color-focus-ring: #2F6FC8;
	--qp-color-frost: #9CC8E6;
	/* quality: each tone and its ink twin for the parchment */
	--qp-quality-starter: #9A948A;
	--qp-quality-starter-ink: #5E5A54;
	--qp-quality-common: #F2EBDC;
	--qp-quality-common-ink: #2B1D0E;
	--qp-quality-uncommon: #62D071;
	--qp-quality-uncommon-ink: #306637;
	--qp-quality-rare: #5AA8FF;
	--qp-quality-rare-ink: #325C8C;
	--qp-quality-epic: #BD8CFF;
	--qp-quality-epic-ink: #684D8C;
	--qp-quality-legendary: #FF9F45;
	--qp-quality-legendary-ink: #805022;
	--qp-quality-artifact: #BFE9F2;
	--qp-quality-artifact-ink: #1D5560;
	/* artTone: the art's own metal */
	--qp-art-tone-iron: #4A4238;
	--qp-art-tone-bevel: #6B5E4A;
	--qp-art-tone-outline: #8F7F63;
	--qp-art-tone-steel: #5F7396;
	--qp-art-tone-steel-lo: #313C5A;
	--qp-art-tone-wax: #B3473F;
	/* type: the phones' roles (a size in rem, its line as a share of it; -font is the font shorthand) */
	--qp-type-title-family: "Cinzel", serif;
	--qp-type-title-weight: 700;
	--qp-type-title-size: 1.625rem;
	--qp-type-title-line-height: 1.348;
	--qp-type-title-tracking: 0.02em;
	--qp-type-title-case: none;
	--qp-type-title-numeric: normal;
	--qp-type-title-color: var(--qp-color-text);
	--qp-type-title-font: 700 1.625rem/1.348 "Cinzel", serif;
	--qp-type-title-detail-family: "Cinzel", serif;
	--qp-type-title-detail-weight: 700;
	--qp-type-title-detail-size: 1.5rem;
	--qp-type-title-detail-line-height: 1.348;
	--qp-type-title-detail-tracking: 0.02em;
	--qp-type-title-detail-case: none;
	--qp-type-title-detail-numeric: normal;
	--qp-type-title-detail-color: var(--qp-color-text);
	--qp-type-title-detail-font: 700 1.5rem/1.348 "Cinzel", serif;
	--qp-type-display-family: "Cinzel", serif;
	--qp-type-display-weight: 700;
	--qp-type-display-size: 1.75rem;
	--qp-type-display-line-height: 1.348;
	--qp-type-display-tracking: 0;
	--qp-type-display-case: none;
	--qp-type-display-numeric: normal;
	--qp-type-display-color: var(--qp-color-text);
	--qp-type-display-font: 700 1.75rem/1.348 "Cinzel", serif;
	--qp-type-display-small-family: "Cinzel", serif;
	--qp-type-display-small-weight: 700;
	--qp-type-display-small-size: 1.5rem;
	--qp-type-display-small-line-height: 1.348;
	--qp-type-display-small-tracking: 0;
	--qp-type-display-small-case: none;
	--qp-type-display-small-numeric: normal;
	--qp-type-display-small-color: var(--qp-color-text);
	--qp-type-display-small-font: 700 1.5rem/1.348 "Cinzel", serif;
	--qp-type-fanfare-family: "Cinzel", serif;
	--qp-type-fanfare-weight: 700;
	--qp-type-fanfare-size: 2rem;
	--qp-type-fanfare-line-height: 1.348;
	--qp-type-fanfare-tracking: 0.02em;
	--qp-type-fanfare-case: none;
	--qp-type-fanfare-numeric: normal;
	--qp-type-fanfare-color: var(--qp-color-gold-hi);
	--qp-type-fanfare-font: 700 2rem/1.348 "Cinzel", serif;
	--qp-type-wordmark-family: "Cinzel", serif;
	--qp-type-wordmark-weight: 700;
	--qp-type-wordmark-size: 2.5rem;
	--qp-type-wordmark-line-height: 1.348;
	--qp-type-wordmark-tracking: 0.02em;
	--qp-type-wordmark-case: none;
	--qp-type-wordmark-numeric: normal;
	--qp-type-wordmark-color: var(--qp-color-gold-hi);
	--qp-type-wordmark-font: 700 2.5rem/1.348 "Cinzel", serif;
	--qp-type-quest-title-family: "Cinzel", serif;
	--qp-type-quest-title-weight: 700;
	--qp-type-quest-title-size: 1.375rem;
	--qp-type-quest-title-line-height: 1.348;
	--qp-type-quest-title-tracking: 0;
	--qp-type-quest-title-case: none;
	--qp-type-quest-title-numeric: normal;
	--qp-type-quest-title-color: var(--qp-color-ink);
	--qp-type-quest-title-font: 700 1.375rem/1.348 "Cinzel", serif;
	--qp-type-heading-family: "Barlow", sans-serif;
	--qp-type-heading-weight: 600;
	--qp-type-heading-size: 1.375rem;
	--qp-type-heading-line-height: 1.2727;
	--qp-type-heading-tracking: 0;
	--qp-type-heading-case: none;
	--qp-type-heading-numeric: normal;
	--qp-type-heading-color: var(--qp-color-text);
	--qp-type-heading-font: 600 1.375rem/1.2727 "Barlow", sans-serif;
	--qp-type-body-family: "Barlow", sans-serif;
	--qp-type-body-weight: 400;
	--qp-type-body-size: 1.0625rem;
	--qp-type-body-line-height: 1.2941;
	--qp-type-body-tracking: 0;
	--qp-type-body-case: none;
	--qp-type-body-numeric: normal;
	--qp-type-body-color: var(--qp-color-text);
	--qp-type-body-font: 400 1.0625rem/1.2941 "Barlow", sans-serif;
	--qp-type-body-strong-family: "Barlow", sans-serif;
	--qp-type-body-strong-weight: 600;
	--qp-type-body-strong-size: 1.0625rem;
	--qp-type-body-strong-line-height: 1.2941;
	--qp-type-body-strong-tracking: 0;
	--qp-type-body-strong-case: none;
	--qp-type-body-strong-numeric: normal;
	--qp-type-body-strong-color: var(--qp-color-text);
	--qp-type-body-strong-font: 600 1.0625rem/1.2941 "Barlow", sans-serif;
	--qp-type-subtitle-family: "Barlow", sans-serif;
	--qp-type-subtitle-weight: 400;
	--qp-type-subtitle-size: 0.9375rem;
	--qp-type-subtitle-line-height: 1.3333;
	--qp-type-subtitle-tracking: 0;
	--qp-type-subtitle-case: none;
	--qp-type-subtitle-numeric: normal;
	--qp-type-subtitle-color: var(--qp-color-text2);
	--qp-type-subtitle-font: 400 0.9375rem/1.3333 "Barlow", sans-serif;
	--qp-type-label-family: "Barlow", sans-serif;
	--qp-type-label-weight: 500;
	--qp-type-label-size: 0.9375rem;
	--qp-type-label-line-height: 1.3333;
	--qp-type-label-tracking: 0;
	--qp-type-label-case: none;
	--qp-type-label-numeric: normal;
	--qp-type-label-color: var(--qp-color-text);
	--qp-type-label-font: 500 0.9375rem/1.3333 "Barlow", sans-serif;
	--qp-type-meta-family: "Barlow", sans-serif;
	--qp-type-meta-weight: 400;
	--qp-type-meta-size: 0.8125rem;
	--qp-type-meta-line-height: 1.3846;
	--qp-type-meta-tracking: 0;
	--qp-type-meta-case: none;
	--qp-type-meta-numeric: normal;
	--qp-type-meta-color: var(--qp-color-text2);
	--qp-type-meta-font: 400 0.8125rem/1.3846 "Barlow", sans-serif;
	--qp-type-caps-family: "Barlow", sans-serif;
	--qp-type-caps-weight: 600;
	--qp-type-caps-size: 0.75rem;
	--qp-type-caps-line-height: 1.3333;
	--qp-type-caps-tracking: 0.12em;
	--qp-type-caps-case: uppercase;
	--qp-type-caps-numeric: normal;
	--qp-type-caps-color: var(--qp-color-text3);
	--qp-type-caps-font: 600 0.75rem/1.3333 "Barlow", sans-serif;
	--qp-type-tab-family: "Barlow", sans-serif;
	--qp-type-tab-weight: 600;
	--qp-type-tab-size: 0.6875rem;
	--qp-type-tab-line-height: 1.2;
	--qp-type-tab-tracking: 0.06em;
	--qp-type-tab-case: uppercase;
	--qp-type-tab-numeric: normal;
	--qp-type-tab-color: var(--qp-color-text3);
	--qp-type-tab-font: 600 0.6875rem/1.2 "Barlow", sans-serif;
	--qp-type-button-family: "Barlow", sans-serif;
	--qp-type-button-weight: 600;
	--qp-type-button-size: 1.125rem;
	--qp-type-button-line-height: 1.2222;
	--qp-type-button-tracking: 0;
	--qp-type-button-case: none;
	--qp-type-button-numeric: normal;
	--qp-type-button-color: var(--qp-color-gold-ink);
	--qp-type-button-font: 600 1.125rem/1.2222 "Barlow", sans-serif;
	--qp-type-button-secondary-family: "Barlow", sans-serif;
	--qp-type-button-secondary-weight: 600;
	--qp-type-button-secondary-size: 1rem;
	--qp-type-button-secondary-line-height: 1.25;
	--qp-type-button-secondary-tracking: 0;
	--qp-type-button-secondary-case: none;
	--qp-type-button-secondary-numeric: normal;
	--qp-type-button-secondary-color: var(--qp-color-text);
	--qp-type-button-secondary-font: 600 1rem/1.25 "Barlow", sans-serif;
	--qp-type-button-quiet-family: "Barlow", sans-serif;
	--qp-type-button-quiet-weight: 600;
	--qp-type-button-quiet-size: 0.9375rem;
	--qp-type-button-quiet-line-height: 1.3333;
	--qp-type-button-quiet-tracking: 0;
	--qp-type-button-quiet-case: none;
	--qp-type-button-quiet-numeric: normal;
	--qp-type-button-quiet-color: var(--qp-color-text2);
	--qp-type-button-quiet-font: 600 0.9375rem/1.3333 "Barlow", sans-serif;
	--qp-type-num-hero-family: "Barlow Condensed", sans-serif;
	--qp-type-num-hero-weight: 700;
	--qp-type-num-hero-size: 4.75rem;
	--qp-type-num-hero-line-height: 1.2;
	--qp-type-num-hero-tracking: 0;
	--qp-type-num-hero-case: none;
	--qp-type-num-hero-numeric: tabular-nums;
	--qp-type-num-hero-color: var(--qp-color-text);
	--qp-type-num-hero-font: 700 4.75rem/1.2 "Barlow Condensed", sans-serif;
	--qp-type-num-count-family: "Barlow Condensed", sans-serif;
	--qp-type-num-count-weight: 700;
	--qp-type-num-count-size: 6.5rem;
	--qp-type-num-count-line-height: 1.2;
	--qp-type-num-count-tracking: 0;
	--qp-type-num-count-case: none;
	--qp-type-num-count-numeric: tabular-nums;
	--qp-type-num-count-color: var(--qp-color-text);
	--qp-type-num-count-font: 700 6.5rem/1.2 "Barlow Condensed", sans-serif;
	--qp-type-num-large-family: "Barlow Condensed", sans-serif;
	--qp-type-num-large-weight: 700;
	--qp-type-num-large-size: 4.5rem;
	--qp-type-num-large-line-height: 1.2;
	--qp-type-num-large-tracking: 0;
	--qp-type-num-large-case: none;
	--qp-type-num-large-numeric: tabular-nums;
	--qp-type-num-large-color: var(--qp-color-text);
	--qp-type-num-large-font: 700 4.5rem/1.2 "Barlow Condensed", sans-serif;
	--qp-type-num-ring-family: "Barlow Condensed", sans-serif;
	--qp-type-num-ring-weight: 700;
	--qp-type-num-ring-size: 7.5rem;
	--qp-type-num-ring-line-height: 1.2;
	--qp-type-num-ring-tracking: 0;
	--qp-type-num-ring-case: none;
	--qp-type-num-ring-numeric: tabular-nums;
	--qp-type-num-ring-color: var(--qp-color-text);
	--qp-type-num-ring-font: 700 7.5rem/1.2 "Barlow Condensed", sans-serif;
	--qp-type-num-saga-family: "Barlow Condensed", sans-serif;
	--qp-type-num-saga-weight: 700;
	--qp-type-num-saga-size: 11rem;
	--qp-type-num-saga-line-height: 1.2;
	--qp-type-num-saga-tracking: -0.03em;
	--qp-type-num-saga-case: none;
	--qp-type-num-saga-numeric: tabular-nums;
	--qp-type-num-saga-color: var(--qp-color-gold);
	--qp-type-num-saga-font: 700 11rem/1.2 "Barlow Condensed", sans-serif;
	--qp-type-num-medium-family: "Barlow Condensed", sans-serif;
	--qp-type-num-medium-weight: 700;
	--qp-type-num-medium-size: 1.625rem;
	--qp-type-num-medium-line-height: 1.2;
	--qp-type-num-medium-tracking: 0;
	--qp-type-num-medium-case: none;
	--qp-type-num-medium-numeric: normal;
	--qp-type-num-medium-color: var(--qp-color-text);
	--qp-type-num-medium-font: 700 1.625rem/1.2 "Barlow Condensed", sans-serif;
	--qp-type-num-stat-family: "Barlow Condensed", sans-serif;
	--qp-type-num-stat-weight: 700;
	--qp-type-num-stat-size: 1.5rem;
	--qp-type-num-stat-line-height: 1.2;
	--qp-type-num-stat-tracking: 0;
	--qp-type-num-stat-case: none;
	--qp-type-num-stat-numeric: normal;
	--qp-type-num-stat-color: var(--qp-color-text);
	--qp-type-num-stat-font: 700 1.5rem/1.2 "Barlow Condensed", sans-serif;
	--qp-type-num-small-family: "Barlow Condensed", sans-serif;
	--qp-type-num-small-weight: 700;
	--qp-type-num-small-size: 1.375rem;
	--qp-type-num-small-line-height: 1.2;
	--qp-type-num-small-tracking: 0;
	--qp-type-num-small-case: none;
	--qp-type-num-small-numeric: normal;
	--qp-type-num-small-color: var(--qp-color-text);
	--qp-type-num-small-font: 700 1.375rem/1.2 "Barlow Condensed", sans-serif;
	--qp-type-num-row-family: "Barlow Condensed", sans-serif;
	--qp-type-num-row-weight: 700;
	--qp-type-num-row-size: 1.125rem;
	--qp-type-num-row-line-height: 1.2222;
	--qp-type-num-row-tracking: 0;
	--qp-type-num-row-case: none;
	--qp-type-num-row-numeric: normal;
	--qp-type-num-row-color: var(--qp-color-text);
	--qp-type-num-row-font: 700 1.125rem/1.2222 "Barlow Condensed", sans-serif;
	--qp-type-ladder-name-family: "Barlow Condensed", sans-serif;
	--qp-type-ladder-name-weight: 700;
	--qp-type-ladder-name-size: 1.1875rem;
	--qp-type-ladder-name-line-height: 1.2105;
	--qp-type-ladder-name-tracking: 0.06em;
	--qp-type-ladder-name-case: uppercase;
	--qp-type-ladder-name-numeric: normal;
	--qp-type-ladder-name-color: var(--qp-color-text);
	--qp-type-ladder-name-font: 700 1.1875rem/1.2105 "Barlow Condensed", sans-serif;
	/* layout: the metrics, pt and dp on the phones, px here */
	--qp-layout-margin: 20px;
	--qp-layout-hairline: 1px;
	--qp-layout-card-radius: 18px;
	--qp-layout-tile-radius: 12px;
	--qp-layout-tile-radius-small: 10px;
	--qp-layout-button-radius: 16px;
	--qp-layout-chip-radius: 16px;
	--qp-layout-chip-height: 32px;
	--qp-layout-primary-height: 56px;
	--qp-layout-secondary-height: 48px;
	--qp-layout-quiet-height: 44px;
	--qp-layout-button-gap: 10px;
	--qp-layout-round-button: 40px;
	--qp-layout-round-button-pump: 36px;
	--qp-layout-target: 44px;
	--qp-layout-top-bar: 52px;
	--qp-layout-action-bar: 64px;
	--qp-layout-row-height: 56px;
	--qp-layout-row-height-two-line: 64px;
	--qp-layout-row-height-ladder: 84px;
	--qp-layout-row-padding-v: 10px;
	--qp-layout-row-padding-h: 16px;
	--qp-layout-glyph: 24px;
	--qp-layout-glyph-small: 22px;
	--qp-layout-tile: 56px;
	--qp-layout-tile-quest: 52px;
	--qp-layout-tile-book: 60px;
	--qp-layout-tile-result: 44px;
	--qp-layout-tile-edge: 1.5px;
	--qp-layout-space2: 2px;
	--qp-layout-space4: 4px;
	--qp-layout-space6: 6px;
	--qp-layout-space8: 8px;
	--qp-layout-space10: 10px;
	--qp-layout-space12: 12px;
	--qp-layout-space14: 14px;
	--qp-layout-space16: 16px;
	--qp-layout-space20: 20px;
	--qp-layout-space24: 24px;
	--qp-layout-space32: 32px;
	--qp-layout-qr-well: 240px;
	--qp-layout-section-above: 20px;
	--qp-layout-section-below: 8px;
	--qp-layout-xp-bar-height: 8px;
	--qp-layout-xp-bar-height-hero: 6px;
	--qp-layout-xp-bar-radius: 4px;
	--qp-layout-step-bar-height: 4px;
	--qp-layout-pip-width: 8px;
	--qp-layout-pip-height: 4px;
	--qp-layout-pip-gap: 3px;
	--qp-layout-tree-pitch-min: 44px;
	--qp-layout-tree-pitch-max: 48px;
	--qp-layout-tree-tile-inset: 12px;
	--qp-layout-tree-branch-gap: 4px;
	--qp-layout-tree-thin-row: 12px;
	--qp-layout-tree-link: 2px;
	--qp-layout-tree-halo: 2px;
	--qp-layout-tree-divider: 16px;
	--qp-layout-ring-width: 2px;
	--qp-layout-ring-gap: 2px;
	--qp-layout-tree-bead: 4px;
	--qp-layout-tree-bead-gap: 3px;
	--qp-layout-tree-bead-row: 8px;
	--qp-layout-tree-mastered: 10px;
	--qp-layout-tree-centred-from: 600px;
	--qp-layout-tree-three-from: 1100px;
	/* wide: the wide windows' metrics, which the phones read too */
	--qp-wide-column: 600px;
	--qp-wide-rail-from: 720px;
	--qp-wide-rail: 80px;
	--qp-wide-step-card: 320px;
	--qp-wide-book-most: 1200px;
	--qp-wide-move-cell-least: 104px;
	--qp-wide-figure-most: 400px;
	--qp-wide-big-view-from: 720px;
	--qp-wide-big-view-stack-width-fraction: 0.8;
	--qp-wide-big-view-figure-width-fraction: 0.54;
	--qp-wide-big-view-side-name-fraction: 0.08;
	--qp-wide-big-view-side-name-width-fraction: 0.05;
	--qp-wide-big-view-stacked-figure-width-fraction: 0.92;
	--qp-wide-big-view-stacked-dial-fraction: 0.22;
	--qp-wide-big-view-stacked-dial-width-fraction: 0.4;
	--qp-wide-big-view-name-fraction: 0.1;
	--qp-wide-big-view-name-width-fraction: 0.09;
	--qp-wide-big-view-line-fraction: 0.05;
	--qp-wide-hover: rgb(242 235 220 / 0.06);
	--qp-wide-focus-ring-width: 2px;
	--qp-wide-focus-ring-offset: 2px;
	/* desktop: the desktop app's own metrics */
	--qp-desktop-window-min-width: 480px;
	--qp-desktop-window-min-height: 600px;
	--qp-desktop-stat-cell-least: 56px;
	--qp-desktop-saga-figure-most: 288px;
	--qp-desktop-saga-tile-least: 224px;
	--qp-desktop-saga-muscles-tile: 144px;
	--qp-desktop-saga-muscle-map: 88px;
	--qp-desktop-saga-hero-stack: 280px;
	--qp-desktop-saga-chapters-stack: 416px;
	--qp-desktop-saga-chapters-rule: 464px;
	--qp-desktop-bar-glyph-below: 416px;
	--qp-desktop-share-beside: 384px;
	--qp-desktop-share-chrome: 256px;
	--qp-desktop-share-stacked-chrome: 480px;
	--qp-desktop-share-preview-least: 128px;
	--qp-desktop-pump-figure-from: 200px;
	--qp-desktop-pump-count-figure-from: 340px;
	--qp-desktop-pump-count-number-first-under: 120px;
	--qp-desktop-pump-foot-row-under: 420px;
	/* surface: each kit component's look, ready to use */
	--qp-surface-page-fill: var(--qp-color-page);
	--qp-surface-page-glow: radial-gradient(120% 55% at 50% -10%, rgb(232 184 74 / 0.1) 0%, rgb(232 184 74 / 0) 70%);
	--qp-surface-page-glow-result: radial-gradient(90% 45% at 50% 22%, rgb(232 184 74 / 0.16) 0%, rgb(232 184 74 / 0) 70%);
	--qp-surface-page-glow-welcome: radial-gradient(90% 55% at 50% 30%, rgb(232 184 74 / 0.14) 0%, rgb(232 184 74 / 0) 70%);
	--qp-surface-card-fill: var(--qp-color-card);
	--qp-surface-card-edge: var(--qp-color-line);
	--qp-surface-card-highlight: inset 0 1px 0 rgb(255 240 210 / 0.04);
	--qp-surface-card-highlight-color: rgb(255 240 210 / 0.04);
	--qp-surface-card-highlight-width: 1px;
	--qp-surface-primary-button-fill: linear-gradient(to bottom, var(--qp-color-gold-hi) 0%, var(--qp-color-gold) 48%, var(--qp-color-gold-lo) 100%);
	--qp-surface-primary-button-fill-stops: var(--qp-color-gold-hi) 0%, var(--qp-color-gold) 48%, var(--qp-color-gold-lo) 100%;
	--qp-surface-primary-button-highlight: inset 0 1px 0 rgb(255 245 210 / 0.65);
	--qp-surface-primary-button-highlight-color: rgb(255 245 210 / 0.65);
	--qp-surface-primary-button-highlight-width: 1px;
	--qp-surface-primary-button-shade: inset 0 -2px 0 rgb(120 78 18 / 0.45);
	--qp-surface-primary-button-shade-color: rgb(120 78 18 / 0.45);
	--qp-surface-primary-button-shade-width: 2px;
	--qp-surface-primary-button-lip: 0 3px 0 #6E4D16;
	--qp-surface-primary-button-lip-color: #6E4D16;
	--qp-surface-primary-button-lip-width: 3px;
	--qp-surface-primary-button-glow: 0px 10px 24px rgb(232 184 74 / 0.18);
	--qp-surface-primary-button-label: var(--qp-color-gold-ink);
	--qp-surface-primary-button-disabled-fill: var(--qp-color-raised);
	--qp-surface-primary-button-disabled-label: var(--qp-color-text3);
	--qp-surface-primary-button-busy-dim-opacity: 0.3;
	--qp-surface-primary-button-compact-height: 44px;
	--qp-surface-primary-button-compact-radius: 12px;
	--qp-surface-primary-button-compact-pad: 16px;
	--qp-surface-secondary-button-fill: var(--qp-color-raised);
	--qp-surface-secondary-button-edge: var(--qp-color-line-strong);
	--qp-surface-secondary-button-highlight: inset 0 1px 0 rgb(255 240 210 / 0.06);
	--qp-surface-secondary-button-highlight-color: rgb(255 240 210 / 0.06);
	--qp-surface-secondary-button-highlight-width: 1px;
	--qp-surface-secondary-button-label: var(--qp-color-text);
	--qp-surface-press-shade-opacity: 0.2;
	--qp-surface-press-sink: 2px;
	--qp-surface-round-button-fill: var(--qp-color-card);
	--qp-surface-round-button-edge: var(--qp-color-line);
	--qp-surface-round-button-glyph: var(--qp-color-text2);
	--qp-surface-round-button-glyph-size: 20px;
	--qp-surface-round-button-more-dot: 3px;
	--qp-surface-quest-page-fill: linear-gradient(to bottom, var(--qp-color-parchment) 0%, var(--qp-color-parchment-lo) 100%);
	--qp-surface-quest-page-fill-stops: var(--qp-color-parchment) 0%, var(--qp-color-parchment-lo) 100%;
	--qp-surface-quest-page-radius: 14px;
	--qp-surface-quest-page-edge: 1px solid rgb(110 80 40 / 0.25);
	--qp-surface-quest-page-edge-color: rgb(110 80 40 / 0.25);
	--qp-surface-quest-page-edge-width: 1px;
	--qp-surface-quest-page-vignette: 0px 0px 40px rgb(140 100 50 / 0.18);
	--qp-surface-quest-page-shadow: 0px 12px 30px rgb(0 0 0 / 0.45);
	--qp-surface-quest-page-rule: rgb(110 80 40 / 0.45);
	--qp-surface-quest-page-padding: 20px;
	--qp-surface-share-card-night-ground: linear-gradient(to bottom, var(--qp-color-raised) 0%, var(--qp-color-card) 100%);
	--qp-surface-share-card-night-ground-stops: var(--qp-color-raised) 0%, var(--qp-color-card) 100%;
	--qp-surface-share-card-night-edge: var(--qp-color-gold);
	--qp-surface-share-card-night-edge-width: 2px;
	--qp-surface-share-card-night-words: var(--qp-color-text);
	--qp-surface-share-card-night-words2: var(--qp-color-text2);
	--qp-surface-share-card-night-rule: rgb(232 184 74 / 0.45);
	--qp-surface-share-card-gilded-edge: #9A6A12;
	--qp-surface-share-card-gilded-edge-width: 6px;
	--qp-surface-share-card-gilded-rule: rgb(154 106 18 / 0.6);
	--qp-surface-reward-pill-height: 34px;
	--qp-surface-reward-pill-fill: rgb(43 29 14 / 0.08);
	--qp-surface-reward-pill-edge: 1px solid rgb(110 80 40 / 0.28);
	--qp-surface-reward-pill-edge-color: rgb(110 80 40 / 0.28);
	--qp-surface-reward-pill-edge-width: 1px;
	--qp-surface-reward-pill-glyph: #9A6A12;
	--qp-surface-reward-pill-glyph-size: 20px;
	--qp-surface-move-tile-well: radial-gradient(80% 80% at 50% 35%, #2C261F 0%, #16130F 100%);
	--qp-surface-move-tile-inner: 1px solid rgb(0 0 0 / 0.5);
	--qp-surface-move-tile-inner-color: rgb(0 0 0 / 0.5);
	--qp-surface-move-tile-inner-width: 1px;
	--qp-surface-move-tile-glow-radius: 10px;
	--qp-surface-move-tile-untrained-edge: var(--qp-color-line-strong);
	--qp-surface-move-tile-untrained-opacity: 0.75;
	--qp-surface-move-tile-off-opacity: 0.4;
	--qp-surface-move-tile-favourite-mark: 20px;
	--qp-surface-move-tile-favourite-star: 12px;
	--qp-surface-move-tile-glyph: 18px;
	--qp-surface-move-tile-ahead-edge: var(--qp-color-text3);
	--qp-surface-move-tile-mastered-seal: var(--qp-color-gold);
	--qp-surface-move-tile-mastered-check: var(--qp-color-gold-ink);
	--qp-surface-quality-aura-glow-fraction: 0.16;
	--qp-surface-quality-aura-epic-glow-fraction: 0.22;
	--qp-surface-quality-aura-crown-glow-fraction: 0.24;
	--qp-surface-quality-aura-edge-fraction: 0.026;
	--qp-surface-quality-aura-epic-edge-fraction: 0.032;
	--qp-surface-quality-aura-crown-edge-fraction: 0.034;
	--qp-surface-quality-aura-common-glow-opacity: 0.16;
	--qp-surface-quality-aura-uncommon-glow-low-opacity: 0.14;
	--qp-surface-quality-aura-uncommon-glow-high-opacity: 0.34;
	--qp-surface-quality-aura-rare-glow-low-opacity: 0.2;
	--qp-surface-quality-aura-rare-glow-high-opacity: 0.42;
	--qp-surface-quality-aura-epic-glow-low-opacity: 0.2;
	--qp-surface-quality-aura-epic-glow-high-opacity: 0.42;
	--qp-surface-quality-aura-legendary-glow-low-opacity: 0.3;
	--qp-surface-quality-aura-legendary-glow-high-opacity: 0.55;
	--qp-surface-quality-aura-artifact-glow-low-opacity: 0.28;
	--qp-surface-quality-aura-artifact-glow-high-opacity: 0.5;
	--qp-surface-quality-aura-small-glow-opacity: 0.24;
	--qp-surface-quality-aura-rare-glint: linear-gradient(to bottom, var(--qp-quality-rare) 0%, var(--qp-quality-rare) 80.6%, #D2E8FF 89.4%, #FFFFFF 92.8%, #D2E8FF 96.1%, var(--qp-quality-rare) 100%);
	--qp-surface-quality-aura-rare-glint-stops: var(--qp-quality-rare) 0%, var(--qp-quality-rare) 80.6%, #D2E8FF 89.4%, #FFFFFF 92.8%, #D2E8FF 96.1%, var(--qp-quality-rare) 100%;
	--qp-surface-quality-aura-epic-edge: linear-gradient(to bottom right, #F0E4FF 0%, var(--qp-quality-epic) 35%, #7B45D6 70%, var(--qp-quality-epic) 100%);
	--qp-surface-quality-aura-epic-edge-stops: #F0E4FF 0%, var(--qp-quality-epic) 35%, #7B45D6 70%, var(--qp-quality-epic) 100%;
	--qp-surface-quality-aura-epic-arc-hi: #F0E4FF;
	--qp-surface-quality-aura-epic-arc-light: #FFFFFF;
	--qp-surface-quality-aura-epic-arc-fraction: 0.17;
	--qp-surface-quality-aura-legendary-flame: linear-gradient(to bottom, #E2501C 0%, var(--qp-quality-legendary) 11%, #FFE7B0 19%, var(--qp-quality-legendary) 28%, #E2501C 42%, var(--qp-quality-legendary) 56%, #FFE7B0 67%, var(--qp-quality-legendary) 78%, #E2501C 100%);
	--qp-surface-quality-aura-legendary-flame-stops: #E2501C 0%, var(--qp-quality-legendary) 11%, #FFE7B0 19%, var(--qp-quality-legendary) 28%, #E2501C 42%, var(--qp-quality-legendary) 56%, #FFE7B0 67%, var(--qp-quality-legendary) 78%, #E2501C 100%;
	--qp-surface-quality-aura-legendary-hi: #FFE7B0;
	--qp-surface-quality-aura-artifact-prism: linear-gradient(to bottom, var(--qp-quality-artifact) 0%, #FFFFFF 14%, #9FD3FF 28%, #E6D9FF 44%, #FFF3D6 61%, #FFFFFF 75%, var(--qp-quality-artifact) 100%);
	--qp-surface-quality-aura-artifact-prism-stops: var(--qp-quality-artifact) 0%, #FFFFFF 14%, #9FD3FF 28%, #E6D9FF 44%, #FFF3D6 61%, #FFFFFF 75%, var(--qp-quality-artifact) 100%;
	--qp-surface-quality-aura-ember-count: 4;
	--qp-surface-quality-aura-ember-fraction: 0.05;
	--qp-surface-quality-aura-ember-rise-fraction: 0.62;
	--qp-surface-quality-aura-spark-count: 4;
	--qp-surface-quality-aura-spark-fraction: 0.2;
	--qp-surface-quality-aura-spark: #FFFFFF;
	--qp-surface-quality-aura-still-under: 32px;
	--qp-surface-quality-aura-frozen-fraction: 0.35;
	--qp-surface-quality-word-gem: 9px;
	--qp-surface-quality-word-gem-gap: 7px;
	--qp-surface-quality-word-gem-radius: 1.5px;
	--qp-surface-action-bar-fill: linear-gradient(to bottom, #16120E 0%, #100D0A 100%);
	--qp-surface-action-bar-fill-stops: #16120E 0%, #100D0A 100%;
	--qp-surface-action-bar-edge: var(--qp-color-line-strong);
	--qp-surface-action-bar-shine: linear-gradient(to right, rgb(232 184 74 / 0) 0%, rgb(232 184 74 / 0.35) 50%, rgb(232 184 74 / 0) 100%);
	--qp-surface-action-bar-shine-stops: rgb(232 184 74 / 0) 0%, rgb(232 184 74 / 0.35) 50%, rgb(232 184 74 / 0) 100%;
	--qp-surface-action-bar-glyph: 26px;
	--qp-surface-action-bar-gap: 4px;
	--qp-surface-action-bar-selected: var(--qp-color-gold);
	--qp-surface-action-bar-idle: var(--qp-color-text3);
	--qp-surface-action-bar-marker-width: 26px;
	--qp-surface-action-bar-marker-height: 3px;
	--qp-surface-action-bar-marker-glow: 0px 0px 10px rgb(232 184 74 / 0.8);
	--qp-surface-tooltip-fill: #120F1A;
	--qp-surface-tooltip-edge: 1px solid rgb(190 200 255 / 0.22);
	--qp-surface-tooltip-edge-color: rgb(190 200 255 / 0.22);
	--qp-surface-tooltip-edge-width: 1px;
	--qp-surface-tooltip-radius: 12px;
	--qp-surface-tooltip-shadow: 0px 8px 22px rgb(0 0 0 / 0.6);
	--qp-surface-tooltip-meta: #C9C4D8;
	--qp-surface-tooltip-width: 200px;
	--qp-surface-toggle-width: 50px;
	--qp-surface-toggle-height: 30px;
	--qp-surface-toggle-knob: 24px;
	--qp-surface-toggle-inset: 3px;
	--qp-surface-toggle-off: #3A3229;
	--qp-surface-toggle-on: linear-gradient(to bottom, var(--qp-color-gold-hi) 0%, var(--qp-color-gold-lo) 100%);
	--qp-surface-toggle-on-stops: var(--qp-color-gold-hi) 0%, var(--qp-color-gold-lo) 100%;
	--qp-surface-toggle-knob-off: #CFC5B2;
	--qp-surface-toggle-knob-on: #FFF8E8;
	--qp-surface-toggle-knob-shadow: 0px 1px 2px rgb(0 0 0 / 0.5);
	--qp-surface-segmented-fill: var(--qp-color-card);
	--qp-surface-segmented-edge: var(--qp-color-line);
	--qp-surface-segmented-radius: 14px;
	--qp-surface-segmented-inset: 4px;
	--qp-surface-segmented-height: 36px;
	--qp-surface-segmented-segment-radius: 10px;
	--qp-surface-segmented-selected: var(--qp-color-raised);
	--qp-surface-segmented-highlight: inset 0 1px 0 rgb(255 240 210 / 0.08);
	--qp-surface-segmented-highlight-color: rgb(255 240 210 / 0.08);
	--qp-surface-segmented-highlight-width: 1px;
	--qp-surface-segmented-shadow: 0px 1px 0px rgb(0 0 0 / 0.4);
	--qp-surface-segmented-label: var(--qp-color-text2);
	--qp-surface-segmented-selected-label: var(--qp-color-text);
	--qp-surface-chip-fill: var(--qp-color-card);
	--qp-surface-chip-edge: var(--qp-color-line);
	--qp-surface-chip-label: var(--qp-color-text2);
	--qp-surface-chip-dot: 8px;
	--qp-surface-chip-dot-glow-opacity: 0.7;
	--qp-surface-chip-dot-glow-radius: 8px;
	--qp-surface-chip-dot-ok: var(--qp-color-ok);
	--qp-surface-chip-dot-reaching: var(--qp-color-gold-lo);
	--qp-surface-chip-dot-off: var(--qp-color-text3);
	--qp-surface-chip-record-height: 36px;
	--qp-surface-chip-record-edge-opacity: 0.4;
	--qp-surface-chip-record-fill-opacity: 0.1;
	--qp-surface-stepper-key: 64px;
	--qp-surface-stepper-fill: var(--qp-color-raised);
	--qp-surface-stepper-edge: var(--qp-color-line-strong);
	--qp-surface-stepper-highlight: inset 0 1px 0 rgb(255 240 210 / 0.07);
	--qp-surface-stepper-highlight-color: rgb(255 240 210 / 0.07);
	--qp-surface-stepper-highlight-width: 1px;
	--qp-surface-stepper-gap: 22px;
	--qp-surface-stepper-sign: 34px;
	--qp-surface-timer-ring-countdown-figure-opacity: 0.35;
	--qp-surface-timer-ring-size: 300px;
	--qp-surface-timer-ring-least: 140px;
	--qp-surface-timer-ring-track-width: 8px;
	--qp-surface-timer-ring-track: var(--qp-color-track);
	--qp-surface-timer-ring-arc: linear-gradient(to bottom, var(--qp-color-gold-hi) 0%, var(--qp-color-gold-lo) 100%);
	--qp-surface-timer-ring-arc-stops: var(--qp-color-gold-hi) 0%, var(--qp-color-gold-lo) 100%;
	--qp-surface-timer-ring-glow: 0px 0px 6px rgb(232 184 74 / 0.55);
	--qp-surface-timer-ring-well-inset: 22px;
	--qp-surface-timer-ring-well: radial-gradient(70% 70% at 50% 40%, #241F19 0%, #120F0C 80%);
	--qp-surface-timer-ring-dial-digit-fraction: 0.56;
	--qp-surface-timer-ring-dial-go-fraction: 0.36;
	--qp-surface-timer-ring-dial-clock-fraction: 0.3;
	--qp-surface-timer-ring-dial-count-fraction: 0.4;
	--qp-surface-timer-ring-dial-word-fraction: 0.12;
	--qp-surface-timer-ring-dial-caption-fraction: 0.06;
	--qp-surface-pump-stage-figure-fill-fraction: 0.86;
	--qp-surface-pump-stage-edge-fade-fraction: 0.06;
	--qp-surface-pump-stage-figure-least: 160px;
	--qp-surface-pump-stage-phone-dial: 176px;
	--qp-surface-pump-ready-figure-height-fraction: 0.42;
	--qp-surface-pump-ready-figure-least: 200px;
	--qp-surface-pump-ready-figure-width-fraction: 0.45;
	--qp-surface-pump-ready-beside-from: 720px;
	--qp-surface-pump-ready-words-least: 180px;
	--qp-surface-watch-button: 44px;
	--qp-surface-watch-pump: 64px;
	--qp-surface-watch-ring-stroke: 6px;
	--qp-surface-watch-digit-fraction: 0.56;
	--qp-surface-watch-clock-compact: 36px;
	--qp-surface-watch-figure: 44px;
	--qp-surface-watch-ring-with-figure: 96px;
	--qp-surface-watch-gap: 6px;
	--qp-surface-watch-shrink-fraction: 0.6;
	--qp-surface-watch-glow-fraction: 0.5;
	--qp-surface-watch-dim-opacity: 0.6;
	--qp-surface-watch-disabled-opacity: 0.5;
	--qp-surface-watch-ambient-edge: 1.5px;
	--qp-surface-watch-row: 44px;
	--qp-surface-watch-gem: 9px;
	--qp-surface-watch-glance-figure: 112px;
	--qp-surface-xp-bar-track: var(--qp-color-track);
	--qp-surface-xp-bar-inset: 0px 1px 2px rgb(0 0 0 / 0.6);
	--qp-surface-xp-bar-fill: linear-gradient(to bottom, var(--qp-color-gold-hi) 0%, var(--qp-color-gold-lo) 100%);
	--qp-surface-xp-bar-fill-stops: var(--qp-color-gold-hi) 0%, var(--qp-color-gold-lo) 100%;
	--qp-surface-xp-bar-rested: rgb(232 184 74 / 0.28);
	--qp-surface-steps-bar-track: #2E2820;
	--qp-surface-steps-bar-rider: rgb(255 159 69 / 0.3);
	--qp-surface-steps-bar-rider-done: rgb(255 159 69 / 0.7);
	--qp-surface-steps-bar-rider-now: var(--qp-quality-legendary);
	--qp-surface-steps-bar-rider-glow: 0px 0px 8px rgb(255 159 69 / 0.6);
	--qp-surface-steps-bar-label-gap: 4px;
	--qp-surface-steps-bar-done: var(--qp-color-gold-lo);
	--qp-surface-steps-bar-now: var(--qp-color-gold);
	--qp-surface-steps-bar-glow: 0px 0px 8px rgb(232 184 74 / 0.6);
	--qp-surface-steps-bar-gap: 6px;
	--qp-surface-steps-bar-radius: 2px;
	--qp-surface-ladder-row-column: 200px;
	--qp-surface-ladder-row-column-narrow: 112px;
	--qp-surface-ladder-row-column-stacked: 100px;
	--qp-surface-ladder-row-narrow-under: 560px;
	--qp-surface-ladder-row-stack-under: 345px;
	--qp-surface-ladder-row-line-count: 2;
	--qp-surface-ladder-row-narrow-line-count: 3;
	--qp-surface-ladder-row-row-gap: 8px;
	--qp-surface-ladder-row-tile-now: 64px;
	--qp-surface-ladder-row-tile-now-narrow: 54px;
	--qp-surface-ladder-row-tile-next: 42px;
	--qp-surface-ladder-row-tile-next-narrow: 36px;
	--qp-surface-ladder-row-spotlight: radial-gradient(50% 50% at 50% 50%, rgb(255 236 200 / 0.1) 0%, rgb(255 236 200 / 0.03) 60%, rgb(255 236 200 / 0) 100%);
	--qp-surface-ladder-row-spotlight-reach: 44px;
	--qp-surface-ladder-row-bar-height: 7px;
	--qp-surface-ladder-row-bar-inset: 10px;
	--qp-surface-ladder-row-track: var(--qp-color-track);
	--qp-surface-ladder-row-bar-shade: 0px 1px 2px rgb(0 0 0 / 0.55);
	--qp-surface-ladder-row-fill: linear-gradient(to right, var(--qp-color-gold-lo) 0%, var(--qp-color-gold) 70%, var(--qp-color-gold-hi) 100%);
	--qp-surface-ladder-row-fill-stops: var(--qp-color-gold-lo) 0%, var(--qp-color-gold) 70%, var(--qp-color-gold-hi) 100%;
	--qp-surface-ladder-row-fill-shine: rgb(255 255 255 / 0.28);
	--qp-surface-ladder-row-fill-glow: 0px 0px 10px rgb(232 184 74 / 0.28);
	--qp-surface-ladder-row-tip: 16px;
	--qp-surface-ladder-row-tip-light: radial-gradient(50% 50% at 50% 50%, #FFF6DC 0%, var(--qp-color-gold-hi) 28%, rgb(245 207 110 / 0.35) 52%, rgb(245 207 110 / 0) 72%);
	--qp-surface-ladder-row-tip-low-fraction: 0.7;
	--qp-surface-ladder-row-tip-low-opacity: 0.55;
	--qp-surface-ladder-row-key-gap: 11px;
	--qp-surface-step-pips-off: #332C23;
	--qp-surface-step-pips-radius: 1px;
	--qp-surface-step-pips-count: 14;
	--qp-surface-rung-stars-star: 14px;
	--qp-surface-rung-stars-gap: 2px;
	--qp-surface-rung-stars-earned: var(--qp-color-gold);
	--qp-surface-rung-stars-unearned: var(--qp-color-text3);
	--qp-surface-day-pips-pip: 8px;
	--qp-surface-day-pips-gap: 6px;
	--qp-surface-day-pips-lit: var(--qp-color-gold);
	--qp-surface-day-pips-unlit: var(--qp-color-text3);
	--qp-surface-chart-axis: var(--qp-color-text3);
	--qp-surface-chart-grid: var(--qp-color-line);
	--qp-surface-chart-grid-width: 0.5px;
	--qp-surface-chart-mark: var(--qp-color-gold);
	--qp-surface-chart-line-width: 2px;
	--qp-surface-chart-dot: 6px;
	--qp-surface-chart-star: 12px;
	--qp-surface-chart-tread: 4px;
	--qp-surface-chart-riser: 1px;
	--qp-surface-chart-riser-colour: var(--qp-color-text2);
	--qp-surface-chart-loss: var(--qp-color-text3);
	--qp-surface-chart-height: 180px;
	--qp-surface-chart-height-max: 270px;
	--qp-surface-chart-rung-row: 22px;
	--qp-surface-chart-label-day-count: 14;
	--qp-surface-chart-label-week-count: 4;
	--qp-surface-chart-bar-width: 12px;
	--qp-surface-chart-swatch: 10px;
	--qp-surface-chart-week-cell: 28px;
	--qp-surface-chart-game: var(--qp-color-text);
	--qp-surface-chart-catch-up: var(--qp-color-text2);
	--qp-surface-chart-app: var(--qp-color-text3);
	--qp-surface-chart-stack-gap: 1px;
	--qp-surface-figure-stage-fade-fraction: 0.06;
	--qp-surface-figure-stage-plinth: radial-gradient(50% 50% at 50% 50%, rgb(232 184 74 / 0.28) 0%, rgb(232 184 74 / 0.06) 70%, rgb(232 184 74 / 0) 100%);
	--qp-surface-figure-stage-plinth-width-fraction: 0.62;
	--qp-surface-figure-stage-plinth-height: 34px;
	--qp-surface-figure-stage-plinth-bottom-fraction: 0.06;
	--qp-surface-week-dots-size: 30px;
	--qp-surface-week-dots-off: var(--qp-color-raised);
	--qp-surface-week-dots-edge: var(--qp-color-line);
	--qp-surface-week-dots-on: radial-gradient(50% 50% at 50% 35%, var(--qp-color-gold-hi) 0%, var(--qp-color-gold-lo) 100%);
	--qp-surface-week-dots-glow: 0px 0px 10px rgb(232 184 74 / 0.35);
	--qp-surface-week-dots-check: var(--qp-color-gold-ink);
	--qp-surface-week-dots-check-size: 12px;
	--qp-surface-week-dots-today: 1.5px solid var(--qp-color-gold);
	--qp-surface-week-dots-today-color: var(--qp-color-gold);
	--qp-surface-week-dots-today-width: 1.5px;
	--qp-surface-week-dots-step-low: #81672E;
	--qp-surface-week-dots-step-cap: 1px solid var(--qp-color-gold-ink);
	--qp-surface-week-dots-step-cap-color: var(--qp-color-gold-ink);
	--qp-surface-week-dots-step-cap-width: 1px;
	--qp-surface-week-dots-step-cap-dash: 3px;
	--qp-surface-week-dots-step-cap-inset: 3px;
	--qp-surface-week-dots-rest: var(--qp-color-frost);
	--qp-surface-week-dots-resting: var(--qp-color-text2);
	--qp-surface-week-dots-rest-size: 14px;
	--qp-surface-stat-strip-name-least: 8px;
	--qp-surface-stat-strip-row-cell-count: 4;
	--qp-surface-fanfare-glow: 0px 0px 24px rgb(232 184 74 / 0.35);
	--qp-surface-fanfare-wordmark-glow: 0px 0px 30px rgb(232 184 74 / 0.3);
	--qp-surface-fanfare-bar: 260px;
	--qp-surface-level-badge-fill: var(--qp-color-gold);
	--qp-surface-level-badge-label: var(--qp-color-gold-ink);
	--qp-surface-level-badge-radius: 6px;
	--qp-surface-body-map-figure: #1E1C21;
	--qp-surface-body-map-untrained: #302D33;
	--qp-surface-body-map-fill-opacity: 0.55;
	--qp-surface-body-map-secondary-fraction: 0.5;
	--qp-surface-body-map-card-height: 240px;
	--qp-surface-body-map-selected: 1.5px solid rgb(242 235 220 / 0.9);
	--qp-surface-body-map-selected-color: rgb(242 235 220 / 0.9);
	--qp-surface-body-map-selected-width: 1.5px;
	--qp-surface-body-map-day-most: var(--qp-color-gold);
	--qp-surface-body-map-day-some-opacity: 0.45;
	--qp-surface-kind-tile-size: 40px;
	--qp-surface-kind-tile-fill: var(--qp-color-raised);
	--qp-surface-kind-tile-edge: var(--qp-color-line);
	--qp-surface-kind-tile-glyph: var(--qp-color-text2);
	--qp-surface-portrait-size: 64px;
	--qp-surface-portrait-helm-inset: 13px;
	--qp-surface-pro-card-wash: linear-gradient(to bottom right, rgb(232 184 74 / 0.12) 0%, rgb(232 184 74 / 0.02) 100%);
	--qp-surface-pro-card-wash-stops: rgb(232 184 74 / 0.12) 0%, rgb(232 184 74 / 0.02) 100%;
	--qp-surface-pro-card-edge: rgb(232 184 74 / 0.28);
	--qp-surface-window-dim: rgb(5 4 4 / 0.6);
	--qp-surface-window-drag-close: 56px;
	--qp-surface-window-drag-flick: 125px;
	--qp-surface-window-drag-resist-fraction: 0.55;
	--qp-surface-move-window-figure: 200px;
	--qp-surface-toast-max-width: 420px;
	--qp-surface-toast-queue-count: 3;
	--qp-surface-empty-state-glyph: 48px;
	--qp-surface-reward-row-sounded-reveal-count: 4;
	--qp-surface-reward-row-shine: 0px 0px 8px rgb(242 235 220 / 0.55);
	--qp-surface-reward-row-pulse-opacity: 0.6;
	--qp-surface-kinds-strength: var(--qp-color-gold);
	--qp-surface-kinds-cardio: var(--qp-color-figure-crimson);
	--qp-surface-kinds-mobility: var(--qp-color-frost);
	--qp-surface-kinds-yoga: var(--qp-color-parchment-lo);
	--qp-surface-kinds-strength-ink: #9A6A12;
	--qp-surface-kinds-cardio-ink: #9E2F2F;
	--qp-surface-kinds-mobility-ink: #2F6E99;
	--qp-surface-kinds-yoga-ink: #6B5A3A;
	--qp-surface-kinds-bar-height: 8px;
	--qp-surface-kinds-bar-gap: 2px;
	--qp-surface-kinds-tick: var(--qp-color-text);
	--qp-surface-kinds-tick-width: 3px;
	--qp-surface-kinds-tick-height: 14px;
	--qp-surface-kinds-tick-ring: 1.5px solid var(--qp-color-card);
	--qp-surface-kinds-tick-ring-color: var(--qp-color-card);
	--qp-surface-kinds-tick-ring-width: 1.5px;
	--qp-surface-day-strip-bar-width: 5px;
	--qp-surface-day-strip-bar-gap: 1px;
	--qp-surface-day-strip-block-height: 13px;
	--qp-surface-day-strip-block-gap: 1px;
	--qp-surface-day-strip-block-radius: 1px;
	--qp-surface-day-strip-row-count: 3;
	--qp-surface-day-strip-axis: var(--qp-color-line-strong);
	--qp-surface-day-strip-grid: rgb(240 214 160 / 0.07);
	--qp-surface-day-strip-grid-dash: 2px;
	--qp-surface-day-strip-grid-gap: 3px;
	--qp-surface-day-strip-total: var(--qp-color-gold-hi);
	--qp-surface-day-strip-total-size: 16px;
	--qp-surface-day-strip-label-size: 10px;
	--qp-surface-day-strip-label-tracking-fraction: 0.06;
	--qp-surface-day-strip-end-size: 11px;
	--qp-surface-day-strip-axis-ink: var(--qp-color-ink2);
	--qp-surface-day-strip-grid-ink: rgb(43 29 14 / 0.12);
	--qp-surface-day-strip-total-ink: #9A6A12;
	--qp-surface-slant-tag-slant-fraction: 0.25;
	--qp-surface-slant-tag-pad-h: 10px;
	--qp-surface-slant-tag-pad-v: 4px;
	--qp-surface-slant-tag-radius: 2px;
	--qp-surface-slant-tag-edge-width: 1px;
	--qp-surface-slant-tag-star-size: 13px;
	--qp-surface-week-strip-bar-width: 13px;
	--qp-surface-week-strip-height: 28px;
	--qp-surface-week-strip-bar-least: 4px;
	--qp-surface-week-strip-radius: 3px;
	--qp-surface-week-strip-bar: #81672E;
	--qp-surface-week-strip-ring-gap: 2px;
	--qp-surface-week-strip-ring-width: 1.5px;
	--qp-surface-week-strip-rest-height: 4px;
	--qp-surface-week-strip-rest-opacity: 0.8;
	--qp-surface-week-strip-old-best: rgb(242 235 220 / 0.45);
	--qp-surface-week-strip-dash: 3px;
	--qp-surface-week-strip-today-ink: #9A6A12;
	--qp-surface-week-strip-ring-ink: var(--qp-color-ink);
	--qp-surface-week-strip-old-best-ink: var(--qp-color-ink2);
	--qp-surface-saga-hero-number: linear-gradient(to bottom, var(--qp-color-gold-hi) 0%, var(--qp-color-gold) 48%, #A9802F 100%);
	--qp-surface-saga-hero-number-stops: var(--qp-color-gold-hi) 0%, var(--qp-color-gold) 48%, #A9802F 100%;
	--qp-surface-saga-hero-number-least-fraction: 0.55;
	--qp-surface-saga-hero-figure-fraction: 0.55;
	--qp-surface-saga-hero-mask-fraction: 0.62;
	--qp-surface-saga-hero-figure-shadow: 0px 12px 16px rgb(0 0 0 / 0.8);
	--qp-surface-saga-hero-glow: radial-gradient(59% 45% at 68% 68%, rgb(232 184 74 / 0.22) 0%, rgb(232 184 74 / 0) 70%);
	--qp-surface-saga-hero-warm: radial-gradient(97% 73% at 20% 25%, rgb(196 80 80 / 0.07) 0%, rgb(196 80 80 / 0) 70%);
	--qp-surface-saga-hero-stripe: 2px solid rgb(240 214 160 / 0.035);
	--qp-surface-saga-hero-stripe-color: rgb(240 214 160 / 0.035);
	--qp-surface-saga-hero-stripe-width: 2px;
	--qp-surface-saga-hero-stripe-pitch: 11px;
	--qp-surface-saga-hero-rule-width: 18px;
	--qp-surface-saga-hero-rule-height: 2px;
	--qp-surface-saga-hero-moves-fraction: 0.22;
	--qp-surface-saga-hero-ground-height: 330px;
	--qp-surface-saga-hero-ground-fade-fraction: 0.72;
	--qp-surface-saga-card-width: 360px;
	--qp-surface-saga-card-square-height: 360px;
	--qp-surface-saga-card-post-height: 450px;
	--qp-surface-saga-card-story-height: 640px;
	--qp-surface-saga-card-scale-count: 3;
	--qp-surface-saga-card-story-safe-top: 83px;
	--qp-surface-saga-card-story-safe-bottom: 113px;
	--qp-surface-saga-card-margin: 24px;
	--qp-surface-saga-card-mark-size: 26px;
	--qp-surface-saga-card-title-size: 15px;
	--qp-surface-saga-card-number-story: 214px;
	--qp-surface-saga-card-number-post: 196px;
	--qp-surface-saga-card-number-square: 168px;
	--qp-surface-saga-card-number-least-fraction: 0.3;
	--qp-surface-saga-card-moves-story: 40px;
	--qp-surface-saga-card-moves-post: 38px;
	--qp-surface-saga-card-moves-square: 34px;
	--qp-surface-saga-card-figure-story: 226px;
	--qp-surface-saga-card-figure-post: 190px;
	--qp-surface-saga-card-figure-square: 160px;
	--qp-surface-saga-card-stat-size: 34px;
	--qp-surface-saga-card-site-mark: 16px;
	--qp-surface-saga-card-night-ground: linear-gradient(to bottom, #14110D 0%, var(--qp-color-page) 45%, #0B0907 100%);
	--qp-surface-saga-card-night-ground-stops: #14110D 0%, var(--qp-color-page) 45%, #0B0907 100%;
	--qp-surface-saga-card-glow: radial-gradient(64% 27% at 70% 46%, rgb(232 184 74 / 0.24) 0%, rgb(232 184 74 / 0) 70%);
	--qp-surface-saga-card-warm: radial-gradient(83% 41% at 10% 18%, rgb(196 80 80 / 0.1) 0%, rgb(196 80 80 / 0) 70%);
	--qp-surface-saga-card-glow-post: radial-gradient(58% 33% at 72% 42%, rgb(232 184 74 / 0.24) 0%, rgb(232 184 74 / 0) 70%);
	--qp-surface-saga-card-warm-post: radial-gradient(83% 58% at 10% 18%, rgb(196 80 80 / 0.1) 0%, rgb(196 80 80 / 0) 70%);
	--qp-surface-saga-card-night-edge-line: 3px solid rgb(232 184 74 / 0.6);
	--qp-surface-saga-card-night-edge-line-color: rgb(232 184 74 / 0.6);
	--qp-surface-saga-card-night-edge-line-width: 3px;
	--qp-surface-saga-card-parchment-number: #9A6A12;
	--qp-surface-saga-card-well-radius: 16px;
	--qp-surface-saga-card-sticker-shadow: 0px 2px 8px rgb(0 0 0 / 0.8);
	--qp-surface-saga-card-sticker-stroke: 3px;
	--qp-surface-saga-card-sticker-stroke-colour: rgb(5 4 4 / 0.85);
	--qp-surface-saga-card-reel-safe-top: 90px;
	--qp-surface-saga-card-reel-safe-bottom: 140px;
	--qp-surface-saga-card-reel-safe-right: 40px;
	--qp-surface-quest-bill-ground: radial-gradient(90% 60% at 50% 0%, #1B1712 0%, var(--qp-color-page) 70%);
	--qp-surface-quest-bill-paper: linear-gradient(to bottom, #EEE3CA 0%, var(--qp-color-parchment) 45%, #E2D3B3 100%);
	--qp-surface-quest-bill-paper-stops: #EEE3CA 0%, var(--qp-color-parchment) 45%, #E2D3B3 100%;
	--qp-surface-quest-bill-paper-light: radial-gradient(80% 50% at 18% 8%, rgb(255 250 235 / 0.55) 0%, rgb(255 250 235 / 0) 70%);
	--qp-surface-quest-bill-paper-shade: radial-gradient(70% 60% at 100% 100%, rgb(120 90 50 / 0.16) 0%, rgb(120 90 50 / 0) 70%);
	--qp-surface-quest-bill-shadow: 0px 14px 20px rgb(0 0 0 / 0.6);
	--qp-surface-quest-bill-paper-margin: 28px;
	--qp-surface-quest-bill-padding: 22px;
	--qp-surface-quest-bill-turn-fraction: 0.0033;
	--qp-surface-quest-bill-tooth-width: 16px;
	--qp-surface-quest-bill-tooth-depth: 7px;
	--qp-surface-quest-bill-ink: var(--qp-color-ink);
	--qp-surface-quest-bill-ink2: var(--qp-color-ink2);
	--qp-surface-quest-bill-night-paper: linear-gradient(to bottom, var(--qp-color-raised) 0%, var(--qp-color-card) 100%);
	--qp-surface-quest-bill-night-paper-stops: var(--qp-color-raised) 0%, var(--qp-color-card) 100%;
	--qp-surface-quest-bill-night-ink: var(--qp-color-text);
	--qp-surface-quest-bill-night-ink2: var(--qp-color-text2);
	--qp-surface-quest-bill-night-record: #E36B5B;
	--qp-surface-quest-bill-night-edge: 1px solid rgb(232 184 74 / 0.45);
	--qp-surface-quest-bill-night-edge-color: rgb(232 184 74 / 0.45);
	--qp-surface-quest-bill-night-edge-width: 1px;
	--qp-surface-quest-bill-rule: 1.5px solid rgb(43 29 14 / 0.45);
	--qp-surface-quest-bill-rule-color: rgb(43 29 14 / 0.45);
	--qp-surface-quest-bill-rule-width: 1.5px;
	--qp-surface-quest-bill-rule-dash: 4px;
	--qp-surface-quest-bill-leader: 2px solid rgb(43 29 14 / 0.35);
	--qp-surface-quest-bill-leader-color: rgb(43 29 14 / 0.35);
	--qp-surface-quest-bill-leader-width: 2px;
	--qp-surface-quest-bill-leader-dot: 2px;
	--qp-surface-quest-bill-record: #8E2F2F;
	--qp-surface-quest-bill-record-seal: 12px;
	--qp-surface-quest-bill-line-count: 4;
	--qp-surface-quest-bill-title-size: 24px;
	--qp-surface-quest-bill-date-size: 14px;
	--qp-surface-quest-bill-date-tracking-fraction: 0.09;
	--qp-surface-quest-bill-line-size: 16px;
	--qp-surface-quest-bill-count-gap: 11px;
	--qp-surface-quest-bill-name-tracking-fraction: 0.02;
	--qp-surface-quest-bill-more-size: 14px;
	--qp-surface-quest-bill-more-tracking-fraction: 0.03;
	--qp-surface-quest-bill-total-size: 13px;
	--qp-surface-quest-bill-number-size: 80px;
	--qp-surface-quest-bill-moves-word-size: 21px;
	--qp-surface-quest-bill-xp-size: 14px;
	--qp-surface-quest-bill-foot-size: 11px;
	--qp-surface-quest-bill-foot-tracking-fraction: 0.05;
	--qp-surface-quest-bill-foot-least-fraction: 0.7;
	--qp-surface-quest-bill-site-mark: 20px;
	--qp-surface-quest-bill-total-rule-top: 1.5px;
	--qp-surface-quest-bill-total-rule-bottom: 0.75px;
	--qp-surface-quest-bill-total-rule-gap: 1px;
	--qp-surface-quest-bill-wax: var(--qp-art-tone-wax);
	--qp-surface-quest-bill-seal-size: 84px;
	--qp-surface-quest-bill-seal-word-size: 12px;
	--qp-surface-quest-bill-barcode-height: 18px;
	--qp-surface-quest-bill-barcode-base: 0.3px;
	--qp-surface-quest-bill-barcode-per-move: 0.8px;
	--qp-surface-quest-bill-tick-width: 0.6px;
	--qp-surface-quest-bill-tick-height: 10px;
	--qp-surface-quest-bill-tick-opacity: 0.55;
	--qp-surface-saga-reel-move-count: 4;
	--qp-surface-saga-reel-fps: 30;
	--qp-surface-saga-reel-key-every-frames: 30;
	--qp-surface-saga-reel-bitrate-kbps: 5000;
	--qp-surface-saga-reel-audio-kbps: 128;
	--qp-surface-saga-reel-audio-hz: 48000;
	--qp-surface-saga-reel-gain-db: -6;
	--qp-surface-saga-reel-line-size: 18px;
	--qp-surface-saga-reel-record-seal: 14px;
	--qp-surface-streak-card-grid-story: 96px;
	--qp-surface-streak-card-grid-post: 80px;
	--qp-surface-streak-card-grid-square: 64px;
	--qp-surface-streak-card-gap-fraction: 0.25;
	--qp-surface-streak-card-cell-most: 30px;
	--qp-surface-streak-card-cell-radius-fraction: 0.2;
	--qp-surface-streak-card-check-from: 20px;
	--qp-surface-streak-card-check-fraction: 0.6;
	--qp-surface-streak-card-cell: var(--qp-color-gold);
	--qp-surface-streak-card-cell-ink: #9A6A12;
	--qp-surface-streak-card-check: var(--qp-color-gold-ink);
	--qp-surface-expedition-bar-height: 6px;
	--qp-surface-expedition-bar-radius: 3px;
	--qp-surface-expedition-bar-segment-gap: 4px;
	--qp-surface-expedition-bar-short-fraction: 0.4;
	--qp-surface-expedition-bar-track: var(--qp-color-track);
	--qp-surface-expedition-bar-done: var(--qp-color-gold-lo);
	--qp-surface-expedition-bar-now: var(--qp-color-gold);
	--qp-surface-expedition-bar-glow: 0px 0px 8px rgb(232 184 74 / 0.6);
	--qp-surface-expedition-bar-line-gap: 8px;
	--qp-surface-expedition-bar-clock-size: 12px;
	--qp-surface-expedition-rest-ring-size: 200px;
	--qp-surface-expedition-rest-tile-gap: 12px;
	--qp-surface-expedition-card-map-story: 200px;
	--qp-surface-expedition-card-map-post: 150px;
	--qp-surface-expedition-card-map-square: 110px;
	--qp-surface-expedition-card-map-parchment: #CDBF9F;
	--qp-surface-streak-page-figure-height: 140px;
	--qp-surface-streak-page-month-gap: 8px;
	--qp-surface-streak-page-slot-size: 40px;
	--qp-surface-streak-page-slot-gap: 12px;
	--qp-surface-streak-page-slot-glyph: 20px;
	--qp-surface-streak-page-slot-fill: var(--qp-color-raised);
	--qp-surface-streak-page-slot-edge: var(--qp-color-line);
	--qp-surface-streak-page-slot-held: var(--qp-color-frost);
	--qp-surface-streak-page-bar-height: 6px;
	--qp-surface-best-day-ground: radial-gradient(87% 36% at 50% 40%, #3A2A10 0%, #1C150C 45%, var(--qp-color-page) 80%);
	--qp-surface-best-day-ray: rgb(245 207 110 / 0.075);
	--qp-surface-best-day-ray-count: 24;
	--qp-surface-best-day-ray-fraction: 0.333;
	--qp-surface-best-day-rays-radius: 360px;
	--qp-surface-best-day-stripe-opacity: 0.6;
	--qp-surface-best-day-ding-size: 22px;
	--qp-surface-best-day-ding-tracking-fraction: 0.32;
	--qp-surface-best-day-bar-width: 300px;
	--qp-surface-best-day-number: linear-gradient(to bottom, #FFE7A3 0%, var(--qp-color-gold-hi) 48%, var(--qp-color-gold-lo) 100%);
	--qp-surface-best-day-number-stops: #FFE7A3 0%, var(--qp-color-gold-hi) 48%, var(--qp-color-gold-lo) 100%;
	--qp-surface-best-day-number-size: 284px;
	--qp-surface-best-day-number-glow: 0px 0px 30px rgb(232 184 74 / 0.35);
	--qp-surface-best-day-number-shadow: 0px 10px 14px rgb(0 0 0 / 0.6);
	--qp-surface-best-day-figure: 260px;
	--qp-surface-best-day-figure-top-fraction: 0.7;
	--qp-surface-best-day-figure-shadow: 0px 16px 20px rgb(0 0 0 / 0.85);
	--qp-surface-best-day-label-size: 30px;
	--qp-surface-best-day-label-tracking-fraction: 0.06;
	--qp-surface-ladder-tree-rail: var(--qp-color-line-strong);
	--qp-surface-ladder-tree-quiet: var(--qp-color-text3);
	--qp-surface-ladder-tree-dash-length: 6px;
	--qp-surface-ladder-tree-dash-gap: 4px;
	--qp-surface-ladder-tree-dot: 6px;
	--qp-surface-ladder-tree-diamond: 8px;
	--qp-surface-ladder-tree-ring-track: var(--qp-color-track);
	--qp-surface-ladder-tree-ring-fill: var(--qp-color-gold);
	--qp-surface-ladder-tree-cut: var(--qp-color-page);
	--qp-surface-ladder-tree-tick-fraction: 0.012;
	--qp-surface-ladder-tree-halo: rgb(232 184 74 / 0.28);
	--qp-surface-ladder-tree-halo-glow: 0px 0px 10px rgb(232 184 74 / 0.45);
	--qp-surface-ladder-tree-pulse-opacity: 0.3;
	--qp-surface-ladder-tree-outline: var(--qp-color-text);
	--qp-surface-ladder-tree-mark: 8px;
	--qp-surface-ladder-tree-dim-opacity: 0.4;
	--qp-surface-ladder-tree-link: var(--qp-color-text2);
	--qp-surface-ladder-tree-arrow-head: 6px;
	--qp-surface-ladder-tree-flash-opacity: 0.6;
	--qp-surface-ladder-tree-bead-done: var(--qp-color-gold);
	--qp-surface-ladder-tree-bead-open: var(--qp-color-text);
	--qp-surface-ladder-tree-bead-stroke: 1.5px;
	--qp-surface-ladder-tree-bead-waiting: var(--qp-color-text3);
	--qp-surface-ladder-tree-bead-waiting-fraction: 0.5;
	/* motion: each animation's timing (its duration and curve, which Reduce Motion swaps), its duration and curve as they are (a hold's time) and its numbers */
	--qp-motion-press: 100ms cubic-bezier(0.2, 0, 0, 1);
	--qp-motion-press-duration: 100ms;
	--qp-motion-press-easing: cubic-bezier(0.2, 0, 0, 1);
	--qp-motion-glow: 120ms cubic-bezier(0.2, 0, 0, 1);
	--qp-motion-glow-duration: 120ms;
	--qp-motion-glow-easing: cubic-bezier(0.2, 0, 0, 1);
	--qp-motion-settle: 500ms cubic-bezier(0, 0, 1, 1);
	--qp-motion-settle-duration: 500ms;
	--qp-motion-settle-easing: cubic-bezier(0, 0, 1, 1);
	--qp-motion-window: 240ms cubic-bezier(0, 0, 0, 1);
	--qp-motion-window-duration: 240ms;
	--qp-motion-window-easing: cubic-bezier(0, 0, 0, 1);
	--qp-motion-window-scale-from: 0.96;
	--qp-motion-window-out: 200ms cubic-bezier(0.3, 0, 1, 1);
	--qp-motion-window-out-duration: 200ms;
	--qp-motion-window-out-easing: cubic-bezier(0.3, 0, 1, 1);
	--qp-motion-toast-in: 280ms cubic-bezier(0, 0, 0, 1);
	--qp-motion-toast-in-duration: 280ms;
	--qp-motion-toast-in-easing: cubic-bezier(0, 0, 0, 1);
	--qp-motion-toast-hold: 4000ms cubic-bezier(0.2, 0, 0, 1);
	--qp-motion-toast-hold-duration: 4000ms;
	--qp-motion-toast-hold-easing: cubic-bezier(0.2, 0, 0, 1);
	--qp-motion-toast-out: 200ms cubic-bezier(0.3, 0, 1, 1);
	--qp-motion-toast-out-duration: 200ms;
	--qp-motion-toast-out-easing: cubic-bezier(0.3, 0, 1, 1);
	--qp-motion-chip: 200ms cubic-bezier(0, 0, 0, 1);
	--qp-motion-chip-duration: 200ms;
	--qp-motion-chip-easing: cubic-bezier(0, 0, 0, 1);
	--qp-motion-chip-stagger: 150ms;
	--qp-motion-chip-shine: 400ms cubic-bezier(0.2, 0, 0, 1);
	--qp-motion-chip-shine-duration: 400ms;
	--qp-motion-chip-shine-easing: cubic-bezier(0.2, 0, 0, 1);
	--qp-motion-fanfare-bars: 500ms cubic-bezier(0, 0, 0, 1);
	--qp-motion-fanfare-bars-duration: 500ms;
	--qp-motion-fanfare-bars-easing: cubic-bezier(0, 0, 0, 1);
	--qp-motion-fanfare-words: 600ms cubic-bezier(0, 0, 0, 1);
	--qp-motion-fanfare-words-duration: 600ms;
	--qp-motion-fanfare-words-easing: cubic-bezier(0, 0, 0, 1);
	--qp-motion-result: 2500ms cubic-bezier(0.2, 0, 0, 1);
	--qp-motion-result-duration: 2500ms;
	--qp-motion-result-easing: cubic-bezier(0.2, 0, 0, 1);
	--qp-motion-xp-fill: 600ms cubic-bezier(0.2, 0, 0, 1);
	--qp-motion-xp-fill-duration: 600ms;
	--qp-motion-xp-fill-easing: cubic-bezier(0.2, 0, 0, 1);
	--qp-motion-busy: 1200ms cubic-bezier(0, 0, 1, 1);
	--qp-motion-busy-duration: 1200ms;
	--qp-motion-busy-easing: cubic-bezier(0, 0, 1, 1);
	--qp-motion-digit-pop: 300ms cubic-bezier(0, 0, 0, 1);
	--qp-motion-digit-pop-duration: 300ms;
	--qp-motion-digit-pop-easing: cubic-bezier(0, 0, 0, 1);
	--qp-motion-digit-pop-scale-from: 1.25;
	--qp-motion-pulse: 1200ms cubic-bezier(0.2, 0, 0, 1);
	--qp-motion-pulse-duration: 1200ms;
	--qp-motion-pulse-easing: cubic-bezier(0.2, 0, 0, 1);
	--qp-motion-muscle-light: 300ms cubic-bezier(0, 0, 0, 1);
	--qp-motion-muscle-light-duration: 300ms;
	--qp-motion-muscle-light-easing: cubic-bezier(0, 0, 0, 1);
	--qp-motion-tree-select: 120ms cubic-bezier(0.2, 0, 0, 1);
	--qp-motion-tree-select-duration: 120ms;
	--qp-motion-tree-select-easing: cubic-bezier(0.2, 0, 0, 1);
	--qp-motion-ring-fill: 400ms cubic-bezier(0, 0, 0, 1);
	--qp-motion-ring-fill-duration: 400ms;
	--qp-motion-ring-fill-easing: cubic-bezier(0, 0, 0, 1);
	--qp-motion-ring-fill-hold: 150ms;
	--qp-motion-node-flash: 600ms cubic-bezier(0.2, 0, 0, 1);
	--qp-motion-node-flash-duration: 600ms;
	--qp-motion-node-flash-easing: cubic-bezier(0.2, 0, 0, 1);
	--qp-motion-pour: 1425ms cubic-bezier(0.3, 0, 1, 1);
	--qp-motion-pour-duration: 1425ms;
	--qp-motion-pour-easing: cubic-bezier(0.3, 0, 1, 1);
	--qp-motion-pour-hold: 190ms;
	--qp-motion-pour-base: 525ms;
	--qp-motion-pour-step: 16ms;
	--qp-motion-pour-phone: 1125ms cubic-bezier(0.3, 0, 1, 1);
	--qp-motion-pour-phone-duration: 1125ms;
	--qp-motion-pour-phone-easing: cubic-bezier(0.3, 0, 1, 1);
	--qp-motion-pour-phone-hold: 190ms;
	--qp-motion-pour-phone-base: 525ms;
	--qp-motion-pour-phone-step: 16ms;
	--qp-motion-pour-fly: 420ms cubic-bezier(0.3, 0, 1, 1);
	--qp-motion-pour-fly-duration: 420ms;
	--qp-motion-pour-fly-easing: cubic-bezier(0.3, 0, 1, 1);
	--qp-motion-pour-fly-phone: 345ms cubic-bezier(0.3, 0, 1, 1);
	--qp-motion-pour-fly-phone-duration: 345ms;
	--qp-motion-pour-fly-phone-easing: cubic-bezier(0.3, 0, 1, 1);
	--qp-motion-step-reveal: 3000ms cubic-bezier(0.2, 0, 0, 1);
	--qp-motion-step-reveal-duration: 3000ms;
	--qp-motion-step-reveal-easing: cubic-bezier(0.2, 0, 0, 1);
	--qp-motion-step-reveal-end: 3400ms;
	--qp-motion-step-reveal-reveal-from: 1240ms;
	--qp-motion-glow-move: 240ms cubic-bezier(0.2, 0, 0, 1);
	--qp-motion-glow-move-duration: 240ms;
	--qp-motion-glow-move-easing: cubic-bezier(0.2, 0, 0, 1);
	--qp-motion-saga-reveal: 1200ms cubic-bezier(0, 0, 0, 1);
	--qp-motion-saga-reveal-duration: 1200ms;
	--qp-motion-saga-reveal-easing: cubic-bezier(0, 0, 0, 1);
	--qp-motion-saga-reveal-stagger: 40ms;
	--qp-motion-best-day-rays: 90000ms cubic-bezier(0, 0, 1, 1);
	--qp-motion-best-day-rays-duration: 90000ms;
	--qp-motion-best-day-rays-easing: cubic-bezier(0, 0, 1, 1);
	--qp-motion-saga-reel: 2000ms cubic-bezier(0, 0, 1, 1);
	--qp-motion-saga-reel-duration: 2000ms;
	--qp-motion-saga-reel-easing: cubic-bezier(0, 0, 1, 1);
	--qp-motion-saga-reel-end: 1500ms;
	--qp-motion-saga-reel-reveal-from: 200ms;
	--qp-motion-grow: 300ms cubic-bezier(0.2, 0, 0, 1);
	--qp-motion-grow-duration: 300ms;
	--qp-motion-grow-easing: cubic-bezier(0.2, 0, 0, 1);
	--qp-motion-grow-back: 250ms cubic-bezier(0.2, 0, 0, 1);
	--qp-motion-grow-back-duration: 250ms;
	--qp-motion-grow-back-easing: cubic-bezier(0.2, 0, 0, 1);
	--qp-motion-window-drag: 300ms cubic-bezier(0.2, 0, 0, 1);
	--qp-motion-window-drag-duration: 300ms;
	--qp-motion-window-drag-easing: cubic-bezier(0.2, 0, 0, 1);
	--qp-motion-aura-breathe: 3600ms cubic-bezier(0, 0, 1, 1);
	--qp-motion-aura-breathe-duration: 3600ms;
	--qp-motion-aura-breathe-easing: cubic-bezier(0, 0, 1, 1);
	--qp-motion-track-tip: 2400ms cubic-bezier(0, 0, 1, 1);
	--qp-motion-track-tip-duration: 2400ms;
	--qp-motion-track-tip-easing: cubic-bezier(0, 0, 1, 1);
	--qp-motion-aura-glint: 4800ms cubic-bezier(0, 0, 1, 1);
	--qp-motion-aura-glint-duration: 4800ms;
	--qp-motion-aura-glint-easing: cubic-bezier(0, 0, 1, 1);
	--qp-motion-aura-arcs: 6000ms cubic-bezier(0, 0, 1, 1);
	--qp-motion-aura-arcs-duration: 6000ms;
	--qp-motion-aura-arcs-easing: cubic-bezier(0, 0, 1, 1);
	--qp-motion-aura-flame: 5000ms cubic-bezier(0, 0, 1, 1);
	--qp-motion-aura-flame-duration: 5000ms;
	--qp-motion-aura-flame-easing: cubic-bezier(0, 0, 1, 1);
	--qp-motion-aura-prism: 7000ms cubic-bezier(0, 0, 1, 1);
	--qp-motion-aura-prism-duration: 7000ms;
	--qp-motion-aura-prism-easing: cubic-bezier(0, 0, 1, 1);
	--qp-motion-aura-ember: 2400ms cubic-bezier(0, 0, 1, 1);
	--qp-motion-aura-ember-duration: 2400ms;
	--qp-motion-aura-ember-easing: cubic-bezier(0, 0, 1, 1);
	--qp-motion-aura-spark: 3500ms cubic-bezier(0, 0, 1, 1);
	--qp-motion-aura-spark-duration: 3500ms;
	--qp-motion-aura-spark-easing: cubic-bezier(0, 0, 1, 1);
}

/* Reduce Motion (macOS) and Animation effects off (Windows) */
@media (prefers-reduced-motion: reduce) {
	:root {
		--qp-motion-press: 0ms linear;
		--qp-motion-glow: 0ms linear;
		--qp-motion-settle: 0ms linear;
		--qp-motion-window: 150ms linear;
		--qp-motion-window-scale-from: 1;
		--qp-motion-window-out: 150ms linear;
		--qp-motion-toast-in: 150ms linear;
		--qp-motion-toast-hold: 0ms linear;
		--qp-motion-toast-out: 150ms linear;
		--qp-motion-chip: 0ms linear;
		--qp-motion-chip-stagger: 0ms;
		--qp-motion-chip-shine: 0ms linear;
		--qp-motion-fanfare-bars: 0ms linear;
		--qp-motion-fanfare-words: 0ms linear;
		--qp-motion-result: 0ms linear;
		--qp-motion-xp-fill: 0ms linear;
		--qp-motion-busy: 0ms linear;
		--qp-motion-digit-pop: 0ms linear;
		--qp-motion-digit-pop-scale-from: 1;
		--qp-motion-pulse: 0ms linear;
		--qp-motion-muscle-light: 0ms linear;
		--qp-motion-tree-select: 0ms linear;
		--qp-motion-ring-fill: 0ms linear;
		--qp-motion-ring-fill-hold: 0ms;
		--qp-motion-node-flash: 0ms linear;
		--qp-motion-pour: 0ms linear;
		--qp-motion-pour-hold: 0ms;
		--qp-motion-pour-phone: 0ms linear;
		--qp-motion-pour-phone-hold: 0ms;
		--qp-motion-pour-fly: 0ms linear;
		--qp-motion-pour-fly-phone: 0ms linear;
		--qp-motion-step-reveal: 0ms linear;
		--qp-motion-glow-move: 0ms linear;
		--qp-motion-saga-reveal: 0ms linear;
		--qp-motion-saga-reveal-stagger: 0ms;
		--qp-motion-best-day-rays: 0ms linear;
		--qp-motion-saga-reel: 0ms linear;
		--qp-motion-grow: 150ms linear;
		--qp-motion-grow-back: 150ms linear;
		--qp-motion-window-drag: 150ms linear;
		--qp-motion-aura-breathe: 0ms linear;
		--qp-motion-track-tip: 0ms linear;
		--qp-motion-aura-glint: 0ms linear;
		--qp-motion-aura-arcs: 0ms linear;
		--qp-motion-aura-flame: 0ms linear;
		--qp-motion-aura-prism: 0ms linear;
		--qp-motion-aura-ember: 0ms linear;
		--qp-motion-aura-spark: 0ms linear;
	}
}

/* Increase Contrast: the edges' swap (tokens.json increaseContrast) */
@media (prefers-contrast: more) {
	:root {
		--qp-color-line: rgb(240 214 160 / 0.18);
		--qp-color-line-strong: #8A7E70;
		--qp-color-track: #8A7E70;
	}
}

.qp-type-title {
	font: var(--qp-type-title-font);
	letter-spacing: var(--qp-type-title-tracking);
	text-transform: var(--qp-type-title-case);
	font-variant-numeric: var(--qp-type-title-numeric);
	color: var(--qp-type-title-color);
}

.qp-type-title-detail {
	font: var(--qp-type-title-detail-font);
	letter-spacing: var(--qp-type-title-detail-tracking);
	text-transform: var(--qp-type-title-detail-case);
	font-variant-numeric: var(--qp-type-title-detail-numeric);
	color: var(--qp-type-title-detail-color);
}

.qp-type-display {
	font: var(--qp-type-display-font);
	letter-spacing: var(--qp-type-display-tracking);
	text-transform: var(--qp-type-display-case);
	font-variant-numeric: var(--qp-type-display-numeric);
	color: var(--qp-type-display-color);
}

.qp-type-display-small {
	font: var(--qp-type-display-small-font);
	letter-spacing: var(--qp-type-display-small-tracking);
	text-transform: var(--qp-type-display-small-case);
	font-variant-numeric: var(--qp-type-display-small-numeric);
	color: var(--qp-type-display-small-color);
}

.qp-type-fanfare {
	font: var(--qp-type-fanfare-font);
	letter-spacing: var(--qp-type-fanfare-tracking);
	text-transform: var(--qp-type-fanfare-case);
	font-variant-numeric: var(--qp-type-fanfare-numeric);
	color: var(--qp-type-fanfare-color);
}

.qp-type-wordmark {
	font: var(--qp-type-wordmark-font);
	letter-spacing: var(--qp-type-wordmark-tracking);
	text-transform: var(--qp-type-wordmark-case);
	font-variant-numeric: var(--qp-type-wordmark-numeric);
	color: var(--qp-type-wordmark-color);
}

.qp-type-quest-title {
	font: var(--qp-type-quest-title-font);
	letter-spacing: var(--qp-type-quest-title-tracking);
	text-transform: var(--qp-type-quest-title-case);
	font-variant-numeric: var(--qp-type-quest-title-numeric);
	color: var(--qp-type-quest-title-color);
}

.qp-type-heading {
	font: var(--qp-type-heading-font);
	letter-spacing: var(--qp-type-heading-tracking);
	text-transform: var(--qp-type-heading-case);
	font-variant-numeric: var(--qp-type-heading-numeric);
	color: var(--qp-type-heading-color);
}

.qp-type-body {
	font: var(--qp-type-body-font);
	letter-spacing: var(--qp-type-body-tracking);
	text-transform: var(--qp-type-body-case);
	font-variant-numeric: var(--qp-type-body-numeric);
	color: var(--qp-type-body-color);
}

.qp-type-body-strong {
	font: var(--qp-type-body-strong-font);
	letter-spacing: var(--qp-type-body-strong-tracking);
	text-transform: var(--qp-type-body-strong-case);
	font-variant-numeric: var(--qp-type-body-strong-numeric);
	color: var(--qp-type-body-strong-color);
}

.qp-type-subtitle {
	font: var(--qp-type-subtitle-font);
	letter-spacing: var(--qp-type-subtitle-tracking);
	text-transform: var(--qp-type-subtitle-case);
	font-variant-numeric: var(--qp-type-subtitle-numeric);
	color: var(--qp-type-subtitle-color);
}

.qp-type-label {
	font: var(--qp-type-label-font);
	letter-spacing: var(--qp-type-label-tracking);
	text-transform: var(--qp-type-label-case);
	font-variant-numeric: var(--qp-type-label-numeric);
	color: var(--qp-type-label-color);
}

.qp-type-meta {
	font: var(--qp-type-meta-font);
	letter-spacing: var(--qp-type-meta-tracking);
	text-transform: var(--qp-type-meta-case);
	font-variant-numeric: var(--qp-type-meta-numeric);
	color: var(--qp-type-meta-color);
}

.qp-type-caps {
	font: var(--qp-type-caps-font);
	letter-spacing: var(--qp-type-caps-tracking);
	text-transform: var(--qp-type-caps-case);
	font-variant-numeric: var(--qp-type-caps-numeric);
	color: var(--qp-type-caps-color);
}

.qp-type-tab {
	font: var(--qp-type-tab-font);
	letter-spacing: var(--qp-type-tab-tracking);
	text-transform: var(--qp-type-tab-case);
	font-variant-numeric: var(--qp-type-tab-numeric);
	color: var(--qp-type-tab-color);
}

.qp-type-button {
	font: var(--qp-type-button-font);
	letter-spacing: var(--qp-type-button-tracking);
	text-transform: var(--qp-type-button-case);
	font-variant-numeric: var(--qp-type-button-numeric);
	color: var(--qp-type-button-color);
}

.qp-type-button-secondary {
	font: var(--qp-type-button-secondary-font);
	letter-spacing: var(--qp-type-button-secondary-tracking);
	text-transform: var(--qp-type-button-secondary-case);
	font-variant-numeric: var(--qp-type-button-secondary-numeric);
	color: var(--qp-type-button-secondary-color);
}

.qp-type-button-quiet {
	font: var(--qp-type-button-quiet-font);
	letter-spacing: var(--qp-type-button-quiet-tracking);
	text-transform: var(--qp-type-button-quiet-case);
	font-variant-numeric: var(--qp-type-button-quiet-numeric);
	color: var(--qp-type-button-quiet-color);
}

.qp-type-num-hero {
	font: var(--qp-type-num-hero-font);
	letter-spacing: var(--qp-type-num-hero-tracking);
	text-transform: var(--qp-type-num-hero-case);
	font-variant-numeric: var(--qp-type-num-hero-numeric);
	color: var(--qp-type-num-hero-color);
}

.qp-type-num-count {
	font: var(--qp-type-num-count-font);
	letter-spacing: var(--qp-type-num-count-tracking);
	text-transform: var(--qp-type-num-count-case);
	font-variant-numeric: var(--qp-type-num-count-numeric);
	color: var(--qp-type-num-count-color);
}

.qp-type-num-large {
	font: var(--qp-type-num-large-font);
	letter-spacing: var(--qp-type-num-large-tracking);
	text-transform: var(--qp-type-num-large-case);
	font-variant-numeric: var(--qp-type-num-large-numeric);
	color: var(--qp-type-num-large-color);
}

.qp-type-num-ring {
	font: var(--qp-type-num-ring-font);
	letter-spacing: var(--qp-type-num-ring-tracking);
	text-transform: var(--qp-type-num-ring-case);
	font-variant-numeric: var(--qp-type-num-ring-numeric);
	color: var(--qp-type-num-ring-color);
}

.qp-type-num-saga {
	font: var(--qp-type-num-saga-font);
	letter-spacing: var(--qp-type-num-saga-tracking);
	text-transform: var(--qp-type-num-saga-case);
	font-variant-numeric: var(--qp-type-num-saga-numeric);
	color: var(--qp-type-num-saga-color);
}

.qp-type-num-medium {
	font: var(--qp-type-num-medium-font);
	letter-spacing: var(--qp-type-num-medium-tracking);
	text-transform: var(--qp-type-num-medium-case);
	font-variant-numeric: var(--qp-type-num-medium-numeric);
	color: var(--qp-type-num-medium-color);
}

.qp-type-num-stat {
	font: var(--qp-type-num-stat-font);
	letter-spacing: var(--qp-type-num-stat-tracking);
	text-transform: var(--qp-type-num-stat-case);
	font-variant-numeric: var(--qp-type-num-stat-numeric);
	color: var(--qp-type-num-stat-color);
}

.qp-type-num-small {
	font: var(--qp-type-num-small-font);
	letter-spacing: var(--qp-type-num-small-tracking);
	text-transform: var(--qp-type-num-small-case);
	font-variant-numeric: var(--qp-type-num-small-numeric);
	color: var(--qp-type-num-small-color);
}

.qp-type-num-row {
	font: var(--qp-type-num-row-font);
	letter-spacing: var(--qp-type-num-row-tracking);
	text-transform: var(--qp-type-num-row-case);
	font-variant-numeric: var(--qp-type-num-row-numeric);
	color: var(--qp-type-num-row-color);
}

.qp-type-ladder-name {
	font: var(--qp-type-ladder-name-font);
	letter-spacing: var(--qp-type-ladder-name-tracking);
	text-transform: var(--qp-type-ladder-name-case);
	font-variant-numeric: var(--qp-type-ladder-name-numeric);
	color: var(--qp-type-ladder-name-color);
}

.qp-fill-page {
	fill: var(--qp-color-page);
}

.qp-stroke-page {
	stroke: var(--qp-color-page);
}

.qp-stop-page {
	stop-color: var(--qp-color-page);
}

.qp-fill-card {
	fill: var(--qp-color-card);
}

.qp-stroke-card {
	stroke: var(--qp-color-card);
}

.qp-stop-card {
	stop-color: var(--qp-color-card);
}

.qp-fill-raised {
	fill: var(--qp-color-raised);
}

.qp-stroke-raised {
	stroke: var(--qp-color-raised);
}

.qp-stop-raised {
	stop-color: var(--qp-color-raised);
}

.qp-fill-text {
	fill: var(--qp-color-text);
}

.qp-stroke-text {
	stroke: var(--qp-color-text);
}

.qp-stop-text {
	stop-color: var(--qp-color-text);
}

.qp-fill-text2 {
	fill: var(--qp-color-text2);
}

.qp-stroke-text2 {
	stroke: var(--qp-color-text2);
}

.qp-stop-text2 {
	stop-color: var(--qp-color-text2);
}

.qp-fill-text3 {
	fill: var(--qp-color-text3);
}

.qp-stroke-text3 {
	stroke: var(--qp-color-text3);
}

.qp-stop-text3 {
	stop-color: var(--qp-color-text3);
}

.qp-fill-gold {
	fill: var(--qp-color-gold);
}

.qp-stroke-gold {
	stroke: var(--qp-color-gold);
}

.qp-stop-gold {
	stop-color: var(--qp-color-gold);
}

.qp-fill-gold-hi {
	fill: var(--qp-color-gold-hi);
}

.qp-stroke-gold-hi {
	stroke: var(--qp-color-gold-hi);
}

.qp-stop-gold-hi {
	stop-color: var(--qp-color-gold-hi);
}

.qp-fill-gold-lo {
	fill: var(--qp-color-gold-lo);
}

.qp-stroke-gold-lo {
	stroke: var(--qp-color-gold-lo);
}

.qp-stop-gold-lo {
	stop-color: var(--qp-color-gold-lo);
}

.qp-fill-gold-ink {
	fill: var(--qp-color-gold-ink);
}

.qp-stroke-gold-ink {
	stroke: var(--qp-color-gold-ink);
}

.qp-stop-gold-ink {
	stop-color: var(--qp-color-gold-ink);
}

.qp-fill-stop {
	fill: var(--qp-color-stop);
}

.qp-stroke-stop {
	stroke: var(--qp-color-stop);
}

.qp-stop-stop {
	stop-color: var(--qp-color-stop);
}

.qp-fill-ok {
	fill: var(--qp-color-ok);
}

.qp-stroke-ok {
	stroke: var(--qp-color-ok);
}

.qp-stop-ok {
	stop-color: var(--qp-color-ok);
}

.qp-fill-parchment {
	fill: var(--qp-color-parchment);
}

.qp-stroke-parchment {
	stroke: var(--qp-color-parchment);
}

.qp-stop-parchment {
	stop-color: var(--qp-color-parchment);
}

.qp-fill-parchment-lo {
	fill: var(--qp-color-parchment-lo);
}

.qp-stroke-parchment-lo {
	stroke: var(--qp-color-parchment-lo);
}

.qp-stop-parchment-lo {
	stop-color: var(--qp-color-parchment-lo);
}

.qp-fill-ink {
	fill: var(--qp-color-ink);
}

.qp-stroke-ink {
	stroke: var(--qp-color-ink);
}

.qp-stop-ink {
	stop-color: var(--qp-color-ink);
}

.qp-fill-ink2 {
	fill: var(--qp-color-ink2);
}

.qp-stroke-ink2 {
	stroke: var(--qp-color-ink2);
}

.qp-stop-ink2 {
	stop-color: var(--qp-color-ink2);
}

.qp-fill-track {
	fill: var(--qp-color-track);
}

.qp-stroke-track {
	stroke: var(--qp-color-track);
}

.qp-stop-track {
	stop-color: var(--qp-color-track);
}

.qp-fill-void {
	fill: var(--qp-color-void);
}

.qp-stroke-void {
	stroke: var(--qp-color-void);
}

.qp-stop-void {
	stop-color: var(--qp-color-void);
}

.qp-fill-black {
	fill: var(--qp-color-black);
}

.qp-stroke-black {
	stroke: var(--qp-color-black);
}

.qp-stop-black {
	stop-color: var(--qp-color-black);
}

.qp-fill-figure-crimson {
	fill: var(--qp-color-figure-crimson);
}

.qp-stroke-figure-crimson {
	stroke: var(--qp-color-figure-crimson);
}

.qp-stop-figure-crimson {
	stop-color: var(--qp-color-figure-crimson);
}

.qp-fill-focus-ring {
	fill: var(--qp-color-focus-ring);
}

.qp-stroke-focus-ring {
	stroke: var(--qp-color-focus-ring);
}

.qp-stop-focus-ring {
	stop-color: var(--qp-color-focus-ring);
}

.qp-fill-frost {
	fill: var(--qp-color-frost);
}

.qp-stroke-frost {
	stroke: var(--qp-color-frost);
}

.qp-stop-frost {
	stop-color: var(--qp-color-frost);
}

.qp-fill-iron {
	fill: var(--qp-art-tone-iron);
}

.qp-stroke-iron {
	stroke: var(--qp-art-tone-iron);
}

.qp-stop-iron {
	stop-color: var(--qp-art-tone-iron);
}

.qp-fill-bevel {
	fill: var(--qp-art-tone-bevel);
}

.qp-stroke-bevel {
	stroke: var(--qp-art-tone-bevel);
}

.qp-stop-bevel {
	stop-color: var(--qp-art-tone-bevel);
}

.qp-fill-outline {
	fill: var(--qp-art-tone-outline);
}

.qp-stroke-outline {
	stroke: var(--qp-art-tone-outline);
}

.qp-stop-outline {
	stop-color: var(--qp-art-tone-outline);
}

.qp-fill-steel {
	fill: var(--qp-art-tone-steel);
}

.qp-stroke-steel {
	stroke: var(--qp-art-tone-steel);
}

.qp-stop-steel {
	stop-color: var(--qp-art-tone-steel);
}

.qp-fill-steel-lo {
	fill: var(--qp-art-tone-steel-lo);
}

.qp-stroke-steel-lo {
	stroke: var(--qp-art-tone-steel-lo);
}

.qp-stop-steel-lo {
	stop-color: var(--qp-art-tone-steel-lo);
}

.qp-fill-wax {
	fill: var(--qp-art-tone-wax);
}

.qp-stroke-wax {
	stroke: var(--qp-art-tone-wax);
}

.qp-stop-wax {
	stop-color: var(--qp-art-tone-wax);
}

.qp-fill-tint {
	fill: currentColor;
}

.qp-stroke-tint {
	stroke: currentColor;
}