stylescape/css/stylescape.css

Stylescape is a visual identity framework developed by Scape Agency.

@charset "UTF-8";
*,
a,
abbr,
acronym,
address,
applet,
area,
article,
aside,
audio,
b,
base,
basefont,
bb,
bdo,
big,
blockquote,
body,
br,
button,
canvas,
caption,
center,
cite,
code,
col,
colgroup,
command,
datalist,
dd,
del,
details,
dfn,
dialog,
dir,
div,
dl,
dt,
em,
embed,
eventsource,
fieldset,
figcaption,
figure,
font,
footer,
form,
frame,
frameset,
h1,
h2,
h3,
h4,
h5,
h6,
head,
header,
hgroup,
hr,
html,
i,
iframe,
img,
input,
ins,
isindex,
kbd,
keygen,
label,
legend,
li,
link,
map,
mark,
menu,
meta,
meter,
nav,
noframes,
noscript,
object,
ol,
optgroup,
option,
output,
p,
param,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
script,
section,
select,
small,
source,
span,
strike,
strong,
style,
sub,
sup,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
time,
title,
tr,
track,
tt,
u,
ul,
var,
video,
wbr {
  margin: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
  display: block;
}

.aspect_ratio--1x1 {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
}
.aspect_ratio--1x1 > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.aspect_ratio--1x2 {
  position: relative;
  width: 100%;
  aspect-ratio: 0.5;
}
.aspect_ratio--1x2 > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.aspect_ratio--2x1 {
  position: relative;
  width: 100%;
  aspect-ratio: 2;
}
.aspect_ratio--2x1 > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.aspect_ratio--1x3 {
  position: relative;
  width: 100%;
  aspect-ratio: 0.3333333333;
}
.aspect_ratio--1x3 > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.aspect_ratio--3x1 {
  position: relative;
  width: 100%;
  aspect-ratio: 3;
}
.aspect_ratio--3x1 > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.aspect_ratio--1x4 {
  position: relative;
  width: 100%;
  aspect-ratio: 0.25;
}
.aspect_ratio--1x4 > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.aspect_ratio--4x1 {
  position: relative;
  width: 100%;
  aspect-ratio: 4;
}
.aspect_ratio--4x1 > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.aspect_ratio--3x2 {
  position: relative;
  width: 100%;
  aspect-ratio: 1.5;
}
.aspect_ratio--3x2 > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.aspect_ratio--2x3 {
  position: relative;
  width: 100%;
  aspect-ratio: 0.6666666667;
}
.aspect_ratio--2x3 > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.aspect_ratio--4x3 {
  position: relative;
  width: 100%;
  aspect-ratio: 1.3333333333;
}
.aspect_ratio--4x3 > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.aspect_ratio--3x4 {
  position: relative;
  width: 100%;
  aspect-ratio: 0.75;
}
.aspect_ratio--3x4 > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.aspect_ratio--16x9 {
  position: relative;
  width: 100%;
  aspect-ratio: 1.7777777778;
}
.aspect_ratio--16x9 > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.aspect_ratio--16x10 {
  position: relative;
  width: 100%;
  aspect-ratio: 1.6;
}
.aspect_ratio--16x10 > * {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.guide {
  z-index: 9999;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  pointer-events: none;
  opacity: 1;
  min-height: 100vh;
  background-attachment: local;
}

.guide--layer {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100vh;
  pointer-events: none;
  z-index: 9999;
}
.guide--layer.active {
  display: block !important;
}

.guide--graph {
  z-index: 9999;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  pointer-events: none;
  opacity: 1;
  min-height: 100vh;
  background-attachment: local;
  background-repeat: repeat;
  background-size: 1.25rem 1.25rem;
  background-image: repeating-linear-gradient(to right, rgba(111, 124, 126, 0.483) 0, rgba(111, 124, 126, 0.483) 1px, transparent 1px, transparent 1.25rem), repeating-linear-gradient(to bottom, rgba(111, 124, 126, 0.483) 0, rgba(111, 124, 126, 0.483) 1px, transparent 1px, transparent 1.25rem);
}

.guide--graph_centered {
  z-index: 9999;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  pointer-events: none;
  opacity: 1;
  min-height: 100vh;
  background-attachment: local;
  background-repeat: repeat;
  background-size: 1.25rem 1.25rem;
  background-position: calc(50% - 15rem / 2) 0;
  background-image: repeating-linear-gradient(to right, rgba(111, 124, 126, 0.483) 0, rgba(111, 124, 126, 0.483) 1px, transparent 1px, transparent 1.25rem), repeating-linear-gradient(to bottom, rgba(111, 124, 126, 0.483) 0, rgba(111, 124, 126, 0.483) 1px, transparent 1px, transparent 1.25rem);
}

.guide--baseline {
  z-index: 9999;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  pointer-events: none;
  opacity: 1;
  min-height: 100vh;
  background-attachment: local;
  background-repeat: repeat;
  background-size: 100% 1.25rem;
  background-image: repeating-linear-gradient(to bottom, rgb(0, 200, 255) 0 1px, transparent 1px 100%);
}

html {
  font-size: 12px;
}
@media screen and (min-width: 320px) {
  html {
    font-size: calc(12px + 12 * (100vw - 320px) / 1120);
  }
}
@media screen and (min-width: 1440px) {
  html {
    font-size: 24px;
  }
}

html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  word-break: normal;
  -moz-tab-size: 4;
  tab-size: 4;
  height: 100%;
}

body {
  min-height: 100%;
  margin: 0;
  position: absolute;
  height: 100vh;
  width: 100vw;
}

html,
body {
  height: 100%;
  margin: 0;
}

*,
::before,
::after {
  background-repeat: no-repeat;
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit;
  vertical-align: inherit;
}

* {
  padding: 0;
  margin: 0;
}

