/* ==================================== SERIES MARKS Circular emblems for each body of work. Drawn as alpha masks tinted by currentColor. Usage: Size with the --series-mark-size custom property or by setting width/height. Colour follows the text colour. ==================================== */ .series-mark { --series-mark-size: 2.25rem; display: inline-block; width: var(--series-mark-size); height: var(--series-mark-size); flex: none; background-color: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; } .series-mark--brand { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22c%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2242.6%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23c)%22%3E%3Cline%20x1%3D%2212%22%20y1%3D%2260%22%20x2%3D%2288%22%20y2%3D%2260%22%20stroke%3D%22black%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.8%22%2F%3E%3Cpath%20d%3D%22M16%2C60%20C24%2C57%2030%2C53%2038%2C46%20C43%2C42%2047%2C38%2051%2C36%20L55%2C35.5%20C57%2C37%2059%2C41%2062%2C47%20C65%2C52%2069%2C57%2072%2C60%20Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M77%2C60%20L77.5%2C54%20C77.7%2C52.2%2078.7%2C51%2080%2C51%20C81.3%2C51%2082%2C52.4%2082.2%2C54.2%20L82.6%2C60%20Z%22%20fill%3D%22black%22%2F%3E%3Cg%20opacity%3D%220.17%22%20transform%3D%22matrix(1%200%200%20-0.7%200%20102)%22%3E%3Cpath%20d%3D%22M16%2C60%20C24%2C57%2030%2C53%2038%2C46%20C43%2C42%2047%2C38%2051%2C36%20L55%2C35.5%20C57%2C37%2059%2C41%2062%2C47%20C65%2C52%2069%2C57%2072%2C60%20Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M77%2C60%20L77.5%2C54%20C77.7%2C52.2%2078.7%2C51%2080%2C51%20C81.3%2C51%2082%2C52.4%2082.2%2C54.2%20L82.6%2C60%20Z%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2245.4%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22c%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2242.6%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23c)%22%3E%3Cline%20x1%3D%2212%22%20y1%3D%2260%22%20x2%3D%2288%22%20y2%3D%2260%22%20stroke%3D%22black%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.8%22%2F%3E%3Cpath%20d%3D%22M16%2C60%20C24%2C57%2030%2C53%2038%2C46%20C43%2C42%2047%2C38%2051%2C36%20L55%2C35.5%20C57%2C37%2059%2C41%2062%2C47%20C65%2C52%2069%2C57%2072%2C60%20Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M77%2C60%20L77.5%2C54%20C77.7%2C52.2%2078.7%2C51%2080%2C51%20C81.3%2C51%2082%2C52.4%2082.2%2C54.2%20L82.6%2C60%20Z%22%20fill%3D%22black%22%2F%3E%3Cg%20opacity%3D%220.17%22%20transform%3D%22matrix(1%200%200%20-0.7%200%20102)%22%3E%3Cpath%20d%3D%22M16%2C60%20C24%2C57%2030%2C53%2038%2C46%20C43%2C42%2047%2C38%2051%2C36%20L55%2C35.5%20C57%2C37%2059%2C41%2062%2C47%20C65%2C52%2069%2C57%2072%2C60%20Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M77%2C60%20L77.5%2C54%20C77.7%2C52.2%2078.7%2C51%2080%2C51%20C81.3%2C51%2082%2C52.4%2082.2%2C54.2%20L82.6%2C60%20Z%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2245.4%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%2F%3E%3C%2Fsvg%3E"); } .series-mark--sentinels { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22c%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2242.6%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23c)%22%3E%3Cline%20x1%3D%2216%22%20y1%3D%2258%22%20x2%3D%2284%22%20y2%3D%2258%22%20stroke%3D%22black%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.8%22%2F%3E%3Cpath%20d%3D%22M46.6%2C58%20L46.1%2C41.5%20C46.1%2C38.2%2047.6%2C36.4%2050%2C36.4%20C52.4%2C36.4%2053.9%2C38.2%2053.9%2C41.5%20L53.4%2C58%20Z%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2245.4%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22c%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2242.6%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23c)%22%3E%3Cline%20x1%3D%2216%22%20y1%3D%2258%22%20x2%3D%2284%22%20y2%3D%2258%22%20stroke%3D%22black%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.8%22%2F%3E%3Cpath%20d%3D%22M46.6%2C58%20L46.1%2C41.5%20C46.1%2C38.2%2047.6%2C36.4%2050%2C36.4%20C52.4%2C36.4%2053.9%2C38.2%2053.9%2C41.5%20L53.4%2C58%20Z%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2245.4%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%2F%3E%3C%2Fsvg%3E"); } .series-mark--stone-sky { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22c%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2242.6%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23c)%22%3E%3Cline%20x1%3D%2216%22%20y1%3D%2258%22%20x2%3D%2284%22%20y2%3D%2258%22%20stroke%3D%22black%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.8%22%2F%3E%3Cpath%20d%3D%22M18%2C58%20C30%2C54.5%2041%2C43.5%2050%2C43.5%20C59%2C43.5%2070%2C54.5%2082%2C58%20Z%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2245.4%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22c%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2242.6%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23c)%22%3E%3Cline%20x1%3D%2216%22%20y1%3D%2258%22%20x2%3D%2284%22%20y2%3D%2258%22%20stroke%3D%22black%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.8%22%2F%3E%3Cpath%20d%3D%22M18%2C58%20C30%2C54.5%2041%2C43.5%2050%2C43.5%20C59%2C43.5%2070%2C54.5%2082%2C58%20Z%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2245.4%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%2F%3E%3C%2Fsvg%3E"); } .series-mark--whisperwood { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22c%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2242.6%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23c)%22%3E%3Cline%20x1%3D%2216%22%20y1%3D%2258%22%20x2%3D%2284%22%20y2%3D%2258%22%20stroke%3D%22black%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.8%22%2F%3E%3Cpath%20d%3D%22M22%2C58%20C33%2C56.5%2042%2C55%2050%2C55%20C58%2C55%2067%2C56.5%2078%2C58%20Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M40.5%2C45%20L37.8%2C49.3%20L39.3%2C49.3%20L36.5%2C55%20L44.5%2C55%20L41.7%2C49.3%20L43.2%2C49.3%20Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M50%2C40.5%20L46.6%2C47%20L48.5%2C47%20L45%2C55%20L55%2C55%20L51.5%2C47%20L53.4%2C47%20Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M59.5%2C45%20L56.8%2C49.3%20L58.3%2C49.3%20L55.5%2C55%20L63.5%2C55%20L60.7%2C49.3%20L62.2%2C49.3%20Z%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2245.4%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22c%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2242.6%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23c)%22%3E%3Cline%20x1%3D%2216%22%20y1%3D%2258%22%20x2%3D%2284%22%20y2%3D%2258%22%20stroke%3D%22black%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.8%22%2F%3E%3Cpath%20d%3D%22M22%2C58%20C33%2C56.5%2042%2C55%2050%2C55%20C58%2C55%2067%2C56.5%2078%2C58%20Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M40.5%2C45%20L37.8%2C49.3%20L39.3%2C49.3%20L36.5%2C55%20L44.5%2C55%20L41.7%2C49.3%20L43.2%2C49.3%20Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M50%2C40.5%20L46.6%2C47%20L48.5%2C47%20L45%2C55%20L55%2C55%20L51.5%2C47%20L53.4%2C47%20Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M59.5%2C45%20L56.8%2C49.3%20L58.3%2C49.3%20L55.5%2C55%20L63.5%2C55%20L60.7%2C49.3%20L62.2%2C49.3%20Z%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2245.4%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%2F%3E%3C%2Fsvg%3E"); } .series-mark--limbic { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22c%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2242.6%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23c)%22%3E%3Cline%20x1%3D%2214%22%20y1%3D%2255.5%22%20x2%3D%2286%22%20y2%3D%2255.5%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%2F%3E%3Cline%20x1%3D%2220%22%20y1%3D%2261%22%20x2%3D%2280%22%20y2%3D%2261%22%20stroke%3D%22black%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.3%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2245.4%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22c%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2242.6%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23c)%22%3E%3Cline%20x1%3D%2214%22%20y1%3D%2255.5%22%20x2%3D%2286%22%20y2%3D%2255.5%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%2F%3E%3Cline%20x1%3D%2220%22%20y1%3D%2261%22%20x2%3D%2280%22%20y2%3D%2261%22%20stroke%3D%22black%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.3%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2245.4%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%2F%3E%3C%2Fsvg%3E"); } .series-mark--common-ground { -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22c%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2242.6%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23c)%22%3E%3Cline%20x1%3D%2216%22%20y1%3D%2254.5%22%20x2%3D%2284%22%20y2%3D%2254.5%22%20stroke%3D%22black%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.4%22%2F%3E%3Cpath%20d%3D%22M16%2C57%20C27%2C50.5%2035%2C48%2045%2C48.4%20C57%2C49%2065%2C52.2%2084%2C55.5%20L84%2C59%20L16%2C59%20Z%22%20fill%3D%22black%22%20opacity%3D%220.26%22%2F%3E%3Cpath%20d%3D%22M62.6%2C42.4%20C62.6%2C39.4%2060.9%2C38.4%2060.9%2C35.8%20C60.9%2C33.7%2062.8%2C33%2062.8%2C30.6%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.1%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.5%22%2F%3E%3Cpath%20d%3D%22M60.8%2C55%20L61.2%2C43.8%20C61.2%2C42.3%2061.8%2C41.3%2062.6%2C41.3%20C63.4%2C41.3%2064%2C42.3%2064%2C43.8%20L64.4%2C55%20Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M16%2C58%20C30%2C55.4%2042%2C54.4%2052%2C54.4%20C64%2C54.4%2073%2C55.6%2084%2C57.2%20L84%2C59%20L16%2C59%20Z%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2245.4%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20100%20100%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22c%22%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2242.6%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20clip-path%3D%22url(%23c)%22%3E%3Cline%20x1%3D%2216%22%20y1%3D%2254.5%22%20x2%3D%2284%22%20y2%3D%2254.5%22%20stroke%3D%22black%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.4%22%2F%3E%3Cpath%20d%3D%22M16%2C57%20C27%2C50.5%2035%2C48%2045%2C48.4%20C57%2C49%2065%2C52.2%2084%2C55.5%20L84%2C59%20L16%2C59%20Z%22%20fill%3D%22black%22%20opacity%3D%220.26%22%2F%3E%3Cpath%20d%3D%22M62.6%2C42.4%20C62.6%2C39.4%2060.9%2C38.4%2060.9%2C35.8%20C60.9%2C33.7%2062.8%2C33%2062.8%2C30.6%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.1%22%20stroke-linecap%3D%22round%22%20opacity%3D%220.5%22%2F%3E%3Cpath%20d%3D%22M60.8%2C55%20L61.2%2C43.8%20C61.2%2C42.3%2061.8%2C41.3%2062.6%2C41.3%20C63.4%2C41.3%2064%2C42.3%2064%2C43.8%20L64.4%2C55%20Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M16%2C58%20C30%2C55.4%2042%2C54.4%2052%2C54.4%20C64%2C54.4%2073%2C55.6%2084%2C57.2%20L84%2C59%20L16%2C59%20Z%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2245.4%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.9%22%2F%3E%3C%2Fsvg%3E"); }