:root {
  --N0001: #e2e2e2;
  --N0002: #cccccc;
  --N0003: #b6b6b6;
  --N0004: #a0a0a0;
  --N0005: #8b8b8b;
  --N0006: #777777;
  --N0007: #636363;
  --N0008: #505050;
  --N0009: #3e3e3e;
  --N0151: #fadbdd;
  --N0152: #eec0c4;
  --N0153: #e2a6ac;
  --N0154: #d48c94;
  --N0155: #c6727d;
  --N0156: #a7636b;
  --N0157: #89545a;
  --N0158: #6b4549;
  --N0159: #4f3739;
  --N0301: #fadbd7;
  --N0302: #edc1bc;
  --N0303: #e0a8a1;
  --N0304: #d28e87;
  --N0305: #c4756e;
  --N0306: #a5655f;
  --N0307: #875650;
  --N0308: #6b4642;
  --N0309: #4f3835;
  --N0451: #f8dcd3;
  --N0452: #eac3b5;
  --N0453: #dcaa98;
  --N0454: #cd927c;
  --N0455: #be7960;
  --N0456: #a06954;
  --N0457: #845848;
  --N0458: #68483c;
  --N0459: #4d3931;
  --N0601: #f4decf;
  --N0602: #e5c6af;
  --N0603: #d5ad90;
  --N0604: #c59672;
  --N0605: #b57f55;
  --N0606: #996d4b;
  --N0607: #7e5b41;
  --N0608: #644a38;
  --N0609: #4a3a2e;
  --N0751: #efe0cc;
  --N0752: #dec8ac;
  --N0753: #cdb18c;
  --N0754: #bb9b6c;
  --N0755: #a9854e;
  --N0756: #8f7145;
  --N0757: #765f3d;
  --N0758: #5e4d34;
  --N0759: #473c2c;
  --N0901: #eae2cb;
  --N0902: #d6cbaa;
  --N0903: #c2b58a;
  --N0904: #af9f6a;
  --N0905: #9b8a4b;
  --N0906: #847643;
  --N0907: #6d623b;
  --N0908: #584f33;
  --N0909: #433d2b;
  --N1051: #e3e4cc;
  --N1052: #cdceab;
  --N1053: #b7b98b;
  --N1054: #a1a46b;
  --N1055: #8b8f4c;
  --N1056: #777a44;
  --N1057: #63663c;
  --N1058: #505234;
  --N1059: #3e3f2c;
  --N1201: #dde6ce;
  --N1202: #c4d1ae;
  --N1203: #abbc8f;
  --N1204: #92a870;
  --N1205: #7a9453;
  --N1206: #697e49;
  --N1207: #586840;
  --N1208: #485437;
  --N1209: #39402d;
  --N1351: #d7e7d2;
  --N1352: #bbd3b3;
  --N1353: #9fbf96;
  --N1354: #83ab79;
  --N1355: #68975d;
  --N1356: #5a8151;
  --N1357: #4d6b46;
  --N1358: #40553b;
  --N1359: #344130;
  --N1501: #d1e8d6;
  --N1502: #b2d4ba;
  --N1503: #93c19f;
  --N1504: #74ad84;
  --N1505: #559a6a;
  --N1506: #4b835c;
  --N1507: #426c4e;
  --N1508: #395741;
  --N1509: #2f4234;
  --N1651: #cde9dc;
  --N1652: #abd6c2;
  --N1653: #89c2a9;
  --N1654: #66af91;
  --N1655: #409b7a;
  --N1656: #3c8469;
  --N1657: #376d58;
  --N1658: #315848;
  --N1659: #2b4338;
  --N1801: #c9e9e2;
  --N1802: #a6d6cb;
  --N1803: #81c3b5;
  --N1804: #5baf9f;
  --N1805: #2a9c8a;
  --N1806: #2d8576;
  --N1807: #2d6e62;
  --N1808: #2b584f;
  --N1809: #28433d;
  --N1951: #c8e9e8;
  --N1952: #a3d6d4;
  --N1953: #7dc3c0;
  --N1954: #53afad;
  --N1955: #109c9a;
  --N1956: #208583;
  --N1957: #266e6d;
  --N1958: #275857;
  --N1959: #264342;
  --N2101: #c8e9ed;
  --N2102: #a3d5dc;
  --N2103: #7dc2cb;
  --N2104: #52aeba;
  --N2105: #019baa;
  --N2106: #1c8490;
  --N2107: #246d76;
  --N2108: #27575e;
  --N2109: #264246;
  --N2251: #cae8f2;
  --N2252: #a6d4e3;
  --N2253: #81c0d4;
  --N2254: #58acc6;
  --N2255: #1a99b7;
  --N2256: #25829a;
  --N2257: #2a6c7e;
  --N2258: #2a5664;
  --N2259: #27424a;
  --N2401: #cee6f6;
  --N2402: #acd2e9;
  --N2403: #8abedc;
  --N2404: #65aace;
  --N2405: #3696c1;
  --N2406: #3680a3;
  --N2407: #346a85;
  --N2408: #305568;
  --N2409: #2b414d;
  --N2551: #d3e5f8;
  --N2552: #b5cfec;
  --N2553: #95bbe0;
  --N2554: #75a6d4;
  --N2555: #5192c8;
  --N2556: #497ca8;
  --N2557: #416789;
  --N2558: #39536b;
  --N2559: #303f4f;
  --N2701: #dae3f9;
  --N2702: #becdee;
  --N2703: #a3b7e2;
  --N2704: #87a2d6;
  --N2705: #6a8dca;
  --N2706: #5d78aa;
  --N2707: #4f648b;
  --N2708: #42516c;
  --N2709: #353e50;
  --N2851: #e0e1f9;
  --N2852: #c8caed;
  --N2853: #b1b3e1;
  --N2854: #999dd5;
  --N2855: #8188c8;
  --N2856: #6f74a8;
  --N2857: #5d6189;
  --N2858: #4c4e6c;
  --N2859: #3b3c4f;
  --N3001: #e7dff6;
  --N3002: #d3c7e9;
  --N3003: #beafdc;
  --N3004: #aa98cf;
  --N3005: #9582c2;
  --N3006: #7f6fa3;
  --N3007: #6a5d86;
  --N3008: #554c69;
  --N3009: #413b4d;
  --N3151: #edddf3;
  --N3152: #dcc4e4;
  --N3153: #caacd6;
  --N3154: #b994c7;
  --N3155: #a77cb9;
  --N3156: #8d6b9c;
  --N3157: #755a7f;
  --N3158: #5d4964;
  --N3159: #46394b;
  --N3301: #f3dcee;
  --N3302: #e3c2dd;
  --N3303: #d4a9cd;
  --N3304: #c590bc;
  --N3305: #b577ac;
  --N3306: #996791;
  --N3307: #7d5777;
  --N3308: #63475f;
  --N3309: #4a3847;
  --N3451: #f7dbe9;
  --N3452: #e9c1d5;
  --N3453: #dba7c2;
  --N3454: #cd8daf;
  --N3455: #bf739d;
  --N3456: #a16485;
  --N3457: #84546e;
  --N3458: #684658;
  --N3459: #4d3743;
  --N3601: #f9dbe3;
  --N3602: #edc0cd;
  --N3603: #e0a6b7;
  --N3604: #d38ca2;
  --N3605: #c5728d;
  --N3606: #a66278;
  --N3607: #885464;
  --N3608: #6b4551;
  --N3609: #4f373e;
}

:root {
  --color_text_primary: #000000;
  --color_text_primary--25: rgb(89.25, 89.25, 89.25);
  --color_text_primary--50: rgb(127.5, 127.5, 127.5);
  --color_text_primary--75: rgb(191.25, 191.25, 191.25);
  --color_text_secondary: #252525;
  --color_text_secondary--25: rgb(113.3, 113.3, 113.3);
  --color_text_secondary--50: #929292;
  --color_text_secondary--75: rgb(200.5, 200.5, 200.5);
  --color_text_tertiary: #414141;
  --color_text_tertiary--25: rgb(131.5, 131.5, 131.5);
  --color_text_tertiary--50: #a0a0a0;
  --color_text_tertiary--75: rgb(207.5, 207.5, 207.5);
  --color_line_primary: #000000;
  --color_line_primary--25: rgb(89.25, 89.25, 89.25);
  --color_line_primary--50: rgb(127.5, 127.5, 127.5);
  --color_line_primary--75: rgb(191.25, 191.25, 191.25);
  --color_line_secondary: #252525;
  --color_line_secondary--25: rgb(113.3, 113.3, 113.3);
  --color_line_secondary--50: #929292;
  --color_line_secondary--75: rgb(200.5, 200.5, 200.5);
  --color_line_tertiary: #414141;
  --color_line_tertiary--25: rgb(131.5, 131.5, 131.5);
  --color_line_tertiary--50: #a0a0a0;
  --color_line_tertiary--75: rgb(207.5, 207.5, 207.5);
  --color_fill_primary: #ffffff;
  --color_fill_primary--25: white;
  --color_fill_primary--50: white;
  --color_fill_primary--75: white;
  --color_fill_secondary: rgba(222, 222, 222, 0.8);
  --color_fill_secondary--25: rgba(236.7446808511, 236.7446808511, 236.7446808511, 0.87);
  --color_fill_secondary--50: rgba(241.8, 241.8, 241.8, 0.9);
  --color_fill_secondary--75: rgba(249, 249, 249, 0.95);
  --color_fill_tertiary: rgba(190, 190, 190, 0.7333333333);
  --color_fill_tertiary--25: rgba(221.3224637681, 221.3224637681, 221.3224637681, 0.8266666667);
  --color_fill_tertiary--50: rgba(231.1666666667, 231.1666666667, 231.1666666667, 0.8666666667);
  --color_fill_tertiary--75: rgba(244.4852941176, 244.4852941176, 244.4852941176, 0.9333333333);
  --color_accent_primary: #3696c1;
  --color_accent_primary--25: rgb(124.35, 186.75, 214.7);
  --color_accent_primary--50: rgb(154.5, 202.5, 224);
  --color_accent_primary--75: rgb(204.75, 228.75, 239.5);
  --color_accent_secondary: #346a85;
  --color_accent_secondary--25: rgb(123.05, 158.15, 175.7);
  --color_accent_secondary--50: rgb(153.5, 180.5, 194);
  --color_accent_secondary--75: rgb(204.25, 217.75, 224.5);
  --color_accent_tertiary: #8abedc;
  --color_accent_tertiary--25: rgb(178.95, 212.75, 232.25);
  --color_accent_tertiary--50: rgb(196.5, 222.5, 237.5);
  --color_accent_tertiary--75: rgb(225.75, 238.75, 246.25);
  --color_state_visited: #87a2d6;
  --color_state_visited--25: rgb(177, 194.55, 228.35);
  --color_state_visited--50: rgb(195, 208.5, 234.5);
  --color_state_visited--75: rgb(225, 231.75, 244.75);
  --color_state_focus: #65aace;
  --color_state_focus--25: rgb(154.9, 199.75, 223.15);
  --color_state_focus--50: rgb(178, 212.5, 230.5);
  --color_state_focus--75: rgb(216.5, 233.75, 242.75);
  --color_state_hover: #acd2e9;
  --color_state_hover--25: rgb(201.05, 225.75, 240.7);
  --color_state_hover--50: rgb(213.5, 232.5, 244);
  --color_state_hover--75: rgb(234.25, 243.75, 249.5);
  --color_state_active: #3696c1;
  --color_state_active--25: rgb(124.35, 186.75, 214.7);
  --color_state_active--50: rgb(154.5, 202.5, 224);
  --color_state_active--75: rgb(204.75, 228.75, 239.5);
  --color_state_link: #65aace;
  --color_state_link--25: rgb(154.9, 199.75, 223.15);
  --color_state_link--50: rgb(178, 212.5, 230.5);
  --color_state_link--75: rgb(216.5, 233.75, 242.75);
  --color_state_enabled: #000000;
  --color_state_enabled--25: rgb(89.25, 89.25, 89.25);
  --color_state_enabled--50: rgb(127.5, 127.5, 127.5);
  --color_state_enabled--75: rgb(191.25, 191.25, 191.25);
  --color_state_disabled: #a0a0a0;
  --color_state_disabled--25: rgb(193.25, 193.25, 193.25);
  --color_state_disabled--50: rgb(207.5, 207.5, 207.5);
  --color_state_disabled--75: rgb(231.25, 231.25, 231.25);
  --color_state_current: #000000;
  --color_state_current--25: rgb(89.25, 89.25, 89.25);
  --color_state_current--50: rgb(127.5, 127.5, 127.5);
  --color_state_current--75: rgb(191.25, 191.25, 191.25);
  --color_state_checked: #87a2d6;
  --color_state_checked--25: rgb(177, 194.55, 228.35);
  --color_state_checked--50: rgb(195, 208.5, 234.5);
  --color_state_checked--75: rgb(225, 231.75, 244.75);
  --color_state_invalid: #b994c7;
  --color_state_invalid--25: rgb(209.5, 185.45, 218.6);
  --color_state_invalid--50: rgb(220, 201.5, 227);
  --color_state_invalid--75: rgb(237.5, 228.25, 241);
  --color_state_muted: #a0a0a0;
  --color_state_muted--25: rgb(193.25, 193.25, 193.25);
  --color_state_muted--50: rgb(207.5, 207.5, 207.5);
  --color_state_muted--75: rgb(231.25, 231.25, 231.25);
  --color_log_trace: #1a99b7;
  --color_log_trace--25: rgb(106.15, 188.7, 208.2);
  --color_log_trace--50: rgb(140.5, 204, 219);
  --color_log_trace--75: rgb(197.75, 229.5, 237);
  --color_log_debug: #3696c1;
  --color_log_debug--25: rgb(124.35, 186.75, 214.7);
  --color_log_debug--50: rgb(154.5, 202.5, 224);
  --color_log_debug--75: rgb(204.75, 228.75, 239.5);
  --color_log_success: #5192c8;
  --color_log_success--25: rgb(141.9, 184.15, 219.25);
  --color_log_success--50: rgb(168, 200.5, 227.5);
  --color_log_success--75: rgb(211.5, 227.75, 241.25);
  --color_log_info: #6a8dca;
  --color_log_info--25: rgb(158.15, 180.9, 220.55);
  --color_log_info--50: rgb(180.5, 198, 228.5);
  --color_log_info--75: rgb(217.75, 226.5, 241.75);
  --color_log_notice: #8188c8;
  --color_log_notice--25: rgb(173.1, 177.65, 219.25);
  --color_log_notice--50: rgb(192, 195.5, 227.5);
  --color_log_notice--75: rgb(223.5, 225.25, 241.25);
  --color_log_warning: #9582c2;
  --color_log_warning--25: rgb(186.1, 173.75, 215.35);
  --color_log_warning--50: rgb(202, 192.5, 224.5);
  --color_log_warning--75: rgb(228.5, 223.75, 239.75);
  --color_log_audit: #a77cb9;
  --color_log_audit--25: rgb(197.8, 169.85, 209.5);
  --color_log_audit--50: rgb(211, 189.5, 220);
  --color_log_audit--75: rgb(233, 222.25, 237.5);
  --color_log_error: #b577ac;
  --color_log_error--25: rgb(206.9, 166.6, 201.05);
  --color_log_error--50: rgb(218, 187, 213.5);
  --color_log_error--75: rgb(236.5, 221, 234.25);
  --color_log_security: #bf739d;
  --color_log_security--25: rgb(213.4, 164, 191.3);
  --color_log_security--50: #dfb9ce;
  --color_log_security--75: rgb(239, 220, 230.5);
  --color_log_critical: #c5728d;
  --color_log_critical--25: rgb(217.3, 163.35, 180.9);
  --color_log_critical--50: rgb(226, 184.5, 198);
  --color_log_critical--75: rgb(240.5, 219.75, 226.5);
  --color_log_alert: #c6727d;
  --color_log_alert--25: rgb(217.95, 163.35, 170.5);
  --color_log_alert--50: rgb(226.5, 184.5, 190);
  --color_log_alert--75: rgb(240.75, 219.75, 222.5);
  --color_log_emergency: #c4756e;
  --color_log_emergency--25: rgb(216.65, 165.3, 160.75);
  --color_log_emergency--50: rgb(225.5, 186, 182.5);
  --color_log_emergency--75: rgb(240.25, 220.5, 218.75);
}

[data-theme=dark] {
  --color_text_primary: #ffffff;
  --color_text_primary--25: rgb(89.25, 89.25, 89.25);
  --color_text_primary--50: rgb(127.5, 127.5, 127.5);
  --color_text_primary--75: rgb(191.25, 191.25, 191.25);
  --color_text_secondary: rgba(222, 222, 222, 0.8);
  --color_text_secondary--25: rgb(113.3, 113.3, 113.3);
  --color_text_secondary--50: #929292;
  --color_text_secondary--75: rgb(200.5, 200.5, 200.5);
  --color_text_tertiary: rgba(190, 190, 190, 0.7333333333);
  --color_text_tertiary--25: rgb(131.5, 131.5, 131.5);
  --color_text_tertiary--50: #a0a0a0;
  --color_text_tertiary--75: rgb(207.5, 207.5, 207.5);
  --color_line_primary: #ffffff;
  --color_line_primary--25: rgb(89.25, 89.25, 89.25);
  --color_line_primary--50: rgb(127.5, 127.5, 127.5);
  --color_line_primary--75: rgb(191.25, 191.25, 191.25);
  --color_line_secondary: rgba(222, 222, 222, 0.8);
  --color_line_secondary--25: rgb(113.3, 113.3, 113.3);
  --color_line_secondary--50: #929292;
  --color_line_secondary--75: rgb(200.5, 200.5, 200.5);
  --color_line_tertiary: rgba(190, 190, 190, 0.7333333333);
  --color_line_tertiary--25: rgb(131.5, 131.5, 131.5);
  --color_line_tertiary--50: #a0a0a0;
  --color_line_tertiary--75: rgb(207.5, 207.5, 207.5);
  --color_fill_primary: #000000;
  --color_fill_primary--25: white;
  --color_fill_primary--50: white;
  --color_fill_primary--75: white;
  --color_fill_secondary: rgba(222, 222, 222, 0.8);
  --color_fill_secondary--25: rgba(236.7446808511, 236.7446808511, 236.7446808511, 0.87);
  --color_fill_secondary--50: rgba(241.8, 241.8, 241.8, 0.9);
  --color_fill_secondary--75: rgba(249, 249, 249, 0.95);
  --color_fill_tertiary: rgba(190, 190, 190, 0.7333333333);
  --color_fill_tertiary--25: rgba(221.3224637681, 221.3224637681, 221.3224637681, 0.8266666667);
  --color_fill_tertiary--50: rgba(231.1666666667, 231.1666666667, 231.1666666667, 0.8666666667);
  --color_fill_tertiary--75: rgba(244.4852941176, 244.4852941176, 244.4852941176, 0.9333333333);
  --color_accent_primary: #3696c1;
  --color_accent_primary--25: rgb(124.35, 186.75, 214.7);
  --color_accent_primary--50: rgb(154.5, 202.5, 224);
  --color_accent_primary--75: rgb(204.75, 228.75, 239.5);
  --color_accent_secondary: #346a85;
  --color_accent_secondary--25: rgb(123.05, 158.15, 175.7);
  --color_accent_secondary--50: rgb(153.5, 180.5, 194);
  --color_accent_secondary--75: rgb(204.25, 217.75, 224.5);
  --color_accent_tertiary: #8abedc;
  --color_accent_tertiary--25: rgb(178.95, 212.75, 232.25);
  --color_accent_tertiary--50: rgb(196.5, 222.5, 237.5);
  --color_accent_tertiary--75: rgb(225.75, 238.75, 246.25);
  --color_state_visited: #87a2d6;
  --color_state_visited--25: rgb(177, 194.55, 228.35);
  --color_state_visited--50: rgb(195, 208.5, 234.5);
  --color_state_visited--75: rgb(225, 231.75, 244.75);
  --color_state_focus: #65aace;
  --color_state_focus--25: rgb(154.9, 199.75, 223.15);
  --color_state_focus--50: rgb(178, 212.5, 230.5);
  --color_state_focus--75: rgb(216.5, 233.75, 242.75);
  --color_state_hover: #acd2e9;
  --color_state_hover--25: rgb(201.05, 225.75, 240.7);
  --color_state_hover--50: rgb(213.5, 232.5, 244);
  --color_state_hover--75: rgb(234.25, 243.75, 249.5);
  --color_state_active: #3696c1;
  --color_state_active--25: rgb(124.35, 186.75, 214.7);
  --color_state_active--50: rgb(154.5, 202.5, 224);
  --color_state_active--75: rgb(204.75, 228.75, 239.5);
  --color_state_link: #65aace;
  --color_state_link--25: rgb(154.9, 199.75, 223.15);
  --color_state_link--50: rgb(178, 212.5, 230.5);
  --color_state_link--75: rgb(216.5, 233.75, 242.75);
  --color_state_enabled: #ffffff;
  --color_state_enabled--25: rgb(89.25, 89.25, 89.25);
  --color_state_enabled--50: rgb(127.5, 127.5, 127.5);
  --color_state_enabled--75: rgb(191.25, 191.25, 191.25);
  --color_state_disabled: #a0a0a0;
  --color_state_disabled--25: rgb(193.25, 193.25, 193.25);
  --color_state_disabled--50: rgb(207.5, 207.5, 207.5);
  --color_state_disabled--75: rgb(231.25, 231.25, 231.25);
  --color_state_current: #ffffff;
  --color_state_current--25: rgb(89.25, 89.25, 89.25);
  --color_state_current--50: rgb(127.5, 127.5, 127.5);
  --color_state_current--75: rgb(191.25, 191.25, 191.25);
  --color_state_checked: #87a2d6;
  --color_state_checked--25: rgb(177, 194.55, 228.35);
  --color_state_checked--50: rgb(195, 208.5, 234.5);
  --color_state_checked--75: rgb(225, 231.75, 244.75);
  --color_state_invalid: #b994c7;
  --color_state_invalid--25: rgb(209.5, 185.45, 218.6);
  --color_state_invalid--50: rgb(220, 201.5, 227);
  --color_state_invalid--75: rgb(237.5, 228.25, 241);
  --color_state_muted: #a0a0a0;
  --color_state_muted--25: rgb(193.25, 193.25, 193.25);
  --color_state_muted--50: rgb(207.5, 207.5, 207.5);
  --color_state_muted--75: rgb(231.25, 231.25, 231.25);
  --color_log_trace: #1a99b7;
  --color_log_trace--25: rgb(106.15, 188.7, 208.2);
  --color_log_trace--50: rgb(140.5, 204, 219);
  --color_log_trace--75: rgb(197.75, 229.5, 237);
  --color_log_debug: #3696c1;
  --color_log_debug--25: rgb(124.35, 186.75, 214.7);
  --color_log_debug--50: rgb(154.5, 202.5, 224);
  --color_log_debug--75: rgb(204.75, 228.75, 239.5);
  --color_log_success: #5192c8;
  --color_log_success--25: rgb(141.9, 184.15, 219.25);
  --color_log_success--50: rgb(168, 200.5, 227.5);
  --color_log_success--75: rgb(211.5, 227.75, 241.25);
  --color_log_info: #6a8dca;
  --color_log_info--25: rgb(158.15, 180.9, 220.55);
  --color_log_info--50: rgb(180.5, 198, 228.5);
  --color_log_info--75: rgb(217.75, 226.5, 241.75);
  --color_log_notice: #8188c8;
  --color_log_notice--25: rgb(173.1, 177.65, 219.25);
  --color_log_notice--50: rgb(192, 195.5, 227.5);
  --color_log_notice--75: rgb(223.5, 225.25, 241.25);
  --color_log_warning: #9582c2;
  --color_log_warning--25: rgb(186.1, 173.75, 215.35);
  --color_log_warning--50: rgb(202, 192.5, 224.5);
  --color_log_warning--75: rgb(228.5, 223.75, 239.75);
  --color_log_audit: #a77cb9;
  --color_log_audit--25: rgb(197.8, 169.85, 209.5);
  --color_log_audit--50: rgb(211, 189.5, 220);
  --color_log_audit--75: rgb(233, 222.25, 237.5);
  --color_log_error: #b577ac;
  --color_log_error--25: rgb(206.9, 166.6, 201.05);
  --color_log_error--50: rgb(218, 187, 213.5);
  --color_log_error--75: rgb(236.5, 221, 234.25);
  --color_log_security: #bf739d;
  --color_log_security--25: rgb(213.4, 164, 191.3);
  --color_log_security--50: #dfb9ce;
  --color_log_security--75: rgb(239, 220, 230.5);
  --color_log_critical: #c5728d;
  --color_log_critical--25: rgb(217.3, 163.35, 180.9);
  --color_log_critical--50: rgb(226, 184.5, 198);
  --color_log_critical--75: rgb(240.5, 219.75, 226.5);
  --color_log_alert: #c6727d;
  --color_log_alert--25: rgb(217.95, 163.35, 170.5);
  --color_log_alert--50: rgb(226.5, 184.5, 190);
  --color_log_alert--75: rgb(240.75, 219.75, 222.5);
  --color_log_emergency: #c4756e;
  --color_log_emergency--25: rgb(216.65, 165.3, 160.75);
  --color_log_emergency--50: rgb(225.5, 186, 182.5);
  --color_log_emergency--75: rgb(240.25, 220.5, 218.75);
}

:root {
  --primitive-border-24: q(24);
  --primitive-border-12: q(12);
  --primitive-border-08: q(8);
  --primitive-border-06: q(6);
  --primitive-border-04: q(4);
  --primitive-border-02: q(2);
  --primitive-border-01: q(1);
  --primitive-border-none: 0;
  --semantic-border--xl: var(--primitive-border-08);
  --semantic-border--lg: var(--primitive-border-04);
  --semantic-border--md: var(--primitive-border-02);
  --semantic-border--sm: var(--primitive-border-01);
}

:root {
  --primitive-type-font_stack_sans: stylescape_sans_regular, Roboto Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
  --primitive-type-font_stack_serif: stylescape_serif_regular, Roboto Serif, Times New Roman, Times, serif;
  --primitive-type-font_stack_slab: stylescape_slab_regular, Roboto Slab, Rockwell, Georgia, serif;
  --primitive-type-font_stack_mono: stylescape_mono_regular, Roboto Mono, Courier New, Courier, monospace;
  --semantic-type-font_stack--title: var(--primitive-type-font_stack_sans);
  --semantic-type-font_stack--body: var(--primitive-type-font_stack_sans);
}

.font--weight_100 {
  font-weight: 189;
  font-variation-settings: "wght" 189, "wdth" 400;
}

.font--weight_200 {
  font-weight: 278;
  font-variation-settings: "wght" 278, "wdth" 400;
}

.font--weight_300 {
  font-weight: 367;
  font-variation-settings: "wght" 367, "wdth" 400;
}

.font--weight_400 {
  font-weight: 456;
  font-variation-settings: "wght" 456, "wdth" 400;
}

.font--weight_500 {
  font-weight: 545;
  font-variation-settings: "wght" 545, "wdth" 400;
}

.font--weight_600 {
  font-weight: 634;
  font-variation-settings: "wght" 634, "wdth" 400;
}

.font--weight_700 {
  font-weight: 723;
  font-variation-settings: "wght" 723, "wdth" 400;
}

.font--weight_800 {
  font-weight: 812;
  font-variation-settings: "wght" 812, "wdth" 400;
}

.font--weight_900 {
  font-weight: 900;
  font-variation-settings: "wght" 900, "wdth" 400;
}

html {
  font-weight: 456;
  font-variation-settings: "wght" 456, "wdth" 400;
}

.text_align--left {
  text-align: left !important;
  -moz-text-align-last: left !important;
       text-align-last: left !important;
}

.text_align--center {
  text-align: center !important;
  -moz-text-align-last: center !important;
       text-align-last: center !important;
}

.text_align--right {
  text-align: right !important;
  -moz-text-align-last: right !important;
       text-align-last: right !important;
}

.text_align--justify {
  text-align: justify !important;
  -moz-text-align-last: justify !important;
       text-align-last: justify !important;
  text-justify: inter-word;
}

.text_align--justify--left {
  text-align: justify !important;
  -moz-text-align-last: justify !important;
       text-align-last: justify !important;
  text-justify: inter-word;
  direction: ltr;
}

.text_align--justify--right {
  text-align: justify !important;
  -moz-text-align-last: justify !important;
       text-align-last: justify !important;
  text-justify: inter-word;
  direction: rtl;
}

.text_align--center_flex {
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

.text_align-center_absolute {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}

.text_indent {
  text-indent: baseline(4) !important;
}

.text_indent--none {
  text-indent: 0 !important;
}

.text_indent--xs {
  text-indent: baseline(2) !important;
}

.text_indent--sm {
  text-indent: baseline(3) !important;
}

.text_indent--md {
  text-indent: baseline(4) !important;
}

.text_indent--lg {
  text-indent: baseline(6) !important;
}

.text_indent--xl {
  text-indent: baseline(8) !important;
}

b,
strong {
  font-weight: 634;
  font-variation-settings: "wght" 634, "wdth" 400;
}

i {
  font-weight: 456;
  font-variation-settings: "wght" 456, "wdth" 400;
  font-size: 1rem;
  line-height: 1.25rem;
  text-decoration-color: var(--color_text_primary);
  text-shadow: none;
  text-emphasis: none;
  -webkit-text-emphasis: none;
  text-decoration: none;
  text-decoration-color: var(--color_text_primary);
  text-shadow: none;
  text-emphasis: none;
  -webkit-text-emphasis: none;
  text-decoration: none;
  font-weight: 367;
  font-variation-settings: "wght" 367, "wdth" 400;
  font-style: italic;
}

/*
@mixin character-oblique($weight: $font_weight_oblique, $size: $font_size_oblique) {
    font-style: oblique;
    font-weight: $weight;
    font-size: $size;

    // Include any additional default character styles from your design system
    // If `character_default` and `character_normal` are mixins in your setup, include them here:
    // @include character--normal;
    // @include character--default;
}
*/
.emphasis-dot {
  -webkit-text-emphasis-style: filled dot;
          text-emphasis-style: filled dot;
  -webkit-text-emphasis-color: var(--color_fill_primary);
          text-emphasis-color: var(--color_fill_primary);
  -webkit-text-emphasis-position: over;
          text-emphasis-position: over left;
  -webkit-text-emphasis: filled dot var(--color_fill_primary);
}

.emphasis-circle {
  -webkit-text-emphasis-style: filled circle;
          text-emphasis-style: filled circle;
  -webkit-text-emphasis-color: var(--color_fill_primary);
          text-emphasis-color: var(--color_fill_primary);
  -webkit-text-emphasis-position: over;
          text-emphasis-position: over left;
  -webkit-text-emphasis: filled circle var(--color_fill_primary);
}

.emphasis-double-circle {
  -webkit-text-emphasis-style: double-circle;
          text-emphasis-style: double-circle;
  -webkit-text-emphasis-color: var(--color_fill_primary);
          text-emphasis-color: var(--color_fill_primary);
  -webkit-text-emphasis-position: over;
          text-emphasis-position: over left;
  -webkit-text-emphasis: double-circle var(--color_fill_primary);
}

.emphasis-triangle {
  -webkit-text-emphasis-style: triangle;
          text-emphasis-style: triangle;
  -webkit-text-emphasis-color: var(--color_fill_primary);
          text-emphasis-color: var(--color_fill_primary);
  -webkit-text-emphasis-position: over;
          text-emphasis-position: over left;
  -webkit-text-emphasis: triangle var(--color_fill_primary);
}

.emphasis-sesame {
  -webkit-text-emphasis-style: sesame;
          text-emphasis-style: sesame;
  -webkit-text-emphasis-color: var(--color_fill_primary);
          text-emphasis-color: var(--color_fill_primary);
  -webkit-text-emphasis-position: over;
          text-emphasis-position: over left;
  -webkit-text-emphasis: sesame var(--color_fill_primary);
}

em,
i {
  -webkit-text-emphasis-style: filled dot;
          text-emphasis-style: filled dot;
  -webkit-text-emphasis-color: var(--color_fill_primary);
          text-emphasis-color: var(--color_fill_primary);
  -webkit-text-emphasis-position: over;
          text-emphasis-position: over left;
  -webkit-text-emphasis: filled dot var(--color_fill_primary);
}

.character_smallcaps {
  font-variant-caps: small-caps;
}

.character_smallcaps_all {
  font-variant-caps: all-small-caps;
}

.character_petite_caps {
  font-variant-caps: petite-caps;
}

.character_all_petite_caps {
  font-variant-caps: all-petite-caps;
}

.character_unicase {
  font-variant-caps: unicase;
}

.character_titling_caps {
  font-variant-caps: titling-caps;
}

.character_uppercase {
  text-transform: uppercase;
}

.character_lowercase {
  text-transform: lowercase;
}

.character_capitalize {
  text-transform: capitalize;
}

.character_initial {
  font-variant-caps: initial;
  text-transform: none;
}

.character_inherit {
  font-variant-caps: inherit;
}

.character_unset {
  font-variant-caps: unset;
  text-transform: none;
}

abbr {
  display: inline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  display: inline;
}

abbr[title] {
  position: relative;
  border-bottom: none;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}
abbr[title]:hover::after, abbr[title]:focus::after {
  content: attr(title);
  /* position tooltip like the native one */
  position: absolute;
  left: 0;
  bottom: -q(32);
  width: auto;
  white-space: nowrap;
  /* style tooltip */
  background-color: #1e1e1e;
  color: var(--color_surface_primary);
  border-radius: 0.1875rem;
  box-shadow: 0.0625rem 0.0625rem 0.3125rem 0 rgba(0, 0, 0, 0.4);
  font-size: 0.875rem;
  padding: 0.1875rem 0.3125rem;
}

.dropcap:first-child:first-letter {
  float: left;
  font-size: 3.125rem;
  line-height: 1;
  margin: 0 1.25rem 0 0;
  text-align: center;
  font-weight: 600;
  padding: 0.625rem 0;
  border: none;
  border-radius: 0;
}

.dropcap_large:first-child:first-letter {
  float: left;
  font-size: 0.625rem;
  line-height: 0.625rem;
  margin: 0 1.25rem 0 0;
  text-align: center;
  font-weight: 600;
  padding: 0 0.5rem;
  border: 0.0625rem solid;
  border-radius: 0;
}
.dropcap_large:first-child:first-letter:before {
  content: "";
  position: absolute;
  border-bottom: 0.0625rem solid;
  width: 100%;
  top: 50%;
  left: 0;
}

.dropcap_block:first-child:first-letter {
  float: left;
  font-size: 2rem;
  line-height: 1.25rem;
  margin: 0 1.25rem 0 0;
  text-align: center;
  font-weight: 500;
  height: 5Q 4;
  width: 5Q 4;
  padding: 0.9375rem 0;
  border: 0;
  border-radius: 0;
  margin-top: 0.3125rem;
}

.dropcap_block-round:first-child:first-letter {
  float: left;
  font-size: 2rem;
  line-height: 1.25rem;
  margin: 0 1.25rem 0 0;
  text-align: center;
  font-weight: 500;
  height: 5Q 4;
  width: 5Q 4;
  padding: 0.9375rem 0;
  border: 0.0625rem solid;
  border-radius: 0.375rem;
  margin-top: 0.3125rem;
}

.dropcap_round:first-child:first-letter {
  float: left;
  font-size: 3Q 4;
  line-height: 2rem;
  margin: 0 1.25rem 0 0;
  text-align: center;
  font-weight: 600;
  height: 4rem;
  width: 4rem;
  padding: 0.9375rem;
  border: 0;
  border-radius: 50%;
}

.character--line {
  text-decoration-style: solid;
  text-decoration-thickness: 0.0625rem;
  text-decoration-color: var(--color_text_primary);
}

.character--line--under {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 0.0625rem;
  text-decoration-color: var(--color_text_primary);
  -webkit-text-decoration-skip-ink: all;
          text-decoration-skip-ink: all;
  text-underline-position: under;
  text-underline-offset: auto;
}

.character--line--over {
  text-decoration-line: overline;
  text-decoration-style: solid;
  text-decoration-thickness: 0.0625rem;
  text-decoration-color: var(--color_text_primary);
}

.character--line--through {
  text-decoration-line: line-through;
  text-decoration-style: solid;
  text-decoration-thickness: 0.0625rem;
  text-decoration-color: var(--color_text_primary);
}

.character--line_alt {
  text-decoration-style: solid;
  text-decoration-thickness: 0.0625rem;
  text-decoration-color: var(--color_text_primary);
  text-decoration-color: var(--color_accent_tertiary);
}

.character--line--under_alt {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 0.0625rem;
  text-decoration-color: var(--color_text_primary);
  -webkit-text-decoration-skip-ink: all;
          text-decoration-skip-ink: all;
  text-underline-position: under;
  text-underline-offset: auto;
}

.character--line--over_alt {
  text-decoration-line: overline;
  text-decoration-style: solid;
  text-decoration-thickness: 0.0625rem;
  text-decoration-color: var(--color_accent_tertiary);
}

.character--line--through_alt {
  text-decoration-line: line-through;
  text-decoration-style: solid;
  text-decoration-thickness: 0.0625rem;
  text-decoration-color: var(--color_accent_tertiary);
}

.character--hyperlink--clean {
  text-decoration: none;
  outline: none;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}

.character--hyperlink--base {
  text-decoration: none;
  outline: none;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
.character--hyperlink--base:link, .character--hyperlink--base:visited, .character--hyperlink--base:focus, .character--hyperlink--base:active {
  text-decoration: none;
  outline: none;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
.character--hyperlink--base:hover {
  text-decoration: none;
  outline: none;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  opacity: 1;
  color: var(--color_state_hover);
}
.character--hyperlink--base::before:hover {
  text-decoration: none;
  outline: none;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  opacity: 1;
  color: var(--color_state_hover);
}

.character--hyperlink--normal {
  text-decoration: none;
  outline: none;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
.character--hyperlink--normal:link, .character--hyperlink--normal:visited, .character--hyperlink--normal:focus, .character--hyperlink--normal:active {
  text-decoration: none;
  outline: none;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
.character--hyperlink--normal:hover {
  text-decoration: none;
  outline: none;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  opacity: 1;
  color: var(--color_state_hover);
}
.character--hyperlink--normal::before:hover {
  text-decoration: none;
  outline: none;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  opacity: 1;
  color: var(--color_state_hover);
}
.character--hyperlink--normal {
  color: var(--color_state_link);
}
.character--hyperlink--normal.active {
  color: var(--color_state_active);
}
.character--hyperlink--normal.active::before {
  color: var(--color_state_active);
}

.character--hyperlink--line {
  text-decoration: none;
  outline: none;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
.character--hyperlink--line:link, .character--hyperlink--line:visited, .character--hyperlink--line:focus, .character--hyperlink--line:active {
  text-decoration: none;
  outline: none;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
.character--hyperlink--line:hover {
  text-decoration: none;
  outline: none;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  opacity: 1;
  color: var(--color_state_hover);
}
.character--hyperlink--line::before:hover {
  text-decoration: none;
  outline: none;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  opacity: 1;
  color: var(--color_state_hover);
}
.character--hyperlink--line {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 0.0625rem;
  text-decoration-color: var(--color_text_primary);
  -webkit-text-decoration-skip-ink: all;
          text-decoration-skip-ink: all;
  text-underline-position: under;
  text-underline-offset: auto;
}

.character--hyperlink--line_alt {
  text-decoration: none;
  outline: none;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
.character--hyperlink--line_alt:link, .character--hyperlink--line_alt:visited, .character--hyperlink--line_alt:focus, .character--hyperlink--line_alt:active {
  text-decoration: none;
  outline: none;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
.character--hyperlink--line_alt:hover {
  text-decoration: none;
  outline: none;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  opacity: 1;
  color: var(--color_state_hover);
}
.character--hyperlink--line_alt::before:hover {
  text-decoration: none;
  outline: none;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  opacity: 1;
  color: var(--color_state_hover);
}
.character--hyperlink--line_alt {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 0.0625rem;
  text-decoration-color: var(--color_text_primary);
  -webkit-text-decoration-skip-ink: all;
          text-decoration-skip-ink: all;
  text-underline-position: under;
  text-underline-offset: auto;
}

a {
  text-decoration: none;
  outline: none;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
a:link, a:visited, a:focus, a:active {
  text-decoration: none;
  outline: none;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}
a:hover {
  text-decoration: none;
  outline: none;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  opacity: 1;
  color: var(--color_state_hover);
}
a::before:hover {
  text-decoration: none;
  outline: none;
  background-color: transparent;
  color: inherit;
  cursor: pointer;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  opacity: 1;
  color: var(--color_state_hover);
}
a {
  color: var(--color_state_link);
}
a.active {
  color: var(--color_state_active);
}
a.active::before {
  color: var(--color_state_active);
}

q {
  color: #666;
  font-style: italic;
  margin: 1rem 0;
  padding: 0 1rem;
  quotes: none;
}
q:before, q:after {
  content: none;
}
q:before {
  content: "“";
  padding-right: 0.25rem;
}
q:after {
  content: "”";
  padding-left: 0.25rem;
}

.paragraph--default {
  margin: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-decoration-color: var(--color_text_primary);
  text-shadow: none;
  text-emphasis: none;
  -webkit-text-emphasis: none;
  text-decoration: none;
  text-indent: 0;
  text-justify: none;
  text-overflow: clip;
  text-transform: none;
  text-decoration: none;
  margin-bottom: 1.25rem;
}
.paragraph--default :empty {
  display: none;
}
.paragraph--default :last-of-type {
  margin-bottom: 0;
}
.paragraph--default {
  overflow-wrap: break-word;
  word-break: break-word;
}

.paragraph--normal {
  margin: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-decoration-color: var(--color_text_primary);
  text-shadow: none;
  text-emphasis: none;
  -webkit-text-emphasis: none;
  text-decoration: none;
  text-indent: 0;
  text-justify: none;
  text-overflow: clip;
  text-transform: none;
  text-decoration: none;
  margin-bottom: 1.25rem;
}
.paragraph--normal :empty {
  display: none;
}
.paragraph--normal :last-of-type {
  margin-bottom: 0;
}
.paragraph--normal {
  overflow-wrap: break-word;
  word-break: break-word;
  font-weight: 456;
  font-variation-settings: "wght" 456, "wdth" 400;
  font-size: 1rem;
  line-height: 1.25rem;
  text-decoration-color: var(--color_text_primary);
  text-shadow: none;
  text-emphasis: none;
  -webkit-text-emphasis: none;
  text-decoration: none;
}

.paragraph--left {
  margin: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-decoration-color: var(--color_text_primary);
  text-shadow: none;
  text-emphasis: none;
  -webkit-text-emphasis: none;
  text-decoration: none;
  text-indent: 0;
  text-justify: none;
  text-overflow: clip;
  text-transform: none;
  text-decoration: none;
  margin-bottom: 1.25rem;
}
.paragraph--left :empty {
  display: none;
}
.paragraph--left :last-of-type {
  margin-bottom: 0;
}
.paragraph--left {
  overflow-wrap: break-word;
  word-break: break-word;
  font-weight: 456;
  font-variation-settings: "wght" 456, "wdth" 400;
  font-size: 1rem;
  line-height: 1.25rem;
  text-decoration-color: var(--color_text_primary);
  text-shadow: none;
  text-emphasis: none;
  -webkit-text-emphasis: none;
  text-decoration: none;
  text-align: left !important;
  -moz-text-align-last: left !important;
       text-align-last: left !important;
}

.paragraph--right {
  margin: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-decoration-color: var(--color_text_primary);
  text-shadow: none;
  text-emphasis: none;
  -webkit-text-emphasis: none;
  text-decoration: none;
  text-indent: 0;
  text-justify: none;
  text-overflow: clip;
  text-transform: none;
  text-decoration: none;
  margin-bottom: 1.25rem;
}
.paragraph--right :empty {
  display: none;
}
.paragraph--right :last-of-type {
  margin-bottom: 0;
}
.paragraph--right {
  overflow-wrap: break-word;
  word-break: break-word;
  font-weight: 456;
  font-variation-settings: "wght" 456, "wdth" 400;
  font-size: 1rem;
  line-height: 1.25rem;
  text-decoration-color: var(--color_text_primary);
  text-shadow: none;
  text-emphasis: none;
  -webkit-text-emphasis: none;
  text-decoration: none;
  text-align: right !important;
  -moz-text-align-last: right !important;
       text-align-last: right !important;
}

.paragraph--center {
  margin: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-decoration-color: var(--color_text_primary);
  text-shadow: none;
  text-emphasis: none;
  -webkit-text-emphasis: none;
  text-decoration: none;
  text-indent: 0;
  text-justify: none;
  text-overflow: clip;
  text-transform: none;
  text-decoration: none;
  margin-bottom: 1.25rem;
}
.paragraph--center :empty {
  display: none;
}
.paragraph--center :last-of-type {
  margin-bottom: 0;
}
.paragraph--center {
  overflow-wrap: break-word;
  word-break: break-word;
  font-weight: 456;
  font-variation-settings: "wght" 456, "wdth" 400;
  font-size: 1rem;
  line-height: 1.25rem;
  text-decoration-color: var(--color_text_primary);
  text-shadow: none;
  text-emphasis: none;
  -webkit-text-emphasis: none;
  text-decoration: none;
  text-align: center !important;
  -moz-text-align-last: center !important;
       text-align-last: center !important;
}

.paragraph--justify {
  margin: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-decoration-color: var(--color_text_primary);
  text-shadow: none;
  text-emphasis: none;
  -webkit-text-emphasis: none;
  text-decoration: none;
  text-indent: 0;
  text-justify: none;
  text-overflow: clip;
  text-transform: none;
  text-decoration: none;
  margin-bottom: 1.25rem;
}
.paragraph--justify :empty {
  display: none;
}
.paragraph--justify :last-of-type {
  margin-bottom: 0;
}
.paragraph--justify {
  overflow-wrap: break-word;
  word-break: break-word;
  font-weight: 456;
  font-variation-settings: "wght" 456, "wdth" 400;
  font-size: 1rem;
  line-height: 1.25rem;
  text-decoration-color: var(--color_text_primary);
  text-shadow: none;
  text-emphasis: none;
  -webkit-text-emphasis: none;
  text-decoration: none;
  text-align: justify !important;
  -moz-text-align-last: justify !important;
       text-align-last: justify !important;
  text-justify: inter-word;
}