@font-face { font-family: "Space Mono"; font-style: normal; font-weight: 400; font-display: auto; src: local("Space Mono"), local("SpaceMono-Regular"), url("") format("woff2"), url("") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Space Mono"; font-style: normal; font-weight: 700; font-display: auto; src: local("Space Mono Bold"), local("SpaceMono-Bold"), url("") format("woff2"), url("") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 400; font-display: swap; src: local("Work Sans"), url("WorkSans-Regular.ttf") format("truetype"), url("QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nXBiEJpp_c.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 400; font-display: swap; src: local("Work Sans"), url("WorkSans-Regular.ttf") format("truetype"), url("QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nXBi8Jpg.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("WorkSans-Medium.ttf") format("truetype"), url("QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K3vXBiEJpp_c.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 500; font-display: swap; src: url("WorkSans-Medium.ttf") format("truetype"), url("QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K3vXBi8Jpg.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("WorkSans-SemiBold.ttf") format("truetype"), url("QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K5fQBiEJpp_c.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 600; font-display: swap; src: url("WorkSans-SemiBold.ttf") format("truetype"), url("QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K5fQBi8Jpg.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 700; font-display: swap; src: local("Work Sans Bold"), url("WorkSans-Bold.ttf") format("truetype"), url("QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K67QBiEJpp_c.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Work Sans"; font-style: normal; font-weight: 700; font-display: swap; src: local("Work Sans Bold"), url("WorkSans-Bold.ttf") format("truetype"), url("QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K67QBi8Jpg.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
:root { --blue: #19A3FF; --indigo: #6610f2; --purple: #9A52FF; --pink: #FF198B; --red: #dc3545; --orange: #FF6719; --yellow: #FAFF19; --green: #32E685; --teal: #20c997; --cyan: #17a2b8; --white: #FFFFFF; --gray: #454549; --gray-dark: #232325; --primary: #9A52FF; --secondary: #E0E0E1; --success: #32E685; --info: #19A3FF; --warning: #FAFF19; --danger: #FF198B; --light: #FFFFFF; --dark: #111112; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; --font-family-monospace: "Space Mono", monospace; }
*, ::before, ::after { box-sizing: border-box; }
html { font-family: sans-serif; line-height: 1.15; text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; }
body { margin: 0px; font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: rgb(224, 224, 225); text-align: left; background-color: rgb(17, 17, 18); }
[tabindex="-1"]:focus:not(:focus-visible) { outline: 0px !important; }
hr { box-sizing: content-box; height: 0px; overflow: visible; }
h1, h2, h3, h4, h5, h6 { margin-top: 0px; margin-bottom: 0.5rem; }
p { margin-top: 0px; margin-bottom: 1rem; }
abbr[title], abbr[data-original-title] { text-decoration: underline dotted; cursor: help; border-bottom: 0px; text-decoration-skip-ink: none; }
address { margin-bottom: 1rem; font-style: normal; line-height: inherit; }
ol, ul, dl { margin-top: 0px; margin-bottom: 1rem; }
ol ol, ul ul, ol ul, ul ol { margin-bottom: 0px; }
dt { font-weight: 700; }
dd { margin-bottom: 0.5rem; margin-left: 0px; }
blockquote { margin: 0px 0px 1rem; }
b, strong { font-weight: bolder; }
small { font-size: 80%; }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
a { color: rgb(255, 255, 255); text-decoration: none; background-color: transparent; }
a:hover { color: rgb(154, 82, 255); text-decoration: underline; }
a:not([href]):not([class]) { color: inherit; text-decoration: none; }
a:not([href]):not([class]):hover { color: inherit; text-decoration: none; }
pre, code, kbd, samp { font-family: "Space Mono", monospace; font-size: 1em; }
pre { margin-top: 0px; margin-bottom: 1rem; overflow: auto; }
figure { margin: 0px 0px 1rem; }
img { vertical-align: middle; border-style: none; }
svg { overflow: hidden; vertical-align: middle; }
table { border-collapse: collapse; }
caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: rgb(224, 224, 225); text-align: left; caption-side: bottom; }
th { text-align: -webkit-match-parent; }
label { display: inline-block; margin-bottom: 0.5rem; }
button { border-radius: 0px; }
button:focus:not(:focus-visible) { outline: 0px; }
input, button, select, optgroup, textarea { margin: 0px; font-family: inherit; font-size: inherit; line-height: inherit; }
button, input { overflow: visible; }
button, select { text-transform: none; }
[role="button"] { cursor: pointer; }
select { overflow-wrap: normal; }
button, [type="button"], [type="reset"], [type="submit"] { appearance: button; }
button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; }
input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0px; }
textarea { overflow: auto; resize: vertical; }
fieldset { min-width: 0px; padding: 0px; margin: 0px; border: 0px; }
legend { display: block; width: 100%; max-width: 100%; padding: 0px; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; }
progress { vertical-align: baseline; }
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { outline-offset: -2px; appearance: none; }
[type="search"]::-webkit-search-decoration { appearance: none; }
::-webkit-file-upload-button { font: inherit; appearance: button; }
output { display: inline-block; }
summary { display: list-item; cursor: pointer; }
template { display: none; }
[hidden] { display: none !important; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; color: rgb(255, 255, 255); }
h1, .h1 { font-size: 2.5rem; }
h2, .h2 { font-size: 2rem; }
h3, .h3 { font-size: 1.75rem; }
h4, .h4 { font-size: 1.5rem; }
h5, .h5 { font-size: 1.25rem; }
h6, .h6 { font-size: 1rem; }
.lead { font-size: 1.25rem; font-weight: 300; }
.display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; }
.display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; }
.display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; }
.display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; }
hr { margin-top: 1rem; margin-bottom: 1rem; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgba(0, 0, 0, 0.1); }
small, .small { font-size: 0.875em; font-weight: 400; }
mark, .mark { padding: 0.2em; background-color: rgb(252, 248, 227); }
.list-unstyled { padding-left: 0px; list-style: none; }
.list-inline { padding-left: 0px; list-style: none; }
.list-inline-item { display: inline-block; }
.list-inline-item:not(:last-child) { margin-right: 0.5rem; }
.initialism { font-size: 90%; text-transform: uppercase; }
.blockquote { margin-bottom: 1rem; font-size: 1.25rem; }
.blockquote-footer { display: block; font-size: 0.875em; color: rgb(69, 69, 73); }
.blockquote-footer::before { content: "— "; }
.img-fluid { max-width: 100%; height: auto; }
.img-thumbnail { padding: 0.25rem; background-color: rgb(17, 17, 18); border: 1px solid rgb(193, 193, 194); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 2px; max-width: 100%; height: auto; }
.figure { display: inline-block; }
.figure-img { margin-bottom: 0.5rem; line-height: 1; }
.figure-caption { font-size: 90%; color: rgb(69, 69, 73); }
code { font-size: 87.5%; color: rgb(224, 224, 225); overflow-wrap: break-word; }
a > code { color: inherit; }
kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: rgb(255, 255, 255); background-color: rgb(17, 17, 18); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.25) 0px -0.1rem 0px inset; }
kbd kbd { padding: 0px; font-size: 100%; font-weight: 700; box-shadow: none; }
pre { display: block; font-size: 87.5%; color: rgb(17, 17, 18); }
pre code { font-size: inherit; color: inherit; word-break: normal; }
.pre-scrollable { max-height: 340px; overflow-y: scroll; }
.container, .container-fluid, .container-xl, .container-lg, .container-md, .container-sm { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
@media (min-width: 576px) {
  .container-sm, .container { max-width: 540px; }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container { max-width: 720px; }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container { max-width: 960px; }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px; }
}
.row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; }
.no-gutters { margin-right: 0px; margin-left: 0px; }
.no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0px; padding-left: 0px; }
.col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; }
.col { flex-basis: 0px; flex-grow: 1; max-width: 100%; }
.row-cols-1 > * { flex: 0 0 100%; max-width: 100%; }
.row-cols-2 > * { flex: 0 0 50%; max-width: 50%; }
.row-cols-3 > * { flex: 0 0 33.3333%; max-width: 33.3333%; }
.row-cols-4 > * { flex: 0 0 25%; max-width: 25%; }
.row-cols-5 > * { flex: 0 0 20%; max-width: 20%; }
.row-cols-6 > * { flex: 0 0 16.6667%; max-width: 16.6667%; }
.col-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
.col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
.col-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }
.col-3 { flex: 0 0 25%; max-width: 25%; }
.col-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
.col-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }
.col-6 { flex: 0 0 50%; max-width: 50%; }
.col-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }
.col-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }
.col-9 { flex: 0 0 75%; max-width: 75%; }
.col-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
.col-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
.col-12 { flex: 0 0 100%; max-width: 100%; }
.order-first { order: -1; }
.order-last { order: 13; }
.order-0 { order: 0; }
.order-1 { order: 1; }
.order-2 { order: 2; }
.order-3 { order: 3; }
.order-4 { order: 4; }
.order-5 { order: 5; }
.order-6 { order: 6; }
.order-7 { order: 7; }
.order-8 { order: 8; }
.order-9 { order: 9; }
.order-10 { order: 10; }
.order-11 { order: 11; }
.order-12 { order: 12; }
.offset-1 { margin-left: 8.33333%; }
.offset-2 { margin-left: 16.6667%; }
.offset-3 { margin-left: 25%; }
.offset-4 { margin-left: 33.3333%; }
.offset-5 { margin-left: 41.6667%; }
.offset-6 { margin-left: 50%; }
.offset-7 { margin-left: 58.3333%; }
.offset-8 { margin-left: 66.6667%; }
.offset-9 { margin-left: 75%; }
.offset-10 { margin-left: 83.3333%; }
.offset-11 { margin-left: 91.6667%; }
@media (min-width: 576px) {
  .col-sm { flex-basis: 0px; flex-grow: 1; max-width: 100%; }
  .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; }
  .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; }
  .row-cols-sm-3 > * { flex: 0 0 33.3333%; max-width: 33.3333%; }
  .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; }
  .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; }
  .row-cols-sm-6 > * { flex: 0 0 16.6667%; max-width: 16.6667%; }
  .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-sm-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }
  .col-sm-3 { flex: 0 0 25%; max-width: 25%; }
  .col-sm-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
  .col-sm-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }
  .col-sm-6 { flex: 0 0 50%; max-width: 50%; }
  .col-sm-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }
  .col-sm-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }
  .col-sm-9 { flex: 0 0 75%; max-width: 75%; }
  .col-sm-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
  .col-sm-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
  .col-sm-12 { flex: 0 0 100%; max-width: 100%; }
  .order-sm-first { order: -1; }
  .order-sm-last { order: 13; }
  .order-sm-0 { order: 0; }
  .order-sm-1 { order: 1; }
  .order-sm-2 { order: 2; }
  .order-sm-3 { order: 3; }
  .order-sm-4 { order: 4; }
  .order-sm-5 { order: 5; }
  .order-sm-6 { order: 6; }
  .order-sm-7 { order: 7; }
  .order-sm-8 { order: 8; }
  .order-sm-9 { order: 9; }
  .order-sm-10 { order: 10; }
  .order-sm-11 { order: 11; }
  .order-sm-12 { order: 12; }
  .offset-sm-0 { margin-left: 0px; }
  .offset-sm-1 { margin-left: 8.33333%; }
  .offset-sm-2 { margin-left: 16.6667%; }
  .offset-sm-3 { margin-left: 25%; }
  .offset-sm-4 { margin-left: 33.3333%; }
  .offset-sm-5 { margin-left: 41.6667%; }
  .offset-sm-6 { margin-left: 50%; }
  .offset-sm-7 { margin-left: 58.3333%; }
  .offset-sm-8 { margin-left: 66.6667%; }
  .offset-sm-9 { margin-left: 75%; }
  .offset-sm-10 { margin-left: 83.3333%; }
  .offset-sm-11 { margin-left: 91.6667%; }
}
@media (min-width: 768px) {
  .col-md { flex-basis: 0px; flex-grow: 1; max-width: 100%; }
  .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; }
  .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; }
  .row-cols-md-3 > * { flex: 0 0 33.3333%; max-width: 33.3333%; }
  .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; }
  .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; }
  .row-cols-md-6 > * { flex: 0 0 16.6667%; max-width: 16.6667%; }
  .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-md-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }
  .col-md-3 { flex: 0 0 25%; max-width: 25%; }
  .col-md-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
  .col-md-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }
  .col-md-6 { flex: 0 0 50%; max-width: 50%; }
  .col-md-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }
  .col-md-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }
  .col-md-9 { flex: 0 0 75%; max-width: 75%; }
  .col-md-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
  .col-md-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
  .col-md-12 { flex: 0 0 100%; max-width: 100%; }
  .order-md-first { order: -1; }
  .order-md-last { order: 13; }
  .order-md-0 { order: 0; }
  .order-md-1 { order: 1; }
  .order-md-2 { order: 2; }
  .order-md-3 { order: 3; }
  .order-md-4 { order: 4; }
  .order-md-5 { order: 5; }
  .order-md-6 { order: 6; }
  .order-md-7 { order: 7; }
  .order-md-8 { order: 8; }
  .order-md-9 { order: 9; }
  .order-md-10 { order: 10; }
  .order-md-11 { order: 11; }
  .order-md-12 { order: 12; }
  .offset-md-0 { margin-left: 0px; }
  .offset-md-1 { margin-left: 8.33333%; }
  .offset-md-2 { margin-left: 16.6667%; }
  .offset-md-3 { margin-left: 25%; }
  .offset-md-4 { margin-left: 33.3333%; }
  .offset-md-5 { margin-left: 41.6667%; }
  .offset-md-6 { margin-left: 50%; }
  .offset-md-7 { margin-left: 58.3333%; }
  .offset-md-8 { margin-left: 66.6667%; }
  .offset-md-9 { margin-left: 75%; }
  .offset-md-10 { margin-left: 83.3333%; }
  .offset-md-11 { margin-left: 91.6667%; }
}
@media (min-width: 992px) {
  .col-lg { flex-basis: 0px; flex-grow: 1; max-width: 100%; }
  .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; }
  .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; }
  .row-cols-lg-3 > * { flex: 0 0 33.3333%; max-width: 33.3333%; }
  .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; }
  .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; }
  .row-cols-lg-6 > * { flex: 0 0 16.6667%; max-width: 16.6667%; }
  .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-lg-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }
  .col-lg-3 { flex: 0 0 25%; max-width: 25%; }
  .col-lg-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
  .col-lg-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }
  .col-lg-6 { flex: 0 0 50%; max-width: 50%; }
  .col-lg-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }
  .col-lg-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }
  .col-lg-9 { flex: 0 0 75%; max-width: 75%; }
  .col-lg-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
  .col-lg-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
  .col-lg-12 { flex: 0 0 100%; max-width: 100%; }
  .order-lg-first { order: -1; }
  .order-lg-last { order: 13; }
  .order-lg-0 { order: 0; }
  .order-lg-1 { order: 1; }
  .order-lg-2 { order: 2; }
  .order-lg-3 { order: 3; }
  .order-lg-4 { order: 4; }
  .order-lg-5 { order: 5; }
  .order-lg-6 { order: 6; }
  .order-lg-7 { order: 7; }
  .order-lg-8 { order: 8; }
  .order-lg-9 { order: 9; }
  .order-lg-10 { order: 10; }
  .order-lg-11 { order: 11; }
  .order-lg-12 { order: 12; }
  .offset-lg-0 { margin-left: 0px; }
  .offset-lg-1 { margin-left: 8.33333%; }
  .offset-lg-2 { margin-left: 16.6667%; }
  .offset-lg-3 { margin-left: 25%; }
  .offset-lg-4 { margin-left: 33.3333%; }
  .offset-lg-5 { margin-left: 41.6667%; }
  .offset-lg-6 { margin-left: 50%; }
  .offset-lg-7 { margin-left: 58.3333%; }
  .offset-lg-8 { margin-left: 66.6667%; }
  .offset-lg-9 { margin-left: 75%; }
  .offset-lg-10 { margin-left: 83.3333%; }
  .offset-lg-11 { margin-left: 91.6667%; }
}
@media (min-width: 1200px) {
  .col-xl { flex-basis: 0px; flex-grow: 1; max-width: 100%; }
  .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; }
  .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; }
  .row-cols-xl-3 > * { flex: 0 0 33.3333%; max-width: 33.3333%; }
  .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; }
  .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; }
  .row-cols-xl-6 > * { flex: 0 0 16.6667%; max-width: 16.6667%; }
  .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; }
  .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; }
  .col-xl-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }
  .col-xl-3 { flex: 0 0 25%; max-width: 25%; }
  .col-xl-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
  .col-xl-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }
  .col-xl-6 { flex: 0 0 50%; max-width: 50%; }
  .col-xl-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }
  .col-xl-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }
  .col-xl-9 { flex: 0 0 75%; max-width: 75%; }
  .col-xl-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
  .col-xl-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
  .col-xl-12 { flex: 0 0 100%; max-width: 100%; }
  .order-xl-first { order: -1; }
  .order-xl-last { order: 13; }
  .order-xl-0 { order: 0; }
  .order-xl-1 { order: 1; }
  .order-xl-2 { order: 2; }
  .order-xl-3 { order: 3; }
  .order-xl-4 { order: 4; }
  .order-xl-5 { order: 5; }
  .order-xl-6 { order: 6; }
  .order-xl-7 { order: 7; }
  .order-xl-8 { order: 8; }
  .order-xl-9 { order: 9; }
  .order-xl-10 { order: 10; }
  .order-xl-11 { order: 11; }
  .order-xl-12 { order: 12; }
  .offset-xl-0 { margin-left: 0px; }
  .offset-xl-1 { margin-left: 8.33333%; }
  .offset-xl-2 { margin-left: 16.6667%; }
  .offset-xl-3 { margin-left: 25%; }
  .offset-xl-4 { margin-left: 33.3333%; }
  .offset-xl-5 { margin-left: 41.6667%; }
  .offset-xl-6 { margin-left: 50%; }
  .offset-xl-7 { margin-left: 58.3333%; }
  .offset-xl-8 { margin-left: 66.6667%; }
  .offset-xl-9 { margin-left: 75%; }
  .offset-xl-10 { margin-left: 83.3333%; }
  .offset-xl-11 { margin-left: 91.6667%; }
}
.table { width: 100%; margin-bottom: 1rem; color: rgb(224, 224, 225); }
.table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid rgb(193, 193, 194); }
.table thead th { vertical-align: bottom; border-bottom: 2px solid rgb(193, 193, 194); }
.table tbody + tbody { border-top: 2px solid rgb(193, 193, 194); }
.table-sm th, .table-sm td { padding: 0.3rem; }
.table-bordered { border: 1px solid rgb(193, 193, 194); }
.table-bordered th, .table-bordered td { border: 1px solid rgb(193, 193, 194); }
.table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; }
.table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0px; }
.table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(0, 0, 0, 0.05); }
.table-hover tbody tr:hover { color: rgb(224, 224, 225); background-color: rgba(0, 0, 0, 0.075); }
.table-primary, .table-primary > th, .table-primary > td { background-color: rgb(227, 207, 255); }
.table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: rgb(202, 165, 255); }
.table-hover .table-primary:hover { background-color: rgb(212, 182, 255); }
.table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: rgb(212, 182, 255); }
.table-secondary, .table-secondary > th, .table-secondary > td { background-color: rgb(246, 246, 247); }
.table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: rgb(239, 239, 239); }
.table-hover .table-secondary:hover { background-color: rgb(233, 233, 235); }
.table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: rgb(233, 233, 235); }
.table-success, .table-success > th, .table-success > td { background-color: rgb(198, 248, 221); }
.table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: rgb(148, 242, 192); }
.table-hover .table-success:hover { background-color: rgb(175, 245, 207); }
.table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: rgb(175, 245, 207); }
.table-info, .table-info > th, .table-info > td { background-color: rgb(191, 229, 255); }
.table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: rgb(135, 207, 255); }
.table-hover .table-info:hover { background-color: rgb(166, 219, 255); }
.table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: rgb(166, 219, 255); }
.table-warning, .table-warning > th, .table-warning > td { background-color: rgb(254, 255, 191); }
.table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: rgb(252, 255, 135); }
.table-hover .table-warning:hover { background-color: rgb(254, 255, 166); }
.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: rgb(254, 255, 166); }
.table-danger, .table-danger > th, .table-danger > td { background-color: rgb(255, 191, 223); }
.table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: rgb(255, 135, 195); }
.table-hover .table-danger:hover { background-color: rgb(255, 166, 210); }
.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: rgb(255, 166, 210); }
.table-light, .table-light > th, .table-light > td { background-color: rgb(255, 255, 255); }
.table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: rgb(255, 255, 255); }
.table-hover .table-light:hover { background-color: rgb(242, 242, 242); }
.table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: rgb(242, 242, 242); }
.table-dark, .table-dark > th, .table-dark > td { background-color: rgb(188, 188, 189); }
.table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: rgb(131, 131, 132); }
.table-hover .table-dark:hover { background-color: rgb(175, 175, 176); }
.table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: rgb(175, 175, 176); }
.table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); }
.table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); }
.table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); }
.table .thead-dark th { color: rgb(255, 255, 255); background-color: rgb(35, 35, 37); border-color: rgb(54, 54, 57); }
.table .thead-light th { color: rgb(52, 52, 55); background-color: rgb(224, 224, 225); border-color: rgb(193, 193, 194); }
.table-dark { color: rgb(255, 255, 255); background-color: rgb(35, 35, 37); }
.table-dark th, .table-dark td, .table-dark thead th { border-color: rgb(54, 54, 57); }
.table-dark.table-bordered { border: 0px; }
.table-dark.table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(255, 255, 255, 0.05); }
.table-dark.table-hover tbody tr:hover { color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.075); }
@media (max-width: 575.98px) {
  .table-responsive-sm { display: block; width: 100%; overflow-x: auto; }
  .table-responsive-sm > .table-bordered { border: 0px; }
}
@media (max-width: 767.98px) {
  .table-responsive-md { display: block; width: 100%; overflow-x: auto; }
  .table-responsive-md > .table-bordered { border: 0px; }
}
@media (max-width: 991.98px) {
  .table-responsive-lg { display: block; width: 100%; overflow-x: auto; }
  .table-responsive-lg > .table-bordered { border: 0px; }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl { display: block; width: 100%; overflow-x: auto; }
  .table-responsive-xl > .table-bordered { border: 0px; }
}
.table-responsive { display: block; width: 100%; overflow-x: auto; }
.table-responsive > .table-bordered { border: 0px; }
.form-control { display: block; width: 100%; height: calc(1.25em + 2px + 2rem); padding: 1rem 1.5rem; font-size: 1rem; font-weight: 400; line-height: 1.25; color: rgb(255, 255, 255); background-color: rgb(35, 35, 37); background-clip: padding-box; border: 1px solid transparent; border-radius: 4px; box-shadow: none; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
  .form-control { transition: none; }
}
.form-control:focus { color: rgb(255, 255, 255); background-color: rgb(35, 35, 37); border-color: rgb(228, 210, 255); outline: 0px; box-shadow: rgba(154, 82, 255, 0.25) 0px 0px 0px 0.2rem; }
.form-control::placeholder { color: rgb(162, 162, 164); opacity: 1; }
.form-control:disabled, .form-control[readonly] { background-color: rgb(69, 69, 73); opacity: 1; }
input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { appearance: none; }
.form-control-file, .form-control-range { display: block; width: 100%; }
.col-form-label { padding-top: calc(1px + 1rem); padding-bottom: calc(1px + 1rem); margin-bottom: 0px; font-size: inherit; line-height: 1.25; }
.col-form-label-lg { padding-top: calc(1px + 0.5rem); padding-bottom: calc(1px + 0.5rem); font-size: 1.25rem; line-height: 1.5; }
.col-form-label-sm { padding-top: calc(1px + 0.25rem); padding-bottom: calc(1px + 0.25rem); font-size: 0.875rem; line-height: 1.5; }
.form-control-plaintext { display: block; width: 100%; padding: 1rem 0px; margin-bottom: 0px; font-size: 1rem; line-height: 1.25; color: rgb(224, 224, 225); background-color: transparent; border-style: solid; border-color: transparent; border-image: initial; border-width: 1px 0px; }
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0px; padding-left: 0px; }
.form-control-sm { height: calc(1.5em + 2px + 0.5rem); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 4px; }
.form-control-lg { height: calc(1.5em + 2px + 1rem); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 8px; }
select.form-control[size], select.form-control[multiple] { height: auto; }
textarea.form-control { height: auto; }
.form-group { margin-bottom: 1rem; }
.form-text { display: block; margin-top: 0.25rem; }
.form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; }
.form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; }
.form-check { position: relative; display: block; padding-left: 1.25rem; }
.form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; }
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { color: rgb(224, 224, 225); }
.form-check-label { margin-bottom: 0px; }
.form-check-inline { display: inline-flex; align-items: center; padding-left: 0px; margin-right: 0.75rem; }
.form-check-inline .form-check-input { position: static; margin-top: 0px; margin-right: 0.3125rem; margin-left: 0px; }
.valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: rgb(50, 230, 133); }
.valid-tooltip { position: absolute; top: 100%; left: 0px; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: rgb(17, 17, 18); background-color: rgba(50, 230, 133, 0.9); border-radius: 4px; }
.form-row > .col > .valid-tooltip, .form-row > [class*="col-"] > .valid-tooltip { left: 5px; }
.was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; }
.was-validated .form-control:valid, .form-control.is-valid { border-color: rgb(50, 230, 133); background-image: url(""); background-repeat: no-repeat; background-position: right calc(0.3125em + 0.5rem) center; background-size: calc(0.625em + 1rem) calc(0.625em + 1rem); padding-right: calc(1.25em + 2rem) !important; }
.was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: rgb(50, 230, 133); box-shadow: rgba(50, 230, 133, 0.25) 0px 0px 0px 0.2rem; }
.was-validated select.form-control:valid, select.form-control.is-valid { background-position: right 3rem center; padding-right: 6rem !important; }
.was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.25em + 2rem); background-position: right calc(0.3125em + 0.5rem) top calc(0.3125em + 0.5rem); }
.was-validated .custom-select:valid, .custom-select.is-valid { border-color: rgb(50, 230, 133); background: url("") right 1.5rem center / 8px 10px no-repeat, url("") right 2.5rem center / calc(0.625em + 1rem) calc(0.625em + 1rem) no-repeat rgb(35, 35, 37); padding-right: calc(0.75em + 4rem) !important; }
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: rgb(50, 230, 133); box-shadow: rgba(50, 230, 133, 0.25) 0px 0px 0px 0.2rem; }
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: rgb(50, 230, 133); }
.was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; }
.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: rgb(50, 230, 133); }
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: rgb(50, 230, 133); }
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: rgb(95, 236, 160); background-color: rgb(95, 236, 160); }
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: rgba(50, 230, 133, 0.25) 0px 0px 0px 0.2rem; }
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: rgb(50, 230, 133); }
.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: rgb(50, 230, 133); }
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: rgb(50, 230, 133); box-shadow: rgba(50, 230, 133, 0.25) 0px 0px 0px 0.2rem; }
.invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: rgb(255, 25, 139); }
.invalid-tooltip { position: absolute; top: 100%; left: 0px; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: rgb(255, 255, 255); background-color: rgba(255, 25, 139, 0.9); border-radius: 4px; }
.form-row > .col > .invalid-tooltip, .form-row > [class*="col-"] > .invalid-tooltip { left: 5px; }
.was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; }
.was-validated .form-control:invalid, .form-control.is-invalid { border-color: rgb(255, 25, 139); background-image: url(""); background-repeat: no-repeat; background-position: right calc(0.3125em + 0.5rem) center; background-size: calc(0.625em + 1rem) calc(0.625em + 1rem); padding-right: calc(1.25em + 2rem) !important; }
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: rgb(255, 25, 139); box-shadow: rgba(255, 25, 139, 0.25) 0px 0px 0px 0.2rem; }
.was-validated select.form-control:invalid, select.form-control.is-invalid { background-position: right 3rem center; padding-right: 6rem !important; }
.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.25em + 2rem); background-position: right calc(0.3125em + 0.5rem) top calc(0.3125em + 0.5rem); }
.was-validated .custom-select:invalid, .custom-select.is-invalid { border-color: rgb(255, 25, 139); background: url("") right 1.5rem center / 8px 10px no-repeat, url("") right 2.5rem center / calc(0.625em + 1rem) calc(0.625em + 1rem) no-repeat rgb(35, 35, 37); padding-right: calc(0.75em + 4rem) !important; }
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: rgb(255, 25, 139); box-shadow: rgba(255, 25, 139, 0.25) 0px 0px 0px 0.2rem; }
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: rgb(255, 25, 139); }
.was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; }
.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: rgb(255, 25, 139); }
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: rgb(255, 25, 139); }
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: rgb(255, 76, 165); background-color: rgb(255, 76, 165); }
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: rgba(255, 25, 139, 0.25) 0px 0px 0px 0.2rem; }
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: rgb(255, 25, 139); }
.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: rgb(255, 25, 139); }
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: rgb(255, 25, 139); box-shadow: rgba(255, 25, 139, 0.25) 0px 0px 0px 0.2rem; }
.form-inline { display: flex; flex-flow: wrap; align-items: center; }
.form-inline .form-check { width: 100%; }
@media (min-width: 576px) {
  .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0px; }
  .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: wrap; align-items: center; margin-bottom: 0px; }
  .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; }
  .form-inline .form-control-plaintext { display: inline-block; }
  .form-inline .input-group, .form-inline .custom-select { width: auto; }
  .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0px; }
  .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0px; margin-right: 0.25rem; margin-left: 0px; }
  .form-inline .custom-control { align-items: center; justify-content: center; }
  .form-inline .custom-control-label { margin-bottom: 0px; }
}
.btn { display: inline-block; font-weight: 400; color: rgb(224, 224, 225); text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 1rem 1.5rem; font-size: 0.875rem; line-height: 1.25; border-radius: 4px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
  .btn { transition: none; }
}
.btn:hover { color: rgb(224, 224, 225); text-decoration: none; }
.btn:focus, .btn.focus { outline: 0px; box-shadow: none; }
.btn.disabled, .btn:disabled { opacity: 0.65; box-shadow: none; }
.btn:not(:disabled):not(.disabled) { cursor: pointer; }
.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active { box-shadow: none; }
a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; }
.btn-primary { color: rgb(255, 255, 255); background-color: rgb(154, 82, 255); border-color: rgb(154, 82, 255); box-shadow: none; }
.btn-primary:hover { color: rgb(255, 255, 255); background-color: rgb(132, 44, 255); border-color: rgb(124, 31, 255); }
.btn-primary:focus, .btn-primary.focus { color: rgb(255, 255, 255); background-color: rgb(132, 44, 255); border-color: rgb(124, 31, 255); box-shadow: rgba(169, 108, 255, 0.5) 0px 0px 0px 0.2rem; }
.btn-primary.disabled, .btn-primary:disabled { color: rgb(255, 255, 255); background-color: rgb(154, 82, 255); border-color: rgb(154, 82, 255); }
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(124, 31, 255); border-color: rgb(117, 18, 255); }
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: rgba(169, 108, 255, 0.5) 0px 0px 0px 0.2rem; }
.btn-secondary { color: rgb(17, 17, 18); background-color: rgb(224, 224, 225); border-color: rgb(224, 224, 225); box-shadow: none; }
.btn-secondary:hover { color: rgb(17, 17, 18); background-color: rgb(205, 205, 206); border-color: rgb(198, 198, 200); }
.btn-secondary:focus, .btn-secondary.focus { color: rgb(17, 17, 18); background-color: rgb(205, 205, 206); border-color: rgb(198, 198, 200); box-shadow: rgba(193, 193, 194, 0.5) 0px 0px 0px 0.2rem; }
.btn-secondary.disabled, .btn-secondary:disabled { color: rgb(17, 17, 18); background-color: rgb(224, 224, 225); border-color: rgb(224, 224, 225); }
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: rgb(17, 17, 18); background-color: rgb(198, 198, 200); border-color: rgb(192, 192, 194); }
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: rgba(193, 193, 194, 0.5) 0px 0px 0px 0.2rem; }
.btn-success { color: rgb(17, 17, 18); background-color: rgb(50, 230, 133); border-color: rgb(50, 230, 133); box-shadow: none; }
.btn-success:hover { color: rgb(255, 255, 255); background-color: rgb(26, 215, 114); border-color: rgb(25, 204, 108); }
.btn-success:focus, .btn-success.focus { color: rgb(255, 255, 255); background-color: rgb(26, 215, 114); border-color: rgb(25, 204, 108); box-shadow: rgba(45, 198, 116, 0.5) 0px 0px 0px 0.2rem; }
.btn-success.disabled, .btn-success:disabled { color: rgb(17, 17, 18); background-color: rgb(50, 230, 133); border-color: rgb(50, 230, 133); }
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(25, 204, 108); border-color: rgb(24, 193, 102); }
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: rgba(45, 198, 116, 0.5) 0px 0px 0px 0.2rem; }
.btn-info { color: rgb(255, 255, 255); background-color: rgb(25, 163, 255); border-color: rgb(25, 163, 255); box-shadow: none; }
.btn-info:hover { color: rgb(255, 255, 255); background-color: rgb(0, 145, 242); border-color: rgb(0, 137, 229); }
.btn-info:focus, .btn-info.focus { color: rgb(255, 255, 255); background-color: rgb(0, 145, 242); border-color: rgb(0, 137, 229); box-shadow: rgba(60, 177, 255, 0.5) 0px 0px 0px 0.2rem; }
.btn-info.disabled, .btn-info:disabled { color: rgb(255, 255, 255); background-color: rgb(25, 163, 255); border-color: rgb(25, 163, 255); }
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(0, 137, 229); border-color: rgb(0, 130, 216); }
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: rgba(60, 177, 255, 0.5) 0px 0px 0px 0.2rem; }
.btn-warning { color: rgb(17, 17, 18); background-color: rgb(250, 255, 25); border-color: rgb(250, 255, 25); box-shadow: none; }
.btn-warning:hover { color: rgb(17, 17, 18); background-color: rgb(236, 242, 0); border-color: rgb(224, 229, 0); }
.btn-warning:focus, .btn-warning.focus { color: rgb(17, 17, 18); background-color: rgb(236, 242, 0); border-color: rgb(224, 229, 0); box-shadow: rgba(215, 219, 24, 0.5) 0px 0px 0px 0.2rem; }
.btn-warning.disabled, .btn-warning:disabled { color: rgb(17, 17, 18); background-color: rgb(250, 255, 25); border-color: rgb(250, 255, 25); }
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: rgb(17, 17, 18); background-color: rgb(224, 229, 0); border-color: rgb(212, 216, 0); }
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: rgba(215, 219, 24, 0.5) 0px 0px 0px 0.2rem; }
.btn-danger { color: rgb(255, 255, 255); background-color: rgb(255, 25, 139); border-color: rgb(255, 25, 139); box-shadow: none; }
.btn-danger:hover { color: rgb(255, 255, 255); background-color: rgb(242, 0, 120); border-color: rgb(229, 0, 114); }
.btn-danger:focus, .btn-danger.focus { color: rgb(255, 255, 255); background-color: rgb(242, 0, 120); border-color: rgb(229, 0, 114); box-shadow: rgba(255, 60, 156, 0.5) 0px 0px 0px 0.2rem; }
.btn-danger.disabled, .btn-danger:disabled { color: rgb(255, 255, 255); background-color: rgb(255, 25, 139); border-color: rgb(255, 25, 139); }
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(229, 0, 114); border-color: rgb(216, 0, 107); }
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: rgba(255, 60, 156, 0.5) 0px 0px 0px 0.2rem; }
.btn-light { color: rgb(17, 17, 18); background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); box-shadow: none; }
.btn-light:hover { color: rgb(17, 17, 18); background-color: rgb(236, 236, 236); border-color: rgb(230, 230, 230); }
.btn-light:focus, .btn-light.focus { color: rgb(17, 17, 18); background-color: rgb(236, 236, 236); border-color: rgb(230, 230, 230); box-shadow: rgba(219, 219, 219, 0.5) 0px 0px 0px 0.2rem; }
.btn-light.disabled, .btn-light:disabled { color: rgb(17, 17, 18); background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); }
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: rgb(17, 17, 18); background-color: rgb(230, 230, 230); border-color: rgb(223, 223, 223); }
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: rgba(219, 219, 219, 0.5) 0px 0px 0px 0.2rem; }
.btn-dark { color: rgb(255, 255, 255); background-color: rgb(17, 17, 18); border-color: rgb(17, 17, 18); box-shadow: none; }
.btn-dark:hover { color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); border-color: rgb(0, 0, 0); }
.btn-dark:focus, .btn-dark.focus { color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); border-color: rgb(0, 0, 0); box-shadow: rgba(53, 53, 54, 0.5) 0px 0px 0px 0.2rem; }
.btn-dark.disabled, .btn-dark:disabled { color: rgb(255, 255, 255); background-color: rgb(17, 17, 18); border-color: rgb(17, 17, 18); }
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); border-color: rgb(0, 0, 0); }
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: rgba(53, 53, 54, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-primary { color: rgb(154, 82, 255); border-color: rgb(154, 82, 255); }
.btn-outline-primary:hover { color: rgb(255, 255, 255); background-color: rgb(154, 82, 255); border-color: rgb(154, 82, 255); }
.btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: rgba(154, 82, 255, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-primary.disabled, .btn-outline-primary:disabled { color: rgb(154, 82, 255); background-color: transparent; }
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(154, 82, 255); border-color: rgb(154, 82, 255); }
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: rgba(154, 82, 255, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-secondary { color: rgb(224, 224, 225); border-color: rgb(224, 224, 225); }
.btn-outline-secondary:hover { color: rgb(17, 17, 18); background-color: rgb(224, 224, 225); border-color: rgb(224, 224, 225); }
.btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: rgba(224, 224, 225, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: rgb(224, 224, 225); background-color: transparent; }
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: rgb(17, 17, 18); background-color: rgb(224, 224, 225); border-color: rgb(224, 224, 225); }
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: rgba(224, 224, 225, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-success { color: rgb(50, 230, 133); border-color: rgb(50, 230, 133); }
.btn-outline-success:hover { color: rgb(17, 17, 18); background-color: rgb(50, 230, 133); border-color: rgb(50, 230, 133); }
.btn-outline-success:focus, .btn-outline-success.focus { box-shadow: rgba(50, 230, 133, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-success.disabled, .btn-outline-success:disabled { color: rgb(50, 230, 133); background-color: transparent; }
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: rgb(17, 17, 18); background-color: rgb(50, 230, 133); border-color: rgb(50, 230, 133); }
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: rgba(50, 230, 133, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-info { color: rgb(25, 163, 255); border-color: rgb(25, 163, 255); }
.btn-outline-info:hover { color: rgb(255, 255, 255); background-color: rgb(25, 163, 255); border-color: rgb(25, 163, 255); }
.btn-outline-info:focus, .btn-outline-info.focus { box-shadow: rgba(25, 163, 255, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-info.disabled, .btn-outline-info:disabled { color: rgb(25, 163, 255); background-color: transparent; }
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(25, 163, 255); border-color: rgb(25, 163, 255); }
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: rgba(25, 163, 255, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-warning { color: rgb(250, 255, 25); border-color: rgb(250, 255, 25); }
.btn-outline-warning:hover { color: rgb(17, 17, 18); background-color: rgb(250, 255, 25); border-color: rgb(250, 255, 25); }
.btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: rgba(250, 255, 25, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-warning.disabled, .btn-outline-warning:disabled { color: rgb(250, 255, 25); background-color: transparent; }
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: rgb(17, 17, 18); background-color: rgb(250, 255, 25); border-color: rgb(250, 255, 25); }
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: rgba(250, 255, 25, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-danger { color: rgb(255, 25, 139); border-color: rgb(255, 25, 139); }
.btn-outline-danger:hover { color: rgb(255, 255, 255); background-color: rgb(255, 25, 139); border-color: rgb(255, 25, 139); }
.btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: rgba(255, 25, 139, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-danger.disabled, .btn-outline-danger:disabled { color: rgb(255, 25, 139); background-color: transparent; }
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(255, 25, 139); border-color: rgb(255, 25, 139); }
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: rgba(255, 25, 139, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-light { color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); }
.btn-outline-light:hover { color: rgb(17, 17, 18); background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); }
.btn-outline-light:focus, .btn-outline-light.focus { box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-light.disabled, .btn-outline-light:disabled { color: rgb(255, 255, 255); background-color: transparent; }
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: rgb(17, 17, 18); background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); }
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-dark { color: rgb(17, 17, 18); border-color: rgb(17, 17, 18); }
.btn-outline-dark:hover { color: rgb(255, 255, 255); background-color: rgb(17, 17, 18); border-color: rgb(17, 17, 18); }
.btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: rgba(17, 17, 18, 0.5) 0px 0px 0px 0.2rem; }
.btn-outline-dark.disabled, .btn-outline-dark:disabled { color: rgb(17, 17, 18); background-color: transparent; }
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: rgb(255, 255, 255); background-color: rgb(17, 17, 18); border-color: rgb(17, 17, 18); }
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: rgba(17, 17, 18, 0.5) 0px 0px 0px 0.2rem; }
.btn-link { font-weight: 400; color: rgb(255, 255, 255); text-decoration: none; }
.btn-link:hover { color: rgb(154, 82, 255); text-decoration: underline; }
.btn-link:focus, .btn-link.focus { text-decoration: underline; }
.btn-link:disabled, .btn-link.disabled { color: rgb(69, 69, 73); pointer-events: none; }
.btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 8px; }
.btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 4px; }
.btn-block { display: block; width: 100%; }
.btn-block + .btn-block { margin-top: 0.5rem; }
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; }
.fade { transition: opacity 0.15s linear; }
@media (prefers-reduced-motion: reduce) {
  .fade { transition: none; }
}
.fade:not(.show) { opacity: 0; }
.collapse:not(.show) { display: none; }
.collapsing { position: relative; height: 0px; overflow: hidden; transition: height 0.35s; }
@media (prefers-reduced-motion: reduce) {
  .collapsing { transition: none; }
}
.collapsing.width { width: 0px; height: auto; transition: width 0.35s; }
@media (prefers-reduced-motion: reduce) {
  .collapsing.width { transition: none; }
}
.dropup, .dropright, .dropdown, .dropleft { position: relative; }
.dropdown-toggle { white-space: nowrap; }
.dropdown-toggle::after { display: inline-block; margin-left: 0.34em; vertical-align: 0.34em; content: ""; border-width: 0.4em 0.4em 0px; border-top-style: solid; border-top-color: initial; border-right-style: solid; border-right-color: transparent; border-bottom-style: initial; border-bottom-color: initial; border-left-style: solid; border-left-color: transparent; }
.dropdown-toggle:empty::after { margin-left: 0px; }
.dropdown-menu { position: absolute; top: 100%; left: 0px; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0px; margin: 0.125rem 0px 0px; font-size: 1rem; color: rgb(224, 224, 225); text-align: left; list-style: none; background-color: rgb(17, 17, 18); background-clip: padding-box; border: 1px solid rgb(17, 17, 18); border-radius: 4px; box-shadow: rgb(0, 0, 0) 0px 5px 40px; }
.dropdown-menu-left { right: auto; left: 0px; }
.dropdown-menu-right { right: 0px; left: auto; }
@media (min-width: 576px) {
  .dropdown-menu-sm-left { right: auto; left: 0px; }
  .dropdown-menu-sm-right { right: 0px; left: auto; }
}
@media (min-width: 768px) {
  .dropdown-menu-md-left { right: auto; left: 0px; }
  .dropdown-menu-md-right { right: 0px; left: auto; }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-left { right: auto; left: 0px; }
  .dropdown-menu-lg-right { right: 0px; left: auto; }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-left { right: auto; left: 0px; }
  .dropdown-menu-xl-right { right: 0px; left: auto; }
}
.dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0px; margin-bottom: 0.125rem; }
.dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.34em; vertical-align: 0.34em; content: ""; border-width: 0px 0.4em 0.4em; border-top-style: initial; border-top-color: initial; border-right-style: solid; border-right-color: transparent; border-bottom-style: solid; border-bottom-color: initial; border-left-style: solid; border-left-color: transparent; }
.dropup .dropdown-toggle:empty::after { margin-left: 0px; }
.dropright .dropdown-menu { top: 0px; right: auto; left: 100%; margin-top: 0px; margin-left: 0.125rem; }
.dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.34em; vertical-align: 0.34em; content: ""; border-width: 0.4em 0px 0.4em 0.4em; border-top-style: solid; border-top-color: transparent; border-right-style: initial; border-right-color: initial; border-bottom-style: solid; border-bottom-color: transparent; border-left-style: solid; border-left-color: initial; }
.dropright .dropdown-toggle:empty::after { margin-left: 0px; }
.dropright .dropdown-toggle::after { vertical-align: 0px; }
.dropleft .dropdown-menu { top: 0px; right: 100%; left: auto; margin-top: 0px; margin-right: 0.125rem; }
.dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.34em; vertical-align: 0.34em; content: ""; }
.dropleft .dropdown-toggle::after { display: none; }
.dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.34em; vertical-align: 0.34em; content: ""; border-top: 0.4em solid transparent; border-right: 0.4em solid; border-bottom: 0.4em solid transparent; }
.dropleft .dropdown-toggle:empty::after { margin-left: 0px; }
.dropleft .dropdown-toggle::before { vertical-align: 0px; }
.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; }
.dropdown-divider { height: 0px; margin: 0.5rem 0px; overflow: hidden; border-top: 1px solid rgb(0, 0, 0); }
.dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: rgb(255, 255, 255); text-align: inherit; white-space: nowrap; background-color: transparent; border: 0px; }
.dropdown-item:hover, .dropdown-item:focus { color: rgb(154, 82, 255); text-decoration: none; background-color: rgb(17, 17, 18); }
.dropdown-item.active, .dropdown-item:active { color: rgb(255, 255, 255); text-decoration: none; background-color: transparent; }
.dropdown-item.disabled, .dropdown-item:disabled { color: rgb(131, 131, 134); pointer-events: none; background-color: transparent; }
.dropdown-menu.show { display: block; }
.dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0px; font-size: 0.875rem; color: rgb(69, 69, 73); white-space: nowrap; }
.dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: rgb(255, 255, 255); }
.btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; }
.btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; }
.btn-group > .btn:hover, .btn-group-vertical > .btn:hover { z-index: 1; }
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; }
.btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; }
.btn-toolbar .input-group { width: auto; }
.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) { margin-left: -1px; }
.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.dropdown-toggle-split { padding-right: 1.125rem; padding-left: 1.125rem; }
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0px; }
.dropleft .dropdown-toggle-split::before { margin-right: 0px; }
.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; }
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; }
.btn-group.show .dropdown-toggle { box-shadow: none; }
.btn-group.show .dropdown-toggle.btn-link { box-shadow: none; }
.btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; }
.btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; }
.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: -1px; }
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0px; border-top-right-radius: 0px; }
.btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0px; }
.btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0px, 0px, 0px, 0px); pointer-events: none; }
.input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; }
.input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; min-width: 0px; margin-bottom: 0px; }
.input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; }
.input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; }
.input-group > .custom-file .custom-file-input:focus { z-index: 4; }
.input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.input-group > .custom-file { display: flex; align-items: center; }
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.input-group:not(.has-validation) > .form-control:not(:last-child), .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label, .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.input-group.has-validation > .form-control:nth-last-child(n+3), .input-group.has-validation > .custom-select:nth-last-child(n+3), .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label, .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.input-group-prepend, .input-group-append { display: flex; }
.input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; }
.input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; }
.input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; }
.input-group-prepend { margin-right: -1px; }
.input-group-append { margin-left: -1px; }
.input-group-text { display: flex; align-items: center; padding: 1rem 1.5rem; margin-bottom: 0px; font-size: 1rem; font-weight: 400; line-height: 1.25; color: rgb(255, 255, 255); text-align: center; white-space: nowrap; background-color: rgb(69, 69, 73); border: 1px solid transparent; border-radius: 4px; }
.input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0px; }
.input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 2px + 1rem); }
.input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 8px; }
.input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 2px + 0.5rem); }
.input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 4px; }
.input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 2.5rem; }
.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text, .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn, .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.custom-control { position: relative; z-index: 1; display: block; min-height: 1.5rem; padding-left: 1.5rem; print-color-adjust: exact; }
.custom-control-inline { display: inline-flex; margin-right: 1rem; }
.custom-control-input { position: absolute; left: 0px; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0; }
.custom-control-input:checked ~ .custom-control-label::before { color: rgb(255, 255, 255); border-color: rgb(154, 82, 255); background-color: rgb(154, 82, 255); }
.custom-control-input:focus ~ .custom-control-label::before { }
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: rgb(228, 210, 255); }
.custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: rgb(255, 255, 255); background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); }
.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { color: rgb(69, 69, 73); }
.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { background-color: rgb(69, 69, 73); }
.custom-control-label { position: relative; margin-bottom: 0px; vertical-align: top; }
.custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: rgb(35, 35, 37); border: 1px solid rgb(131, 131, 134); box-shadow: none; }
.custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: 50% center / 50% 50% no-repeat; }
.custom-checkbox .custom-control-label::before { border-radius: 4px; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url(""); }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: rgb(154, 82, 255); background-color: rgb(154, 82, 255); }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url(""); }
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(154, 82, 255, 0.5); }
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(154, 82, 255, 0.5); }
.custom-radio .custom-control-label::before { border-radius: 50%; }
.custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url(""); }
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(154, 82, 255, 0.5); }
.custom-switch { padding-left: 2.25rem; }
.custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; }
.custom-switch .custom-control-label::after { top: calc(2px + 0.25rem); left: calc(2px - 2.25rem); width: calc(-4px + 1rem); height: calc(-4px + 1rem); background-color: rgb(131, 131, 134); border-radius: 0.5rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after { transition: none; }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: rgb(35, 35, 37); transform: translateX(0.75rem); }
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(154, 82, 255, 0.5); }
.custom-select { display: inline-block; width: 100%; height: calc(1.25em + 2px + 2rem); padding: 1rem 2.5rem 1rem 1.5rem; font-size: 1rem; font-weight: 400; line-height: 1.25; color: rgb(255, 255, 255); vertical-align: middle; background: url("") right 1.5rem center / 8px 10px no-repeat rgb(35, 35, 37); border: 1px solid transparent; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 2px inset; appearance: none; }
.custom-select:focus { border-color: rgb(228, 210, 255); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 2px inset, rgba(154, 82, 255, 0.25) 0px 0px 0px 0.2rem; }
.custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 1.5rem; background-image: none; }
.custom-select:disabled { color: rgb(69, 69, 73); background-color: rgb(224, 224, 225); }
.custom-select-sm { height: calc(1.5em + 2px + 0.5rem); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; }
.custom-select-lg { height: calc(1.5em + 2px + 1rem); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; }
.custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.25em + 2px + 2rem); margin-bottom: 0px; }
.custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.25em + 2px + 2rem); margin: 0px; overflow: hidden; opacity: 0; }
.custom-file-input:focus ~ .custom-file-label { border-color: rgb(228, 210, 255); box-shadow: rgba(154, 82, 255, 0.25) 0px 0px 0px 0.2rem; }
.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { background-color: rgb(69, 69, 73); }
.custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; }
.custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); }
.custom-file-label { position: absolute; top: 0px; right: 0px; left: 0px; z-index: 1; height: calc(1.25em + 2px + 2rem); padding: 1rem 1.5rem; overflow: hidden; font-weight: 400; line-height: 1.25; color: rgb(255, 255, 255); background-color: rgb(35, 35, 37); border: 1px solid transparent; border-radius: 4px; box-shadow: none; }
.custom-file-label::after { position: absolute; top: 0px; right: 0px; bottom: 0px; z-index: 3; display: block; height: calc(1.25em + 2rem); padding: 1rem 1.5rem; line-height: 1.25; color: rgb(255, 255, 255); content: "Browse"; background-color: rgb(69, 69, 73); border-left: inherit; border-radius: 0px 4px 4px 0px; }
.custom-range { width: 100%; height: 1.4rem; padding: 0px; background-color: transparent; appearance: none; }
.custom-range:focus { outline: 0px; }
.custom-range:focus::-webkit-slider-thumb { box-shadow: rgb(17, 17, 18) 0px 0px 0px 1px, rgba(154, 82, 255, 0.25) 0px 0px 0px 0.2rem; }
.custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: rgb(154, 82, 255); border: 0px; border-radius: 1rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 0.1rem 0.25rem; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; }
@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb { transition: none; }
}
.custom-range::-webkit-slider-thumb:active { background-color: rgb(255, 255, 255); }
.custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: rgb(193, 193, 194); border-color: transparent; border-radius: 1rem; box-shadow: rgba(0, 0, 0, 0.1) 0px 0.25rem 0.25rem inset; }
@media (prefers-reduced-motion: reduce) {
}
@media (prefers-reduced-motion: reduce) {
}
.custom-range:disabled::-webkit-slider-thumb { background-color: rgb(131, 131, 134); }
.custom-range:disabled::-webkit-slider-runnable-track { cursor: default; }
.custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before, .custom-file-label, .custom-select { transition: none; }
}
.nav { display: flex; flex-wrap: wrap; padding-left: 0px; margin-bottom: 0px; list-style: none; }
.nav-link { display: block; padding: 1rem 2rem; }
.nav-link:hover, .nav-link:focus { text-decoration: none; }
.nav-link.disabled { color: rgb(69, 69, 73); pointer-events: none; cursor: default; }
.nav-tabs { border-bottom: 1px solid rgb(193, 193, 194); }
.nav-tabs .nav-link { margin-bottom: -1px; background-color: transparent; border: 1px solid transparent; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { isolation: isolate; border-color: rgb(224, 224, 225) rgb(224, 224, 225) rgb(193, 193, 194); }
.nav-tabs .nav-link.disabled { color: rgb(69, 69, 73); background-color: transparent; border-color: transparent; }
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: rgb(52, 52, 55); background-color: rgb(17, 17, 18); border-color: rgb(193, 193, 194) rgb(193, 193, 194) rgb(17, 17, 18); }
.nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0px; border-top-right-radius: 0px; }
.nav-pills .nav-link { background: none; border: 0px; border-radius: 4px; }
.nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: rgb(255, 255, 255); background-color: rgb(154, 82, 255); }
.nav-fill > .nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; }
.nav-justified > .nav-link, .nav-justified .nav-item { flex-basis: 0px; flex-grow: 1; text-align: center; }
.tab-content > .tab-pane { display: none; }
.tab-content > .active { display: block; }
.navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0px 1rem; }
.navbar .container, .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.navbar-brand { display: inline-block; padding-top: 1.25rem; padding-bottom: 1.25rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; }
.navbar-brand:hover, .navbar-brand:focus { text-decoration: none; }
.navbar-nav { display: flex; flex-direction: column; padding-left: 0px; margin-bottom: 0px; list-style: none; }
.navbar-nav .nav-link { padding-right: 0px; padding-left: 0px; }
.navbar-nav .dropdown-menu { position: static; float: none; }
.navbar-text { display: inline-block; padding-top: 1rem; padding-bottom: 1rem; }
.navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; }
.navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 4px; }
.navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; }
.navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: 50% center / 100% 100% no-repeat; }
.navbar-nav-scroll { max-height: 75vh; overflow-y: auto; }
@media (max-width: 575.98px) {
  .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { padding-right: 0px; padding-left: 0px; }
}
@media (min-width: 576px) {
  .navbar-expand-sm { flex-flow: row; justify-content: flex-start; }
  .navbar-expand-sm .navbar-nav { flex-direction: row; }
  .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; }
  .navbar-expand-sm .navbar-nav .nav-link { padding-right: 2rem; padding-left: 2rem; }
  .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid, .navbar-expand-sm > .container-sm, .navbar-expand-sm > .container-md, .navbar-expand-sm > .container-lg, .navbar-expand-sm > .container-xl { flex-wrap: nowrap; }
  .navbar-expand-sm .navbar-nav-scroll { overflow: visible; }
  .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; }
  .navbar-expand-sm .navbar-toggler { display: none; }
}
@media (max-width: 767.98px) {
  .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { padding-right: 0px; padding-left: 0px; }
}
@media (min-width: 768px) {
  .navbar-expand-md { flex-flow: row; justify-content: flex-start; }
  .navbar-expand-md .navbar-nav { flex-direction: row; }
  .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; }
  .navbar-expand-md .navbar-nav .nav-link { padding-right: 2rem; padding-left: 2rem; }
  .navbar-expand-md > .container, .navbar-expand-md > .container-fluid, .navbar-expand-md > .container-sm, .navbar-expand-md > .container-md, .navbar-expand-md > .container-lg, .navbar-expand-md > .container-xl { flex-wrap: nowrap; }
  .navbar-expand-md .navbar-nav-scroll { overflow: visible; }
  .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; }
  .navbar-expand-md .navbar-toggler { display: none; }
}
@media (max-width: 991.98px) {
  .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { padding-right: 0px; padding-left: 0px; }
}
@media (min-width: 992px) {
  .navbar-expand-lg { flex-flow: row; justify-content: flex-start; }
  .navbar-expand-lg .navbar-nav { flex-direction: row; }
  .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; }
  .navbar-expand-lg .navbar-nav .nav-link { padding-right: 2rem; padding-left: 2rem; }
  .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid, .navbar-expand-lg > .container-sm, .navbar-expand-lg > .container-md, .navbar-expand-lg > .container-lg, .navbar-expand-lg > .container-xl { flex-wrap: nowrap; }
  .navbar-expand-lg .navbar-nav-scroll { overflow: visible; }
  .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; }
  .navbar-expand-lg .navbar-toggler { display: none; }
}
@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { padding-right: 0px; padding-left: 0px; }
}
@media (min-width: 1200px) {
  .navbar-expand-xl { flex-flow: row; justify-content: flex-start; }
  .navbar-expand-xl .navbar-nav { flex-direction: row; }
  .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; }
  .navbar-expand-xl .navbar-nav .nav-link { padding-right: 2rem; padding-left: 2rem; }
  .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid, .navbar-expand-xl > .container-sm, .navbar-expand-xl > .container-md, .navbar-expand-xl > .container-lg, .navbar-expand-xl > .container-xl { flex-wrap: nowrap; }
  .navbar-expand-xl .navbar-nav-scroll { overflow: visible; }
  .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; }
  .navbar-expand-xl .navbar-toggler { display: none; }
}
.navbar-expand { flex-flow: row; justify-content: flex-start; }
.navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { padding-right: 0px; padding-left: 0px; }
.navbar-expand .navbar-nav { flex-direction: row; }
.navbar-expand .navbar-nav .dropdown-menu { position: absolute; }
.navbar-expand .navbar-nav .nav-link { padding-right: 2rem; padding-left: 2rem; }
.navbar-expand > .container, .navbar-expand > .container-fluid, .navbar-expand > .container-sm, .navbar-expand > .container-md, .navbar-expand > .container-lg, .navbar-expand > .container-xl { flex-wrap: nowrap; }
.navbar-expand .navbar-nav-scroll { overflow: visible; }
.navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; }
.navbar-expand .navbar-toggler { display: none; }
.navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-nav .nav-link { color: rgb(69, 69, 73); }
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); }
.navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); }
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-toggler { color: rgb(69, 69, 73); border-color: rgba(0, 0, 0, 0.1); }
.navbar-light .navbar-toggler-icon { background-image: url(""); }
.navbar-light .navbar-text { color: rgb(69, 69, 73); }
.navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); }
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); }
.navbar-dark .navbar-brand { color: rgb(255, 255, 255); }
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: rgb(255, 255, 255); }
.navbar-dark .navbar-nav .nav-link { color: rgb(255, 255, 255); }
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgb(154, 82, 255); }
.navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); }
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: rgb(255, 255, 255); }
.navbar-dark .navbar-toggler { color: rgb(255, 255, 255); border-color: rgba(255, 255, 255, 0.1); }
.navbar-dark .navbar-toggler-icon { background-image: url(""); }
.navbar-dark .navbar-text { color: rgb(255, 255, 255); }
.navbar-dark .navbar-text a { color: rgb(255, 255, 255); }
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: rgb(255, 255, 255); }
.card { position: relative; display: flex; flex-direction: column; min-width: 0px; overflow-wrap: break-word; background-color: rgb(35, 35, 37); background-clip: border-box; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 8px; }
.card > hr { margin-right: 0px; margin-left: 0px; }
.card > .list-group { border-top: inherit; border-bottom: inherit; }
.card > .list-group:first-child { border-top-width: 0px; border-top-left-radius: 7px; border-top-right-radius: 7px; }
.card > .list-group:last-child { border-bottom-width: 0px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; }
.card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0px; }
.card-body { flex: 1 1 auto; min-height: 1px; padding: 2rem; }
.card-title { margin-bottom: 2rem; }
.card-subtitle { margin-top: -1rem; margin-bottom: 0px; }
.card-text:last-child { margin-bottom: 0px; }
.card-link:hover { text-decoration: none; }
.card-link + .card-link { margin-left: 2rem; }
.card-header { padding: 2rem; margin-bottom: 0px; background-color: rgba(0, 0, 0, 0.03); border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
.card-header:first-child { border-radius: 7px 7px 0px 0px; }
.card-footer { padding: 2rem; background-color: rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.125); }
.card-footer:last-child { border-radius: 0px 0px 7px 7px; }
.card-header-tabs { margin-right: -1rem; margin-bottom: -2rem; margin-left: -1rem; border-bottom: 0px; }
.card-header-pills { margin-right: -1rem; margin-left: -1rem; }
.card-img-overlay { position: absolute; inset: 0px; padding: 1.25rem; border-radius: 7px; }
.card-img, .card-img-top, .card-img-bottom { flex-shrink: 0; width: 100%; }
.card-img, .card-img-top { border-top-left-radius: 7px; border-top-right-radius: 7px; }
.card-img, .card-img-bottom { border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; }
.card-deck .card { margin-bottom: 1.25rem; }
@media (min-width: 576px) {
  .card-deck { display: flex; flex-flow: wrap; margin-right: -1.25rem; margin-left: -1.25rem; }
  .card-deck .card { flex: 1 0 0%; margin-right: 1.25rem; margin-bottom: 0px; margin-left: 1.25rem; }
}
.card-group > .card { margin-bottom: 15px; }
@media (min-width: 576px) {
  .card-group { display: flex; flex-flow: wrap; }
  .card-group > .card { flex: 1 0 0%; margin-bottom: 0px; }
  .card-group > .card + .card { margin-left: 0px; border-left: 0px; }
  .card-group > .card:not(:last-child) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
  .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0px; }
  .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0px; }
  .card-group > .card:not(:first-child) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
  .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0px; }
  .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0px; }
}
.card-columns .card { margin-bottom: 2rem; }
@media (min-width: 576px) {
  .card-columns { column-count: 3; column-gap: 2rem; orphans: 1; widows: 1; }
  .card-columns .card { display: inline-block; width: 100%; }
}
.accordion { overflow-anchor: none; }
.accordion > .card { overflow: hidden; }
.accordion > .card:not(:last-of-type) { border-bottom: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.accordion > .card:not(:first-of-type) { border-top-left-radius: 0px; border-top-right-radius: 0px; }
.accordion > .card > .card-header { border-radius: 0px; margin-bottom: -1px; }
.breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: rgb(17, 17, 18); border-radius: 4px; }
.breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; }
.breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: 0.5rem; color: rgb(69, 69, 73); content: "/"; }
.breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; }
.breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; }
.breadcrumb-item.active { color: rgb(162, 162, 164); }
.pagination { display: flex; padding-left: 0px; list-style: none; border-radius: 4px; }
.page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: rgb(255, 255, 255); background-color: rgb(255, 255, 255); border: 1px solid rgb(193, 193, 194); }
.page-link:hover { z-index: 2; color: rgb(154, 82, 255); text-decoration: none; background-color: rgb(224, 224, 225); border-color: rgb(193, 193, 194); }
.page-link:focus { z-index: 3; outline: 0px; box-shadow: rgba(154, 82, 255, 0.25) 0px 0px 0px 0.2rem; }
.page-item:first-child .page-link { margin-left: 0px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.page-item:last-child .page-link { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.page-item.active .page-link { z-index: 3; color: rgb(255, 255, 255); background-color: rgb(154, 82, 255); border-color: rgb(154, 82, 255); }
.page-item.disabled .page-link { color: rgb(69, 69, 73); pointer-events: none; cursor: auto; background-color: rgb(255, 255, 255); border-color: rgb(193, 193, 194); }
.pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; }
.pagination-lg .page-item:first-child .page-link { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.pagination-lg .page-item:last-child .page-link { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; }
.pagination-sm .page-item:first-child .page-link { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.pagination-sm .page-item:last-child .page-link { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 4px; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
  .badge { transition: none; }
}
a.badge:hover, a.badge:focus { text-decoration: none; }
.badge:empty { display: none; }
.btn .badge { position: relative; top: -1px; }
.badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; }
.badge-primary { color: rgb(255, 255, 255); background-color: rgb(154, 82, 255); }
a.badge-primary:hover, a.badge-primary:focus { color: rgb(255, 255, 255); background-color: rgb(124, 31, 255); }
a.badge-primary:focus, a.badge-primary.focus { outline: 0px; box-shadow: rgba(154, 82, 255, 0.5) 0px 0px 0px 0.2rem; }
.badge-secondary { color: rgb(17, 17, 18); background-color: rgb(224, 224, 225); }
a.badge-secondary:hover, a.badge-secondary:focus { color: rgb(17, 17, 18); background-color: rgb(198, 198, 200); }
a.badge-secondary:focus, a.badge-secondary.focus { outline: 0px; box-shadow: rgba(224, 224, 225, 0.5) 0px 0px 0px 0.2rem; }
.badge-success { color: rgb(17, 17, 18); background-color: rgb(50, 230, 133); }
a.badge-success:hover, a.badge-success:focus { color: rgb(17, 17, 18); background-color: rgb(25, 204, 108); }
a.badge-success:focus, a.badge-success.focus { outline: 0px; box-shadow: rgba(50, 230, 133, 0.5) 0px 0px 0px 0.2rem; }
.badge-info { color: rgb(255, 255, 255); background-color: rgb(25, 163, 255); }
a.badge-info:hover, a.badge-info:focus { color: rgb(255, 255, 255); background-color: rgb(0, 137, 229); }
a.badge-info:focus, a.badge-info.focus { outline: 0px; box-shadow: rgba(25, 163, 255, 0.5) 0px 0px 0px 0.2rem; }
.badge-warning { color: rgb(17, 17, 18); background-color: rgb(250, 255, 25); }
a.badge-warning:hover, a.badge-warning:focus { color: rgb(17, 17, 18); background-color: rgb(224, 229, 0); }
a.badge-warning:focus, a.badge-warning.focus { outline: 0px; box-shadow: rgba(250, 255, 25, 0.5) 0px 0px 0px 0.2rem; }
.badge-danger { color: rgb(255, 255, 255); background-color: rgb(255, 25, 139); }
a.badge-danger:hover, a.badge-danger:focus { color: rgb(255, 255, 255); background-color: rgb(229, 0, 114); }
a.badge-danger:focus, a.badge-danger.focus { outline: 0px; box-shadow: rgba(255, 25, 139, 0.5) 0px 0px 0px 0.2rem; }
.badge-light { color: rgb(17, 17, 18); background-color: rgb(255, 255, 255); }
a.badge-light:hover, a.badge-light:focus { color: rgb(17, 17, 18); background-color: rgb(230, 230, 230); }
a.badge-light:focus, a.badge-light.focus { outline: 0px; box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 0.2rem; }
.badge-dark { color: rgb(255, 255, 255); background-color: rgb(17, 17, 18); }
a.badge-dark:hover, a.badge-dark:focus { color: rgb(255, 255, 255); background-color: rgb(0, 0, 0); }
a.badge-dark:focus, a.badge-dark.focus { outline: 0px; box-shadow: rgba(17, 17, 18, 0.5) 0px 0px 0px 0.2rem; }
.jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; background-color: rgb(224, 224, 225); border-radius: 8px; }
@media (min-width: 576px) {
  .jumbotron { padding: 4rem 2rem; }
}
.jumbotron-fluid { padding-right: 0px; padding-left: 0px; border-radius: 0px; }
.alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 4px; }
.alert-heading { color: inherit; }
.alert-link { font-weight: 700; }
.alert-dismissible { padding-right: 4rem; }
.alert-dismissible .close { position: absolute; top: 0px; right: 0px; z-index: 2; padding: 0.75rem 1.25rem; color: inherit; }
.alert-primary { color: rgb(80, 43, 133); background-color: rgb(235, 220, 255); border-color: rgb(227, 207, 255); }
.alert-primary hr { border-top-color: rgb(212, 182, 255); }
.alert-primary .alert-link { color: rgb(57, 31, 94); }
.alert-secondary { color: rgb(116, 116, 117); background-color: rgb(249, 249, 249); border-color: rgb(246, 246, 247); }
.alert-secondary hr { border-top-color: rgb(233, 233, 235); }
.alert-secondary .alert-link { color: rgb(91, 91, 91); }
.alert-success { color: rgb(26, 120, 69); background-color: rgb(214, 250, 231); border-color: rgb(198, 248, 221); }
.alert-success hr { border-top-color: rgb(175, 245, 207); }
.alert-success .alert-link { color: rgb(17, 78, 45); }
.alert-info { color: rgb(13, 85, 133); background-color: rgb(209, 237, 255); border-color: rgb(191, 229, 255); }
.alert-info hr { border-top-color: rgb(166, 219, 255); }
.alert-info .alert-link { color: rgb(8, 55, 87); }
.alert-warning { color: rgb(130, 133, 13); background-color: rgb(254, 255, 209); border-color: rgb(254, 255, 191); }
.alert-warning hr { border-top-color: rgb(254, 255, 166); }
.alert-warning .alert-link { color: rgb(85, 87, 8); }
.alert-danger { color: rgb(133, 13, 72); background-color: rgb(255, 209, 232); border-color: rgb(255, 191, 223); }
.alert-danger hr { border-top-color: rgb(255, 166, 210); }
.alert-danger .alert-link { color: rgb(87, 8, 47); }
.alert-light { color: rgb(133, 133, 133); background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); }
.alert-light hr { border-top-color: rgb(242, 242, 242); }
.alert-light .alert-link { color: rgb(108, 108, 108); }
.alert-dark { color: rgb(9, 9, 9); background-color: rgb(207, 207, 208); border-color: rgb(188, 188, 189); }
.alert-dark hr { border-top-color: rgb(175, 175, 176); }
.alert-dark .alert-link { color: rgb(0, 0, 0); }
@keyframes progress-bar-stripes { 
  0% { background-position: 1rem 0px; }
  100% { background-position: 0px 0px; }
}
.progress { display: flex; height: 1rem; overflow: hidden; line-height: 0; font-size: 0.75rem; background-color: rgb(17, 17, 18); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0.1rem 0.1rem inset; }
.progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: rgb(255, 255, 255); text-align: center; white-space: nowrap; background-color: rgb(154, 82, 255); transition: width 0.6s; }
@media (prefers-reduced-motion: reduce) {
  .progress-bar { transition: none; }
}
.progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; }
.progress-bar-animated { animation: 1s linear 0s infinite normal none running progress-bar-stripes; }
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated { animation: auto ease 0s 1 normal none running none; }
}
.media { display: flex; align-items: flex-start; }
.media-body { flex: 1 1 0%; }
.list-group { display: flex; flex-direction: column; padding-left: 0px; margin-bottom: 0px; border-radius: 4px; }
.list-group-item-action { width: 100%; color: rgb(52, 52, 55); text-align: inherit; }
.list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: rgb(52, 52, 55); text-decoration: none; background-color: rgb(245, 245, 247); }
.list-group-item-action:active { color: rgb(224, 224, 225); background-color: rgb(224, 224, 225); }
.list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; background-color: rgb(17, 17, 18); border: 1px solid rgb(35, 35, 37); }
.list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; }
.list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; }
.list-group-item.disabled, .list-group-item:disabled { color: rgb(224, 224, 225); pointer-events: none; background-color: rgb(17, 17, 18); }
.list-group-item.active { z-index: 2; color: rgb(255, 255, 255); background-color: rgb(154, 82, 255); border-color: rgb(154, 82, 255); }
.list-group-item + .list-group-item { border-top-width: 0px; }
.list-group-item + .list-group-item.active { margin-top: -1px; border-top-width: 1px; }
.list-group-horizontal { flex-direction: row; }
.list-group-horizontal > .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0px; }
.list-group-horizontal > .list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0px; }
.list-group-horizontal > .list-group-item.active { margin-top: 0px; }
.list-group-horizontal > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0px; }
.list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; }
@media (min-width: 576px) {
  .list-group-horizontal-sm { flex-direction: row; }
  .list-group-horizontal-sm > .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0px; }
  .list-group-horizontal-sm > .list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0px; }
  .list-group-horizontal-sm > .list-group-item.active { margin-top: 0px; }
  .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0px; }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; }
}
@media (min-width: 768px) {
  .list-group-horizontal-md { flex-direction: row; }
  .list-group-horizontal-md > .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0px; }
  .list-group-horizontal-md > .list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0px; }
  .list-group-horizontal-md > .list-group-item.active { margin-top: 0px; }
  .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0px; }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg { flex-direction: row; }
  .list-group-horizontal-lg > .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0px; }
  .list-group-horizontal-lg > .list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0px; }
  .list-group-horizontal-lg > .list-group-item.active { margin-top: 0px; }
  .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0px; }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl { flex-direction: row; }
  .list-group-horizontal-xl > .list-group-item:first-child { border-bottom-left-radius: 4px; border-top-right-radius: 0px; }
  .list-group-horizontal-xl > .list-group-item:last-child { border-top-right-radius: 4px; border-bottom-left-radius: 0px; }
  .list-group-horizontal-xl > .list-group-item.active { margin-top: 0px; }
  .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: 1px; border-left-width: 0px; }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: -1px; border-left-width: 1px; }
}
.list-group-flush { border-radius: 0px; }
.list-group-flush > .list-group-item { border-width: 0px 0px 1px; }
.list-group-flush > .list-group-item:last-child { border-bottom-width: 0px; }
.list-group-item-primary { color: rgb(80, 43, 133); background-color: rgb(227, 207, 255); }
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: rgb(80, 43, 133); background-color: rgb(212, 182, 255); }
.list-group-item-primary.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(80, 43, 133); border-color: rgb(80, 43, 133); }
.list-group-item-secondary { color: rgb(116, 116, 117); background-color: rgb(246, 246, 247); }
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: rgb(116, 116, 117); background-color: rgb(233, 233, 235); }
.list-group-item-secondary.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(116, 116, 117); border-color: rgb(116, 116, 117); }
.list-group-item-success { color: rgb(26, 120, 69); background-color: rgb(198, 248, 221); }
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: rgb(26, 120, 69); background-color: rgb(175, 245, 207); }
.list-group-item-success.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(26, 120, 69); border-color: rgb(26, 120, 69); }
.list-group-item-info { color: rgb(13, 85, 133); background-color: rgb(191, 229, 255); }
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: rgb(13, 85, 133); background-color: rgb(166, 219, 255); }
.list-group-item-info.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(13, 85, 133); border-color: rgb(13, 85, 133); }
.list-group-item-warning { color: rgb(130, 133, 13); background-color: rgb(254, 255, 191); }
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: rgb(130, 133, 13); background-color: rgb(254, 255, 166); }
.list-group-item-warning.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(130, 133, 13); border-color: rgb(130, 133, 13); }
.list-group-item-danger { color: rgb(133, 13, 72); background-color: rgb(255, 191, 223); }
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: rgb(133, 13, 72); background-color: rgb(255, 166, 210); }
.list-group-item-danger.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(133, 13, 72); border-color: rgb(133, 13, 72); }
.list-group-item-light { color: rgb(133, 133, 133); background-color: rgb(255, 255, 255); }
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: rgb(133, 133, 133); background-color: rgb(242, 242, 242); }
.list-group-item-light.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(133, 133, 133); border-color: rgb(133, 133, 133); }
.list-group-item-dark { color: rgb(9, 9, 9); background-color: rgb(188, 188, 189); }
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: rgb(9, 9, 9); background-color: rgb(175, 175, 176); }
.list-group-item-dark.list-group-item-action.active { color: rgb(255, 255, 255); background-color: rgb(9, 9, 9); border-color: rgb(9, 9, 9); }
.close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: rgb(255, 25, 139); text-shadow: rgb(255, 255, 255) 0px 1px 0px; opacity: 0.5; }
.close:hover { color: rgb(255, 25, 139); text-decoration: none; }
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: 0.75; }
button.close { padding: 0px; background-color: transparent; border: 0px; }
a.close.disabled { pointer-events: none; }
.toast { flex-basis: 350px; max-width: 350px; font-size: 0.875rem; background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: rgba(0, 0, 0, 0.1) 0px 0.25rem 0.75rem; opacity: 0; border-radius: 0.25rem; }
.toast:not(:last-child) { margin-bottom: 0.75rem; }
.toast.showing { opacity: 1; }
.toast.show { display: block; opacity: 1; }
.toast.hide { display: none; }
.toast-header { display: flex; align-items: center; padding: 0.25rem 0.75rem; color: rgb(69, 69, 73); background-color: rgba(255, 255, 255, 0.85); background-clip: padding-box; border-bottom: 1px solid rgba(0, 0, 0, 0.05); border-top-left-radius: calc(-1px + 0.25rem); border-top-right-radius: calc(-1px + 0.25rem); }
.toast-body { padding: 0.75rem; }
.modal-open { overflow: hidden; }
.modal-open .modal { overflow: hidden auto; }
.modal { position: fixed; top: 0px; left: 0px; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0px; }
.modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; }
.modal.fade .modal-dialog { transition: transform 0.3s ease-out; transform: translate(0px, -50px); }
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog { transition: none; }
}
.modal.show .modal-dialog { transform: none; }
.modal.modal-static .modal-dialog { transform: scale(1.02); }
.modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); }
.modal-dialog-scrollable .modal-content { max-height: calc(-1rem + 100vh); overflow: hidden; }
.modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; }
.modal-dialog-scrollable .modal-body { overflow-y: auto; }
.modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); }
.modal-dialog-centered::before { display: block; height: min-content; content: ""; }
.modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; }
.modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; }
.modal-dialog-centered.modal-dialog-scrollable::before { content: none; }
.modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: rgb(0, 0, 0); background-clip: padding-box; border: 1px solid rgb(224, 224, 225); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0.25rem 0.5rem; outline: 0px; }
.modal-backdrop { position: fixed; top: 0px; left: 0px; z-index: 1040; width: 100vw; height: 100vh; background-color: rgb(0, 0, 0); }
.modal-backdrop.fade { opacity: 0; }
.modal-backdrop.show { opacity: 0.5; }
.modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem; border-bottom: 1px solid rgb(193, 193, 194); border-top-left-radius: 7px; border-top-right-radius: 7px; }
.modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; }
.modal-title { margin-bottom: 0px; line-height: 1.5; }
.modal-body { position: relative; flex: 1 1 auto; padding: 1rem; }
.modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid rgb(193, 193, 194); border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; }
.modal-footer > * { margin: 0.25rem; }
.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; }
@media (min-width: 576px) {
  .modal-dialog { max-width: 500px; margin: 1.75rem auto; }
  .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); }
  .modal-dialog-scrollable .modal-content { max-height: calc(-3.5rem + 100vh); }
  .modal-dialog-centered { min-height: calc(100% - 3.5rem); }
  .modal-dialog-centered::before { height: min-content; }
  .modal-content { box-shadow: rgba(0, 0, 0, 0.5) 0px 0.5rem 1rem; }
  .modal-sm { max-width: 300px; }
}
@media (min-width: 992px) {
  .modal-lg, .modal-xl { max-width: 800px; }
}
@media (min-width: 1200px) {
  .modal-xl { max-width: 1140px; }
}
.tooltip { position: absolute; z-index: 1070; display: block; margin: 0px; font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: 0.875rem; overflow-wrap: break-word; opacity: 0; }
.tooltip.show { opacity: 0.9; }
.tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; }
.tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; }
.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0px; }
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0px; }
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0px; border-width: 0.4rem 0.4rem 0px; border-top-color: rgb(0, 0, 0); }
.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0px 0.4rem; }
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0px; width: 0.4rem; height: 0.8rem; }
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0px; border-width: 0.4rem 0.4rem 0.4rem 0px; border-right-color: rgb(0, 0, 0); }
.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0px; }
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0px; }
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0px; border-width: 0px 0.4rem 0.4rem; border-bottom-color: rgb(0, 0, 0); }
.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0px 0.4rem; }
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0px; width: 0.4rem; height: 0.8rem; }
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0px; border-width: 0.4rem 0px 0.4rem 0.4rem; border-left-color: rgb(0, 0, 0); }
.tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: rgb(255, 255, 255); text-align: center; background-color: rgb(0, 0, 0); border-radius: 4px; }
.popover { position: absolute; top: 0px; left: 0px; z-index: 1060; display: block; max-width: 276px; font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: 0.875rem; overflow-wrap: break-word; background-color: rgb(255, 255, 255); background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0.25rem 0.5rem; }
.popover .arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0px 8px; }
.popover .arrow::before, .popover .arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; }
.bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; }
.bs-popover-top > .arrow, .bs-popover-auto[x-placement^="top"] > .arrow { bottom: calc(-1px - 0.5rem); }
.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^="top"] > .arrow::before { bottom: 0px; border-width: 0.5rem 0.5rem 0px; border-top-color: rgba(0, 0, 0, 0.25); }
.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0px; border-top-color: rgb(255, 255, 255); }
.bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; }
.bs-popover-right > .arrow, .bs-popover-auto[x-placement^="right"] > .arrow { left: calc(-1px - 0.5rem); width: 0.5rem; height: 1rem; margin: 8px 0px; }
.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^="right"] > .arrow::before { left: 0px; border-width: 0.5rem 0.5rem 0.5rem 0px; border-right-color: rgba(0, 0, 0, 0.25); }
.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^="right"] > .arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0px; border-right-color: rgb(255, 255, 255); }
.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; }
.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^="bottom"] > .arrow { top: calc(-1px - 0.5rem); }
.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^="bottom"] > .arrow::before { top: 0px; border-width: 0px 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); }
.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after { top: 1px; border-width: 0px 0.5rem 0.5rem; border-bottom-color: rgb(255, 255, 255); }
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0px; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid rgb(247, 247, 247); }
.bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; }
.bs-popover-left > .arrow, .bs-popover-auto[x-placement^="left"] > .arrow { right: calc(-1px - 0.5rem); width: 0.5rem; height: 1rem; margin: 8px 0px; }
.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^="left"] > .arrow::before { right: 0px; border-width: 0.5rem 0px 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); }
.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^="left"] > .arrow::after { right: 1px; border-width: 0.5rem 0px 0.5rem 0.5rem; border-left-color: rgb(255, 255, 255); }
.popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0px; font-size: 1rem; color: rgb(255, 255, 255); background-color: rgb(247, 247, 247); border-bottom: 1px solid rgb(235, 235, 235); border-top-left-radius: 7px; border-top-right-radius: 7px; }
.popover-header:empty { display: none; }
.popover-body { padding: 0.5rem 0.75rem; color: rgb(224, 224, 225); }
.carousel { position: relative; }
.carousel.pointer-event { touch-action: pan-y; }
.carousel-inner { position: relative; width: 100%; overflow: hidden; }
.carousel-inner::after { display: block; clear: both; content: ""; }
.carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; }
@media (prefers-reduced-motion: reduce) {
  .carousel-item { transition: none; }
}
.carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; }
.carousel-item-next:not(.carousel-item-left), .active.carousel-item-right { transform: translateX(100%); }
.carousel-item-prev:not(.carousel-item-right), .active.carousel-item-left { transform: translateX(-100%); }
.carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; }
.carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right { z-index: 1; opacity: 1; }
.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { z-index: 0; opacity: 0; transition: opacity 0.6s; }
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right { transition: none; }
}
.carousel-control-prev, .carousel-control-next { position: absolute; top: 0px; bottom: 0px; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0px; color: rgb(255, 255, 255); text-align: center; background: none; border: 0px; opacity: 0.5; transition: opacity 0.15s; }
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev, .carousel-control-next { transition: none; }
}
.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: rgb(255, 255, 255); text-decoration: none; outline: 0px; opacity: 0.9; }
.carousel-control-prev { left: 0px; }
.carousel-control-next { right: 0px; }
.carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 20px; height: 20px; background: 50% center / 100% 100% no-repeat; }
.carousel-control-prev-icon { background-image: url(""); }
.carousel-control-next-icon { background-image: url(""); }
.carousel-indicators { position: absolute; right: 0px; bottom: 0px; left: 0px; z-index: 15; display: flex; justify-content: center; padding-left: 0px; margin-right: 15%; margin-left: 15%; list-style: none; }
.carousel-indicators li { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: rgb(255, 255, 255); background-clip: padding-box; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s; }
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li { transition: none; }
}
.carousel-indicators .active { opacity: 1; }
.carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: rgb(255, 255, 255); text-align: center; }
@keyframes spinner-border { 
  100% { transform: rotate(360deg); }
}
.spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; border-width: 0.25em; border-style: solid; border-color: currentcolor transparent currentcolor currentcolor; border-image: initial; border-radius: 50%; animation: 0.75s linear 0s infinite normal none running spinner-border; }
.spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; }
@keyframes spinner-grow { 
  0% { transform: scale(0); }
  50% { opacity: 1; transform: none; }
}
.spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; background-color: currentcolor; border-radius: 50%; opacity: 0; animation: 0.75s linear 0s infinite normal none running spinner-grow; }
.spinner-grow-sm { width: 1rem; height: 1rem; }
@media (prefers-reduced-motion: reduce) {
  .spinner-border, .spinner-grow { animation-duration: 1.5s; }
}
.align-baseline { vertical-align: baseline !important; }
.align-top { vertical-align: top !important; }
.align-middle { vertical-align: middle !important; }
.align-bottom { vertical-align: bottom !important; }
.align-text-bottom { vertical-align: text-bottom !important; }
.align-text-top { vertical-align: text-top !important; }
.bg-primary { background-color: rgb(154, 82, 255) !important; }
a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: rgb(124, 31, 255) !important; }
.bg-secondary { background-color: rgb(224, 224, 225) !important; }
a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: rgb(198, 198, 200) !important; }
.bg-success { background-color: rgb(50, 230, 133) !important; }
a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: rgb(25, 204, 108) !important; }
.bg-info { background-color: rgb(25, 163, 255) !important; }
a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: rgb(0, 137, 229) !important; }
.bg-warning { background-color: rgb(250, 255, 25) !important; }
a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: rgb(224, 229, 0) !important; }
.bg-danger { background-color: rgb(255, 25, 139) !important; }
a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: rgb(229, 0, 114) !important; }
.bg-light { background-color: rgb(255, 255, 255) !important; }
a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: rgb(230, 230, 230) !important; }
.bg-dark { background-color: rgb(17, 17, 18) !important; }
a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: rgb(0, 0, 0) !important; }
.bg-white { background-color: rgb(255, 255, 255) !important; }
.bg-transparent { background-color: transparent !important; }
.border { border: 1px solid rgb(193, 193, 194) !important; }
.border-top { border-top: 1px solid rgb(193, 193, 194) !important; }
.border-right { border-right: 1px solid rgb(193, 193, 194) !important; }
.border-bottom { border-bottom: 1px solid rgb(193, 193, 194) !important; }
.border-left { border-left: 1px solid rgb(193, 193, 194) !important; }
.border-0 { border: 0px !important; }
.border-top-0 { border-top: 0px !important; }
.border-right-0 { border-right: 0px !important; }
.border-bottom-0 { border-bottom: 0px !important; }
.border-left-0 { border-left: 0px !important; }
.border-primary { border-color: rgb(154, 82, 255) !important; }
.border-secondary { border-color: rgb(224, 224, 225) !important; }
.border-success { border-color: rgb(50, 230, 133) !important; }
.border-info { border-color: rgb(25, 163, 255) !important; }
.border-warning { border-color: rgb(250, 255, 25) !important; }
.border-danger { border-color: rgb(255, 25, 139) !important; }
.border-light { border-color: rgb(255, 255, 255) !important; }
.border-dark { border-color: rgb(17, 17, 18) !important; }
.border-white { border-color: rgb(255, 255, 255) !important; }
.rounded-sm { border-radius: 4px !important; }
.rounded { border-radius: 4px !important; }
.rounded-top { border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; }
.rounded-right { border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; }
.rounded-bottom { border-bottom-right-radius: 4px !important; border-bottom-left-radius: 4px !important; }
.rounded-left { border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important; }
.rounded-lg { border-radius: 8px !important; }
.rounded-circle { border-radius: 50% !important; }
.rounded-pill { border-radius: 50rem !important; }
.rounded-0 { border-radius: 0px !important; }
.clearfix::after { display: block; clear: both; content: ""; }
.d-none { display: none !important; }
.d-inline { display: inline !important; }
.d-inline-block { display: inline-block !important; }
.d-block { display: block !important; }
.d-table { display: table !important; }
.d-table-row { display: table-row !important; }
.d-table-cell { display: table-cell !important; }
.d-flex { display: flex !important; }
.d-inline-flex { display: inline-flex !important; }
@media (min-width: 576px) {
  .d-sm-none { display: none !important; }
  .d-sm-inline { display: inline !important; }
  .d-sm-inline-block { display: inline-block !important; }
  .d-sm-block { display: block !important; }
  .d-sm-table { display: table !important; }
  .d-sm-table-row { display: table-row !important; }
  .d-sm-table-cell { display: table-cell !important; }
  .d-sm-flex { display: flex !important; }
  .d-sm-inline-flex { display: inline-flex !important; }
}
@media (min-width: 768px) {
  .d-md-none { display: none !important; }
  .d-md-inline { display: inline !important; }
  .d-md-inline-block { display: inline-block !important; }
  .d-md-block { display: block !important; }
  .d-md-table { display: table !important; }
  .d-md-table-row { display: table-row !important; }
  .d-md-table-cell { display: table-cell !important; }
  .d-md-flex { display: flex !important; }
  .d-md-inline-flex { display: inline-flex !important; }
}
@media (min-width: 992px) {
  .d-lg-none { display: none !important; }
  .d-lg-inline { display: inline !important; }
  .d-lg-inline-block { display: inline-block !important; }
  .d-lg-block { display: block !important; }
  .d-lg-table { display: table !important; }
  .d-lg-table-row { display: table-row !important; }
  .d-lg-table-cell { display: table-cell !important; }
  .d-lg-flex { display: flex !important; }
  .d-lg-inline-flex { display: inline-flex !important; }
}
@media (min-width: 1200px) {
  .d-xl-none { display: none !important; }
  .d-xl-inline { display: inline !important; }
  .d-xl-inline-block { display: inline-block !important; }
  .d-xl-block { display: block !important; }
  .d-xl-table { display: table !important; }
  .d-xl-table-row { display: table-row !important; }
  .d-xl-table-cell { display: table-cell !important; }
  .d-xl-flex { display: flex !important; }
  .d-xl-inline-flex { display: inline-flex !important; }
}
@media print {
  .d-print-none { display: none !important; }
  .d-print-inline { display: inline !important; }
  .d-print-inline-block { display: inline-block !important; }
  .d-print-block { display: block !important; }
  .d-print-table { display: table !important; }
  .d-print-table-row { display: table-row !important; }
  .d-print-table-cell { display: table-cell !important; }
  .d-print-flex { display: flex !important; }
  .d-print-inline-flex { display: inline-flex !important; }
}
.embed-responsive { position: relative; display: block; width: 100%; padding: 0px; overflow: hidden; }
.embed-responsive::before { display: block; content: ""; }
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; border: 0px; }
.embed-responsive-21by9::before { padding-top: 42.8571%; }
.embed-responsive-16by9::before { padding-top: 56.25%; }
.embed-responsive-4by3::before { padding-top: 75%; }
.embed-responsive-1by1::before { padding-top: 100%; }
.flex-row { flex-direction: row !important; }
.flex-column { flex-direction: column !important; }
.flex-row-reverse { flex-direction: row-reverse !important; }
.flex-column-reverse { flex-direction: column-reverse !important; }
.flex-wrap { flex-wrap: wrap !important; }
.flex-nowrap { flex-wrap: nowrap !important; }
.flex-wrap-reverse { flex-wrap: wrap-reverse !important; }
.flex-fill { flex: 1 1 auto !important; }
.flex-grow-0 { flex-grow: 0 !important; }
.flex-grow-1 { flex-grow: 1 !important; }
.flex-shrink-0 { flex-shrink: 0 !important; }
.flex-shrink-1 { flex-shrink: 1 !important; }
.justify-content-start { justify-content: flex-start !important; }
.justify-content-end { justify-content: flex-end !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around { justify-content: space-around !important; }
.align-items-start { align-items: flex-start !important; }
.align-items-end { align-items: flex-end !important; }
.align-items-center { align-items: center !important; }
.align-items-baseline { align-items: baseline !important; }
.align-items-stretch { align-items: stretch !important; }
.align-content-start { align-content: flex-start !important; }
.align-content-end { align-content: flex-end !important; }
.align-content-center { align-content: center !important; }
.align-content-between { align-content: space-between !important; }
.align-content-around { align-content: space-around !important; }
.align-content-stretch { align-content: stretch !important; }
.align-self-auto { align-self: auto !important; }
.align-self-start { align-self: flex-start !important; }
.align-self-end { align-self: flex-end !important; }
.align-self-center { align-self: center !important; }
.align-self-baseline { align-self: baseline !important; }
.align-self-stretch { align-self: stretch !important; }
@media (min-width: 576px) {
  .flex-sm-row { flex-direction: row !important; }
  .flex-sm-column { flex-direction: column !important; }
  .flex-sm-row-reverse { flex-direction: row-reverse !important; }
  .flex-sm-column-reverse { flex-direction: column-reverse !important; }
  .flex-sm-wrap { flex-wrap: wrap !important; }
  .flex-sm-nowrap { flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .flex-sm-fill { flex: 1 1 auto !important; }
  .flex-sm-grow-0 { flex-grow: 0 !important; }
  .flex-sm-grow-1 { flex-grow: 1 !important; }
  .flex-sm-shrink-0 { flex-shrink: 0 !important; }
  .flex-sm-shrink-1 { flex-shrink: 1 !important; }
  .justify-content-sm-start { justify-content: flex-start !important; }
  .justify-content-sm-end { justify-content: flex-end !important; }
  .justify-content-sm-center { justify-content: center !important; }
  .justify-content-sm-between { justify-content: space-between !important; }
  .justify-content-sm-around { justify-content: space-around !important; }
  .align-items-sm-start { align-items: flex-start !important; }
  .align-items-sm-end { align-items: flex-end !important; }
  .align-items-sm-center { align-items: center !important; }
  .align-items-sm-baseline { align-items: baseline !important; }
  .align-items-sm-stretch { align-items: stretch !important; }
  .align-content-sm-start { align-content: flex-start !important; }
  .align-content-sm-end { align-content: flex-end !important; }
  .align-content-sm-center { align-content: center !important; }
  .align-content-sm-between { align-content: space-between !important; }
  .align-content-sm-around { align-content: space-around !important; }
  .align-content-sm-stretch { align-content: stretch !important; }
  .align-self-sm-auto { align-self: auto !important; }
  .align-self-sm-start { align-self: flex-start !important; }
  .align-self-sm-end { align-self: flex-end !important; }
  .align-self-sm-center { align-self: center !important; }
  .align-self-sm-baseline { align-self: baseline !important; }
  .align-self-sm-stretch { align-self: stretch !important; }
}
@media (min-width: 768px) {
  .flex-md-row { flex-direction: row !important; }
  .flex-md-column { flex-direction: column !important; }
  .flex-md-row-reverse { flex-direction: row-reverse !important; }
  .flex-md-column-reverse { flex-direction: column-reverse !important; }
  .flex-md-wrap { flex-wrap: wrap !important; }
  .flex-md-nowrap { flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .flex-md-fill { flex: 1 1 auto !important; }
  .flex-md-grow-0 { flex-grow: 0 !important; }
  .flex-md-grow-1 { flex-grow: 1 !important; }
  .flex-md-shrink-0 { flex-shrink: 0 !important; }
  .flex-md-shrink-1 { flex-shrink: 1 !important; }
  .justify-content-md-start { justify-content: flex-start !important; }
  .justify-content-md-end { justify-content: flex-end !important; }
  .justify-content-md-center { justify-content: center !important; }
  .justify-content-md-between { justify-content: space-between !important; }
  .justify-content-md-around { justify-content: space-around !important; }
  .align-items-md-start { align-items: flex-start !important; }
  .align-items-md-end { align-items: flex-end !important; }
  .align-items-md-center { align-items: center !important; }
  .align-items-md-baseline { align-items: baseline !important; }
  .align-items-md-stretch { align-items: stretch !important; }
  .align-content-md-start { align-content: flex-start !important; }
  .align-content-md-end { align-content: flex-end !important; }
  .align-content-md-center { align-content: center !important; }
  .align-content-md-between { align-content: space-between !important; }
  .align-content-md-around { align-content: space-around !important; }
  .align-content-md-stretch { align-content: stretch !important; }
  .align-self-md-auto { align-self: auto !important; }
  .align-self-md-start { align-self: flex-start !important; }
  .align-self-md-end { align-self: flex-end !important; }
  .align-self-md-center { align-self: center !important; }
  .align-self-md-baseline { align-self: baseline !important; }
  .align-self-md-stretch { align-self: stretch !important; }
}
@media (min-width: 992px) {
  .flex-lg-row { flex-direction: row !important; }
  .flex-lg-column { flex-direction: column !important; }
  .flex-lg-row-reverse { flex-direction: row-reverse !important; }
  .flex-lg-column-reverse { flex-direction: column-reverse !important; }
  .flex-lg-wrap { flex-wrap: wrap !important; }
  .flex-lg-nowrap { flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .flex-lg-fill { flex: 1 1 auto !important; }
  .flex-lg-grow-0 { flex-grow: 0 !important; }
  .flex-lg-grow-1 { flex-grow: 1 !important; }
  .flex-lg-shrink-0 { flex-shrink: 0 !important; }
  .flex-lg-shrink-1 { flex-shrink: 1 !important; }
  .justify-content-lg-start { justify-content: flex-start !important; }
  .justify-content-lg-end { justify-content: flex-end !important; }
  .justify-content-lg-center { justify-content: center !important; }
  .justify-content-lg-between { justify-content: space-between !important; }
  .justify-content-lg-around { justify-content: space-around !important; }
  .align-items-lg-start { align-items: flex-start !important; }
  .align-items-lg-end { align-items: flex-end !important; }
  .align-items-lg-center { align-items: center !important; }
  .align-items-lg-baseline { align-items: baseline !important; }
  .align-items-lg-stretch { align-items: stretch !important; }
  .align-content-lg-start { align-content: flex-start !important; }
  .align-content-lg-end { align-content: flex-end !important; }
  .align-content-lg-center { align-content: center !important; }
  .align-content-lg-between { align-content: space-between !important; }
  .align-content-lg-around { align-content: space-around !important; }
  .align-content-lg-stretch { align-content: stretch !important; }
  .align-self-lg-auto { align-self: auto !important; }
  .align-self-lg-start { align-self: flex-start !important; }
  .align-self-lg-end { align-self: flex-end !important; }
  .align-self-lg-center { align-self: center !important; }
  .align-self-lg-baseline { align-self: baseline !important; }
  .align-self-lg-stretch { align-self: stretch !important; }
}
@media (min-width: 1200px) {
  .flex-xl-row { flex-direction: row !important; }
  .flex-xl-column { flex-direction: column !important; }
  .flex-xl-row-reverse { flex-direction: row-reverse !important; }
  .flex-xl-column-reverse { flex-direction: column-reverse !important; }
  .flex-xl-wrap { flex-wrap: wrap !important; }
  .flex-xl-nowrap { flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; }
  .flex-xl-fill { flex: 1 1 auto !important; }
  .flex-xl-grow-0 { flex-grow: 0 !important; }
  .flex-xl-grow-1 { flex-grow: 1 !important; }
  .flex-xl-shrink-0 { flex-shrink: 0 !important; }
  .flex-xl-shrink-1 { flex-shrink: 1 !important; }
  .justify-content-xl-start { justify-content: flex-start !important; }
  .justify-content-xl-end { justify-content: flex-end !important; }
  .justify-content-xl-center { justify-content: center !important; }
  .justify-content-xl-between { justify-content: space-between !important; }
  .justify-content-xl-around { justify-content: space-around !important; }
  .align-items-xl-start { align-items: flex-start !important; }
  .align-items-xl-end { align-items: flex-end !important; }
  .align-items-xl-center { align-items: center !important; }
  .align-items-xl-baseline { align-items: baseline !important; }
  .align-items-xl-stretch { align-items: stretch !important; }
  .align-content-xl-start { align-content: flex-start !important; }
  .align-content-xl-end { align-content: flex-end !important; }
  .align-content-xl-center { align-content: center !important; }
  .align-content-xl-between { align-content: space-between !important; }
  .align-content-xl-around { align-content: space-around !important; }
  .align-content-xl-stretch { align-content: stretch !important; }
  .align-self-xl-auto { align-self: auto !important; }
  .align-self-xl-start { align-self: flex-start !important; }
  .align-self-xl-end { align-self: flex-end !important; }
  .align-self-xl-center { align-self: center !important; }
  .align-self-xl-baseline { align-self: baseline !important; }
  .align-self-xl-stretch { align-self: stretch !important; }
}
.float-left { float: left !important; }
.float-right { float: right !important; }
.float-none { float: none !important; }
@media (min-width: 576px) {
  .float-sm-left { float: left !important; }
  .float-sm-right { float: right !important; }
  .float-sm-none { float: none !important; }
}
@media (min-width: 768px) {
  .float-md-left { float: left !important; }
  .float-md-right { float: right !important; }
  .float-md-none { float: none !important; }
}
@media (min-width: 992px) {
  .float-lg-left { float: left !important; }
  .float-lg-right { float: right !important; }
  .float-lg-none { float: none !important; }
}
@media (min-width: 1200px) {
  .float-xl-left { float: left !important; }
  .float-xl-right { float: right !important; }
  .float-xl-none { float: none !important; }
}
.user-select-all { user-select: all !important; }
.user-select-auto { user-select: auto !important; }
.user-select-none { user-select: none !important; }
.overflow-auto { overflow: auto !important; }
.overflow-hidden { overflow: hidden !important; }
.position-static { position: static !important; }
.position-relative { position: relative !important; }
.position-absolute { position: absolute !important; }
.position-fixed { position: fixed !important; }
.position-sticky { position: sticky !important; }
.fixed-top { position: fixed; top: 0px; right: 0px; left: 0px; z-index: 1030; }
.fixed-bottom { position: fixed; right: 0px; bottom: 0px; left: 0px; z-index: 1030; }
@supports (position: sticky) {
  .sticky-top { position: sticky; top: 0px; z-index: 1020; }
}
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }
.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; }
.shadow-sm { box-shadow: rgba(0, 0, 0, 0.075) 0px 0.125rem 0.25rem !important; }
.shadow { box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem !important; }
.shadow-lg { box-shadow: rgba(0, 0, 0, 0.176) 0px 1rem 3rem !important; }
.shadow-none { box-shadow: none !important; }
.w-25 { width: 25% !important; }
.w-50 { width: 50% !important; }
.w-75 { width: 75% !important; }
.w-100 { width: 100% !important; }
.w-auto { width: auto !important; }
.h-25 { height: 25% !important; }
.h-50 { height: 50% !important; }
.h-75 { height: 75% !important; }
.h-100 { height: 100% !important; }
.h-auto { height: auto !important; }
.mw-100 { max-width: 100% !important; }
.mh-100 { max-height: 100% !important; }
.min-vw-100 { min-width: 100vw !important; }
.min-vh-100 { min-height: 100vh !important; }
.vw-100 { width: 100vw !important; }
.vh-100 { height: 100vh !important; }
.m-0 { margin: 0px !important; }
.mt-0, .my-0 { margin-top: 0px !important; }
.mr-0, .mx-0 { margin-right: 0px !important; }
.mb-0, .my-0 { margin-bottom: 0px !important; }
.ml-0, .mx-0 { margin-left: 0px !important; }
.m-1 { margin: 0.25rem !important; }
.mt-1, .my-1 { margin-top: 0.25rem !important; }
.mr-1, .mx-1 { margin-right: 0.25rem !important; }
.mb-1, .my-1 { margin-bottom: 0.25rem !important; }
.ml-1, .mx-1 { margin-left: 0.25rem !important; }
.m-2 { margin: 0.5rem !important; }
.mt-2, .my-2 { margin-top: 0.5rem !important; }
.mr-2, .mx-2 { margin-right: 0.5rem !important; }
.mb-2, .my-2 { margin-bottom: 0.5rem !important; }
.ml-2, .mx-2 { margin-left: 0.5rem !important; }
.m-3 { margin: 1rem !important; }
.mt-3, .my-3 { margin-top: 1rem !important; }
.mr-3, .mx-3 { margin-right: 1rem !important; }
.mb-3, .my-3 { margin-bottom: 1rem !important; }
.ml-3, .mx-3 { margin-left: 1rem !important; }
.m-4 { margin: 1.5rem !important; }
.mt-4, .my-4 { margin-top: 1.5rem !important; }
.mr-4, .mx-4 { margin-right: 1.5rem !important; }
.mb-4, .my-4 { margin-bottom: 1.5rem !important; }
.ml-4, .mx-4 { margin-left: 1.5rem !important; }
.m-5 { margin: 3rem !important; }
.mt-5, .my-5 { margin-top: 3rem !important; }
.mr-5, .mx-5 { margin-right: 3rem !important; }
.mb-5, .my-5 { margin-bottom: 3rem !important; }
.ml-5, .mx-5 { margin-left: 3rem !important; }
.p-0 { padding: 0px !important; }
.pt-0, .py-0 { padding-top: 0px !important; }
.pr-0, .px-0 { padding-right: 0px !important; }
.pb-0, .py-0 { padding-bottom: 0px !important; }
.pl-0, .px-0 { padding-left: 0px !important; }
.p-1 { padding: 0.25rem !important; }
.pt-1, .py-1 { padding-top: 0.25rem !important; }
.pr-1, .px-1 { padding-right: 0.25rem !important; }
.pb-1, .py-1 { padding-bottom: 0.25rem !important; }
.pl-1, .px-1 { padding-left: 0.25rem !important; }
.p-2 { padding: 0.5rem !important; }
.pt-2, .py-2 { padding-top: 0.5rem !important; }
.pr-2, .px-2 { padding-right: 0.5rem !important; }
.pb-2, .py-2 { padding-bottom: 0.5rem !important; }
.pl-2, .px-2 { padding-left: 0.5rem !important; }
.p-3 { padding: 1rem !important; }
.pt-3, .py-3 { padding-top: 1rem !important; }
.pr-3, .px-3 { padding-right: 1rem !important; }
.pb-3, .py-3 { padding-bottom: 1rem !important; }
.pl-3, .px-3 { padding-left: 1rem !important; }
.p-4 { padding: 1.5rem !important; }
.pt-4, .py-4 { padding-top: 1.5rem !important; }
.pr-4, .px-4 { padding-right: 1.5rem !important; }
.pb-4, .py-4 { padding-bottom: 1.5rem !important; }
.pl-4, .px-4 { padding-left: 1.5rem !important; }
.p-5 { padding: 3rem !important; }
.pt-5, .py-5 { padding-top: 3rem !important; }
.pr-5, .px-5 { padding-right: 3rem !important; }
.pb-5, .py-5 { padding-bottom: 3rem !important; }
.pl-5, .px-5 { padding-left: 3rem !important; }
.m-n1 { margin: -0.25rem !important; }
.mt-n1, .my-n1 { margin-top: -0.25rem !important; }
.mr-n1, .mx-n1 { margin-right: -0.25rem !important; }
.mb-n1, .my-n1 { margin-bottom: -0.25rem !important; }
.ml-n1, .mx-n1 { margin-left: -0.25rem !important; }
.m-n2 { margin: -0.5rem !important; }
.mt-n2, .my-n2 { margin-top: -0.5rem !important; }
.mr-n2, .mx-n2 { margin-right: -0.5rem !important; }
.mb-n2, .my-n2 { margin-bottom: -0.5rem !important; }
.ml-n2, .mx-n2 { margin-left: -0.5rem !important; }
.m-n3 { margin: -1rem !important; }
.mt-n3, .my-n3 { margin-top: -1rem !important; }
.mr-n3, .mx-n3 { margin-right: -1rem !important; }
.mb-n3, .my-n3 { margin-bottom: -1rem !important; }
.ml-n3, .mx-n3 { margin-left: -1rem !important; }
.m-n4 { margin: -1.5rem !important; }
.mt-n4, .my-n4 { margin-top: -1.5rem !important; }
.mr-n4, .mx-n4 { margin-right: -1.5rem !important; }
.mb-n4, .my-n4 { margin-bottom: -1.5rem !important; }
.ml-n4, .mx-n4 { margin-left: -1.5rem !important; }
.m-n5 { margin: -3rem !important; }
.mt-n5, .my-n5 { margin-top: -3rem !important; }
.mr-n5, .mx-n5 { margin-right: -3rem !important; }
.mb-n5, .my-n5 { margin-bottom: -3rem !important; }
.ml-n5, .mx-n5 { margin-left: -3rem !important; }
.m-auto { margin: auto !important; }
.mt-auto, .my-auto { margin-top: auto !important; }
.mr-auto, .mx-auto { margin-right: auto !important; }
.mb-auto, .my-auto { margin-bottom: auto !important; }
.ml-auto, .mx-auto { margin-left: auto !important; }
@media (min-width: 576px) {
  .m-sm-0 { margin: 0px !important; }
  .mt-sm-0, .my-sm-0 { margin-top: 0px !important; }
  .mr-sm-0, .mx-sm-0 { margin-right: 0px !important; }
  .mb-sm-0, .my-sm-0 { margin-bottom: 0px !important; }
  .ml-sm-0, .mx-sm-0 { margin-left: 0px !important; }
  .m-sm-1 { margin: 0.25rem !important; }
  .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; }
  .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; }
  .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; }
  .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; }
  .m-sm-2 { margin: 0.5rem !important; }
  .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; }
  .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; }
  .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; }
  .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; }
  .m-sm-3 { margin: 1rem !important; }
  .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; }
  .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; }
  .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; }
  .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; }
  .m-sm-4 { margin: 1.5rem !important; }
  .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; }
  .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; }
  .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; }
  .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; }
  .m-sm-5 { margin: 3rem !important; }
  .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; }
  .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; }
  .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; }
  .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; }
  .p-sm-0 { padding: 0px !important; }
  .pt-sm-0, .py-sm-0 { padding-top: 0px !important; }
  .pr-sm-0, .px-sm-0 { padding-right: 0px !important; }
  .pb-sm-0, .py-sm-0 { padding-bottom: 0px !important; }
  .pl-sm-0, .px-sm-0 { padding-left: 0px !important; }
  .p-sm-1 { padding: 0.25rem !important; }
  .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; }
  .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; }
  .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; }
  .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; }
  .p-sm-2 { padding: 0.5rem !important; }
  .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; }
  .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; }
  .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; }
  .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; }
  .p-sm-3 { padding: 1rem !important; }
  .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; }
  .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; }
  .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; }
  .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; }
  .p-sm-4 { padding: 1.5rem !important; }
  .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; }
  .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; }
  .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; }
  .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; }
  .p-sm-5 { padding: 3rem !important; }
  .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; }
  .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; }
  .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; }
  .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; }
  .m-sm-n1 { margin: -0.25rem !important; }
  .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; }
  .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; }
  .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; }
  .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; }
  .m-sm-n2 { margin: -0.5rem !important; }
  .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; }
  .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; }
  .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; }
  .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; }
  .m-sm-n3 { margin: -1rem !important; }
  .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; }
  .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; }
  .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; }
  .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; }
  .m-sm-n4 { margin: -1.5rem !important; }
  .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; }
  .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; }
  .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; }
  .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; }
  .m-sm-n5 { margin: -3rem !important; }
  .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; }
  .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; }
  .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; }
  .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; }
  .m-sm-auto { margin: auto !important; }
  .mt-sm-auto, .my-sm-auto { margin-top: auto !important; }
  .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; }
  .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; }
  .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; }
}
@media (min-width: 768px) {
  .m-md-0 { margin: 0px !important; }
  .mt-md-0, .my-md-0 { margin-top: 0px !important; }
  .mr-md-0, .mx-md-0 { margin-right: 0px !important; }
  .mb-md-0, .my-md-0 { margin-bottom: 0px !important; }
  .ml-md-0, .mx-md-0 { margin-left: 0px !important; }
  .m-md-1 { margin: 0.25rem !important; }
  .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; }
  .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; }
  .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; }
  .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; }
  .m-md-2 { margin: 0.5rem !important; }
  .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; }
  .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; }
  .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; }
  .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; }
  .m-md-3 { margin: 1rem !important; }
  .mt-md-3, .my-md-3 { margin-top: 1rem !important; }
  .mr-md-3, .mx-md-3 { margin-right: 1rem !important; }
  .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; }
  .ml-md-3, .mx-md-3 { margin-left: 1rem !important; }
  .m-md-4 { margin: 1.5rem !important; }
  .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; }
  .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; }
  .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; }
  .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; }
  .m-md-5 { margin: 3rem !important; }
  .mt-md-5, .my-md-5 { margin-top: 3rem !important; }
  .mr-md-5, .mx-md-5 { margin-right: 3rem !important; }
  .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; }
  .ml-md-5, .mx-md-5 { margin-left: 3rem !important; }
  .p-md-0 { padding: 0px !important; }
  .pt-md-0, .py-md-0 { padding-top: 0px !important; }
  .pr-md-0, .px-md-0 { padding-right: 0px !important; }
  .pb-md-0, .py-md-0 { padding-bottom: 0px !important; }
  .pl-md-0, .px-md-0 { padding-left: 0px !important; }
  .p-md-1 { padding: 0.25rem !important; }
  .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; }
  .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; }
  .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; }
  .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; }
  .p-md-2 { padding: 0.5rem !important; }
  .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; }
  .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; }
  .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; }
  .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; }
  .p-md-3 { padding: 1rem !important; }
  .pt-md-3, .py-md-3 { padding-top: 1rem !important; }
  .pr-md-3, .px-md-3 { padding-right: 1rem !important; }
  .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; }
  .pl-md-3, .px-md-3 { padding-left: 1rem !important; }
  .p-md-4 { padding: 1.5rem !important; }
  .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; }
  .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; }
  .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; }
  .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; }
  .p-md-5 { padding: 3rem !important; }
  .pt-md-5, .py-md-5 { padding-top: 3rem !important; }
  .pr-md-5, .px-md-5 { padding-right: 3rem !important; }
  .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; }
  .pl-md-5, .px-md-5 { padding-left: 3rem !important; }
  .m-md-n1 { margin: -0.25rem !important; }
  .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; }
  .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; }
  .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; }
  .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; }
  .m-md-n2 { margin: -0.5rem !important; }
  .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; }
  .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; }
  .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; }
  .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; }
  .m-md-n3 { margin: -1rem !important; }
  .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; }
  .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; }
  .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; }
  .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; }
  .m-md-n4 { margin: -1.5rem !important; }
  .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; }
  .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; }
  .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; }
  .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; }
  .m-md-n5 { margin: -3rem !important; }
  .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; }
  .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; }
  .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; }
  .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; }
  .m-md-auto { margin: auto !important; }
  .mt-md-auto, .my-md-auto { margin-top: auto !important; }
  .mr-md-auto, .mx-md-auto { margin-right: auto !important; }
  .mb-md-auto, .my-md-auto { margin-bottom: auto !important; }
  .ml-md-auto, .mx-md-auto { margin-left: auto !important; }
}
@media (min-width: 992px) {
  .m-lg-0 { margin: 0px !important; }
  .mt-lg-0, .my-lg-0 { margin-top: 0px !important; }
  .mr-lg-0, .mx-lg-0 { margin-right: 0px !important; }
  .mb-lg-0, .my-lg-0 { margin-bottom: 0px !important; }
  .ml-lg-0, .mx-lg-0 { margin-left: 0px !important; }
  .m-lg-1 { margin: 0.25rem !important; }
  .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; }
  .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; }
  .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; }
  .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; }
  .m-lg-2 { margin: 0.5rem !important; }
  .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; }
  .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; }
  .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; }
  .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; }
  .m-lg-3 { margin: 1rem !important; }
  .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; }
  .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; }
  .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; }
  .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; }
  .m-lg-4 { margin: 1.5rem !important; }
  .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; }
  .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; }
  .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; }
  .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; }
  .m-lg-5 { margin: 3rem !important; }
  .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; }
  .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; }
  .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; }
  .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; }
  .p-lg-0 { padding: 0px !important; }
  .pt-lg-0, .py-lg-0 { padding-top: 0px !important; }
  .pr-lg-0, .px-lg-0 { padding-right: 0px !important; }
  .pb-lg-0, .py-lg-0 { padding-bottom: 0px !important; }
  .pl-lg-0, .px-lg-0 { padding-left: 0px !important; }
  .p-lg-1 { padding: 0.25rem !important; }
  .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; }
  .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; }
  .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; }
  .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; }
  .p-lg-2 { padding: 0.5rem !important; }
  .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; }
  .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; }
  .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; }
  .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; }
  .p-lg-3 { padding: 1rem !important; }
  .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; }
  .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; }
  .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; }
  .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; }
  .p-lg-4 { padding: 1.5rem !important; }
  .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; }
  .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; }
  .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; }
  .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; }
  .p-lg-5 { padding: 3rem !important; }
  .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; }
  .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; }
  .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; }
  .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; }
  .m-lg-n1 { margin: -0.25rem !important; }
  .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; }
  .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; }
  .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; }
  .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; }
  .m-lg-n2 { margin: -0.5rem !important; }
  .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; }
  .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; }
  .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; }
  .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; }
  .m-lg-n3 { margin: -1rem !important; }
  .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; }
  .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; }
  .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; }
  .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; }
  .m-lg-n4 { margin: -1.5rem !important; }
  .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; }
  .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; }
  .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; }
  .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; }
  .m-lg-n5 { margin: -3rem !important; }
  .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; }
  .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; }
  .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; }
  .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; }
  .m-lg-auto { margin: auto !important; }
  .mt-lg-auto, .my-lg-auto { margin-top: auto !important; }
  .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; }
  .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; }
  .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; }
}
@media (min-width: 1200px) {
  .m-xl-0 { margin: 0px !important; }
  .mt-xl-0, .my-xl-0 { margin-top: 0px !important; }
  .mr-xl-0, .mx-xl-0 { margin-right: 0px !important; }
  .mb-xl-0, .my-xl-0 { margin-bottom: 0px !important; }
  .ml-xl-0, .mx-xl-0 { margin-left: 0px !important; }
  .m-xl-1 { margin: 0.25rem !important; }
  .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; }
  .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; }
  .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; }
  .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; }
  .m-xl-2 { margin: 0.5rem !important; }
  .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; }
  .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; }
  .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; }
  .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; }
  .m-xl-3 { margin: 1rem !important; }
  .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; }
  .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; }
  .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; }
  .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; }
  .m-xl-4 { margin: 1.5rem !important; }
  .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; }
  .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; }
  .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; }
  .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; }
  .m-xl-5 { margin: 3rem !important; }
  .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; }
  .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; }
  .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; }
  .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; }
  .p-xl-0 { padding: 0px !important; }
  .pt-xl-0, .py-xl-0 { padding-top: 0px !important; }
  .pr-xl-0, .px-xl-0 { padding-right: 0px !important; }
  .pb-xl-0, .py-xl-0 { padding-bottom: 0px !important; }
  .pl-xl-0, .px-xl-0 { padding-left: 0px !important; }
  .p-xl-1 { padding: 0.25rem !important; }
  .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; }
  .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; }
  .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; }
  .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; }
  .p-xl-2 { padding: 0.5rem !important; }
  .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; }
  .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; }
  .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; }
  .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; }
  .p-xl-3 { padding: 1rem !important; }
  .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; }
  .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; }
  .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; }
  .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; }
  .p-xl-4 { padding: 1.5rem !important; }
  .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; }
  .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; }
  .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; }
  .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; }
  .p-xl-5 { padding: 3rem !important; }
  .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; }
  .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; }
  .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; }
  .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; }
  .m-xl-n1 { margin: -0.25rem !important; }
  .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; }
  .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; }
  .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; }
  .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; }
  .m-xl-n2 { margin: -0.5rem !important; }
  .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; }
  .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; }
  .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; }
  .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; }
  .m-xl-n3 { margin: -1rem !important; }
  .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; }
  .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; }
  .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; }
  .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; }
  .m-xl-n4 { margin: -1.5rem !important; }
  .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; }
  .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; }
  .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; }
  .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; }
  .m-xl-n5 { margin: -3rem !important; }
  .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; }
  .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; }
  .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; }
  .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; }
  .m-xl-auto { margin: auto !important; }
  .mt-xl-auto, .my-xl-auto { margin-top: auto !important; }
  .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; }
  .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; }
  .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; }
}
.stretched-link::after { position: absolute; inset: 0px; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); }
.text-monospace { font-family: "Space Mono", monospace !important; }
.text-justify { text-align: justify !important; }
.text-wrap { white-space: normal !important; }
.text-nowrap { white-space: nowrap !important; }
.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
@media (min-width: 576px) {
  .text-sm-left { text-align: left !important; }
  .text-sm-right { text-align: right !important; }
  .text-sm-center { text-align: center !important; }
}
@media (min-width: 768px) {
  .text-md-left { text-align: left !important; }
  .text-md-right { text-align: right !important; }
  .text-md-center { text-align: center !important; }
}
@media (min-width: 992px) {
  .text-lg-left { text-align: left !important; }
  .text-lg-right { text-align: right !important; }
  .text-lg-center { text-align: center !important; }
}
@media (min-width: 1200px) {
  .text-xl-left { text-align: left !important; }
  .text-xl-right { text-align: right !important; }
  .text-xl-center { text-align: center !important; }
}
.text-lowercase { text-transform: lowercase !important; }
.text-uppercase { text-transform: uppercase !important; }
.text-capitalize { text-transform: capitalize !important; }
.font-weight-light { font-weight: 300 !important; }
.font-weight-lighter { font-weight: lighter !important; }
.font-weight-normal { font-weight: 400 !important; }
.font-weight-bold { font-weight: 700 !important; }
.font-weight-bolder { font-weight: bolder !important; }
.font-italic { font-style: italic !important; }
.text-white { color: rgb(255, 255, 255) !important; }
.text-primary { color: rgb(154, 82, 255) !important; }
a.text-primary:hover, a.text-primary:focus { color: rgb(109, 6, 255) !important; }
.text-secondary { color: rgb(224, 224, 225) !important; }
a.text-secondary:hover, a.text-secondary:focus { color: rgb(185, 185, 187) !important; }
.text-success { color: rgb(50, 230, 133) !important; }
a.text-success:hover, a.text-success:focus { color: rgb(22, 181, 96) !important; }
.text-info { color: rgb(25, 163, 255) !important; }
a.text-info:hover, a.text-info:focus { color: rgb(0, 122, 204) !important; }
.text-warning { color: rgb(250, 255, 25) !important; }
a.text-warning:hover, a.text-warning:focus { color: rgb(199, 204, 0) !important; }
.text-danger { color: rgb(255, 25, 139) !important; }
a.text-danger:hover, a.text-danger:focus { color: rgb(204, 0, 101) !important; }
.text-light { color: rgb(255, 255, 255) !important; }
a.text-light:hover, a.text-light:focus { color: rgb(217, 217, 217) !important; }
.text-dark { color: rgb(17, 17, 18) !important; }
a.text-dark:hover, a.text-dark:focus { color: rgb(0, 0, 0) !important; }
.text-body { color: rgb(224, 224, 225) !important; }
.text-muted { color: rgb(224, 224, 225) !important; }
.text-black-50 { color: rgba(0, 0, 0, 0.5) !important; }
.text-white-50 { color: rgba(255, 255, 255, 0.5) !important; }
.text-hide { font: 0px / 0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0px; }
.text-decoration-none { text-decoration: none !important; }
.text-break { word-break: break-word !important; overflow-wrap: break-word !important; }
.text-reset { color: inherit !important; }
.visible { visibility: visible !important; }
.invisible { visibility: hidden !important; }
@media print {
  *, ::before, ::after { text-shadow: none !important; box-shadow: none !important; }
  a:not(.btn) { text-decoration: underline; }
  abbr[title]::after { content: " (" attr(title) ")"; }
  pre { white-space: pre-wrap !important; }
  pre, blockquote { border: 1px solid rgb(131, 131, 134); break-inside: avoid; }
  tr, img { break-inside: avoid; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { break-after: avoid; }
  @page { size: a3; }
  body { min-width: 992px !important; }
  .container { min-width: 992px !important; }
  .navbar { display: none; }
  .badge { border: 1px solid rgb(0, 0, 0); }
  .table { border-collapse: collapse !important; }
  .table td, .table th { background-color: rgb(255, 255, 255) !important; }
  .table-bordered th, .table-bordered td { border: 1px solid rgb(193, 193, 194) !important; }
  .table-dark { color: inherit; }
  .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: rgb(193, 193, 194); }
  .table .thead-dark th { color: inherit; border-color: rgb(193, 193, 194); }
}
body { text-rendering: optimizelegibility; -webkit-font-smoothing: antialiased; }
pre, code { font-feature-settings: "liga" 0; font-variant-ligatures: none; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: bold; }
h1, .h1 { font-size: 3.5rem; line-height: 70px; }
@media (max-width: 480px) {
  h1, .h1 { font-size: 2.625rem; line-height: 48px; }
}
h2, .h2 { font-size: 3.5rem; line-height: 62px; }
@media (max-width: 767.98px) {
  h2, .h2 { font-size: 1.75rem; line-height: 34px; }
}
@media (max-width: 767.98px) {
  h2-sm, .h2-sm { font-size: 1.75rem !important; line-height: 34px !important; }
}
h3, .h3 { font-size: 3rem; line-height: 52px; }
@media (max-width: 767.98px) {
  h3, .h3 { font-size: 1.5rem; line-height: 28px; }
}
@media (max-width: 767.98px) {
  h3-sm, .h3-sm { font-size: 1.5rem; line-height: 28px; }
}
h4, .h4 { font-size: 2rem; line-height: 38px; }
@media (max-width: 767.98px) {
  h4, .h4 { font-size: 1.25rem; line-height: 26px; }
}
h5, .h5 { font-size: 1.5rem; line-height: 32px; }
@media (max-width: 767.98px) {
  h5, .h5 { font-size: 1.125rem; line-height: 26px; }
}
h6, .h6 { font-size: 1.25rem; line-height: 26px; }
@media (max-width: 767.98px) {
  h6, .h6 { font-size: 1rem; line-height: 24px; }
}
.longform { font-size: 1.5rem; line-height: 32px; color: rgb(245, 245, 247); font-weight: 500; }
@media (max-width: 767.98px) {
  .longform { font-size: 1.25rem; line-height: 26px; }
}
.numbers { font-size: 6rem; line-height: 104px; font-weight: bold; color: rgb(255, 255, 255); }
@media (max-width: 767.98px) {
  .numbers { font-size: 3.875rem; line-height: 70px; }
}
p { font-size: 1rem; line-height: 24px; }
.fs-base { font-size: 1rem; }
.fs-3 { font-size: 0.75rem; line-height: 1rem; }
.fs-4-5 { font-size: 1.125rem; }
.fs-5 { font-size: 1.25rem; }
.fs-5-5 { font-size: 1.375rem; }
.fs-6 { font-size: 1.5rem; }
.normal { font-weight: normal; }
.bold { font-weight: bold; }
.text-largest { font-size: 1.5rem; font-weight: normal; }
.text-large { font-size: 1.125rem; }
.text-small { font-size: 0.875rem; }
.text-smaller { font-size: 0.75rem; }
.text-smallest { font-size: 0.625rem; }
.arrow-link { text-decoration: none; }
.arrow-link::after { content: url(""); width: 28px; padding-left: 7px; transition: 0.2s ease-in-out; display: inline-block; text-decoration: none; }
.arrow-link:hover::after { padding-left: 14px; }
.lang-ja { font-family: "Work Sans", "Noto Sans JP", sans-serif; }
.lang-ja h1, .lang-ja h2, .lang-ja h3, .lang-ja h4, .lang-ja h5, .lang-ja .navbar .navbar-nav .nav-link, .lang-ja article .children-display li a, .lang-ja .right-sidebar .level-1 a, .lang-ja .right-sidebar .separator { font-family: "Work Sans", "Noto Sans JP", sans-serif; }
.search .input-group-text { border-width: 0px; color: rgb(255, 255, 255); background-color: rgb(35, 35, 37); border-radius: 4px 0px 0px 4px; padding: 0.5rem 0.5rem 0.5rem 1rem; line-height: 1.5; }
.search .ds-input { background-color: rgb(35, 35, 37); border-radius: 0px 4px 4px 0px; padding: 0.75rem 1rem 0.75rem 0.5rem; width: 100%; border: 1px solid rgb(35, 35, 37); }
.search .ds-input:focus { box-shadow: none; border-color: rgb(154, 82, 255); }
.search .algolia-autocomplete { flex-grow: 1; }
#algolia-autocomplete-listbox-0 { z-index: 1100 !important; }
.xrp-ledger-dev-portal .DocSearch-Modal { top: 85px; background-color: rgb(35, 35, 37); box-shadow: none; }
html .DocSearch-Modal { box-shadow: none; }
html .DocSearch-Button { height: 32px; border-radius: 4px; }
html .DocSearch-Button:hover { border-radius: 4px; }
html .DocSearch-Modal { max-width: 55%; }
@media (min-width: 1200px) {
  html .DocSearch-Modal { margin-right: 112px; }
}
@media (max-width: 991.98px) {
  html .algolia-autocomplete .ds-dropdown-menu { min-width: unset; }
  html .DocSearch-Modal { top: 112px; max-width: 100%; margin-left: 0px; margin-right: 0px; }
}
html .DocSearch-Container { z-index: 99999 !important; background-color: transparent !important; }
html #centersearchboxcontainer { justify-content: center; }
html #topsearchboxcontainer { justify-content: right; }
html .algolia-autocomplete .ds-dropdown-menu [class^="ds-dataset-"] { background-color: rgb(17, 17, 18); border: 0px; border-radius: 8px; }
html .algolia-autocomplete .algolia-docsearch-suggestion--category-header { border: 0px; font-weight: bold; }
html .algolia-autocomplete .algolia-docsearch-suggestion--text { font-size: 0.8rem; }
html .algolia-autocomplete .ds-dropdown-menu::before { border: 0px; }
.dark .DocSearch-Modal { background-color: rgb(35, 35, 37); }
.dark .DocSearch-Cancel { color: rgb(154, 82, 255); }
.dark .DocSearch-Form { box-shadow: rgb(154, 82, 255) 0px 0px 0px 2px inset; background-color: rgb(35, 35, 37); }
.dark .DocSearch-Hit-source { color: rgb(154, 82, 255); }
.dark .DocSearch-Hits mark { color: rgb(154, 82, 255); }
.dark .DocSearch-Hit-source, .dark .DocSearch-Hit-Container, .dark .DocSearch-Footer { background-color: rgb(35, 35, 37); }
.dark .DocSearch-Hit a { background-color: rgb(35, 35, 37); box-shadow: none; }
.dark .DocSearch-Hit-source { color: rgb(162, 162, 164); }
.dark .DocSearch-Input { color: rgb(255, 255, 255); }
.dark .DocSearch-Hit-title, .dark .DocSearch-Hit-path, .dark .DocSearch-Label, .dark .DocSearch-Help { color: rgb(245, 245, 247) !important; }
.dark .DocSearch-Hit[aria-selected="true"] a { background: rgb(52, 52, 55); }
.dark .DocSearch-Hit[aria-selected="true"] a .DocSearch-Hit-Container { background-color: rgb(52, 52, 55); }
.dark .DocSearch-Hit[aria-selected="true"] a mark { color: rgb(154, 82, 255) !important; }
.dark .DocSearch-Prefill { color: rgb(154, 82, 255); }
.dark .DocSearch-Button { background: rgb(35, 35, 37); }
.dark .DocSearch-Button:hover { background: rgb(35, 35, 37); box-shadow: rgb(154, 82, 255) 0px 0px 0px 2px inset; }
.dark .DocSearch-Button:hover .DocSearch-Button-Placeholder { color: rgb(255, 255, 255); }
.dark .DocSearch-Search-Icon { color: rgb(255, 255, 255) !important; }
.dark .DocSearch-Logo svg .cls-1, .dark .DocSearch-Logo svg .cls-2 { fill: rgb(255, 255, 255); }
.dark .DocSearch-Commands-Key { color: rgb(35, 35, 37); }
.dark .algolia-autocomplete .algolia-docsearch-suggestion--category-header { color: rgb(255, 255, 255); border-bottom: 2px solid rgb(154, 82, 255); }
.dark .algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column { color: rgb(255, 255, 255); }
.dark .algolia-autocomplete .algolia-docsearch-suggestion--title { color: rgb(255, 255, 255); }
.dark .algolia-autocomplete .algolia-docsearch-suggestion--text { color: rgb(224, 224, 225); }
.dark .algolia-autocomplete .algolia-docsearch-suggestion--highlight { color: rgb(255, 255, 255); background-color: rgb(52, 52, 55); }
.dark .algolia-autocomplete .ds-dropdown-menu::before { background-color: rgb(17, 17, 18); }
.dark .algolia-autocomplete .algolia-docsearch-suggestion { background-color: rgb(17, 17, 18); }
.dark .algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl0 .algolia-docsearch-suggestion--highlight, .dark .algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl1 .algolia-docsearch-suggestion--highlight, .dark .algolia-autocomplete .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight { box-shadow: none; background-color: rgb(52, 52, 55); }
body { position: relative; }
section { position: relative; }
.landing { padding: 0px; }
.square { position: relative; flex-basis: calc(50% - 30px); margin: 15px; box-sizing: border-box; justify-content: center; align-items: center; border-radius: 8px; }
.square::before { content: ""; display: block; padding-top: 100%; }
@media (min-width: 992px) {
  .square { flex-basis: calc(25% - 30px); }
}
.square-50 { flex-basis: calc(50% - 30px); }
@media (max-width: 767.98px) {
  .square-50 { flex-basis: calc(50% - 20px); }
}
.nav-grid-lg { display: flex; flex-direction: column; }
.nav-grid-lg .nav-item { width: 100%; }
.nav-grid-lg .nav-item .nav-link { display: flex; }
.nav-grid-lg .nav-item .nav-link span { flex-grow: 0; }
.nav-grid-lg .nav-item .nav-link img { max-height: 2rem; }
.nav-grid-lg .nav-grid-head { margin-top: 2.5rem; }
@media (min-width: 992px) {
  .nav-grid-lg { display: grid; grid-auto-flow: column; column-gap: 80px; }
  .nav-grid-lg .nav-grid-head { margin-top: 0px; }
}
.col-lg { padding-left: 0px; padding-right: 0px; }
@media (min-width: 992px) {
  .cols-of-1 { grid-template-rows: repeat(1, min-content); }
}
@media (min-width: 992px) {
  .cols-of-2 { grid-template-rows: repeat(2, min-content); }
}
@media (min-width: 992px) {
  .cols-of-3 { grid-template-rows: repeat(3, min-content); }
}
@media (min-width: 992px) {
  .cols-of-4 { grid-template-rows: repeat(4, min-content); }
}
@media (min-width: 992px) {
  .cols-of-5 { grid-template-rows: repeat(5, min-content); }
}
@media (min-width: 992px) {
  .cols-of-6 { grid-template-rows: repeat(6, min-content); }
}
.card-grid { display: grid; gap: 40px; padding: 0px; width: 100%; grid-template-columns: 1fr; }
@media (min-width: 992px) {
  .card-grid { gap: 80px; }
}
.card-grid .col { padding-left: 0px; padding-right: 0px; min-width: 100%; }
.card-grid.card-grid-4xN { grid-auto-rows: auto; grid-template-columns: repeat(2, 1fr); }
@media (min-width: 992px) {
  .card-grid.card-grid-4xN { grid-template-columns: repeat(4, 1fr); }
}
.card-grid.card-grid-3xN { grid-auto-rows: auto; }
@media (min-width: 992px) {
  .card-grid.card-grid-3xN { grid-template-columns: 1fr 1fr 1fr; }
}
.card-grid.card-grid-2xN { grid-template-columns: 1fr 1fr; grid-auto-rows: auto; }
@media (max-width: 991.98px) {
  .card-grid.card-grid-2xN { grid-template-columns: 1fr; }
}
.card-grid.card-grid-1x2 { grid-template-columns: 1fr 2fr; grid-auto-rows: auto; }
@media (max-width: 991.98px) {
  .card-grid.card-grid-1x2 { display: flex; }
}
.card-grid .card { padding: 20px; border: 0px; min-height: 264px; }
@media (min-width: 768px) {
  .card-grid .card { min-height: 347px; }
}
@media (min-width: 992px) {
  .card-grid .card { padding: 40px; }
}
.card-grid .card .card-body { padding: 8px 8px 24px; }
.card-grid .card .card-body .card-icon-container { width: 50px; height: 50px; }
.card-grid .card .card-body .card-icon-container img { width: 70%; height: 70%; }
.card-grid.section-hero { padding-left: 0px; }
.container-new { display: flex; flex-wrap: wrap; margin: 0px auto; padding: 0px 32px; max-width: 100%; z-index: 1; }
@media (min-width: 768px) {
  .container-new { max-width: 608px; }
}
@media (min-width: 992px) {
  .container-new { max-width: 942px; }
}
@media (min-width: 1200px) {
  .container-new { max-width: 1280px; }
}
@media (max-width: 991.98px) {
  article { overflow-wrap: break-word; overflow: hidden; }
}
@media (max-width: 480px) {
  html { overflow-x: hidden !important; }
}
@media (max-width: 400px) {
  .navbar .navbar-brand .brand-text { margin-right: 0px; letter-spacing: -0.08rem; }
  .navbar .navbar-brand { margin-right: 0px; }
  .navbar .navbar-brand .logo { margin-right: 0px; margin-left: -1rem; }
  .btn { white-space: normal; }
}
.timeline-wrapper { z-index: 999; position: relative; }
.timeline::before { content: ""; position: absolute; top: -40px; left: 18px; height: 95%; width: 4px; background: linear-gradient(rgb(254, 255, 1) 0%, rgb(255, 45, 154) 33%, rgb(163, 8, 143) 66%, rgba(44, 4, 128, 0.85) 100%); }
@media (max-width: 991.98px) {
  .timeline::before { left: 8px; }
}
.timeline-dot { margin-top: 94px; display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 18px; height: 18px; border-radius: 50%; background: rgb(17, 17, 18); box-sizing: border-box; }
.timeline-block:first-child .timeline-dot { border: 3px solid rgb(250, 255, 25); }
.timeline-block:nth-child(2) .timeline-dot { border: 3px solid rgb(255, 136, 75); }
.timeline-block:nth-child(3) .timeline-dot { border: 3px solid rgb(192, 0, 229); }
.timeline-block:nth-child(4) .timeline-dot { border: 3px solid rgb(64, 0, 76); }
.timeline-block { display: flex; position: relative; z-index: 1; }
.timeline-content { flex-grow: 1; position: relative; margin-left: 1.25em; }
.timeline h4 { margin-top: -4px; }
@media (min-width: 768px) {
  .timeline::before { left: 50%; transform: translateX(-50%); }
  .timeline-dot { order: 1; margin-left: calc(5% - 9px); will-change: transform; }
  .timeline-block:nth-child(2n) { flex-direction: row-reverse; }
  .timeline-dot { margin-right: calc(5% - 9px); }
  .timeline-content { width: 45%; flex-grow: 0; will-change: transform; margin: 0px; --line-height-multiplier: 1.2; }
}
@media (min-width: 992px) {
  [data-component-name="TableOfContent/TableOfContent"] { margin-right: 32px; }
}
aside li a { color: rgb(255, 255, 255); text-decoration: none; font-size: 1.05rem; }
aside .sidenav_cat_title { color: rgb(255, 255, 255); }
aside a:hover, aside .sidenav_cat_title:hover { color: rgb(154, 82, 255); }
aside a.active, aside a.active:hover, aside .active > a, aside .active > a:hover { color: rgb(154, 82, 255); font-weight: 700; }
aside a.active-parent, aside .active-parent > a { font-weight: 700; }
.page-toc .level-1 a, .command-list .separator { font-weight: 700; color: rgb(255, 255, 255); }
.nav-toggler { position: absolute; width: 1.75em; height: 1.75em; line-height: 0; display: grid; place-content: center; }
.nav-toggler::after { display: inline-block; margin-left: 0.34em; vertical-align: 0.34em; content: ""; border-width: 0.4em 0.4em 0px; border-top-style: solid; border-top-color: initial; border-right-style: solid; border-right-color: transparent; border-bottom-style: initial; border-bottom-color: initial; border-left-style: solid; border-left-color: transparent; }
.nav-toggler:empty::after { margin-left: 0px; }
.nav-toggler::after { transition-duration: 0.3s; }
.nav-toggler.collapsed::after { transform: rotate(-90deg); }
.dactyl-tree-nav nav { margin-left: 1rem; padding-left: 0px; border-left: 1px solid rgb(255, 255, 255); }
.dactyl-tree-nav nav .nav-link:hover, .dactyl-tree-nav nav .nav-link:active { border-left: 1px solid rgb(154, 82, 255); margin-left: -1px; }
.dactyl-tree-nav nav .active > .nav-link { border-left: 2px solid rgb(154, 82, 255); margin-left: -1px; padding-left: calc(-1px + 1rem); }
.dactyl-tree-nav .nav-item { position: relative; }
.dactyl-tree-nav .nav-item .nav-link { padding: 0.25rem 1rem; font-size: 0.9rem; }
.dactyl-tree-nav .nav-item.nav-parent { padding-top: 0px; }
.dactyl-tree-nav .nav-item.nav-parent .nav-link { padding-left: 0px; padding-top: 0px; font-size: 1.125rem; line-height: initial; }
.dactyl-tree-nav .nav-item .nav-toggler + .nav-link { padding-left: 2rem; }
.dactyl-tree-nav > .nav-item { padding: 0.5rem 0px; font-size: 1.125rem; }
.dactyl-tree-nav > .nav-item > .nav-link { font-weight: bold; }
.dactyl-tree-nav .collapsing.nav { flex-wrap: unset; }
.toc-header { font-weight: bold; font-size: 14px; padding: 1rem 0px; }
.toc-header h4 { line-height: 20px; font-size: 1.2em; padding: 0px; margin: 0px; }
#page-toc-wrapper .card-body { list-style-type: none; }
.page-toc, .command-list { padding-left: 0px; border-left: 1px solid rgb(255, 255, 255); }
.page-toc li, .command-list li { list-style-type: none; padding: 0px; }
.page-toc li.separator, .command-list li.separator { padding: 0.25rem 1rem; }
.page-toc li a, .command-list li a { display: block; margin-top: 5px; padding: 0.25rem 1rem; font-size: 0.9rem; }
.page-toc li a:hover, .page-toc li a .active, .command-list li a:hover, .command-list li a .active { text-decoration: none; border-left: 1px solid rgb(154, 82, 255); margin-left: -1px; }
.page-toc li.active a, .page-toc li.active a:hover, .command-list li.active a, .command-list li.active a:hover { border-left: 2px solid rgb(154, 82, 255); padding-left: calc(-1px + 1rem); margin-left: -1px; }
.page-toc .level-3, .command-list .level-3 { margin-left: 16px; border-left: 1px solid rgb(255, 255, 255); margin-bottom: 0px; padding-bottom: 5px; }
.page-toc .level-3 a, .command-list .level-3 a { margin-top: 0px; padding-bottom: 5px; }
.page-toc.no-sideline, .command-list.no-sideline { border-left: 0px; }
.page-toc.no-sideline a:hover, .page-toc.no-sideline a.active, .command-list.no-sideline a:hover, .command-list.no-sideline a.active { border-left: 0px; margin-left: 0px; }
.command-list li a { margin-top: 0px; }
.h32 { height: 32px; }
.w32 { width: 32px; }
.h36 { height: 36px; }
.w36 { width: 36px; }
.h40 { height: 40px; }
.w40 { width: 40px; }
.w44 { width: 44px; }
.w48 { width: 48px; }
.w-100 { width: 100%; }
.min-vh100 { min-height: 100vh; }
.vw100 { width: 100vw; min-width: 100%; }
@media (max-width: 767.98px) {
  .mb-3-sm-i { margin-bottom: 1rem !important; }
}
.ml-5 { margin-left: 1.25rem; }
@media (min-width: 768px) {
  .ml-5-until-md { margin-left: 1.25rem; }
}
.mr-5 { margin-right: 1.25rem; }
@media (min-width: 768px) {
  .mr-5-until-md { margin-right: 1.25rem; }
}
.mb-6 { margin-bottom: 1.5rem; }
@media (max-width: 767.98px) {
  .mb-6-sm { margin-bottom: 1.5rem; }
}
.mt-6 { margin-top: 1.5rem; }
@media (min-width: 576px) {
  .mt-6-until-sm { margin-top: 1.5rem !important; }
}
.mb-8 { margin-bottom: 2rem; }
@media (max-width: 767.98px) {
  .mb-8-sm { margin-bottom: 2rem; }
}
.mt-8 { margin-top: 2rem; }
@media (min-width: 576px) {
  .mt-8-until-sm { margin-top: 2rem !important; }
}
.mt-9 { margin-top: 2.25rem; }
.mb-9 { margin-bottom: 2.25rem; }
.mt-10 { margin-top: 2.5rem; }
@media (max-width: 767.98px) {
  .mt-10-sm { margin-top: 2.5rem; }
}
.mb-10 { margin-bottom: 2.5rem; }
@media (min-width: 576px) {
  .mb-10-until-sm { margin-bottom: 2.5rem; }
}
@media (max-width: 767.98px) {
  .mb-10-sm { margin-bottom: 2.5rem; }
}
.ml-10 { margin-left: 2.5rem; }
.mr-10 { margin-right: 2.5rem; }
.my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem; }
.mx-10 { margin-left: 2.5rem; margin-right: 2.5rem; }
@media (min-width: 576px) {
  .mx-10-until-sm { margin-left: 2.5rem; margin-right: 2.5rem; }
}
@media (min-width: 768px) {
  .mx-10-until-md { margin-left: 2.5rem; margin-right: 2.5rem; }
}
@media (max-width: 767.98px) {
  .mx-10-sm { margin-left: 2.5rem; margin-right: 2.5rem; }
}
.mt-1 { margin-top: 1rem; }
.mt-12 { margin-top: 3rem; }
.mb-12 { margin-bottom: 3rem; }
.my-12 { margin-top: 3rem; margin-bottom: 3rem; }
.mt-13 { margin-top: 3.25rem; }
.mb-13 { margin-bottom: 3.25rem; }
.mt-14 { margin-top: 3.5rem; }
.mt-16 { margin-top: 4rem; }
@media (max-width: 767.98px) {
  .mt-16-sm { margin-top: 4rem; }
}
.mb-16 { margin-bottom: 4rem; }
@media (max-width: 767.98px) {
  .mb-16-sm { margin-bottom: 4rem; }
}
.mb-18 { margin-bottom: 4.5rem; }
.mt-20 { margin-top: 5rem; }
@media (max-width: 767.98px) {
  .mt-20-sm { margin-top: 5rem; }
}
@media (min-width: 576px) {
  .mt-20-until-sm { margin-top: 5rem; }
}
.mb-20 { margin-bottom: 5rem; }
@media (max-width: 767.98px) {
  .mb-20-sm { margin-bottom: 5rem; }
}
@media (min-width: 576px) {
  .mb-20-until-sm { margin-bottom: 5rem; }
}
.my-20 { margin-top: 5rem; margin-bottom: 5rem; }
.my-26 { margin-top: 6.5rem; margin-bottom: 6.5rem; }
.mb-30 { margin-bottom: 7.5rem; }
.mt-30 { margin-top: 7.5rem; }
@media (min-width: 576px) {
  .mt-30-until-sm { margin-top: 7.5rem; }
}
.mt-40 { margin-top: 10rem; }
@media (min-width: 576px) {
  .mt-40-until-sm { margin-top: 10rem; }
}
.mb-40 { margin-bottom: 10rem; }
@media (min-width: 576px) {
  .mb-40-until-sm { margin-bottom: 10rem; }
}
.mb-49 { margin-bottom: 12.25rem; }
.mb-50 { margin-bottom: 12.5rem; }
@media (min-width: 576px) {
  .mb-50-until-sm { margin-bottom: 12.5rem; }
}
@media (max-width: 767.98px) {
  .pl-0-sm { padding-left: 0px !important; }
}
@media (max-width: 767.98px) {
  .pr-0-sm { padding-right: 0px !important; }
}
@media (max-width: 767.98px) {
  .pt-3-sm { padding-top: 1rem !important; }
}
.p-6 { padding: 1.5rem; }
@media (max-width: 767.98px) {
  .p-6-sm { padding: 1.5rem; }
}
.p-8 { padding: 2rem; }
@media (max-width: 767.98px) {
  .p-8-sm { padding: 2rem; }
}
.p-10 { padding: 2.5rem; }
@media (min-width: 576px) {
  .p-10-until-sm { padding: 2.5rem; }
}
.py-20 { padding-bottom: 5rem; padding-top: 5rem; }
.px-20 { padding-left: 5rem; padding-right: 5rem; }
.pt-20 { padding-top: 5rem; }
.pb-20 { padding-bottom: 5rem; }
.py-26 { padding-top: 6.5rem; padding-bottom: 6.5rem; }
@media (max-width: 767.98px) {
  .py-26 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
}
.pt-26 { padding-top: 2.5rem; }
@media (min-width: 576px) {
  .pt-26-until-sm { padding-top: 6.5rem; }
}
.pb-26 { padding-bottom: 6.5rem; }
@media (min-width: 576px) {
  .pb-26-until-sm { padding-bottom: 6.5rem; }
}
.pt-30 { padding-top: 7.5rem; }
.pb-30 { padding-bottom: 7.5rem; }
.pt-40 { padding-top: 10rem; }
@media (min-width: 576px) {
  .pt-40-until-sm { padding-top: 10rem; }
}
.pb-40 { padding-bottom: 10rem; }
.pb-50 { padding-bottom: 12.5rem; }
.pt-50 { padding-top: 12.5rem; }
.py-50 { padding-bottom: 12.5rem; padding-top: 12.5rem; }
@media (min-width: 576px) {
  .py-50-until-sm { padding-bottom: 12.5rem; padding-top: 12.5rem; }
}
.floating-nav { top: 6rem; }
.last-section { margin-bottom: 100px; }
.bottom-0 { bottom: 0px; }
.justify-center { justify-content: center; }
@media (max-width: 767.98px) {
  .justify-center-sm { justify-content: center; }
}
@media (max-width: 575.98px) {
  .overflow-xs { overflow: scroll; }
  .overflow-x-xs { overflow: scroll hidden; }
}
@media (min-width: 768px) {
  .position-sm-absolute { position: absolute; }
}
.va-middle { vertical-align: middle; }
.ls-none { list-style: none; }
.no-wrap { white-space: nowrap; }
.align-items-stretch { align-items: stretch; }
.underline { text-decoration: underline; }
@media (max-width: 575.98px) {
  .d-none-xs { display: none; }
}
@media (max-width: 767.98px) {
  .d-none-sm { display: none; }
}
@media (min-width: 992px) {
  .d-none-lg { display: none; }
}
.d-block { display: block; }
.border-green { border: 1px solid rgb(154, 82, 255); }
.border-none { border: none !important; }
.grey-400 { color: rgb(162, 162, 164); }
.grey-500 { color: rgb(131, 131, 134); }
.grey-700 { color: rgb(52, 52, 55); }
.white { color: rgb(255, 255, 255); }
.stat-highlight { color: rgb(50, 230, 133); }
.br-8 { border-radius: 8px; }
@media (max-width: 767.98px) {
  br.until-sm { content: ""; }
}
.z-index-1 { z-index: 1; }
.bb-gray { border-bottom: 1px solid rgb(69, 69, 73); }
@keyframes arrowDance { 
  0% { padding-left: 7px; }
  50% { padding-left: 14px; }
  100% { padding-left: 7px; }
}
@keyframes arrowDance2 { 
  0% { right: 0px; }
  50% { right: 7px; }
  100% { right: 0px; }
}
@keyframes arrowDanceDiag { 
  0% { right: 7px; margin-top: 0px; }
  50% { right: 0px; margin-top: -7px; }
  100% { right: 7px; margin-top: 0px; }
}
.btn, article a.button, article .btn { font-weight: bold; cursor: pointer; text-decoration: none; transition: 0.2s; padding: 0.5rem 1rem; line-height: 16px; }
article a.button { padding: 0.5rem 1rem; margin: 0px 0.5rem; display: inline-block; }
.btn.disabled, button.disabled, .btn[disabled="disabled"], button[disabled="disabled"] { cursor: not-allowed; }
.btn-primary code, .btn-secondary code { color: inherit; }
.btn-primary { background: rgb(121, 25, 255); font-weight: bold; color: rgb(255, 255, 255); border: none transparent; }
.btn-primary:hover { background: rgb(95, 0, 229); }
.btn-primary.disabled, .btn-primary[disabled="disabled"] { background: rgb(74, 0, 178); }
.btn-primary.disabled:hover, .btn-primary[disabled="disabled"]:hover { background: rgb(74, 0, 178); }
@media (max-width: 767.98px) {
  .btn-arrow { display: block; width: 100%; }
}
.btn-arrow::after { display: inline-block; content: url("arrow-right.svg"); position: relative; top: 1px; vertical-align: middle; padding-left: 8px; transition: transform 0.3s ease-out; }
.btn-arrow:hover { border: none; background: rgb(95, 0, 229) !important; }
.btn-arrow:hover::after { transform: translateX(4px); }
.btn-arrow-out::after { background-position: left 0px bottom 0px; content: " "; background-image: url(""); background-repeat: no-repeat; display: inline-block; padding: 4px 8px 4px 12px; transition: background-position 0.3s ease-in-out; margin-left: 4px; }
.btn-arrow-out:hover::after { background-position: left 4px bottom 4px; }
@media (max-width: 767.98px) {
  .btn-arrow-out { display: block; width: 100%; }
}
.jump-to-top { display: none; position: fixed; bottom: 36px; right: 36px; font-weight: 700; z-index: 1000; }
.jump-to-top::after { display: none; }
.accordian-row { background: rgb(35, 35, 37); border-radius: 5px; padding: 32px; }
.accordian-row h3 a { position: relative; padding-right: 2rem; }
.accordian-row h3 a:hover { color: rgb(255, 255, 255); }
.accordian-row .chevron { position: absolute; top: 0px; right: 0px; }
article table { clear: right; margin-bottom: 48px; }
article table code { word-break: normal; white-space: nowrap; overflow-wrap: normal; }
article table th { border-bottom: 2px solid rgb(224, 224, 225); }
article table tr { border-bottom: 1px solid rgb(224, 224, 225); }
article table th, article table td { padding: 0.2em; vertical-align: text-top; }
article table td:nth-child(1) { font-weight: bold; }
.landing-table th, .landing-table tr { border-bottom: 2px solid rgb(69, 69, 73); }
.landing-table td { width: 33.33%; padding: 16px 40px 16px 0px; }
.landing-table td:nth-child(1) { font-weight: normal; }
@media (max-width: 767.98px) {
  .landing-table td { font-size: 0.875rem; }
}
.landing-table tr:last-child { border-bottom: none; }
.landing-table tbody td { color: rgb(224, 224, 225); }
.dblue { color: rgb(69, 69, 73); }
#overview-table td:nth-child(1) { width: 40%; }
#overview-table td:nth-child(2) { width: 30%; }
#overview-table tbody td { padding: 2rem 0.75rem; }
@media (max-width: 991.98px) {
  #overview-table { font-size: 0.875rem; }
  #overview-table thead .h4 { font-size: 1.125rem; }
}
article table { clear: right; margin-bottom: 48px; }
article table code { word-break: normal; white-space: nowrap; overflow-wrap: normal; }
article table th { border-bottom: 2px solid rgb(224, 224, 225); }
article table tr { border-bottom: 1px solid rgb(224, 224, 225); }
article table th, article table td { padding: 0.2em; vertical-align: text-top; }
article table td:nth-child(1) { font-weight: bold; }
.landing-table th, .landing-table tr { border-bottom: 2px solid rgb(69, 69, 73); }
.landing-table td { width: 33.33%; padding: 16px 40px 16px 0px; }
.landing-table td:nth-child(1) { font-weight: normal; }
@media (max-width: 767.98px) {
  .landing-table td { font-size: 0.875rem; }
}
.landing-table tr:last-child { border-bottom: none; }
.landing-table tbody td { color: rgb(224, 224, 225); }
.dblue { color: rgb(69, 69, 73); }
#overview-table td:nth-child(1) { width: 40%; }
#overview-table td:nth-child(2) { width: 30%; }
#overview-table tbody td { padding: 2rem 0.75rem; }
@media (max-width: 991.98px) {
  #overview-table { font-size: 0.875rem; }
  #overview-table thead .h4 { font-size: 1.125rem; }
}
.modal-uses.exchanges .logo-item { max-height: 58px; margin: 5px; width: 145px; height: 28px; max-width: none; }
.modal-content-uses .carbonland-trust { max-width: 218px; }
.modal-content-uses .first-ledger-bot { position: relative; bottom: 20px; content: url(""); min-height: 100px !important; }
.modal-content-uses .orchestra-finance { min-height: 56px !important; content: url(""); }
.modal-content-uses .moai-finance { position: relative; bottom: 20px; content: url(""); min-height: 100px !important; }
.modal-content-uses .ledger-city { position: relative; bottom: 4px; left: 6px; margin: 0px !important; max-height: 47px !important; }
.modal-content-uses .zerpmon { margin: 0px; min-width: 80px; min-height: 84px; position: relative; bottom: 13px; content: url("") !important; }
#use_case_companies_list #threezy .biz-logo { max-height: 40px; content: url(""); }
html.light .cryptum { height: 58px; max-width: max-content; width: 184px; max-height: none; margin: 0px; padding-bottom: 10px; content: url("") !important; }
.xrp-ledger { content: url(""); }
html.light .xrp-ledger { content: url(""); }
.gatehub { content: url(""); }
html.light .gatehub { content: url(""); }
.towolabs { content: url(""); }
html.light .towolabs { content: url(""); }
.xrpscan { content: url(""); }
html.light .xrpscan { content: url(""); }
.xrp-toolkit { content: url(""); }
html.light .xrp-toolkit { content: url(""); }
.bithomp { content: url(""); }
html.light .bithomp { content: url(""); }
.onthedex { content: url(""); }
html.light .onthedex { content: url(""); }
.cryptum { content: url(""); }
html.light .cryptum { content: url(""); }
.evernode { content: url(""); }
html.light .evernode { content: url(""); }
.threezy { content: url(""); }
html.light .threezy { content: url(""); }
.tokenize { content: url(""); }
html.light .tokenize { content: url(""); }
.multichain { content: url(""); }
html.light .multichain { content: url(""); }
.crossmark { content: url(""); }
html.light .crossmark { content: url(""); }
.edge { content: url(""); }
html.light .edge { content: url(""); }
.gem-wallet { content: url(""); }
html.light .gem-wallet { content: url(""); }
.xumm { content: url(""); }
html.light .xumm { content: url(""); }
.joey-wallet { content: url(""); }
html.light .joey-wallet { content: url(""); }
.aesthetes { content: url(""); }
html.light .aesthetes { content: url(""); }
.audiotarky { content: url(""); }
html.light .audiotarky { content: url(""); }
.nftmaster { content: url(""); }
html.light .nftmaster { content: url(""); }
.peerkat { content: url(""); }
html.light .peerkat { content: url(""); }
.sologenic_dex { content: url(""); }
html.light .sologenic_dex { content: url(""); }
.xrp-cafe { content: url(""); }
html.light .xrp-cafe { content: url(""); }
.xrp-oval { content: url(""); }
html.light .xrp-oval { content: url(""); }
.sologenic_dex { content: url(""); }
html.light .sologenic_dex { content: url(""); }
.xpmarket { content: url(""); }
html.light .xpmarket { content: url(""); }
.orchestra-finance { content: url(""); }
html.light .orchestra-finance { content: url(""); }
.moai-finance { content: url(""); }
html.light .moai-finance { content: url(""); }
.first-ledger-bot { content: url(""); }
html.light .first-ledger-bot { content: url(""); }
.forte { content: url(""); }
html.light .forte { content: url(""); }
.ledger-city { content: url(""); }
html.light .ledger-city { content: url(""); }
.futureverse { content: url(""); }
html.light .futureverse { content: url(""); }
.zerpmon { content: url(""); }
html.light .zerpmon { content: url(""); }
.anchain { content: url(""); }
html.light .anchain { content: url(""); }
.ripple { content: url(""); }
html.light .ripple { content: url(""); }
.supermojo { content: url(""); }
html.light .supermojo { content: url(""); }
.ripple { content: url(""); }
html.light .ripple { content: url(""); }
.carbonland-trust { content: url(""); }
html.light .carbonland-trust { content: url(""); }
.gatehub { content: url(""); }
html.light .gatehub { content: url(""); }
.bitgo { content: url(""); }
html.light .bitgo { content: url(""); }
.arrow-button.left-arrow img { content: url(""); }
.arrow-button.right-arrow img { content: url(""); }
.right-arrow-button.right-arrow img { background-color: transparent; border: none; cursor: pointer; }
.html.light .arrow-button.left-arrow img { content: url(""); }
.html.light .arrow-button.right-arrow img { content: url(""); }
.related-tasks-links a { color: rgb(69, 69, 73); text-decoration: none; }
.related-tasks-links a:hover { color: rgb(0, 0, 0); }
.arrows-container { position: absolute; top: 50%; left: 0px; right: 0px; transform: translateY(-50%); display: flex; justify-content: space-between; z-index: 10; }
@media only screen and (max-width: 768px) {
  .arrows-container { top: 30px; }
}
.arrow-button { background-color: transparent; border: none; cursor: pointer; }
.arrow-button img { width: 40px; height: 40px; }
.left-arrow { margin-left: 40px; }
@media only screen and (max-width: 768px) {
  .left-arrow { margin-left: 0px; }
}
.right-arrow { margin-right: 40px; }
@media only screen and (max-width: 768px) {
  .right-arrow { margin-right: 0px; }
}
.modal-uses { display: none; position: fixed; z-index: 1000; left: 0px; top: 0px; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); }
.modal-content-uses { background-color: rgb(35, 35, 37); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 40px 20px 20px; height: 520px; display: flex; flex-direction: column; align-items: center; overflow-y: hidden; width: 60% !important; }
@media only screen and (max-width: 1024px) {
  .modal-content-uses { overflow-y: auto; }
}
.modal-content-uses::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 1px; background: linear-gradient(90deg, rgb(180, 128, 255) -0.32%, rgb(95, 0, 230) 32.7%, rgb(26, 164, 255) 61.53%, rgb(25, 255, 131) 100.32%, rgb(25, 255, 131) 100.32%); }
.content-section { width: 100%; display: flex; justify-content: center; align-items: center; margin-bottom: 20px; }
.section-image { display: block; }
.section-text-title { font-family: "Work Sans"; font-style: normal; font-weight: 500; font-size: 24px; line-height: 32px; text-align: center; color: rgb(255, 255, 255); }
.section-text-description { max-width: 320px; font-family: "Work Sans"; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; text-align: center; color: rgb(193, 193, 194); }
.apps-built { position: relative; top: 17px; left: 50px; font-family: "Work Sans"; font-style: normal; font-weight: 600; font-size: 12px; line-height: 16px; color: rgb(224, 224, 225); }
.numbers-animation { width: 218px; height: 96px; }
.arrow-animation { position: relative; right: 23px; top: -11px; width: 60px !important; }
.explore-projects { font-family: "Work Sans"; font-style: normal; font-weight: 600; font-size: 12px; line-height: 16px; color: rgb(121, 25, 255); position: relative; top: -9px; right: 27px; }
.section-separator { width: 50%; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(204, 204, 204); }
.logo-item.anchain { height: 34px !important; max-width: 146px !important; }
.threezy-logo { margin: 4px; max-height: 55px !important; }
.blockforce-logo { margin: 0px !important; max-height: 45px !important; }
.Evernode-logo { margin-right: 39px; }
.logo-grid { display: grid; grid-template-rows: repeat(2, 1fr); grid-template-columns: repeat(4, 1fr); gap: 8px; justify-items: center; }
.flex-center { display: flex; justify-content: center; }
.top-row, .bottom-row { display: flex; justify-content: center; align-items: center; gap: 20px; flex-wrap: wrap; }
@media only screen and (max-width: 768px) {
  .top-row, .bottom-row { justify-content: space-around; gap: 10px; margin-bottom: 0px; }
}
.top-row { margin-bottom: 10px; }
.bottom-row { margin-top: 10px; }
.logo-item { max-height: 45px; max-width: 108px; margin: 5px; }
.close { color: rgb(170, 170, 170); float: right; font-size: 28px; font-weight: bold; cursor: pointer; }
.close:hover, .close:focus { color: rgb(0, 0, 0); text-decoration: none; cursor: pointer; }
#use-case-card-grid { grid-template-columns: repeat(2, 1fr); }
@media (min-width: 768px) {
  #use-case-card-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 992px) {
  #use-case-card-grid { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 1220px) and (min-width: 1024px) {
  #use-case-card-grid { grid-template-columns: repeat(3, 1fr); }
}
.use-case-circle { display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; border: 1px solid rgb(52, 52, 55); border-radius: 50%; margin-bottom: 30px; cursor: pointer; }
@media (min-width: 768px) {
  .use-case-circle { aspect-ratio: 1 / 1; min-width: 200px !important; min-height: 200px !important; }
}
@media (min-width: 992px) {
  .use-case-circle { aspect-ratio: 1 / 1; min-width: 250px !important; min-height: 250px !important; }
}
.use-case-circle:hover { border-color: rgb(131, 131, 134); }
.circle-content { display: flex; flex-direction: column; align-items: center; gap: 13px; }
.circle-img { width: 40px; height: 40px; }
.circle-text { font-family: "Work Sans"; font-style: normal; font-weight: 700; white-space: nowrap; font-size: 16px; margin-bottom: 0px; }
.join-xrpl-section { display: flex; flex-direction: column; align-items: center; }
.colorful-join-text-wrapper { display: flex; justify-content: center; flex-direction: column; padding: 0px 5%; box-sizing: border-box; }
@media (min-width: 992px) {
  .colorful-join-text-wrapper { padding: 0px 4%; }
}
.colorful-join-text { display: block; width: 100%; text-align: left; font-family: "Work Sans"; font-style: normal; font-weight: 400; font-size: 32px; line-height: 38px; background: linear-gradient(90deg, rgb(254, 255, 1) 0%, rgb(255, 45, 154) 30.82%, rgb(226, 76, 255) 64.01%, rgb(154, 82, 255) 100%) text; -webkit-text-fill-color: transparent; }
#numbersAnimation { display: block; }
#numbersAnimationLight { display: none; }
html.light .section-separator { background: rgb(193, 193, 194); }
html.light .section-text-description { color: rgb(52, 52, 55); }
html.light .modal-content-uses { background: rgb(255, 255, 255); }
html.light #numbersAnimation { display: none; }
html.light #numbersAnimationLight { display: block; }
html.light .apps-built { position: relative; top: 17px; left: 50px; font-family: "Work Sans"; font-style: normal; font-weight: 600; font-size: 12px; line-height: 16px; color: rgb(35, 35, 37); }
html.light .colorful-join-text { display: block; width: 100%; text-align: left; font-family: "Work Sans"; font-style: normal; font-weight: 400; font-size: 32px; line-height: 38px; background: linear-gradient(90deg, rgb(180, 128, 255) -0.32%, rgb(95, 0, 230) 32.7%, rgb(26, 164, 255) 61.53%, rgb(25, 255, 131) 100.32%) text; -webkit-text-fill-color: transparent; }
@media (min-width: 992px) {
  html.light .colorful-join-text { width: 750px; }
}
@media (min-width: 992px) {
  .colorful-join-text { width: 750px; }
}
.pill-box { display: inline-flex; align-items: center; justify-content: center; padding: 3.69087px 29.527px; width: 73.05px; height: 37.38px; background: rgb(121, 25, 255); border: 3.69087px solid rgb(95, 0, 229); border-radius: 184.543px; }
.pill-number { font-family: "Work Sans"; font-style: normal; font-weight: 600; font-size: 22.1452px; color: rgb(240, 229, 255); }
.use-case-steps h2 { margin-top: 10px; margin-bottom: 10px; font-size: 1.728em; line-height: 32px; font-weight: 700; }
.use-case-steps h2 a { text-decoration: none; }
.use-case-steps h2:first-of-type::before { display: none; }
.use-case h1 { font-size: 2.4em; padding-bottom: 10px; }
.use-case-steps h2::before { margin-top: -30px; height: 0px; }
.use-case-steps h2:first-of-type { margin-top: -30px; }
.related-tasks-links ul { list-style-type: none; padding-left: 0px; }
.related-tasks-links ul li { margin: 0px; padding-top: 2px; }
.related-tasks-links a:hover::after { padding-left: 0.5em; }
.related-tasks-links a::after { content: " ➝"; padding-left: 0px; transition: 0.2s ease-in-out; }
.page-tokenization .tokenization-graphic { content: url(""); width: 100%; height: 100%; }
.page-tokenization .show-md { display: none; }
@media (max-width: 991.98px) {
  .page-tokenization .show-md { display: block; }
}
.page-tokenization .hide-md { display: block; }
@media (max-width: 991.98px) {
  .page-tokenization .hide-md { display: none; }
}
.page-tokenization .tokenization-use-case { font-size: 12px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid rgb(69, 69, 73); }
.page-tokenization .tokenization-use-case .arrow-button img { width: 15px; height: 15px; }
.page-tokenization .tokenization-stats { width: 100%; height: 250px; border-radius: 8px; background: linear-gradient(88deg, rgb(154, 82, 255) -14.32%, rgb(50, 230, 133) 45.35%, rgb(25, 163, 255) 100.76%); padding: 4rem 2rem; display: grid; grid-template-columns: repeat(4, 1fr); }
@media (max-width: 991.98px) {
  .page-tokenization .tokenization-stats { display: block; height: 100%; width: 100%; padding: 0px 25%; }
}
.page-tokenization .stat-container { color: rgb(0, 0, 0); text-align: center; border-right: 2px solid rgb(0, 0, 0); }
@media (max-width: 991.98px) {
  .page-tokenization .stat-container { border-right: none; padding-bottom: 3rem; padding-top: 2rem; border-bottom: 2px solid rgb(0, 0, 0); }
}
.page-tokenization .stat-container:last-child { border: none; }
.page-tokenization .stat-container .stat { font-size: 3rem; font-weight: 300; }
.page-tokenization .stat-container p { font-weight: 400; }
.page-tokenization .video-external-link .link-text { margin-left: 0.25rem; }
.page-tokenization .video-external-link { margin-bottom: 9px; }
.page-tokenization .tokenization-color-bar { align-self: stretch; height: 0.25rem; border-radius: 2rem; background: var(--Gradient-3, linear-gradient(90deg, #FEFF01 0%, #FF2D9A 30.82%, #E24CFF 64.01%, #9A52FF 100%)); }
.page-tokenization .project-cards-container { gap: 3rem; }
.page-tokenization .project-cards { width: 100%; }
.page-tokenization .project-cards .project-name { word-break: break-word; }
.page-tokenization .project-cards .card { min-height: 240px; }
.page-tokenization .project-cards .col::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 0.25rem; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; }
.page-tokenization .project-cards .col.odd::before { background: linear-gradient(90deg, rgb(217, 26, 255) 26.41%, rgb(26, 164, 255) 100.32%); }
.page-tokenization .project-cards .col.even::before { background: linear-gradient(90deg, rgb(75, 183, 255) -0.32%, rgb(50, 230, 133) 30.61%); }
.page-tokenization .project-cards .project-logo { width: 100%; height: 50px; padding: 0px 0.5rem; }
.page-tokenization .project-cards img { max-width: 100%; height: auto; display: block; box-sizing: border-box; }
.page-tokenization .amy { content: url(""); }
.page-tokenization .carbonland { content: url(""); }
.page-tokenization .evernode { content: url(""); }
.page-tokenization .nautilus { content: url(""); }
.page-tokenization .onXRP { content: url(""); }
.page-tokenization .raised-in-space { content: url(""); }
.page-tokenization .sologenic { content: url(""); }
.page-tokenization .xaman { content: url(""); }
.page-tokenization .xrpcafe { content: url(""); }
.page-tokenization .prev img { content: url(""); }
.page-tokenization .next img { content: url(""); transform: scaleX(-1); }
.page-tokenization .arrow-wrapper { gap: 1rem; }
.page-tokenization .arrow-button { background-color: rgb(35, 35, 37); border-radius: 0.25rem; align-items: center; justify-content: center; }
.page-tokenization .next.hover-color:hover img { content: url(""); transform: scaleX(1); }
.page-tokenization .prev.hover-color:hover img { content: url(""); transform: scaleX(-1); }
.page-tokenization .related-articles { gap: 2.5rem; }
.page-tokenization .related-articles .col { background-color: rgb(0, 0, 0); border-radius: 0.5rem; padding: 2rem !important; }
.page-tokenization .related-articles .time { position: relative; padding-top: 0.5rem; }
.page-tokenization .related-articles .time::before { content: ""; position: absolute; top: 0px; left: 0px; width: 50px; height: 4px; background-color: rgb(50, 230, 133); }
.page-tokenization .project-cards a, .page-tokenization .related-articles a { text-decoration: none; }
.page-tokenization .project-cards a:hover .project-name { color: rgb(154, 82, 255); }
.page-tokenization .related-articles a:hover .h5 { color: rgb(154, 82, 255); }
.page-tokenization .article-card-container { position: relative; width: 100%; }
.page-tokenization .article-card-container:nth-child(1) .article-card-background { background-image: linear-gradient(86deg, rgb(178, 0, 88) -21.16%, rgb(226, 76, 255) 31.78%, rgb(154, 82, 255) 101.64%); }
.page-tokenization .article-card-container:nth-child(2) .article-card-background { background-image: linear-gradient(22deg, rgb(180, 128, 255) -6.54%, rgb(95, 0, 229) 50.87%, rgb(26, 164, 255) 114.16%); }
.page-tokenization .article-card-container:nth-child(3) .article-card-background { background-image: linear-gradient(162deg, rgb(180, 128, 255) -11.11%, rgb(26, 164, 255) 56.26%, rgb(45, 207, 120) 112.84%); }
.page-tokenization .article-card-background { height: calc(100% + 1.5rem); width: 100%; z-index: 1; background-size: cover; position: absolute; top: -0.75rem; border-radius: 0.5rem; }
.page-tokenization .article-card { width: 100%; height: 100%; position: relative; top: 0px; left: 0.75rem; z-index: 2; display: block; }
body, .landing.page-uses { overflow-x: hidden; }
.use-case-payments { padding: 0px 120px; }
@media (max-width: 1199.98px) {
  .use-case-payments { padding: 0px 16px; }
}
.use-case-payments__hero { display: flex; flex-direction: row; justify-content: center; gap: 80px; align-items: center; max-width: 1280px; margin: 0px auto; padding: 80px 0px; }
@media (max-width: 1199.98px) {
  .use-case-payments__hero { gap: 60px; max-width: 942px; padding: 80px 0px; }
}
@media (max-width: 991.98px) {
  .use-case-payments__hero { flex-direction: column; gap: 32px; max-width: 608px; padding: 60px 0px; }
}
@media (max-width: 767.98px) {
  .use-case-payments__hero { padding: 40px 0px; }
}
.use-case-payments .video-content { width: 50%; display: flex; align-items: stretch; }
.use-case-payments .video-content iframe { width: 100%; height: 100%; min-height: 380px; max-height: 560px; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 32px; }
@media (max-width: 1199.98px) {
  .use-case-payments .video-content iframe { min-height: 350px; max-height: 450px; }
}
@media (max-width: 991.98px) {
  .use-case-payments .video-content iframe { min-height: 300px; max-height: 400px; }
}
@media (max-width: 767.98px) {
  .use-case-payments .video-content iframe { min-height: 250px; max-height: 350px; }
}
@media (max-width: 991.98px) {
  .use-case-payments .video-content { width: 100%; }
}
.use-case-payments .text-content { width: 50%; display: flex; flex-direction: column; justify-content: center; }
.use-case-payments .text-content .eyebrow { font-size: 18px; font-style: normal; font-weight: 700; }
@media (max-width: 767.98px) {
  .use-case-payments .text-content .eyebrow { font-size: 16px; }
}
.use-case-payments .text-content .eyebrow h2 { font-size: 42px; font-style: normal; font-weight: 700; }
@media (max-width: 767.98px) {
  .use-case-payments .text-content .eyebrow h2 { font-size: 32px; }
}
.use-case-payments .text-content .eyebrow p { font-size: 24px; font-style: normal; font-weight: 400; }
@media (max-width: 767.98px) {
  .use-case-payments .text-content .eyebrow p { font-size: 18px; }
}
@media (max-width: 991.98px) {
  .use-case-payments .text-content { width: 100%; }
}
.advantages-section .security-card { position: relative; border-radius: 0.5rem; background-color: transparent; white-space: normal; box-sizing: border-box; }
.advantages-section .security-card .card-title { margin-bottom: 16px; }
.advantages-section .security-card::before { content: ""; position: absolute; inset: 0px; border-radius: inherit; padding: 1px; background: linear-gradient(90deg, rgb(217, 26, 255) 26.41%, rgb(26, 164, 255) 100.32%); mask: linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px) content-box xor, linear-gradient(rgb(255, 255, 255) 0px, rgb(255, 255, 255) 0px); z-index: -1; }
.advantages-section .security-card p { margin-bottom: 0px !important; }
@media (max-width: 767.98px) {
  .advantages-section .security-card .h6 { font-size: 1.25rem; }
}
.advantages-section .security-card-grid, .advantages-section .security-card-grid-3, .advantages-section .security-card-grid-4 { gap: 1rem; grid-template-columns: repeat(2, 1fr); }
@media (max-width: 768px) {
  .advantages-section .security-card-grid, .advantages-section .security-card-grid-3, .advantages-section .security-card-grid-4 { grid-template-columns: repeat(1, 1fr); }
}
@media (min-width: 1200px) {
  .advantages-section .security-card-grid { grid-template-columns: repeat(4, 1fr); }
}
.advantages-section .security-card-grid-3 { gap: 2.5rem; }
@media (min-width: 1200px) {
  .advantages-section .security-card-grid-3 { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1200px) {
  .advantages-section .security-card-grid-4 { grid-template-columns: repeat(4, 1fr); }
}
.advantages-section .advantages-list { list-style: none; padding: 0px; margin: 0px; }
.advantages-section .advantage-item { position: relative; padding-left: 20px; margin-bottom: 16px; }
.advantages-section .advantage-item::before { content: "•"; position: absolute; left: 0px; top: 0px; font-weight: bold; font-size: 16px; }
.advantages-section .advantage-item strong { display: block; margin-bottom: 4px; color: rgb(224, 224, 225); font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; }
.advantages-section .advantage-item .advantage-description { display: block; color: rgb(224, 224, 225); font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; }
.advantages-section .security-card .card-title { color: var(--Black-Black-0, #FFF); font-size: 18px; font-style: normal; font-weight: 700; line-height: 125%; }
.use-case-payments .payments-advantages-spacing { padding: 80px 0px 20px; }
.use-case-payments .payments-projects-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 48px 40px; }
@media (min-width: 1200px) {
  .use-case-payments .payments-projects-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
  .use-case-payments .payments-projects-grid { grid-template-columns: repeat(1, 1fr); gap: 40px; }
}
.use-case-payments .payments-project-card { min-height: 260px; position: relative; padding: 32px; }
.use-case-payments .payments-project-card .project-description { text-align: left; }
.use-case-payments .payments-project-card .project-description .first-word { color: rgb(255, 255, 255); font-size: 16px; font-style: normal; font-weight: 700; line-height: 24px; }
.use-case-payments .payments-project-card .project-description .rest-text { color: var(--XRPL-Primary-White, #FFF); font-family: "Work Sans"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; }
.use-case-payments .payments-project-card::before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 0.25rem; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; }
.use-case-payments .payments-project-card .project-logo { margin-bottom: 32px; }
.use-case-payments .payments-project-card .project-logo img.ripple-usd { content: url(""); width: 180px; height: 50px; }
.use-case-payments .payments-project-card .project-logo img.usdc { content: url(""); width: 50px; height: 50px; }
.use-case-payments .payments-project-card .project-logo img.usdb { content: url(""); width: 126px; height: 50px; }
.use-case-payments .payments-project-card .project-logo img.europ { content: url(""); width: 147px; height: 50px; }
.use-case-payments .payments-project-card .project-logo img.xsgd { content: url(""); width: 50px; height: 50px; }
.use-case-payments .payments-project-card .project-logo img.audd { content: url(""); width: 50px; height: 50px; }
.use-case-payments .payments-project-card.odd::before { background: linear-gradient(90deg, rgb(217, 26, 255) 26.41%, rgb(26, 164, 255) 100.32%); }
.use-case-payments .payments-project-card.even::before { background: linear-gradient(90deg, rgb(75, 183, 255) -0.32%, rgb(50, 230, 133) 30.61%); }
.use-case-payments .battle-tested-section h4.eyebrow { font-size: 28px !important; }
.use-case-payments .battle-tested-section .payments-project-card { min-height: 384px; display: flex; flex-direction: column; }
.use-case-payments .battle-tested-section .payments-project-card .project-logo img.coinpayments { content: url(""); width: 99px; height: 60px; }
.use-case-payments .battle-tested-section .payments-project-card .project-logo img.ripple { content: url(""); width: 100px; height: 26px; margin-bottom: 11px; margin-top: 19px; }
.use-case-payments .battle-tested-section .payments-project-card .project-logo img.friipay { content: url(""); width: 60px; height: 60px; }
.use-case-payments .battle-tested-section .payments-project-card .project-description { flex-grow: 1; }
.use-case-payments .battle-tested-section .payments-project-card .project-button { margin-top: auto; padding-top: 32px; display: flex; justify-content: center; }
.use-case-payments .battle-tested-section .payments-project-card .project-button .battle-tested-arrow { color: rgb(154, 82, 255); font-size: 16px; font-style: normal; font-weight: 700; text-decoration: none; cursor: pointer; display: inline-flex; align-items: center; background: none !important; }
.use-case-payments .battle-tested-section .payments-project-card .project-button .battle-tested-arrow::after { position: relative; top: -1px; display: inline-block; content: url(""); margin-left: 8px; transition: transform 0.3s ease-out; width: 16px; height: 16px; }
.use-case-payments .battle-tested-section .payments-project-card .project-button .battle-tested-arrow:hover { text-decoration: none; background: none !important; }
.use-case-payments .battle-tested-section .payments-project-card .project-button .battle-tested-arrow:hover::after { transform: translateX(4px); }
.use-case-payments .battle-tested-section .payments-project-card .project-button .battle-tested-arrow:focus { outline: none; background: none !important; }
.use-case-payments .payments-integration-section .developer-tools { padding: 120px 0px; max-width: 1280px; margin: 0px auto; }
@media (max-width: 1199.98px) {
  .use-case-payments .payments-integration-section .developer-tools { max-width: 942px; }
}
@media (max-width: 991.98px) {
  .use-case-payments .payments-integration-section .developer-tools { max-width: 608px; }
}
.use-case-payments .payments-integration-section .developer-tools .container { padding: 0px; }
.use-case-payments .payments-integration-section .developer-tools .feature-item__title { font-size: 16px; font-weight: 400; color: rgb(255, 255, 255); }
.use-case-payments .payments-integration-section .developer-tools__header { margin-bottom: 80px; }
.use-case-payments .payments-integration-section .developer-tools__header.text-center { text-align: center; }
.use-case-payments .payments-integration-section .developer-tools__title { font-size: 28px; font-weight: 700; margin-bottom: 0px; text-align: left; }
.use-case-payments .payments-integration-section .row { gap: 48px; margin: 0px; display: flex; flex-wrap: wrap; }
@media (max-width: 991px) {
  .use-case-payments .payments-integration-section .row { flex-direction: column; gap: 32px; }
}
.use-case-payments .payments-integration-section .row .col-lg-6 { padding: 0px; flex: 1 1 0%; }
@media (max-width: 991px) {
  .use-case-payments .payments-integration-section .row .col-lg-6 { flex: 0 0 auto; width: 100%; }
}
.use-case-payments .payments-integration-section .integration-column { padding: 0px; }
.use-case-payments .payments-integration-section .integration-column .integration-column__title { color: rgb(255, 255, 255); font-size: 20px; font-weight: 700; margin-bottom: 0px; }
.use-case-payments .payments-integration-section .integration-column .integration-column__subtitle { color: rgb(224, 224, 225); font-size: 16px; font-weight: 400; line-height: 150%; margin-bottom: 32px; }
.use-case-payments .payments-integration-section .integration-column .developer-tools__list { margin-top: 0px; }
@media (max-width: 991px) {
  .use-case-payments .payments-integration-section .developer-tools { padding: 80px 0px; }
  .use-case-payments .payments-integration-section .developer-tools__header { margin-bottom: 60px; }
  .use-case-payments .payments-integration-section .integration-column { padding: 0px; margin-bottom: 40px; }
  .use-case-payments .payments-integration-section .col-lg-6:last-child .integration-column { margin-bottom: 0px; }
}
@media (max-width: 767px) {
  .use-case-payments .payments-integration-section .developer-tools { padding: 60px 20px; }
  .use-case-payments .payments-integration-section .developer-tools__header { margin-bottom: 40px; }
  .use-case-payments .payments-integration-section .developer-tools__title { font-size: 24px; text-align: center; }
}
.dark [data-component-name="Breadcrumbs/Breadcrumbs"] + div > a > svg > rect { fill: transparent; }
[data-component-name="layouts/RootLayout"] { padding-top: 80px; }
.top-nav { background-color: rgb(17, 17, 18); height: 80px; padding: 0px; }
.top-nav .navbar-brand { text-decoration: none; white-space: pre; transition: opacity 0.2s, color 0.2s; padding-left: 2rem; }
.top-nav .navbar-brand .logo { margin-left: 0px; content: url("XRPLedger_DevPortal-white.svg"); width: 162px; height: 40px; display: block; }
.top-nav .navbar-brand:hover { opacity: 0.75; }
@media (max-width: 991.98px) {
  .top-nav .navbar-brand { padding-left: 2rem; }
  .top-nav .navbar-brand img { width: 120px; }
}
.top-nav .nav-item { font-weight: 600; }
@media (min-width: 992px) {
  .top-nav #topnav-pages { flex-grow: 1; }
}
.top-nav #topnav-pages .nav-link { color: rgb(245, 245, 247); font-size: 1rem; line-height: 1.25rem; text-decoration: none; font-weight: 600; }
.top-nav .dropdown-toggle { position: relative; }
.top-nav .dropdown-menu { border-width: 0px; }
.top-nav .dropdown-menu h5 { font-weight: 400; font-size: 12px; color: rgb(162, 162, 164); margin-bottom: 0px; }
.top-nav .dropdown-menu .dropdown-item { line-height: 1rem; padding: 0.75rem 0px; white-space: normal; }
.top-nav .dropdown-menu .dropdown-item.dropdown-hero { width: 100%; display: flex; padding: 1rem 2rem; }
.top-nav .dropdown-menu .dropdown-item.dropdown-hero > img { width: 68px; height: 68px; background-color: rgb(35, 35, 37); border-radius: 4px; flex-grow: 0; padding: 0.75rem; margin-right: 2rem; margin-top: auto; margin-bottom: auto; }
.top-nav .dropdown-menu .dropdown-item.dropdown-hero p { font-size: 14px; color: rgb(193, 193, 194); margin: 0px; white-space: normal; }
.top-nav .dropdown-menu .dropdown-item.dropdown-hero h4 { font-size: 1.25rem; font-weight: 600; margin-bottom: 0px; line-height: 2rem; }
.top-nav .dropdown-menu .dropdown-item.dropdown-hero:hover h4 { color: rgb(154, 82, 255); }
.top-nav .dropdown-menu .dropdown-item.dropdown-hero:hover p { font-weight: 400; }
.top-nav .dropdown-menu .dropdown-item:last-child { padding-bottom: 0px; }
.top-nav .dropdown-menu .dropdown-item:first-child { padding-top: 0px; }
.top-nav .dropdown-menu .col-for-get_started { background-color: rgb(35, 35, 37); }
.top-nav .dropdown-menu a:hover { color: rgb(154, 82, 255); background-color: inherit; }
.top-nav .dropdown-menu h5:hover { background-color: inherit; }
.top-nav #topnav-search { flex-grow: 1; }
.top-nav #topnav-search .input-group { flex-grow: 1; flex-wrap: nowrap; }
@media (max-width: 991.98px) {
  .top-nav #topnav-search .form-inline { padding: 1rem 2rem; }
}
.top-nav #topnav-search .input-group-text { height: 40px; }
.top-nav #topnav-search .ds-input { height: 40px; }
.top-nav #topnav-language .dropdown-item { font-weight: 600; }
@media (min-width: 992px) {
  .top-nav { padding: 0px 2rem; }
  .top-nav .navbar-brand { margin-left: 0px; padding-left: 0px; }
  .top-nav .dropdown-toggle::after { display: none; }
  .top-nav .dropdown-toggle > span { border-bottom: 2px solid transparent; }
  .top-nav .dropdown .dropdown-toggle:hover > span:not(.chevron) { padding-bottom: 8px; border-bottom: 2px solid rgb(154, 82, 255); margin-bottom: -8px; }
  .top-nav .dropdown-menu { border-radius: 0px 0px 8px 8px; padding: 2.5rem; }
  .top-nav .dropdown-menu .dropdown-item.dropdown-hero { padding: 0px; }
  .top-nav .dropdown-menu.show { display: grid; gap: 40px; }
  .top-nav .dropdown-menu.show#topnav_dd_about { grid-template-columns: 180px 180px 180px; }
  .top-nav .dropdown-menu.show#topnav_dd_docs { grid-template-columns: 180px 180px 260px; left: -200px; }
  .top-nav .dropdown-menu.show#topnav_dd_community { grid-template-columns: 200px; }
  .top-nav .dropdown-menu.show#topnav_dd_resources { grid-template-columns: 195px 180px 180px; left: -200px; }
  .top-nav .dropdown-menu.show .dropdown-hero { grid-area: 1 / 1 / auto / 4; }
  .top-nav .dropdown-menu.show #dropdown-hero-for-docs { grid-column: 1 / 3; }
  .top-nav .dropdown-menu.show .col-for-xrp_ledger { grid-area: 1 / 1 / 3; }
  .top-nav .dropdown-menu.show .col-for-xrp { grid-column: 2; }
  .top-nav .dropdown-menu.show .col-for-sustainability, .top-nav .dropdown-menu.show .col-for-持続可能性 { grid-column: 2; }
  .top-nav .dropdown-menu.show .col-for-about, .top-nav .dropdown-menu.show .col-for-概要 { grid-area: 1 / 3 / 3; }
  .top-nav .dropdown-menu.show .col-for-article_types { grid-area: 2 / 1; }
  .top-nav .dropdown-menu.show .col-for-use_cases { grid-area: 2 / 2; }
  .top-nav .dropdown-menu.show .col-for-get_started { grid-area: 1 / 3 / 3; margin: -40px -40px -40px 0px; padding: 40px; }
  .top-nav .dropdown-menu.show .col-for-development { grid-column: 1; }
  .top-nav .dropdown-menu.show .col-for-current-status, .top-nav .dropdown-menu.show .col-for-現在のステータス { grid-column: 2; }
  .top-nav .dropdown-menu.show .col-for-join-in, .top-nav .dropdown-menu.show .col-for-参加する { grid-column: 3; }
  .top-nav .dropdown-menu.smaller-dropdown { min-width: 180px; padding: 1.25rem; }
  .top-nav #topnav-pages { flex-grow: 0; }
}
@media (min-width: 992px) and (min-width: 992px) and (max-width: 1133px) {
  .top-nav #topnav-pages .nav-link { padding: 1rem; }
}
@media (min-width: 992px) {
  .top-nav #topnav-language { flex-grow: 0; }
  .top-nav #topnav-language hr { display: none; }
  .top-nav #topnav-language #language_selector_header_btn { padding-right: 0px; }
}
@media (min-width: 992px) and (min-width: 992px) and (max-width: 1133px) {
  .top-nav #topnav-language #language_selector_header_btn { padding-left: 1rem; }
}
@media (min-width: 992px) and (min-width: 1200px) {
  .top-nav #topnav-search { margin-left: 3.5rem; margin-right: 0.5rem; }
  .top-nav #topnav-language { margin-right: 0.5rem; }
  .top-nav #topnav-button { margin-left: 0.2rem; margin-right: 1rem; }
}
@media (max-width: 991.98px) {
  .top-nav .navbar-toggler { border: 0px; padding: 30px 2rem; font-size: 1rem; display: inline-block; }
  .top-nav .navbar-toggler .navbar-toggler-icon { background: none; height: 20px; width: 20px; position: relative; }
  .top-nav .navbar-toggler .navbar-toggler-icon::after, .top-nav .navbar-toggler .navbar-toggler-icon::before, .top-nav .navbar-toggler .navbar-toggler-icon div { position: absolute; content: " "; background-color: rgb(245, 245, 247); display: block; width: 100%; height: 3px; transition: 0.2s; }
  .top-nav .navbar-toggler .navbar-toggler-icon::before { top: 0px; }
  .top-nav .navbar-toggler .navbar-toggler-icon::after { bottom: 0px; }
  .top-nav .navbar-toggler .navbar-toggler-icon div { top: calc(50% - 1.5px); }
  .top-nav .navbar-toggler:not(.collapsed) .navbar-toggler-icon::before { transform: translateY(8px) rotate(135deg); }
  .top-nav .navbar-toggler:not(.collapsed) .navbar-toggler-icon::after { transform: translateY(-9px) rotate(-135deg); }
  .top-nav .navbar-toggler:not(.collapsed) .navbar-toggler-icon div { transform: scale(0); }
  .top-nav .navbar-nav { align-items: unset !important; }
  .top-nav .navbar-nav #topnav-button { background-color: rgb(17, 17, 18); padding: 1rem 1.5rem; }
  .top-nav .navbar-nav #topnav-search [data-component-name="Search/SearchTrigger"] { cursor: pointer; }
  .top-nav .navbar-nav .nav-link, .top-nav .navbar-collapse > .nav-item { line-height: 150%; background: rgb(17, 17, 18); }
  .top-nav .navbar-nav .nav-link label, .top-nav .navbar-collapse > .nav-item label { margin-bottom: 0px; }
  .top-nav .navbar-nav .nav-link { padding: 1rem 2rem; }
  .top-nav .dropdown-menu { margin: 0px; width: 100%; overflow: auto; transition: 0.2s; height: 0px; display: block; padding: 0px; border-radius: 0px; }
  .top-nav .dropdown-menu.show { height: calc(-132px + 100vh); }
  .top-nav .dropdown-menu.show > :last-child { padding-bottom: 4rem; }
  .top-nav .dropdown-menu.show#topnav_dd_docs { display: grid; grid-template-columns: minmax(187px, 1fr) minmax(187px, 1fr); gap: 1px; left: -200px; }
  .top-nav .dropdown-menu.show#topnav_dd_docs .dropdown-hero { grid-area: 1 / 1 / auto / 3; }
  .top-nav .dropdown-menu.show#topnav_dd_docs .col-for-document_types { grid-area: 2 / 1; }
  .top-nav .dropdown-menu.show#topnav_dd_docs .col-for-use_cases { grid-area: 2 / 2; }
  .top-nav .dropdown-menu.show#topnav_dd_docs .col-for-get_started { grid-area: 4 / 1 / auto / 3; margin: -1px; padding-top: 33px; }
  .top-nav .dropdown-menu .navcol { padding: 1rem 2rem; }
  .top-nav .dropdown-menu.smaller-dropdown { padding: 0px 2rem; }
  .top-nav .dropdown-menu.smaller-dropdown.show { padding: 1rem 2rem; height: auto; }
  .top-nav .dropdown-menu .dropdown-hero:first-child { padding-top: 1rem; }
  .top-nav .dropdown-toggle:not(.with-caret)::before, .top-nav .dropdown-toggle:not(.with-caret)::after { border: 0px; font-family: FontAwesome; color: rgb(154, 82, 255); font-size: 0.75rem; transition: 0.2s; overflow: clip; width: 1rem; }
  .top-nav .dropdown-toggle:not(.with-caret)::before { content: ""; display: inline-block; margin-bottom: -5px; }
  .top-nav .dropdown-toggle:not(.with-caret)::after { content: ""; position: absolute; right: 2rem; }
  .top-nav .dropdown.show .dropdown-toggle::after { text-indent: 5rem; }
  .top-nav .dropdown:not(.show) .dropdown-toggle::before { width: 0px; height: 0px; text-indent: -5rem; }
  .top-nav .dropdown-toggle.with-caret::after { border: 0px; }
  .top-nav #top-main-nav { background-color: rgb(35, 35, 37); padding-top: 32px; position: relative; }
  .top-nav #top-main-nav.submenu-expanded { padding-top: 0px; }
  .top-nav #top-main-nav.submenu-expanded .dropdown:not(.show) .dropdown-toggle { display: none; }
  .top-nav #top-main-nav.submenu-expanded #topnav-search, .top-nav #top-main-nav.submenu-expanded #topnav-language, .top-nav #top-main-nav.submenu-expanded #topnav-theme { height: 0px; overflow: clip; padding-top: 0px; padding-bottom: 0px; }
  .top-nav #topnav-search { position: absolute; top: 0px; right: 105px; }
  .top-nav #topnav-search .input-group { flex-wrap: nowrap; }
  .top-nav #topnav-language { position: absolute; top: 0px; right: 65px; }
  .top-nav #topnav-language hr { border-top: 1px solid rgb(35, 35, 37); margin-top: 0.25rem; margin-bottom: 0.25rem; }
  .top-nav #topnav-theme { position: absolute; top: 0px; right: 26px; }
}
article h1::before, article h2::before, article h3::before, article h4::before, article h5::before, article h6::before, .interactive-block::before { display: block; content: " "; margin-top: -24px; height: 60px; visibility: hidden; pointer-events: none; }
article h1:first-of-type::before { margin-top: -40px; }
.chevron { position: relative; display: inline-block; width: 0.75rem; height: 0.5625rem; }
.chevron span { position: absolute; top: 0.25rem; display: inline-block; width: 0.5rem; height: 0.15rem; background-color: rgb(154, 82, 255); transition: 0.2s; border: none; }
.chevron:not(.expander) span:first-of-type { left: 0px; transform: rotate(45deg); }
.chevron:not(.expander) span:last-of-type { right: 0px; transform: rotate(-45deg); }
.chevron.active span:first-of-type { transform: rotate(-45deg); }
.chevron.active span:first-of-type { transform: rotate(45deg); }
.dropdown.show .chevron span:first-of-type, .expander:not(.collapsed) .chevron span:first-of-type { transform: rotate(-45deg); }
.dropdown.show .chevron span:last-of-type, .expander:not(.collapsed) .chevron span:last-of-type { transform: rotate(45deg); }
#topnav-theme > div { border-radius: var(--language-picker-border-radius); color: var(--language-picker-text-color); background-color: var(--language-picker-background-color); border: 1px solid var(--language-picker-border-color); padding: var(--language-picker-input-padding-vertical) var(--language-picker-input-padding-horizontal); min-height: var(--language-picker-min-height); }
@media (max-width: 991.98px) {
  .navbar-collapse, .dropdown-menu { box-shadow: rgb(0, 0, 0) 0px 25px 40px -20px; }
}
.web-banner { text-decoration: none; display: flex; justify-content: space-between; height: 0px; padding: 7px 35px; z-index: 10; cursor: pointer; text-align: center; font-family: "Space Grotesk"; font-size: 26px; font-style: normal; font-weight: 600; letter-spacing: -0.32px; background: rgb(50, 230, 133) !important; color: rgb(0, 0, 0) !important; }
.web-banner:hover { text-decoration: none; color: rgb(255, 255, 255); }
.web-banner:hover .button-icon { animation: 0.7s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal forwards running iconJitter; transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1); }
.web-banner::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgb(224, 229, 0); z-index: 0; transform: scaleX(0); transform-origin: left center; transition: transform 0.7s cubic-bezier(0.7, 0, 0.84, 0); will-change: transform; }
.web-banner:hover::after { transform: scaleX(1); transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1); }
.web-banner > * { position: relative; z-index: 1; }
@media (max-width: 768px) {
  .web-banner { font-size: 18px; padding: 11px 35px; }
  .web-banner .banner-button { gap: 11px !important; }
  .web-banner .button-text { margin-bottom: 4px; }
}
@media (max-width: 564px) {
  .web-banner { font-size: 15px; padding: 9px 40px; }
  .web-banner .button-text { margin-bottom: 0px; }
  .web-banner .banner-event-details { flex-direction: column; text-align: left; line-height: 21px; gap: 0px !important; }
  .web-banner .banner-event-details .event-date { position: relative; top: -5px; }
  .web-banner .banner-button { align-self: baseline; gap: 8px !important; margin-top: -2px !important; padding-top: 0px !important; }
}
.web-banner .banner-button { display: flex; align-items: center; gap: 14.5px; padding-top: 1px; }
.web-banner .banner-button img { width: 24.5px; height: 33.7px; }
@media (max-width: 768px) {
  .web-banner .banner-button img { width: 15.5px; height: 17px; margin-top: 4px; }
}
@media (max-width: 564px) {
  .web-banner .banner-button img { width: 14.5px; height: 13.85px; }
}
.web-banner .banner-event-details { display: flex; gap: 32px; }
.web-banner .button-icon { aspect-ratio: 0.71 / 1; object-fit: contain; animation: auto ease 0s 1 normal none running none; transform: rotateZ(0deg); transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1); align-self: stretch; margin: auto 0px; transform-style: preserve-3d; }
@keyframes iconJitter { 
  0% { transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateZ(0deg) skew(0deg, 0deg); }
  100% { transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateZ(45deg) skew(0deg, 0deg); }
}
.web-banner a { text-decoration: none; }
.button-icon { animation: 0.7s ease-in-out 0s 1 normal none running iconJitter; transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1); }
@keyframes iconReturn { 
  0% { transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateZ(45deg) skew(0deg, 0deg); }
  100% { transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateZ(0deg) skew(0deg, 0deg); }
}
.web-banner.has-hover:not(:hover) .button-icon { animation: 0.7s ease-in-out 0s 1 normal forwards running iconReturn; transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1); }
[data-component-name="Markdown/Markdown"] article { padding-bottom: 50px; }
[data-component-name="Markdown/Markdown"] article p code, [data-component-name="Markdown/Markdown"] article table code, [data-component-name="Markdown/Markdown"] article li > code { background-color: rgb(10, 46, 27); color: rgb(91, 235, 157); }
[data-component-name="Markdown/Markdown"] article a { text-decoration: underline; }
[data-component-name="Markdown/Markdown"] article h1 { font-size: 3rem; margin-top: 32px; line-height: 1.2; font-weight: 700; }
[data-component-name="Markdown/Markdown"] article h1:first-child { margin-top: 0px; line-height: 1.2; }
[data-component-name="Markdown/Markdown"] article h2, [data-component-name="Markdown/Markdown"] article h2.md { margin-top: 2.5rem; margin-bottom: 1.5rem; font-size: 2.5rem; font-weight: 600; line-height: 1.2; }
[data-component-name="Markdown/Markdown"] article h3, [data-component-name="Markdown/Markdown"] article h3.md { font-size: 2.125rem; margin-top: 2rem; margin-bottom: 1rem; line-height: 1.2; }
[data-component-name="Markdown/Markdown"] article h4 { font-size: 1.75rem; margin-top: 1.5rem; margin-bottom: 0.5rem; line-height: 1.2; }
[data-component-name="Markdown/Markdown"] article h5 { font-size: 1.25rem; margin-top: 1.25rem; line-height: 1.2; font-weight: 700; }
[data-component-name="Markdown/Markdown"] article h6 { font-size: 1rem; margin-top: 1rem; line-height: 1.2; font-weight: 700; }
[data-component-name="Markdown/Markdown"] article > ul li, [data-component-name="Markdown/Markdown"] article > ol li, [data-component-name="Markdown/Markdown"] article .children-display li { margin: 24px 6px 6px; }
[data-component-name="Markdown/Markdown"] article > ul li:first-child, [data-component-name="Markdown/Markdown"] article > ol li:first-child, [data-component-name="Markdown/Markdown"] article .children-display li:first-child { margin-top: 16px; }
[data-component-name="Markdown/Markdown"] article > ul li p, [data-component-name="Markdown/Markdown"] article > ol li p, [data-component-name="Markdown/Markdown"] article .children-display li p { margin: 0px; }
[data-component-name="Markdown/Markdown"] article [data-component-name="Markdoc/Tabs/Tabs"] li { margin: 0px; }
[data-component-name="Markdown/Markdown"] article a[title="Source"], [data-component-name="Markdown/Markdown"] article a[title="ソース"] { float: right; padding-left: 20px; }
[data-component-name="Markdown/Markdown"] article h1.invisible, [data-component-name="Markdown/Markdown"] article h2.invisible, [data-component-name="Markdown/Markdown"] article h3.invisible, [data-component-name="Markdown/Markdown"] article h4.invisible, [data-component-name="Markdown/Markdown"] article h5.invisible, [data-component-name="Markdown/Markdown"] article h6.invisible { font-size: 0px; line-height: 0; margin: 0px; }
[data-component-name="Markdown/Markdown"] article h1.invisible .hover_anchor, [data-component-name="Markdown/Markdown"] article h2.invisible .hover_anchor, [data-component-name="Markdown/Markdown"] article h3.invisible .hover_anchor, [data-component-name="Markdown/Markdown"] article h4.invisible .hover_anchor, [data-component-name="Markdown/Markdown"] article h5.invisible .hover_anchor, [data-component-name="Markdown/Markdown"] article h6.invisible .hover_anchor { display: none; }
[data-component-name="Markdown/Markdown"] article .shield { display: inline-block !important; vertical-align: middle; }
.blurb a { text-decoration: underline; }
.hover_anchor { visibility: hidden; padding-left: 1rem; font-size: 1.25rem; }
h1:hover .hover_anchor, h2:hover .hover_anchor, h3:hover .hover_anchor, h4:hover .hover_anchor, h5:hover .hover_anchor, h6:hover .hover_anchor { visibility: visible; text-decoration: none; }
pre { color: rgb(255, 255, 255); background-color: rgb(35, 35, 37); overflow-wrap: normal; padding: 2rem; border-radius: 4px; }
pre code { white-space: pre; color: rgb(255, 255, 255); background-color: rgb(35, 35, 37); }
.multicode { padding: 0px; z-index: 1; position: relative; }
.multicode pre { background: none; border: none; border-radius: 0px; padding: 0px; clear: both; }
.multicode pre code { overflow: auto; max-height: 24em; border-radius: 0px 4px 4px; display: block; padding: 2rem; }
.multicode pre code.expanded { overflow: visible; max-height: none; position: absolute; min-width: 100%; }
.multicode ul { padding: 0px; margin: 0px !important; }
.multicode ul li { display: block; float: left; list-style-type: none; margin-right: 0px; margin-left: 0px; border: 0px; clear: none; }
.multicode a { text-decoration: none; color: rgb(255, 255, 255); background-color: transparent; padding: 0.75rem 2rem; margin: 0px; border-radius: 4px 4px 0px 0px; }
.multicode a.current { background-color: rgb(35, 35, 37); }
.multicode a:hover { text-decoration: none; background-color: rgb(35, 35, 37); color: rgb(154, 82, 255); padding-bottom: 0.625rem; }
.multicode .btn { z-index: 10; }
.multicode .codetabs { position: relative; z-index: 10; }
.clipboard-btn { z-index: 10; margin-right: 10px; }
.codehilite { background: rgb(35, 35, 37); color: rgb(255, 255, 255); }
.codehilite .c, .codehilite .ch, .codehilite .cm, .codehilite .cp, .codehilite .cpf, .codehilite .c1, .codehilite .cs { color: rgb(131, 131, 134); }
.codehilite .k, .codehilite .kc, .codehilite .kd, .codehilite .kn, .codehilite .kp, .codehilite .kr, .codehilite .kt { color: rgb(255, 103, 25); }
.codehilite .m, .codehilite .mb, .codehilite .mh, .codehilite .mi, .codehilite .mo, .codehilite .il { color: rgb(25, 163, 255); }
.codehilite .n, .codehilite .na, .codehilite .nb, .codehilite .nc, .codehilite .nd, .codehilite .ne, .codehilite .nf, .codehilite .ni, .codehilite .nl, .codehilite .nn, .codehilite .nt, .codehilite .nv, .codehilite .nx, .codehilite .bp, .codehilite .fm, .codehilite .py { color: rgb(255, 255, 255); }
.codehilite .p { color: rgb(224, 224, 225); }
.codehilite .s, .codehilite .s1, .codehilite .s2, .codehilite .sa, .codehilite .sb, .codehilite .sc, .codehilite .dl, .codehilite .sd, .codehilite .se, .codehilite .sh, .codehilite .si, .codehilite .sr, .codehilite .ss, .codehilite .sx { color: rgb(40, 184, 106); }
.codehilite { background: transparent; position: relative; }
.codehilite .btn-group { top: 1rem; right: 1rem; position: absolute; }
.multicode .codehilite .btn-group { top: 70px; right: 20px; }
#redocly_root .cm-foldPlaceholder { background-color: rgb(35, 35, 37); border: none; font-size: 18px; }
#app_root article .code-walkthrough { margin-right: 112px; max-width: calc(100% - 112px); padding-right: 0px; grid-template-columns: 5fr 5fr; }
@media screen and (max-width: 990px) {
  #app_root article .code-walkthrough { margin-right: 96px; max-width: calc(100% - 96px); }
}
@media screen and (min-width: 1600px) {
  #app_root article .code-walkthrough [data-component-name="Markdoc/CodeWalkthrough/CodeFilters"] { margin-left: 96px; max-width: calc(100% - 96px); }
  #app_root article .code-walkthrough [class*="CodeWalkthrough__ContentWrapper"] { margin-left: 96px; max-width: calc(100% - 200px); }
}
#app_root article .code-walkthrough .tag-size-large { margin: 0 var(--spacing-xs); }
#app_root article .code-walkthrough .tag-size-large > div { padding: 2px 4px; }
#app_root article .code-walkthrough [data-component-name="Markdoc/CodeWalkthrough/CodeFilters"] { padding: var(--spacing-xs) var(--spacing-lg); }
#app_root article .code-walkthrough [data-component-name="Markdoc/CodeWalkthrough/CodeFilters"] > :first-child > :first-child { margin: auto; }
#app_root article .code-walkthrough [data-component-name="Markdoc/CodeWalkthrough/CodePanel"] { top: var(--navbar-height); border: 0px; }
#app_root article .code-walkthrough [data-component-name="Markdoc/CodeWalkthrough/CodePanel"] [data-component-name="CodeBlock/CodeBlockContainer"] { border-top-left-radius: 0px; border-top-right-radius: 0px; }
#app_root article .code-walkthrough > :first-child > div { border-radius: var(--border-radius-md); }
#app_root article .code-walkthrough [data-component-name="Markdoc/CodeWalkthrough/CodeFilters"] { background-color: var(--code-panel-bg-color); }
#app_root article .code-walkthrough [data-line-number]::before { padding-left: 0.8em; }
article img { max-width: 100%; height: auto; }
article svg { max-width: 100%; }
article .floating-diagram { margin: 0.5rem; float: left; }
article li { clear: left; }
html:not(.light) article svg[fill="black"] { fill: rgb(255, 255, 255); stroke: rgb(255, 255, 255); }
html:not(.light) article svg[fill="black"] [fill="white"] { fill: rgb(0, 0, 0); }
html:not(.light) article svg[fill="black"] [stroke="white"] { stroke: rgb(0, 0, 0); }
html:not(.light) article svg[fill="black"] [fill="black"] { fill: rgb(255, 255, 255); }
html:not(.light) article svg[fill="black"] [stroke="black"] { stroke: rgb(255, 255, 255); }
html:not(.light) article svg[fill="black"] g[fill="blue"] { fill: rgb(25, 163, 255); }
html:not(.light) article svg[fill="black"] g[stroke="blue"] { stroke: rgb(25, 163, 255); }
html:not(.light) article svg[fill="black"] g[fill="rgb(120,120,120)"] { fill: rgb(224, 224, 225); }
html:not(.light) article svg[fill="black"] g[stroke="rgb(120,120,120)"] { stroke: rgb(224, 224, 225); }
html:not(.light) article svg[fill="black"] g[fill="rgb(200,200,200)"] { fill: rgb(52, 52, 55); }
html:not(.light) article svg[fill="black"] g[fill="rgb(70,70,70)"] { fill: rgb(131, 131, 134); }
html:not(.light) article svg[fill="black"] g[stroke="rgb(70,70,70)"] { stroke: rgb(131, 131, 134); }
html:not(.light) article svg[fill="black"] g[fill="rgb(29,180,255)"] { fill: rgb(154, 82, 255); }
html:not(.light) article svg[fill="black"] g[stroke="rgb(29,180,255)"] { stroke: rgb(154, 82, 255); }
html:not(.light) article svg[fill="black"] rect[stroke="rgb(245,247,249)"] { stroke: rgb(0, 0, 0); }
html:not(.light) article svg[fill="black"] g[fill="lime"], html:not(.light) article svg[fill="black"] g[fill="rgb(0,255,0)"] { fill: rgb(154, 82, 255); }
html:not(.light) article svg[fill="black"] g[stroke="lime"], html:not(.light) article svg[fill="black"] g[stroke="rgb(0,255,0)"] { stroke: rgb(154, 82, 255); }
html:not(.light) article svg[fill="black"] g[fill="yellow"], html:not(.light) article svg[fill="black"] g[fill="rgb(255,255,0)"] { fill: rgb(250, 255, 25); }
html:not(.light) article svg[fill="black"] g[fill="yellow"] path[stroke="black"], html:not(.light) article svg[fill="black"] g[fill="rgb(255,255,0)"] path[stroke="black"] { stroke: rgb(0, 0, 0); }
html:not(.light) article svg[fill="black"] g[fill="red"], html:not(.light) article svg[fill="black"] g[fill="rgb(255,255,0)"] { fill: rgb(255, 25, 139); }
html:not(.light) article svg[fill="black"] g[stroke="red"], html:not(.light) article svg[fill="black"] g[stroke="rgb(255,255,0)"] { stroke: rgb(255, 25, 139); }
html:not(.light) article svg[fill="black"] g[fill="yellow"] + g text, html:not(.light) article svg[fill="black"] g[fill="rgb(255,255,0)"] + g text { fill: rgb(0, 0, 0); }
html:not(.light) article svg[fill="black"] g[fill="lime"] + g text { fill: rgb(0, 0, 0); }
html:not(.light) article svg[fill="none"] path[fill="#000000"] { fill: rgb(255, 255, 255); }
html:not(.light) article svg[fill="none"] path[stroke="#000000"] { stroke: rgb(255, 255, 255); }
html:not(.light) article svg[fill="none"] path[fill="#ffffff"] { fill: rgb(0, 0, 0); }
html:not(.light) article svg[fill="none"] path[stroke="#ffffff"] { stroke: rgb(0, 0, 0); }
html:not(.light) article svg[fill="none"] path[fill="#23292f"], html:not(.light) article svg[fill="none"] path[fill="#23282f"] { fill: rgb(255, 255, 255); }
html:not(.light) article svg[fill="none"] path[stroke="#23292f"], html:not(.light) article svg[fill="none"] path[stroke="#23282f"] { stroke: rgb(255, 255, 255); }
html:not(.light) article svg[fill="none"] path[fill="#2c3e50"], html:not(.light) article svg[fill="none"] path[fill="#2b3e51"] { fill: rgb(224, 224, 225); }
html:not(.light) article svg[fill="none"] path[stroke="#2c3e50"], html:not(.light) article svg[fill="none"] path[stroke="#2b3e51"] { stroke: rgb(224, 224, 225); }
html:not(.light) article svg[fill="none"] path[fill="#1c2835"] { fill: rgb(245, 245, 247); }
html:not(.light) article svg[fill="none"] path[stroke="#1c2835"] { stroke: rgb(245, 245, 247); }
html:not(.light) article svg[fill="none"] path[fill="#21aa47"] { fill: rgb(50, 230, 133); }
html:not(.light) article svg[fill="none"] path[stroke="#21aa47"] { stroke: rgb(50, 230, 133); }
html:not(.light) article svg[fill="none"] path[fill="#e64b3b"] { fill: rgb(220, 53, 69); }
html:not(.light) article svg[fill="none"] path[stroke="#e64b3b"] { stroke: rgb(220, 53, 69); }
html:not(.light) article svg[fill="none"] path[stroke="#27a2db"], html:not(.light) article svg[fill="none"] path[stroke="#00aae4"] { stroke: rgb(154, 82, 255); }
html:not(.light) article svg[fill="none"] path[fill="#27a2db"], html:not(.light) article svg[fill="none"] path[fill="#00aae4"] { fill: rgb(154, 82, 255); }
html:not(.light) article svg[fill="none"] path[fill="#e6e7e8"] { fill: rgb(35, 35, 37); }
html:not(.light) article svg[fill="none"] path[stroke="#e6e7e8"] { stroke: rgb(35, 35, 37); }
html:not(.light) article svg[fill="none"] path[stroke="#ffbf27"] { stroke: rgb(217, 25, 255); }
html:not(.light) article svg[fill="none"] path[fill="#00ff00"] { fill: rgb(50, 230, 133); }
html:not(.light) article svg[fill="none"] path[stroke="#00ff00"] { stroke: rgb(50, 230, 133); }
html:not(.light) article svg[fill="none"] path[fill="#ff00ff"] { fill: rgb(255, 25, 139); }
html:not(.light) article svg[fill="none"] path[stroke="#ff00ff"] { stroke: rgb(255, 25, 139); }
html:not(.light) article svg[fill="none"] lineargradient stop[stop-color="#ffffff"] { stop-color: rgb(52, 52, 55); }
html:not(.light) article svg[fill="none"] lineargradient stop[stop-color="#e6e7e8"] { stop-color: rgb(35, 35, 37); }
html:not(.light) article svg[fill="none"] lineargradient stop[stop-color="#dbdcdd"] { stop-color: rgb(0, 0, 0); }
html:not(.light) article svg[fill="none"] lineargradient stop[stop-color="#b1b3b5"] { stop-color: rgb(17, 17, 18); }
html:not(.light) article svg[fill="none"] lineargradient stop[stop-color="#29a1da"] { stop-color: rgb(45, 207, 120); }
html:not(.light) article svg[fill="none"] lineargradient stop[stop-color="#2789b9"] { stop-color: rgb(91, 235, 157); }
html:not(.light) article svg[fill="none"] lineargradient stop[stop-color="#6bc1ec"] { stop-color: rgb(173, 245, 206); }
html:not(.light) article svg[fill="none"] lineargradient stop[stop-color="#8ad6f4"] { stop-color: rgb(132, 240, 182); }
html:not(.light) article svg[fill="none"] lineargradient stop[stop-color="#fab913"] { stop-color: rgb(242, 178, 255); }
html:not(.light) article svg[fill="none"] lineargradient stop[stop-color="#fad26b"] { stop-color: rgb(234, 128, 255); }
html:not(.light) article svg[fill="none"] lineargradient stop[stop-color="#f8a136"] { stop-color: rgb(226, 76, 255); }
html:not(.light) article svg[fill="none"] lineargradient stop[stop-color="#f7931a"] { stop-color: rgb(192, 0, 229); }
html.light svg[fill="black"] g[fill="blue"] { fill: rgb(0, 107, 178); }
html.light svg[fill="black"] g[stroke="blue"] { stroke: rgb(25, 163, 255); }
html.light svg[fill="black"] g[fill="rgb(120,120,120)"] { fill: rgb(52, 52, 55); }
html.light svg[fill="black"] g[stroke="rgb(120,120,120)"] { stroke: rgb(52, 52, 55); }
html.light svg[fill="black"] g[fill="rgb(200,200,200)"] { fill: rgb(162, 162, 164); }
html.light svg[fill="black"] g[fill="rgb(70,70,70)"] { fill: rgb(52, 52, 55); }
html.light svg[fill="black"] g[stroke="rgb(70,70,70)"] { stroke: rgb(52, 52, 55); }
html.light svg[fill="black"] g[fill="rgb(29,180,255)"] { fill: rgb(25, 163, 255); }
html.light svg[fill="black"] g[stroke="rgb(29,180,255)"] { stroke: rgb(0, 107, 178); }
html.light svg[fill="black"] rect[stroke="rgb(245,247,249)"] { stroke: rgb(252, 252, 253); }
html.light svg[fill="black"] g[fill="lime"], html.light svg[fill="black"] g[fill="rgb(0,255,0)"] { fill: rgb(91, 235, 157); }
html.light svg[fill="black"] g[stroke="lime"], html.light svg[fill="black"] g[stroke="rgb(0,255,0)"] { stroke: rgb(40, 184, 106); }
html.light svg[fill="black"] g[fill="yellow"], html.light svg[fill="black"] g[fill="rgb(255,255,0)"] { fill: rgb(252, 255, 128); }
html.light svg[fill="black"] g[fill="red"], html.light svg[fill="black"] g[fill="rgb(255,255,0)"] { fill: rgb(255, 75, 164); }
html.light svg[fill="black"] g[stroke="red"], html.light svg[fill="black"] g[stroke="rgb(255,255,0)"] { stroke: rgb(255, 25, 139); }
html.light svg[fill="none"] rect[fill="#111112"] { fill: rgb(245, 245, 247); }
html.light svg[fill="none"] path[fill="white"] { fill: rgb(0, 0, 0); }
html.light svg[fill="none"] path[fill="#343437"] { fill: rgb(193, 193, 194); }
html.light svg[fill="none"] path[fill="#A2A2A4"], html.light svg[fill="none"] rect[fill="#A2A2A4"], html.light svg[fill="none"] ellipse[fill="#A2A2A4"] { fill: rgb(69, 69, 73); }
html.light svg[fill="none"] path[fill="#232325"] { fill: rgb(224, 224, 225); }
html.light svg[fill="none"] path[fill="#F5F5F7"] { fill: rgb(17, 17, 18); }
html.light svg[fill="none"] path[stroke="#F5F5F7"] { stroke: rgb(17, 17, 18); }
html.light svg[fill="none"] path[stroke="#FF198B"] { stroke: rgb(178, 0, 88); }
html.light svg[fill="none"] lineargradient stop[stop-color="#F5F5F7"] { stop-color: rgb(17, 17, 18); }
html.light svg[fill="none"] lineargradient stop[stop-color="#C1C1C2"] { stop-color: rgb(52, 52, 55); }
.external-link::after { content: " "; background-image: url(""); background-repeat: no-repeat; display: inline-block; background-size: 16px; padding: 0px 4px 0px 8px; width: 16px; height: 16px; background-position: center center; transition: transform 100ms ease-in-out; }
.external-link:hover::after { transform: translate(3px, -3px); }
.external-link .fa-external-link { display: none; }
.top-nav .dropdown .external-link::after, .xrpl-footer .external-link::after { background-position: left 6px bottom 1px; width: 2rem; }
.top-nav .dropdown .external-link:hover::after, .xrpl-footer .external-link:hover::after { background-position: left 8px bottom 3px; }
.q-wrapper .external-link::after { background-position: left 0px bottom 7px; }
.q-wrapper .external-link:hover::after { background-position: left 4px bottom 11px; }
.li-links { position: relative; border-bottom: 2px solid rgb(69, 69, 73); }
.li-links a { width: 100%; padding: 16px 0px; }
.li-links a::after { position: absolute; right: 4px; content: " "; background-image: url(""); background-repeat: no-repeat; display: inline-block; background-size: 1.5rem; padding: 0px 0.5rem; background-position: left 0px bottom -0.1rem; transition: background-position 100ms ease-in-out; }
.li-links a:hover::after { background-position: left 0.2rem bottom 0.1rem; }
[data-component-name="Footer/Footer"] { padding: 7.5rem 2rem; }
[data-component-name="Footer/Footer"] [data-component-name="Footer/FooterColumn"] { text-shadow: rgb(17, 17, 18) 0px 0px 2px, rgb(17, 17, 18) 1px 1px 2px, rgb(17, 17, 18) 2px 2px 3px, rgb(17, 17, 18) 2px 2px 4px, rgb(17, 17, 18) 2px 2px 5px, rgb(17, 17, 18) 2px 2px 6px, rgb(17, 17, 18) -1px -1px 2px, rgb(17, 17, 18) -2px -2px 3px, rgb(17, 17, 18) -2px -2px 4px; }
@media (min-width: 992px) {
  [data-component-name="Footer/Footer"] { background-image: url("footer.svg"); background-size: cover; background-repeat: no-repeat; background-position: right bottom; }
}
@media (max-width: 991.98px) {
  [data-component-name="Footer/Footer"] .col-lg:not(:first-child) { margin-top: 4rem; }
}
[data-component-name="Footer/Footer"] h5 { font-size: 1rem; font-weight: 600; color: rgb(162, 162, 164); }
[data-component-name="Footer/Footer"] .nav-link { padding: 0.75rem 0px; line-height: 1; }
[data-component-name="Footer/Footer"] .absolute-bottom-footer { font-size: 10px; line-height: 1rem; }
@media (max-width: 991.98px) {
  [data-component-name="Footer/Footer"] .absolute-bottom-footer .copyright-license { margin-top: 3rem; }
}
.devportal-callout.tip, .devportal-callout.ヒント { border-color: rgb(50, 230, 133); }
.devportal-callout.tip > strong:first-child::before, .devportal-callout.ヒント > strong:first-child::before { color: rgb(50, 230, 133); }
.devportal-callout.note > strong:first-child::before, .devportal-callout.注記 > strong:first-child::before { color: rgb(25, 163, 255); }
.devportal-callout.note, .devportal-callout.注記 { border-color: rgb(25, 163, 255); }
.devportal-callout.caution, .devportal-callout.注意 { border-color: rgb(250, 255, 25); }
.devportal-callout.caution > strong:first-child::before, .devportal-callout.注意 > strong:first-child::before { color: rgb(250, 255, 25); }
.devportal-callout.warning, .devportal-callout.警告 { border-color: rgb(255, 25, 139); }
.devportal-callout.warning > strong:first-child::before, .devportal-callout.警告 > strong:first-child::before { color: rgb(255, 25, 139); }
blockquote, .devportal-callout { border-style: solid; border-radius: 0px; border-width: 1px 1px 1px 4px; padding: 5px 5px 5px 25px; break-inside: avoid; }
.devportal-callout > strong:first-child { display: block; break-after: avoid; }
.devportal-callout.tip > strong:first-child::before { content: ""; font-family: FontAwesome; margin-left: -20px; padding-right: 5px; }
.devportal-callout.note > strong:first-child::before { content: ""; font-family: FontAwesome; margin-left: -20px; padding-right: 5px; }
.devportal-callout.caution > strong:first-child::before { content: ""; font-family: FontAwesome; margin-left: -20px; padding-right: 5px; }
.devportal-callout.warning > strong:first-child::before { content: ""; font-family: FontAwesome; margin-left: -20px; padding-right: 5px; }
@media (min-width: 992px) {
  .card, .cta-card, .q-wrapper { box-shadow: rgb(0, 0, 0) 0px 5px 40px; }
}
#code-samples-deck .card { box-shadow: none; margin: 0px 2rem 5rem; }
#code-samples-deck .card-header { border-bottom: none; background-color: unset; }
#code-samples-deck .card-footer { background-color: unset; font-size: initial; }
#code-samples-deck .card-deck .card a { margin: 0px 2.5rem 5rem; }
#code-samples-deck .circled-logo { margin-left: -15px; }
@media (min-width: 992px) {
  .code-contribute { width: 75vw; position: relative; left: 20%; right: 20%; margin-left: -30vw; margin-right: -30vw; }
}
.contribute::before { content: ""; display: block; height: 2px; width: 100%; position: absolute; top: 0px; }
.contribute .dot { height: 16px; width: 16px; background-color: rgb(17, 17, 18); border-radius: 50%; border: 3px solid rgb(251, 255, 76); display: inline-block; position: absolute; top: -7px; left: -6px; }
@media (max-width: 991.98px) {
  .contribute::before { left: 0px; height: 100%; width: 2px; top: 15px; }
  .contribute .dot { top: 5px; left: -6px; }
}
.contribute_1::before { background: -webkit-linear-gradient(left, rgb(254, 255, 1), rgb(255, 45, 154)); }
.contribute_1 .dot { border-color: rgb(251, 255, 76); }
.contribute_2::before { background: -webkit-linear-gradient(left, rgb(255, 45, 154), rgb(226, 76, 255)); }
.contribute_2 .dot { border-color: rgb(255, 25, 139); }
.contribute_3::before { background: -webkit-linear-gradient(left, rgb(226, 76, 255), rgb(154, 82, 255)); }
.contribute_3 .dot { border-color: rgb(192, 0, 229); }
.contribute_4::before { background: -webkit-linear-gradient(left, rgb(154, 82, 255), rgb(154, 82, 255)); }
.contribute_4 .dot { border-color: rgb(154, 82, 255); }
.card > img { border-radius: 8px 8px 0px 0px; }
.card-body > p, .card-body > p:not(:last-child) { padding: 0px; margin-bottom: 2rem; }
main a.card { border: 0px; color: rgb(255, 255, 255); }
a.card:hover, a:hover .card-new, [data-component-name="Markdown/Markdown"] a.card { text-decoration: none !important; }
a.card:hover h3 { text-decoration: underline; }
.circled-logo { background-color: rgb(69, 69, 73); border-radius: 50%; padding: 0.65rem; width: 50px; height: 50px; margin-bottom: 0.75rem; border: 2px solid rgb(35, 35, 37); }
.circled-logo img { width: 26px; height: 26px; display: inline-block; }
.light .circled-logo { border: none; }
.cols-of-1 { grid-template-rows: repeat(1, min-content); }
.cols-of-2 { grid-template-rows: repeat(2, min-content); }
.cols-of-3 { grid-template-rows: repeat(3, min-content); }
.cols-of-4 { grid-template-rows: repeat(4, min-content); }
.cols-of-5 { grid-template-rows: repeat(5, min-content); }
.cols-of-6 { grid-template-rows: repeat(6, min-content); }
.cols-of-7 { grid-template-rows: repeat(7, min-content); }
.cols-of-8 { grid-template-rows: repeat(8, min-content); }
.cols-of-9 { grid-template-rows: repeat(9, min-content); }
.cols-of-10 { grid-template-rows: repeat(10, min-content); }
.card-deck { margin: 2.5rem -1.25rem 5rem; flex-grow: 1; }
@media (min-width: 992px) {
  .card-deck { margin-top: 5rem; }
}
.card-deck .card { flex-grow: 0; flex-basis: 100%; margin: 0px 1.25rem 5rem; background-position: center bottom; background-repeat: no-repeat; background-size: contain; }
.card-deck.row-cols-1 .card { flex-basis: 100%; min-height: 264px; }
@media (min-width: 768px) {
  .card-deck.row-cols-1 .card { min-height: 347px; }
}
@media (min-width: 1200px) {
  .card-deck.row-cols-lg-3 { margin-left: -2.5rem; margin-right: -2.5rem; }
}
@media (min-width: 992px) {
  .card-deck.row-cols-lg-3 .card { flex-basis: calc(33% - 2.5rem); }
}
@media (min-width: 1200px) {
  .card-deck.row-cols-lg-3 .card { margin: 0px 2.5rem 5rem; flex-basis: calc(33% - 5rem); }
}
@media (min-width: 992px) {
  .card-deck.row-cols-lg-4 .card { flex-basis: calc(25% - 2.5rem); }
}
.card-deck a.card { transition: 0.35s ease-out; cursor: pointer; }
.card-deck a.card:hover { transform: translateY(-16px); }
.card-deck .card-footer { font-size: 0px; padding: 1rem; background-position: center bottom; background-repeat: no-repeat; background-size: cover; border-top: 0px; }
@media (max-width: 991.98px) {
  .card-deck { margin-top: 2rem; }
  .card-deck .card-body { padding: 1rem; }
  .card-deck.row-cols-1 .card { margin: 0.75rem 0.75rem 5rem; max-width: calc(100% - 1.5rem); }
  .card-deck.row-cols-2 .card { margin: 0.75rem; max-width: calc(50% - 1.5rem); }
}
main article .card-grid.card-grid-3xN { gap: 1rem; }
main article .card-grid.card-grid-3xN .card { padding: 0px; margin: 0.5rem; }
main article .card-grid.card-grid-3xN .card .card-body { padding: 1rem; }
main article .card-grid.card-grid-3xN .card .card-icon-container { width: 50px; height: 50px; background: rgb(69, 69, 73); display: flex; justify-content: center; align-items: center; border-radius: 50%; margin-bottom: 12px; }
main article .card-grid.card-grid-3xN .card .card-icon-container img { width: 70%; height: 70%; }
main article .card-grid.card-grid-3xN .card .card-footer { font-size: 0px; line-height: 0; padding: 1rem; background-position: center bottom; background-repeat: no-repeat; background-size: cover; border-top: 0px; }
main article .card-grid.card-grid-3xN:nth-of-type(0) .card:nth-child(1) .card-footer { background-image: url(""); }
main article .card-grid.card-grid-3xN:nth-of-type(0) .card:nth-child(2) .card-footer { background-image: url(""); }
main article .card-grid.card-grid-3xN:nth-of-type(0) .card:nth-child(3) .card-footer { background-image: url("3col-purple-blue-green.svg"); }
main article .card-grid.card-grid-3xN:nth-of-type(0) .card:nth-child(4) .card-footer { background-image: url(""); }
main article .card-grid.card-grid-3xN:nth-of-type(0) .card:nth-child(5) .card-footer { background-image: url("3col-green-blue.svg"); }
main article .card-grid.card-grid-3xN:nth-of-type(0) .card:nth-child(6) .card-footer { background-image: url(""); }
main article .card-grid.card-grid-3xN:nth-of-type(0) .card:nth-child(7) .card-footer { background-image: url(""); }
main article .card-grid.card-grid-3xN:nth-of-type(0) .card:nth-child(8) .card-footer { background-image: url("3col-pink-purple.svg"); }
main article .card-grid.card-grid-3xN:nth-of-type(0) .card:nth-child(9) .card-footer { background-image: url(""); }
main article .card-grid.card-grid-3xN:nth-of-type(1) .card:nth-child(1) .card-footer { background-image: url(""); }
main article .card-grid.card-grid-3xN:nth-of-type(1) .card:nth-child(2) .card-footer { background-image: url(""); }
main article .card-grid.card-grid-3xN:nth-of-type(1) .card:nth-child(3) .card-footer { background-image: url("3col-neutral-blue.svg"); }
main article .card-grid.card-grid-3xN:nth-of-type(1) .card:nth-child(4) .card-footer { background-image: url(""); }
main article .card-grid.card-grid-3xN:nth-of-type(1) .card:nth-child(5) .card-footer { background-image: url(""); }
main article .card-grid.card-grid-3xN:nth-of-type(1) .card:nth-child(6) .card-footer { background-image: url("3col-orange.svg"); }
main article .card-grid.card-grid-3xN:nth-of-type(1) .card:nth-child(7) .card-footer { background-image: url("3col-light-green.svg"); }
main article .card-grid.card-grid-3xN:nth-of-type(1) .card:nth-child(8) .card-footer { background-image: url(""); }
main article .card-grid.card-grid-3xN:nth-of-type(1) .card:nth-child(9) .card-footer { background-image: url(""); }
main article .card-grid.card-grid-3xN:nth-of-type(2) .card:nth-child(1) .card-footer { background-image: url(""); }
main article .card-grid.card-grid-3xN:nth-of-type(2) .card:nth-child(2) .card-footer { background-image: url(""); }
main article .card-grid.card-grid-3xN:nth-of-type(2) .card:nth-child(3) .card-footer { background-image: url(""); }
main article .card-grid.card-grid-3xN:nth-of-type(2) .card:nth-child(4) .card-footer { background-image: url(""); }
main article .card-grid.card-grid-3xN:nth-of-type(2) .card:nth-child(5) .card-footer { background-image: url("3col-light-blue.svg"); }
main article .card-grid.card-grid-3xN:nth-of-type(2) .card:nth-child(6) .card-footer { background-image: url("3col-magenta-orange.svg"); }
main article .card-grid.card-grid-3xN:nth-of-type(2) .card:nth-child(7) .card-footer { background-image: url(""); }
main article .card-grid.card-grid-3xN:nth-of-type(2) .card:nth-child(8) .card-footer { background-image: url(""); }
main article .card-grid.card-grid-3xN:nth-of-type(2) .card:nth-child(9) .card-footer { background-image: url(""); }
main article .card-grid.card-grid-3xN:nth-of-type(3) .card:nth-child(1) .card-footer { background-image: url(""); }
main article .card-grid.card-grid-3xN:nth-of-type(3) .card:nth-child(2) .card-footer { background-image: url(""); }
main article .card-grid.card-grid-3xN:nth-of-type(3) .card:nth-child(3) .card-footer { background-image: url("3col-purple-blue-2.svg"); }
main article .card-grid.card-grid-3xN:nth-of-type(3) .card:nth-child(4) .card-footer { background-image: url(""); }
main article .card-grid.card-grid-3xN:nth-of-type(3) .card:nth-child(5) .card-footer { background-image: url(""); }
main article .card-grid.card-grid-3xN:nth-of-type(3) .card:nth-child(6) .card-footer { background-image: url("3col-orange-yellow.svg"); }
main article .card-grid.card-grid-3xN:nth-of-type(3) .card:nth-child(7) .card-footer { background-image: url(""); }
main article .card-grid.card-grid-3xN:nth-of-type(3) .card:nth-child(8) .card-footer { background-image: url(""); }
main article .card-grid.card-grid-3xN:nth-of-type(3) .card:nth-child(9) .card-footer { background-image: url(""); }
.cta-card { text-align: center; background-color: rgb(35, 35, 37); }
.card-subhead { font-size: 1rem; margin-bottom: 0.25rem; margin-top: 0.5rem; }
.breadcrumbs-wrap { position: relative; z-index: 11; padding: 0px 0px 2rem; }
.interactive-block .breadcrumbs-wrap { padding: 0px; }
.breadcrumb-item + .breadcrumb-item::before { content: ""; font-family: FontAwesome; padding-right: 5px; }
.breadcrumbs-wrap .breadcrumb { padding: 0px; margin-bottom: 0px; font-size: 0.833em; }
.breadcrumb-item a { color: rgb(224, 224, 225); text-decoration: none; }
.breadcrumb-item a:hover { color: rgb(154, 82, 255); }
.landing .container-fluid.section-hero, .landing .section-hero.container-sm, .landing .section-hero.container-md, .landing .section-hero.container-lg, .landing .section-hero.container-xl { padding: 48px 0px; }
.landing article .children-display > ul > li, .landing article .curated-links > ul > li { margin-top: 24px; }
.landing article .children-display li a, .landing article .curated-links li a { font-weight: 700; font-size: 1.25rem; text-decoration: none; }
.landing article .children-display li a:hover, .landing article .curated-links li a:hover { text-decoration: underline; }
.landing section:first-of-type h1:first-child { margin-top: 0px; line-height: 1.2; }
.landing .level-1, .landing .level-2 { margin-top: 0px; }
.landing .curated-links ul, .landing .curated-links ol, .landing .children-display ul { padding-left: 0px; margin-bottom: 0px; }
.landing .section-hero .blurb { font-size: 1.2em; line-height: 1.71em; }
.landing .doc-index .level-1 { list-style-type: disc; margin-left: 1rem; }
.landing .doc-index .level-2 { list-style-type: circle; margin-left: 2rem; }
.landing .doc-index .level-3 { list-style-type: square; margin-left: 3rem; }
.landing .doc-index .level-4 { list-style-type: disc; margin-left: 4rem; }
.landing .doc-index .level-5 { margin-left: 5rem; list-style-type: circle; }
.landing .doc-index .level-6 { margin-left: 6rem; list-style-type: square; }
.landing p a, .landing h5 a { color: rgb(154, 82, 255); font-weight: 600; }
.landing p a:hover, .landing h5 a:hover { text-decoration: underline; }
.landing .display-4 { margin-bottom: 1.5rem; }
.landing #test-net-servers h3 { font-size: 1.4rem; font-weight: 700; }
.landing #test-net-servers pre { overflow-x: auto; }
.landing section:first-of-type { border-top-width: 0px; }
.landing #main_content_wrapper { border-bottom: none; margin-top: 80px; }
.landing .marketing-wrapper { margin-top: 10rem; margin-bottom: 6rem; }
@media (max-width: 767.98px) {
  .landing .marketing-wrapper { margin-top: 6rem; }
}
.landing .nav .nav-link { padding: 1rem 2rem 1rem 0px; color: rgb(224, 224, 225); border-bottom: 1px solid rgb(35, 35, 37); position: relative; }
.landing .nav .nav-link:hover { color: rgb(154, 82, 255); }
.landing .nav .nav-link:not(.external-link)::after { content: " "; background-image: url(""); background-repeat: no-repeat; background-position: center center; background-size: 1rem; position: absolute; right: 0px; width: 1.5rem; height: 1.5rem; transition: 0.2s; }
.landing .nav .nav-link:not(.external-link):hover::after { animation: 1.2s ease 0s infinite normal none running arrowDance2; }
.landing .nav .nav-link.external-link::after { content: " "; background-image: url(""); background-repeat: no-repeat; position: absolute; background-position: center center; background-size: 0.75rem; right: 7px; width: 1.5rem; height: 1.5rem; transition: 0.2s; }
.landing .nav .nav-link.external-link:hover::after { animation: 1.2s ease 0s infinite normal none running arrowDanceDiag; }
.landing .card-body .nav .nav-link { border-bottom: 1px solid rgb(69, 69, 73); }
.alert-info { color: rgb(255, 255, 255); background-color: rgb(0, 107, 178); border-width: 0px; }
.alert-info a { text-decoration: underline; color: rgb(255, 255, 255); }
.alert-info a:hover { color: rgb(224, 224, 225); }
.highlight-subcard { margin: 1.5rem 0px; padding: 1rem; border: 2px solid rgb(255, 255, 255); background: rgb(17, 17, 18); }
.interactive-block-inner { border: 1px dashed rgb(154, 82, 255); padding: 10px; margin: 5px; }
.interactive-block-ui > button { margin: 10px 0px; }
.interactive-block input:invalid { box-shadow: rgb(255, 25, 139) 0px 0px 5px 5px inset; }
.interactive-block .breadcrumbs-wrap { margin-bottom: 11px; }
.interactive-block .breadcrumb-item { margin-top: 6px; }
.interactive-block .breadcrumb-item a { text-decoration: none; }
.interactive-block .breadcrumb-item.current a { font-weight: bold; }
.interactive-block .breadcrumb-item.active a { color: rgb(180, 128, 255); }
.interactive-block .breadcrumb-item.disabled a { color: rgb(69, 69, 73); }
.interactive-block .breadcrumb-item.done a::after { content: ""; font-family: FontAwesome; color: rgb(224, 224, 225); padding-right: 5px; padding-left: 5px; }
.interactive-block .waiting-for-tx { word-break: break-word; }
.ws-console { height: 200px; overflow: auto; }
.status { cursor: help; padding: 1px 2px; font-weight: normal; text-indent: 0px; }
.status.not_enabled { color: rgb(250, 255, 25); }
.status.removed { color: rgb(255, 25, 139); }
.labels-wrap ul::before { content: ""; font-family: FontAwesome; font-size: 1.5rem; }
.labels-wrap .list-inline-item { margin-top: 0.5rem; }
.pg-category { color: rgb(162, 162, 164); }
.pg-category::after { content: ""; font-family: FontAwesome; padding-left: 5px; }
.label { border-radius: 100px; border-width: 0px; padding: 0.5rem 1rem; font-weight: bold; text-align: center; white-space: nowrap; background-color: rgb(17, 17, 18); color: rgb(193, 193, 194); text-decoration: none !important; }
.label .badge-pill { width: 24px; height: 24px; border-radius: 50px; margin-left: 0.5rem; font-weight: 400; line-height: 23px; font-size: 16px; padding: 0px; margin-top: -2px; }
html.light .label { background-color: rgb(224, 224, 225); color: rgb(35, 35, 37); }
html.light .label .badge-pill { color: rgb(224, 224, 225); background-color: rgb(35, 35, 37); }
html.light .label:hover { background-color: rgb(193, 193, 194); color: rgb(17, 17, 18); }
html.light .label:hover .badge-pill { color: rgb(193, 193, 194); background-color: rgb(17, 17, 18); }
.label .badge-pill { color: rgb(17, 17, 18); background-color: rgb(193, 193, 194); }
.label:hover { color: rgb(224, 224, 225); background-color: rgb(35, 35, 37); }
.label:hover .badge-pill { color: rgb(35, 35, 37); background-color: rgb(224, 224, 225); }
.label.label-accounts, .label.label-payment-channels, .label.label-amm, .label.label-アカウント, .label.label-payment-channel, .label.label-use-infrastructure, .label.label-use-security, .label.blog-category-development, .label.chip-indigo { background-color: rgb(32, 0, 76); color: rgb(180, 128, 255); }
.label.label-accounts .badge-pill, .label.label-payment-channels .badge-pill, .label.label-amm .badge-pill, .label.label-アカウント .badge-pill, .label.label-payment-channel .badge-pill, .label.label-use-infrastructure .badge-pill, .label.label-use-security .badge-pill, .label.blog-category-development .badge-pill, .label.chip-indigo .badge-pill { color: rgb(32, 0, 76); background-color: rgb(180, 128, 255); }
.label.label-accounts:hover, .label.label-payment-channels:hover, .label.label-amm:hover, .label.label-アカウント:hover, .label.label-payment-channel:hover, .label.label-use-infrastructure:hover, .label.label-use-security:hover, .label.blog-category-development:hover, .label.chip-indigo:hover { background-color: rgb(53, 0, 128); color: rgb(210, 178, 255); }
.label.label-accounts:hover .badge-pill, .label.label-payment-channels:hover .badge-pill, .label.label-amm:hover .badge-pill, .label.label-アカウント:hover .badge-pill, .label.label-payment-channel:hover .badge-pill, .label.label-use-infrastructure:hover .badge-pill, .label.label-use-security:hover .badge-pill, .label.blog-category-development:hover .badge-pill, .label.chip-indigo:hover .badge-pill { color: rgb(53, 0, 128); background-color: rgb(210, 178, 255); }
html.light .label.label-accounts, html.light .label.label-payment-channels, html.light .label.label-amm, html.light .label.label-アカウント, html.light .label.label-payment-channel, html.light .label.label-use-infrastructure, html.light .label.label-use-security, html.light .label.blog-category-development, html.light .label.chip-indigo { background-color: rgb(210, 178, 255); color: rgb(53, 0, 128); }
html.light .label.label-accounts .badge-pill, html.light .label.label-payment-channels .badge-pill, html.light .label.label-amm .badge-pill, html.light .label.label-アカウント .badge-pill, html.light .label.label-payment-channel .badge-pill, html.light .label.label-use-infrastructure .badge-pill, html.light .label.label-use-security .badge-pill, html.light .label.blog-category-development .badge-pill, html.light .label.chip-indigo .badge-pill { color: rgb(210, 178, 255); background-color: rgb(53, 0, 128); }
html.light .label.label-accounts:hover, html.light .label.label-payment-channels:hover, html.light .label.label-amm:hover, html.light .label.label-アカウント:hover, html.light .label.label-payment-channel:hover, html.light .label.label-use-infrastructure:hover, html.light .label.label-use-security:hover, html.light .label.blog-category-development:hover, html.light .label.chip-indigo:hover { background-color: rgb(180, 128, 255); color: rgb(32, 0, 76); }
html.light .label.label-accounts:hover .badge-pill, html.light .label.label-payment-channels:hover .badge-pill, html.light .label.label-amm:hover .badge-pill, html.light .label.label-アカウント:hover .badge-pill, html.light .label.label-payment-channel:hover .badge-pill, html.light .label.label-use-infrastructure:hover .badge-pill, html.light .label.label-use-security:hover .badge-pill, html.light .label.blog-category-development:hover .badge-pill, html.light .label.chip-indigo:hover .badge-pill { color: rgb(180, 128, 255); background-color: rgb(32, 0, 76); }
.label.label-blockchain, .label.label-xrp, .label.label-ブロックチェーン, .label.label-non-fungible-tokens-nfts, .label.label-use-nfts, .label.blog-category-release_notes, .label.blog-category-features, .label.chip-green { background-color: rgb(20, 92, 53); color: rgb(132, 240, 182); }
.label.label-blockchain .badge-pill, .label.label-xrp .badge-pill, .label.label-ブロックチェーン .badge-pill, .label.label-non-fungible-tokens-nfts .badge-pill, .label.label-use-nfts .badge-pill, .label.blog-category-release_notes .badge-pill, .label.blog-category-features .badge-pill, .label.chip-green .badge-pill { background-color: rgb(132, 240, 182); color: rgb(20, 92, 53); }
.label.label-blockchain:hover, .label.label-xrp:hover, .label.label-ブロックチェーン:hover, .label.label-non-fungible-tokens-nfts:hover, .label.label-use-nfts:hover, .label.blog-category-release_notes:hover, .label.blog-category-features:hover, .label.chip-green:hover { background-color: rgb(30, 138, 80); color: rgb(173, 245, 206); }
.label.label-blockchain:hover .badge-pill, .label.label-xrp:hover .badge-pill, .label.label-ブロックチェーン:hover .badge-pill, .label.label-non-fungible-tokens-nfts:hover .badge-pill, .label.label-use-nfts:hover .badge-pill, .label.blog-category-release_notes:hover .badge-pill, .label.blog-category-features:hover .badge-pill, .label.chip-green:hover .badge-pill { background-color: rgb(173, 245, 206); color: rgb(30, 138, 80); }
html.light .label.label-blockchain, html.light .label.label-xrp, html.light .label.label-ブロックチェーン, html.light .label.label-non-fungible-tokens-nfts, html.light .label.label-use-nfts, html.light .label.blog-category-release_notes, html.light .label.blog-category-features, html.light .label.chip-green { background-color: rgb(173, 245, 206); color: rgb(20, 92, 53); }
html.light .label.label-blockchain .badge-pill, html.light .label.label-xrp .badge-pill, html.light .label.label-ブロックチェーン .badge-pill, html.light .label.label-non-fungible-tokens-nfts .badge-pill, html.light .label.label-use-nfts .badge-pill, html.light .label.blog-category-release_notes .badge-pill, html.light .label.blog-category-features .badge-pill, html.light .label.chip-green .badge-pill { color: rgb(173, 245, 206); background-color: rgb(20, 92, 53); }
html.light .label.label-blockchain:hover, html.light .label.label-xrp:hover, html.light .label.label-ブロックチェーン:hover, html.light .label.label-non-fungible-tokens-nfts:hover, html.light .label.label-use-nfts:hover, html.light .label.blog-category-release_notes:hover, html.light .label.blog-category-features:hover, html.light .label.chip-green:hover { background-color: rgb(132, 240, 182); color: rgb(0, 0, 0); }
html.light .label.label-blockchain:hover .badge-pill, html.light .label.label-xrp:hover .badge-pill, html.light .label.label-ブロックチェーン:hover .badge-pill, html.light .label.label-non-fungible-tokens-nfts:hover .badge-pill, html.light .label.label-use-nfts:hover .badge-pill, html.light .label.blog-category-release_notes:hover .badge-pill, html.light .label.blog-category-features:hover .badge-pill, html.light .label.chip-green:hover .badge-pill { color: rgb(132, 240, 182); background-color: rgb(0, 0, 0); }
.label.label-checks, .label.label-core-server, .label.label-コアサーバ, .label.label-use-interoperability, .label.label-use-web_monetization, .label.blog-category-gateway_bulletins, .label.chip-purple { background-color: rgb(64, 0, 76); color: rgb(234, 128, 255); }
.label.label-checks .badge-pill, .label.label-core-server .badge-pill, .label.label-コアサーバ .badge-pill, .label.label-use-interoperability .badge-pill, .label.label-use-web_monetization .badge-pill, .label.blog-category-gateway_bulletins .badge-pill, .label.chip-purple .badge-pill { background-color: rgb(234, 128, 255); color: rgb(64, 0, 76); }
.label.label-checks:hover, .label.label-core-server:hover, .label.label-コアサーバ:hover, .label.label-use-interoperability:hover, .label.label-use-web_monetization:hover, .label.blog-category-gateway_bulletins:hover, .label.chip-purple:hover { background-color: rgb(107, 0, 128); color: rgb(242, 178, 255); }
.label.label-checks:hover .badge-pill, .label.label-core-server:hover .badge-pill, .label.label-コアサーバ:hover .badge-pill, .label.label-use-interoperability:hover .badge-pill, .label.label-use-web_monetization:hover .badge-pill, .label.blog-category-gateway_bulletins:hover .badge-pill, .label.chip-purple:hover .badge-pill { background-color: rgb(242, 178, 255); color: rgb(107, 0, 128); }
html.light .label.label-checks, html.light .label.label-core-server, html.light .label.label-コアサーバ, html.light .label.label-use-interoperability, html.light .label.label-use-web_monetization, html.light .label.blog-category-gateway_bulletins, html.light .label.chip-purple { background-color: rgb(242, 178, 255); color: rgb(107, 0, 128); }
html.light .label.label-checks .badge-pill, html.light .label.label-core-server .badge-pill, html.light .label.label-コアサーバ .badge-pill, html.light .label.label-use-interoperability .badge-pill, html.light .label.label-use-web_monetization .badge-pill, html.light .label.blog-category-gateway_bulletins .badge-pill, html.light .label.chip-purple .badge-pill { color: rgb(242, 178, 255); background-color: rgb(107, 0, 128); }
html.light .label.label-checks:hover, html.light .label.label-core-server:hover, html.light .label.label-コアサーバ:hover, html.light .label.label-use-interoperability:hover, html.light .label.label-use-web_monetization:hover, html.light .label.blog-category-gateway_bulletins:hover, html.light .label.chip-purple:hover { background-color: rgb(234, 128, 255); color: rgb(64, 0, 76); }
html.light .label.label-checks:hover .badge-pill, html.light .label.label-core-server:hover .badge-pill, html.light .label.label-コアサーバ:hover .badge-pill, html.light .label.label-use-interoperability:hover .badge-pill, html.light .label.label-use-web_monetization:hover .badge-pill, html.light .label.blog-category-gateway_bulletins:hover .badge-pill, html.light .label.chip-purple:hover .badge-pill { color: rgb(234, 128, 255); background-color: rgb(64, 0, 76); }
.label.label-cross-currency, .label.label-security, .label.label-クロスカレンシー, .label.label-セキュリティ, .label.label-use-gaming, .label.label-use-defi, .label.blog-category-amendments, .label.chip-yellow { background-color: rgb(75, 76, 0); color: rgb(252, 255, 128); }
.label.label-cross-currency .badge-pill, .label.label-security .badge-pill, .label.label-クロスカレンシー .badge-pill, .label.label-セキュリティ .badge-pill, .label.label-use-gaming .badge-pill, .label.label-use-defi .badge-pill, .label.blog-category-amendments .badge-pill, .label.chip-yellow .badge-pill { background-color: rgb(252, 255, 128); color: rgb(75, 76, 0); }
.label.label-cross-currency:hover, .label.label-security:hover, .label.label-クロスカレンシー:hover, .label.label-セキュリティ:hover, .label.label-use-gaming:hover, .label.label-use-defi:hover, .label.blog-category-amendments:hover, .label.chip-yellow:hover { background-color: rgb(125, 128, 0); color: rgb(253, 255, 178); }
.label.label-cross-currency:hover .badge-pill, .label.label-security:hover .badge-pill, .label.label-クロスカレンシー:hover .badge-pill, .label.label-セキュリティ:hover .badge-pill, .label.label-use-gaming:hover .badge-pill, .label.label-use-defi:hover .badge-pill, .label.blog-category-amendments:hover .badge-pill, .label.chip-yellow:hover .badge-pill { background-color: rgb(253, 255, 178); color: rgb(125, 128, 0); }
html.light .label.label-cross-currency, html.light .label.label-security, html.light .label.label-クロスカレンシー, html.light .label.label-セキュリティ, html.light .label.label-use-gaming, html.light .label.label-use-defi, html.light .label.blog-category-amendments, html.light .label.chip-yellow { background-color: rgb(253, 255, 178); color: rgb(75, 76, 0); }
html.light .label.label-cross-currency .badge-pill, html.light .label.label-security .badge-pill, html.light .label.label-クロスカレンシー .badge-pill, html.light .label.label-セキュリティ .badge-pill, html.light .label.label-use-gaming .badge-pill, html.light .label.label-use-defi .badge-pill, html.light .label.blog-category-amendments .badge-pill, html.light .label.chip-yellow .badge-pill { color: rgb(253, 255, 178); background-color: rgb(75, 76, 0); }
html.light .label.label-cross-currency:hover, html.light .label.label-security:hover, html.light .label.label-クロスカレンシー:hover, html.light .label.label-セキュリティ:hover, html.light .label.label-use-gaming:hover, html.light .label.label-use-defi:hover, html.light .label.blog-category-amendments:hover, html.light .label.chip-yellow:hover { background-color: rgb(252, 255, 128); color: rgb(75, 76, 0); }
html.light .label.label-cross-currency:hover .badge-pill, html.light .label.label-security:hover .badge-pill, html.light .label.label-クロスカレンシー:hover .badge-pill, html.light .label.label-セキュリティ:hover .badge-pill, html.light .label.label-use-gaming:hover .badge-pill, html.light .label.label-use-defi:hover .badge-pill, html.light .label.blog-category-amendments:hover .badge-pill, html.light .label.chip-yellow:hover .badge-pill { color: rgb(252, 255, 128); background-color: rgb(75, 76, 0); }
.label.label-decentralized-exchange, .label.label-smart-contracts, .label.label-transaction-sending, .label.label-分散型取引所, .label.label-スマートコントラクト, .label.label-トランザクション送信, .label.label-use-developer_tooling, .label.label-use-payments, .label.blog-category-developer_reflections, .label.blog-category-case_study, .label.chip-blue { background-color: rgb(0, 46, 76); color: rgb(128, 204, 255); }
.label.label-decentralized-exchange .badge-pill, .label.label-smart-contracts .badge-pill, .label.label-transaction-sending .badge-pill, .label.label-分散型取引所 .badge-pill, .label.label-スマートコントラクト .badge-pill, .label.label-トランザクション送信 .badge-pill, .label.label-use-developer_tooling .badge-pill, .label.label-use-payments .badge-pill, .label.blog-category-developer_reflections .badge-pill, .label.blog-category-case_study .badge-pill, .label.chip-blue .badge-pill { background-color: rgb(128, 204, 255); color: rgb(0, 46, 76); }
.label.label-decentralized-exchange:hover, .label.label-smart-contracts:hover, .label.label-transaction-sending:hover, .label.label-分散型取引所:hover, .label.label-スマートコントラクト:hover, .label.label-トランザクション送信:hover, .label.label-use-developer_tooling:hover, .label.label-use-payments:hover, .label.blog-category-developer_reflections:hover, .label.blog-category-case_study:hover, .label.chip-blue:hover { background-color: rgb(0, 77, 128); color: rgb(178, 224, 255); }
.label.label-decentralized-exchange:hover .badge-pill, .label.label-smart-contracts:hover .badge-pill, .label.label-transaction-sending:hover .badge-pill, .label.label-分散型取引所:hover .badge-pill, .label.label-スマートコントラクト:hover .badge-pill, .label.label-トランザクション送信:hover .badge-pill, .label.label-use-developer_tooling:hover .badge-pill, .label.label-use-payments:hover .badge-pill, .label.blog-category-developer_reflections:hover .badge-pill, .label.blog-category-case_study:hover .badge-pill, .label.chip-blue:hover .badge-pill { background-color: rgb(178, 224, 255); color: rgb(0, 77, 128); }
html.light .label.label-decentralized-exchange, html.light .label.label-smart-contracts, html.light .label.label-transaction-sending, html.light .label.label-分散型取引所, html.light .label.label-スマートコントラクト, html.light .label.label-トランザクション送信, html.light .label.label-use-developer_tooling, html.light .label.label-use-payments, html.light .label.blog-category-developer_reflections, html.light .label.blog-category-case_study, html.light .label.chip-blue { background-color: rgb(178, 224, 255); color: rgb(0, 77, 128); }
html.light .label.label-decentralized-exchange .badge-pill, html.light .label.label-smart-contracts .badge-pill, html.light .label.label-transaction-sending .badge-pill, html.light .label.label-分散型取引所 .badge-pill, html.light .label.label-スマートコントラクト .badge-pill, html.light .label.label-トランザクション送信 .badge-pill, html.light .label.label-use-developer_tooling .badge-pill, html.light .label.label-use-payments .badge-pill, html.light .label.blog-category-developer_reflections .badge-pill, html.light .label.blog-category-case_study .badge-pill, html.light .label.chip-blue .badge-pill { color: rgb(178, 224, 255); background-color: rgb(0, 77, 128); }
html.light .label.label-decentralized-exchange:hover, html.light .label.label-smart-contracts:hover, html.light .label.label-transaction-sending:hover, html.light .label.label-分散型取引所:hover, html.light .label.label-スマートコントラクト:hover, html.light .label.label-トランザクション送信:hover, html.light .label.label-use-developer_tooling:hover, html.light .label.label-use-payments:hover, html.light .label.blog-category-developer_reflections:hover, html.light .label.blog-category-case_study:hover, html.light .label.chip-blue:hover { background-color: rgb(128, 204, 255); color: rgb(0, 46, 76); }
html.light .label.label-decentralized-exchange:hover .badge-pill, html.light .label.label-smart-contracts:hover .badge-pill, html.light .label.label-transaction-sending:hover .badge-pill, html.light .label.label-分散型取引所:hover .badge-pill, html.light .label.label-スマートコントラクト:hover .badge-pill, html.light .label.label-トランザクション送信:hover .badge-pill, html.light .label.label-use-developer_tooling:hover .badge-pill, html.light .label.label-use-payments:hover .badge-pill, html.light .label.blog-category-developer_reflections:hover .badge-pill, html.light .label.blog-category-case_study:hover .badge-pill, html.light .label.chip-blue:hover .badge-pill { color: rgb(128, 204, 255); background-color: rgb(0, 46, 76); }
.label.label-escrow, .label.label-tokens, .label.label-development, .label.label-トークン, .label.label-開発, .label.label-use-wallet, .label.label-use-sustainability, .label.blog-category-advisories, .label.chip-orange { background-color: rgb(76, 26, 0); color: rgb(255, 170, 128); }
.label.label-escrow .badge-pill, .label.label-tokens .badge-pill, .label.label-development .badge-pill, .label.label-トークン .badge-pill, .label.label-開発 .badge-pill, .label.label-use-wallet .badge-pill, .label.label-use-sustainability .badge-pill, .label.blog-category-advisories .badge-pill, .label.chip-orange .badge-pill { background-color: rgb(255, 170, 128); color: rgb(76, 26, 0); }
.label.label-escrow:hover, .label.label-tokens:hover, .label.label-development:hover, .label.label-トークン:hover, .label.label-開発:hover, .label.label-use-wallet:hover, .label.label-use-sustainability:hover, .label.blog-category-advisories:hover, .label.chip-orange:hover { background-color: rgb(128, 43, 0); color: rgb(255, 204, 178); }
.label.label-escrow:hover .badge-pill, .label.label-tokens:hover .badge-pill, .label.label-development:hover .badge-pill, .label.label-トークン:hover .badge-pill, .label.label-開発:hover .badge-pill, .label.label-use-wallet:hover .badge-pill, .label.label-use-sustainability:hover .badge-pill, .label.blog-category-advisories:hover .badge-pill, .label.chip-orange:hover .badge-pill { background-color: rgb(255, 204, 178); color: rgb(128, 43, 0); }
html.light .label.label-escrow, html.light .label.label-tokens, html.light .label.label-development, html.light .label.label-トークン, html.light .label.label-開発, html.light .label.label-use-wallet, html.light .label.label-use-sustainability, html.light .label.blog-category-advisories, html.light .label.chip-orange { background-color: rgb(255, 204, 178); color: rgb(128, 43, 0); }
html.light .label.label-escrow .badge-pill, html.light .label.label-tokens .badge-pill, html.light .label.label-development .badge-pill, html.light .label.label-トークン .badge-pill, html.light .label.label-開発 .badge-pill, html.light .label.label-use-wallet .badge-pill, html.light .label.label-use-sustainability .badge-pill, html.light .label.blog-category-advisories .badge-pill, html.light .label.chip-orange .badge-pill { color: rgb(255, 204, 178); background-color: rgb(128, 43, 0); }
html.light .label.label-escrow:hover, html.light .label.label-tokens:hover, html.light .label.label-development:hover, html.light .label.label-トークン:hover, html.light .label.label-開発:hover, html.light .label.label-use-wallet:hover, html.light .label.label-use-sustainability:hover, html.light .label.blog-category-advisories:hover, html.light .label.chip-orange:hover { background-color: rgb(255, 170, 128); color: rgb(76, 26, 0); }
html.light .label.label-escrow:hover .badge-pill, html.light .label.label-tokens:hover .badge-pill, html.light .label.label-development:hover .badge-pill, html.light .label.label-トークン:hover .badge-pill, html.light .label.label-開発:hover .badge-pill, html.light .label.label-use-wallet:hover .badge-pill, html.light .label.label-use-sustainability:hover .badge-pill, html.light .label.blog-category-advisories:hover .badge-pill, html.light .label.chip-orange:hover .badge-pill { color: rgb(255, 170, 128); background-color: rgb(76, 26, 0); }
.label.label-fees, .label.label-payments, .label.label-data-retention, .label.label-手数料, .label.label-支払い, .label.label-データ保持, .label.label-use-exchanges, .label.label-use-custody, .label.blog-category-security, .label.chip-magenta { background-color: rgb(76, 0, 38); color: rgb(255, 128, 191); }
.label.label-fees .badge-pill, .label.label-payments .badge-pill, .label.label-data-retention .badge-pill, .label.label-手数料 .badge-pill, .label.label-支払い .badge-pill, .label.label-データ保持 .badge-pill, .label.label-use-exchanges .badge-pill, .label.label-use-custody .badge-pill, .label.blog-category-security .badge-pill, .label.chip-magenta .badge-pill { background-color: rgb(255, 128, 191); color: rgb(76, 0, 38); }
.label.label-fees:hover, .label.label-payments:hover, .label.label-data-retention:hover, .label.label-手数料:hover, .label.label-支払い:hover, .label.label-データ保持:hover, .label.label-use-exchanges:hover, .label.label-use-custody:hover, .label.blog-category-security:hover, .label.chip-magenta:hover { background-color: rgb(128, 0, 63); color: rgb(255, 178, 216); }
.label.label-fees:hover .badge-pill, .label.label-payments:hover .badge-pill, .label.label-data-retention:hover .badge-pill, .label.label-手数料:hover .badge-pill, .label.label-支払い:hover .badge-pill, .label.label-データ保持:hover .badge-pill, .label.label-use-exchanges:hover .badge-pill, .label.label-use-custody:hover .badge-pill, .label.blog-category-security:hover .badge-pill, .label.chip-magenta:hover .badge-pill { background-color: rgb(255, 178, 216); color: rgb(128, 0, 63); }
html.light .label.label-fees, html.light .label.label-payments, html.light .label.label-data-retention, html.light .label.label-手数料, html.light .label.label-支払い, html.light .label.label-データ保持, html.light .label.label-use-exchanges, html.light .label.label-use-custody, html.light .label.blog-category-security, html.light .label.chip-magenta { background-color: rgb(255, 178, 216); color: rgb(128, 0, 63); }
html.light .label.label-fees .badge-pill, html.light .label.label-payments .badge-pill, html.light .label.label-data-retention .badge-pill, html.light .label.label-手数料 .badge-pill, html.light .label.label-支払い .badge-pill, html.light .label.label-データ保持 .badge-pill, html.light .label.label-use-exchanges .badge-pill, html.light .label.label-use-custody .badge-pill, html.light .label.blog-category-security .badge-pill, html.light .label.chip-magenta .badge-pill { color: rgb(255, 178, 216); background-color: rgb(128, 0, 63); }
html.light .label.label-fees:hover, html.light .label.label-payments:hover, html.light .label.label-data-retention:hover, html.light .label.label-手数料:hover, html.light .label.label-支払い:hover, html.light .label.label-データ保持:hover, html.light .label.label-use-exchanges:hover, html.light .label.label-use-custody:hover, html.light .label.blog-category-security:hover, html.light .label.chip-magenta:hover { background-color: rgb(255, 128, 191); color: rgb(76, 0, 38); }
html.light .label.label-fees:hover .badge-pill, html.light .label.label-payments:hover .badge-pill, html.light .label.label-data-retention:hover .badge-pill, html.light .label.label-手数料:hover .badge-pill, html.light .label.label-支払い:hover .badge-pill, html.light .label.label-データ保持:hover .badge-pill, html.light .label.label-use-exchanges:hover .badge-pill, html.light .label.label-use-custody:hover .badge-pill, html.light .label.blog-category-security:hover .badge-pill, html.light .label.chip-magenta:hover .badge-pill { color: rgb(255, 128, 191); background-color: rgb(76, 0, 38); }
.tag-cloud .list-inline-item { margin-top: 1.5rem; }
.command-list-wrapper { position: sticky; top: calc(var(--navbar-height) + var(--toc-offset-top)); max-height: calc(100vh - var(--navbar-height) - var(--toc-offset-top)); overflow-y: auto; width: var(--toc-width); }
#tx-sender-history .list-group-item { font-size: small; color: rgb(69, 69, 73); }
.response-metadata .timestamp { color: rgb(69, 69, 73); }
.throbber { width: 24px; height: 24px; }
#connection-status .card-body { border-left: 0px; }
#connection-status-item.active { background-color: rgb(50, 230, 133); border-color: rgb(50, 230, 133); }
.api-input-area .btn-group > .send-request.btn { border-bottom-right-radius: 4px; border-top-right-radius: 4px; }
#tx-sender-history ul { overflow: auto; height: 220px; border: 1px solid rgb(224, 224, 225); }
.progress small { margin-top: 0.5rem; }
.page-tx-sender .input-group .form-control, .interactive-block-ui .input-group .form-control { flex: 1 1 20%; height: auto; }
.bootstrap-growl { overflow: hidden; max-width: 90vw !important; }
.list-group-item-danger, #tx-sender-history .list-group-item-danger { background-color: rgb(255, 128, 191); color: rgb(0, 0, 0); }
.list-group-item-danger a, #tx-sender-history .list-group-item-danger a { color: rgb(0, 0, 0); }
.list-group-item-danger a:hover, #tx-sender-history .list-group-item-danger a:hover { color: rgb(0, 0, 0); text-decoration: underline; }
.rpc-tool .main h1::before, .rpc-tool .main h2::before, .rpc-tool .main h3::before { display: none; }
.form-text a { text-decoration: underline; }
@media print {
  .multicode > div { display: block !important; }
  .multicode > em, .multicode > p > em { display: block !important; break-after: avoid; }
  .multicode > p { display: block !important; }
  .code_toggler { display: none; }
  pre { white-space: pre-wrap; overflow: visible; break-inside: auto; overflow-wrap: break-word; max-height: none !important; }
  pre code { white-space: pre-wrap !important; color: rgb(34, 37, 43) !important; }
  code { white-space: pre-wrap !important; color: rgb(34, 37, 43) !important; }
  .codehilite .n, .codehilite .na, .codehilite .nb, .codehilite .nc, .codehilite .nd, .codehilite .ne, .codehilite .nf, .codehilite .ni, .codehilite .nl, .codehilite .nn, .codehilite .nt, .codehilite .nv, .codehilite .nx, .codehilite .bp, .codehilite .fm, .codehilite .py { color: rgb(34, 37, 43); }
  article a[title="Source"] { float: none; }
  header, footer, aside { display: none !important; }
  .navbar { display: none !important; }
  article, #main_content_body { position: static; display: block; width: auto; height: auto; max-width: 100%; color: rgb(0, 0, 0) !important; overflow: visible !important; }
  body { overflow: visible; background: rgb(255, 255, 255); }
  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: rgb(0, 0, 0); }
  .interactive-block { display: none; }
  .container { margin-top: 1rem !important; }
}
#home-purple { position: absolute; left: 0px; top: -400px; }
#home-green { position: absolute; right: -3px; top: 60px; }
.sidelinks:hover { color: rgb(154, 82, 255); }
.sidelinks.active { color: rgb(154, 82, 255); font-weight: bold; }
.page-home #home-hero-container { display: flex; justify-content: center; align-items: center; width: 100%; padding-top: 54.8%; overflow: hidden; }
.page-home #home-hero-graphic { width: 100%; max-width: 856px; height: auto; object-fit: cover; content: url("home-hero.svg"); margin-bottom: 24px; display: block; margin-left: auto; margin-right: auto; }
@media (min-width: 992px) {
  .page-home #home-hero-graphic { min-height: 470px; }
}
@media (max-width: 991px) and (min-width: 540px) {
  .page-home #home-hero-graphic { min-height: 250px; }
}
@media (max-width: 539px) {
  .page-home #home-hero-graphic { min-height: 170px; }
}
.page-home #benefits-list #public { content: url("public.svg"); }
.page-home #benefits-list #streamlined { content: url("streamlined.svg"); }
.page-home #benefits-list #performance { content: url("performance.svg"); }
.page-home #benefits-list #low-cost { content: url("low-cost.svg"); }
.page-home #benefits-list #community { content: url("community.svg"); }
.page-home #benefits-list #reliability { content: url("reliability.svg"); }
.page-home #advanced-features .card:nth-child(1) .card-footer { background-image: url("3col-pink-purple.svg"); }
.page-home #advanced-features .card:nth-child(2) .card-footer { background-image: url("3col-neutral-blue.svg"); }
.page-home #advanced-features .card:nth-child(3) .card-footer { background-image: url("3col-light-green.svg"); }
.page-home #advanced-features .card:nth-child(4) .card-footer { background-image: url("3col-orange.svg"); }
.page-home #advanced-features .card:nth-child(5) .card-footer { background-image: url("3col-purple-blue-2.svg"); }
.page-home #get-started .card:nth-child(1) .card-footer { background-image: url("3col-orange-yellow.svg"); }
.page-home #get-started .card:nth-child(2) .card-footer { background-image: url("3col-magenta-orange.svg"); }
.page-home #get-started .card:nth-child(3) .card-footer { background-image: url("3col-purple-blue-green.svg"); }
.page-home #get-started .card:nth-child(4) .card-footer { background-image: url("3col-light-blue.svg"); }
.page-home #get-started .card:nth-child(5) .card-footer { background-image: url("3col-green-blue.svg"); }
#embedded-payments-list #digital-wallets { content: url(""); }
#embedded-payments-list #cross-border-remittance { content: url(""); }
#embedded-payments-list #regulated-foreign-exchange { content: url(""); }
#embedded-payments-list #merchant-settlement { content: url(""); }
#embedded-payments-list #b2b-payment-rails { content: url(""); }
#embedded-payments-list #compliance-first-payment-acceptance { content: url(""); }
.cta { position: absolute; }
.cta-top-left { top: 0px; left: 0px; }
.cta-bottom-right { bottom: 0px; right: 0px; }
.landing-bg { opacity: 0.6; }
@media (min-width: 768px) {
  .landing-bg { opacity: 1; }
}
.landing-builtin-bg::before { content: ""; position: absolute; top: 0px; left: 0px; background-repeat: no-repeat; background-position: 0% 0%; opacity: 0.6; }
@media (min-width: 768px) {
  .landing-builtin-bg::before { opacity: 1; }
}
#xrp-overview-blue { position: absolute; top: 0px; left: 0px; }
@media (max-width: 767.98px) {
  #xrp-mark-overview { height: 40px; margin-top: 16px; }
}
#wallets #wallet-ledger { content: url(""); }
#wallets #wallet-secalot { content: url(""); }
#wallets #wallet-trezor { content: url(""); }
#wallets #wallet-xumm { content: url(""); }
#wallets #wallet-trust { content: url(""); }
#wallets #wallet-gatehub { content: url(""); }
#wallets #wallet-towo { content: url(""); }
#wallets #wallet-keystone { content: url(""); }
#wallets #wallet-dcent { content: url(""); }
#wallets #wallet-coin { content: url(""); }
#wallets #wallet-gem { content: url(""); }
#wallets #wallet-joey { content: url(""); }
#wallets #wallet-bitfrost { content: url(""); }
#wallets #wallet-crossmark { content: url(""); }
#top-exchanges #exch-bitstamp { content: url(""); }
#top-exchanges #exch-kraken { content: url(""); }
#top-exchanges #exch-cex-io { content: url(""); }
#top-exchanges #exch-liquid { content: url(""); }
#top-exchanges #exch-lmax { content: url(""); }
#top-exchanges #exch-bitfinex { content: url(""); }
#top-exchanges #exch-etoro { content: url(""); }
#top-exchanges #exch-bittrex { content: url(""); }
#top-exchanges #exch-currency-com { content: url(""); }
#top-exchanges #exch-ftx { content: url(""); }
#xrpl-overview-purple { position: absolute; top: 40px; left: 0px; }
@media (max-width: 767.98px) {
  #xrpl-overview-purple { top: 0px; left: -20vw; }
}
#xrpl-overview-orange { position: absolute; top: 80px; right: -4px; }
#use-cases-orange { position: absolute; top: -480px; right: -4px; }
#validator-graphic { content: url(""); }
.page-uses .container-new { padding-left: 16px; padding-right: 16px; }
.page-uses h1 { font-size: 42px; }
.page-uses::before { transform: scaleX(-1); background-image: url(""); }
.page-uses .card-grid { gap: 8px; }
.page-uses .card-grid img { max-height: 40px; }
.page-uses .modal { padding: 0px; }
.page-uses .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; border: none; border-radius: 0px; box-shadow: none; outline: none; background: rgb(17, 17, 18); }
.page-uses .modal-header { border: none; background: rgb(17, 17, 18); box-shadow: rgb(0, 0, 0) 0px 1px 2px; }
.page-uses .modal-header .cancel .chevron { transform: rotate(90deg); }
.page-uses .modal-header .apply .chevron { transform: rotate(-90deg); }
.page-uses .modal-footer { border: none; background: rgb(17, 17, 18); box-shadow: rgb(0, 0, 0) 0px -1px 2px; align-items: unset; padding: 0.75rem; flex-flow: column wrap; }
.page-uses .card-title { margin-bottom: 0.5rem; line-height: 26px; }
.page-uses .card-uses { padding: 16px; margin: 0px; text-decoration: none; transition: 0.35s ease-out; }
.page-uses .card-uses:hover { color: rgb(224, 224, 225); transform: translateY(-16px); text-decoration: none; }
.page-uses .card-body { background: rgb(35, 35, 37); border-radius: 8px; height: 100%; padding: 32px; margin: 0px; }
.page-uses .page-events .label { font-weight: normal; font-size: 14px; margin: 0px; padding-left: 26px; }
.page-uses .category-header { font-weight: bold; color: rgb(193, 193, 194); }
.page-uses .light .category-checkbox label { color: rgb(255, 255, 255); }
.page-uses .category-checkbox { display: flex; align-items: center; }
.page-uses .category-checkbox label { font-weight: normal; font-size: 14px; margin: 0px; padding-left: 26px; }
.page-uses .category_count { margin-left: 8px; padding: 2px 16px; width: 24px; height: 16px; background: rgb(53, 0, 128); border-radius: 100px; font-weight: 600; font-size: 12px; line-height: 16px; color: rgb(180, 128, 255); }
.page-uses .category_sidebar { position: sticky; top: 10px; }
.page-uses #infrastructure { content: url(""); }
.page-uses #developer_tooling { content: url(""); }
.page-uses #interoperability { content: url(""); }
.page-uses #wallet { content: url(""); }
.page-uses #nfts { content: url(""); }
.page-uses #exchanges { content: url(""); }
.page-uses #gaming { content: url(""); }
.page-uses #security { content: url(""); }
.page-uses #payments { content: url(""); }
.page-uses #web_monetization { content: url(""); }
.page-uses #sustainability { content: url(""); }
.page-uses #cbdc { content: url(""); }
.page-uses #other { content: url(""); }
.page-uses #carbon_markets { content: url(""); }
.page-uses #custody { content: url(""); }
.page-uses #defi { content: url(""); }
.page-uses #use_case_companies_list #bithomp .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #onthedex .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #gatehub .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #towo-labs .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #xrp-toolkit .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #xrpl-org-ledger-explorer .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #xrpl-rosetta .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #xrpscan .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #evernode .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #cryptum .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #x-tokenize .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #multichain .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #xumm-wallet .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #gem-wallet .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #aesthetes .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #audiotarky .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #xrp-cafe .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #nft-master .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #onxrp .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #peerkat .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #sologenic-nft .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #sologenic-dex .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #xp-market .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #ledger-city .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #forte .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #futureverse .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #first-ledger-bot .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #moai-finance .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #orchestra-finance .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #anchain-ai .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #coil .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #carbonland-trust .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #casino-coin .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #bitgo .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #bitpay .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #ripples-on-demand-liquidity .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #ripples-cbdc-platform .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #momento .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #zerpmon .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #joey-wallet .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #Crossmark .biz-logo { max-height: 40px; content: url(""); }
.page-uses #use_case_companies_list #Edge .biz-logo { max-height: 40px; content: url(""); }
.page-uses .orchestra-finance { max-height: 52px !important; margin: 0px !important; }
.page-uses #use_case_companies_list #first-ledger-bot .biz-logo { max-height: 81px !important; }
.page-uses #use_case_companies_list #zerpmon .biz-logo { max-height: 81px !important; }
@media (min-width: 992px) {
  .page-uses h1 { font-size: 62px; }
  .page-uses .container-new { padding-left: 64px; padding-right: 64px; }
  .page-uses .card-grid img { max-height: 48px; }
  .page-uses .card-grid { gap: 48px; }
  .page-uses .card-uses { padding: 24px; }
}
#history-orange { position: absolute; top: 0px; right: -4px; }
#history-purple { position: absolute; top: -480px; left: -4px; }
.hidden-section { overflow: hidden; visibility: hidden; height: 0px; }
.hidden-section.show { overflow: auto; visibility: visible; height: auto; }
#impact-green { position: absolute; top: 0px; left: -4px; rotate: 180deg; }
#impact-purple { position: absolute; top: 100px; right: -4px; }
#impact-magenta { position: absolute; top: 100px; right: -4px; }
#foundation-magenta { position: absolute; top: 0px; left: 0px; }
#foundation-orange { position: absolute; top: 40px; right: -4px; }
.page-impact #map-light { display: none; }
.page-impact #map-dark { display: block; }
.page-impact .connect-list #connect-01 { content: url(""); }
.page-impact .connect-list #connect-02 { content: url(""); }
.page-impact .connect-list #connect-03 { content: url(""); }
.page-impact .connect-list #connect-04 { content: url(""); }
.page-funding .funding-list #funding-01 { content: url(""); }
.page-funding .funding-list #funding-02 { content: url(""); }
.page-funding .funding-list #funding-03 { content: url(""); }
.page-funding .funding-list #funding-04 { content: url(""); }
.page-funding #funding-orange { position: absolute; top: 132px; left: -4px; }
@media (min-width: 992px) {
  .page-funding .funding-box { min-height: 200px; }
}
.page-ambassadors #benefits-list #benefits-01 { content: url(""); }
.page-ambassadors #benefits-list #benefits-02 { content: url(""); }
.page-ambassadors #benefits-list #benefits-03 { content: url(""); }
.page-ambassadors #benefits-list #benefits-04 { content: url(""); }
.page-ambassadors #benefits-list #benefits-05 { content: url(""); }
.page-ambassadors #benefits-list #benefits-06 { content: url(""); }
.page-ambassadors #eligibility-list #eligibility-01 { content: url(""); }
.page-ambassadors #eligibility-list #eligibility-02 { content: url(""); }
.page-ambassadors #eligibility-list #eligibility-03 { content: url(""); }
.page-ambassadors #eligibility-list #eligibility-04 { content: url(""); }
.page-ambassadors #eligibility-list #eligibility-05 { content: url(""); }
.page-ambassadors .btn { padding: 0.75rem; }
.page-ambassadors #container-scroll { height: 160px; position: relative; overflow: hidden; margin-top: 80px; margin-bottom: 64px; }
.page-ambassadors .photobanner { position: absolute; top: 0px; left: 0px; overflow: hidden; white-space: nowrap; animation: 40s linear 0s infinite normal none running bannermove; }
.page-ambassadors .photobanner-bottom { top: 112px; }
.page-ambassadors .photobanner img { margin: 0px 0.5em; }
@keyframes bannermove { 
  0% { transform: translate(0px, 0px); }
  100% { transform: translate(-50%, 0px); }
}
.page-ambassadors #carouselSlidesOnly { height: 392px; margin-bottom: 40px; }
@media (min-width: 992px) {
  .page-ambassadors #carouselSlidesOnly { height: 320px; margin-bottom: 104px; }
}
.page-ambassadors h6 { font-size: 1.25rem; }
.page-ambassadors .btn-arrow::after { display: inline-block; content: url(""); vertical-align: middle; padding-left: 8px; transition: transform 0.3s ease-out; }
.page-ambassadors .btn-arrow:hover { text-decoration: none; border: none; background: none !important; }
.page-ambassadors .btn-arrow:hover::after { background-position: left 4px bottom 4px; transform: translateX(4px); }
.autoscroll-content { animation: 15s linear 0s infinite normal none running autoscroll; white-space: nowrap; overflow: hidden; max-width: 300px; }
#community-magenta { position: absolute; top: 0px; left: 0px; }
#community-purple { position: absolute; top: 160px; right: 0px; }
.page-events #event-hero-image { height: 100%; min-height: 209px; background: url("") center center / contain no-repeat; }
.page-events #events-orange { position: absolute; top: 0px; right: 0px; }
.page-events .event-hero { color: rgb(245, 245, 247); }
.page-events .event-hero p { font-weight: 500; font-size: 24px; line-height: 32px; }
.page-events .event-save-date { color: rgb(255, 255, 255); font-weight: bold; font-size: 20px; line-height: 26px; }
.page-events .event-small-gray { color: rgb(224, 224, 225); }
.page-events .btn { padding: 0.75rem; }
.page-events .event-card { max-width: 311px; margin: 32px auto; transition: 0.35s ease-out; position: relative; display: flex; flex-direction: column; min-width: 0px; overflow-wrap: break-word; background-clip: border-box; background-color: rgb(35, 35, 37); box-shadow: rgb(0, 0, 0) 0px 5px 40px; border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 8px; font-size: 16px; line-height: 24px; color: rgb(224, 224, 225); }
.page-events .event-card .event-card-header { position: relative; height: 176px; width: 100%; border-radius: 8px 8px 0px 0px; background-size: contain !important; }
.page-events .event-card .event-card-title { position: absolute; bottom: 32px; padding: 0px 32px; color: rgb(245, 245, 247); font-weight: bold; font-size: 20px; line-height: 28px; }
.page-events .event-card .event-card-body { padding: 32px; }
.page-events .event-card .event-card-footer { padding: 0px 32px 32px; }
.page-events .event-card .event-card-footer .icon::before { height: 24px; width: 24px; content: ""; margin-right: 8px; background-size: contain; background-repeat: no-repeat; }
.page-events .event-card .icon-date::before { background: url(""); }
.page-events .event-card .icon-location::before { background: url(""); }
@media (min-width: 992px) {
  .page-events .event-card { max-width: 347px; margin: 32px; }
  .page-events .event-card-header { height: 197px !important; }
}
.page-events a.event-card:hover { transform: translateY(-16px); text-decoration: none; }
.page-events label { margin: 0px; padding-left: 8px; color: rgb(255, 255, 255); }
.page-events .events-filter h6 { font-size: 16px; }
.page-events .events-filter { height: 20px; width: 20px; }
.page-events .events-filter[type="checkbox"]::before { position: relative; display: block; width: 20px; height: 20px; content: ""; background: rgb(17, 17, 18); border-radius: 4px; border-width: 2px; border-style: solid; border-color: rgb(162, 162, 164); }
.page-events .events-filter[type="checkbox"]::after { position: relative; display: block; top: -20px; width: 20px; height: 20px; content: ""; background-repeat: no-repeat; background-position: center center; border-radius: 4px; border-width: 2px; border-style: solid; border-color: rgb(162, 162, 164); }
.page-events .events-filter[type="checkbox"]:checked::before { background: rgb(17, 17, 18); border: none; border-radius: 0px; }
.page-events .events-filter[type="checkbox"]:checked::after { background-image: url(""); background-repeat: no-repeat; background-position: center center; background-color: rgb(121, 25, 255); border-width: 2px; border-style: solid; border-color: rgb(121, 25, 255); border-radius: 4px; }
.page-events .events-filter[type="checkbox"]:not(:disabled):checked:hover::after { background-image: url(""); background-repeat: no-repeat; background-position: center center; border-width: 2px; border-style: solid; border-color: rgb(95, 0, 229); border-radius: 4px; }
.page-events .events-filter[type="checkbox"]:not(:disabled):hover::before { background: rgb(17, 17, 18); border: none; border-radius: 0px; }
.page-events .events-filter[type="checkbox"]:not(:disabled):hover::after { background: rgb(17, 17, 18); border: 2px solid rgb(95, 0, 229); border-radius: 4px; }
#find-us-on-platforms .card-deck .card:nth-child(1) .card-footer { background-image: url(""); }
#find-us-on-platforms .card-deck .card:nth-child(2) .card-footer { background-image: url(""); }
#find-us-on-platforms .card-deck .card:nth-child(3) .card-footer { background-image: url(""); }
#find-us-on-platforms .card-deck .card:nth-child(4) .card-footer { background-image: url(""); }
#find-us-on-platforms .card-deck .card:nth-child(5) .card-footer { background-image: url(""); }
#find-us-on-platforms .card-deck .card:nth-child(6) .card-footer { background-image: url(""); }
#find-us-on-platforms .card-deck .card:nth-child(7) .card-footer { background-image: url(""); }
#find-us-on-platforms .card-deck .card:nth-child(8) .card-footer { background-image: url(""); }
#find-us-on-platforms .card-deck .card { margin-bottom: 2.5rem; }
.page-faq::before { background-image: url(""); }
@media (min-width: 768px) {
  .page-faq::before { background-size: contain; }
}
@media (min-width: 992px) {
  .page-faq article { max-width: 704px; margin-left: auto; margin-right: auto; }
}
.page-faq article h6:first-of-type { color: rgb(50, 230, 133); margin-bottom: 1rem; margin-top: 2.5rem; font-size: 1.25rem; line-height: 26px; text-align: center; }
.page-faq article h6:first-of-type .hover_anchor { display: none; }
@media (min-width: 992px) {
  .page-faq article h6:first-of-type { margin-top: 6.5rem; }
}
.page-faq article h1:first-of-type { font-size: 2.625rem; line-height: 1.2; margin-top: 0px; margin-bottom: 5rem; text-align: center; }
.page-faq article h1:first-of-type .hover_anchor { display: none; }
@media (min-width: 992px) {
  .page-faq article h1:first-of-type { font-size: 3.875rem; margin-bottom: 13rem; }
}
.page-faq h2 { margin-top: 13rem; font-size: 2rem; line-height: 2.375rem; text-align: center; font-weight: 700; }
.page-faq .q-wrapper, .mini-faq .q-wrapper { background: rgb(35, 35, 37); border-radius: 4px; padding: 2rem 3rem 2rem 2rem; margin-bottom: 1.5rem; position: relative; z-index: 5; width: 100%; transform: translateY(0%); }
.page-faq .q-wrapper p a, .mini-faq .q-wrapper p a { text-decoration: none; font-weight: 600; color: rgb(154, 82, 255); }
.page-faq .q-wrapper p a:hover, .mini-faq .q-wrapper p a:hover { text-decoration: underline; }
.page-faq .q-wrapper h4, .mini-faq .q-wrapper h4 { font-size: 1.25rem; line-height: 1.625rem; margin-top: 0px; }
.page-faq .q-wrapper h4::before, .mini-faq .q-wrapper h4::before { display: block; content: " "; margin-top: -40px; height: 40px; visibility: hidden; pointer-events: none; }
.page-faq .q-wrapper h4 > a, .mini-faq .q-wrapper h4 > a { text-decoration: none; }
.page-faq .q-wrapper h4 > a:hover, .mini-faq .q-wrapper h4 > a:hover { text-decoration: underline; color: rgb(255, 255, 255); }
@media (max-width: 991.98px) {
  .page-faq .q-wrapper h4, .mini-faq .q-wrapper h4 { font-size: 1rem; line-height: 1.5rem; }
}
.page-faq .q-wrapper h4 .chevron, .mini-faq .q-wrapper h4 .chevron { position: absolute; top: 40px; right: 2rem; }
.page-docs-index::before { background-position-x: 100%; }
.page-docs-index .center-search .input-group-text { height: 56px; padding: 0.75rem 0.75rem 0.75rem 1rem; line-height: 2rem; }
.page-docs-index .center-search .ds-input { height: 56px; padding: 0.75rem 1rem 0.75rem 0.5rem; }
.page-docs-index #software-and-sdks .card-deck .card:nth-child(1) .card-footer { background-image: url(""); }
.page-docs-index #software-and-sdks .card-deck .card:nth-child(2) .card-footer { background-image: url(""); }
.page-docs-index #software-and-sdks .card-deck .card:nth-child(3) .card-footer { background-image: url(""); }
.page-docs-index #software-and-sdks .card-deck .card:nth-child(4) .card-footer { background-image: url(""); }
.page-docs-index #doc-types .card-deck .card:nth-child(1) .card-footer { background-image: url(""); }
.page-docs-index #doc-types .card-deck .card:nth-child(2) .card-footer { background-image: url(""); }
.page-docs-index #doc-types .card-deck .card:nth-child(3) .card-footer { background-image: url(""); }
.page-docs-index #doc-types .card-deck .card:nth-child(4) .card-footer { background-image: url(""); }
.page-docs-index #docs-hot-topic .longform { margin-top: 2.5rem; }
.page-docs-index #community-heading, .page-community #community-heading { padding-top: 25rem; margin-top: 0px; }
@media (max-width: 768px) {
  .page-docs-index #community-heading, .page-community #community-heading { padding-top: 31rem; }
}
.page-docs-index #community-heading .hero-title, .page-community #community-heading .hero-title { position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); }
@media (min-width: 992px) {
  .page-docs-index #community-heading, .page-community #community-heading { padding-left: 0px; }
  .page-docs-index #community-heading .hero-title, .page-community #community-heading .hero-title { min-width: max-content; bottom: -83%; }
}
.page-docs-index #community-heading .parallax, .page-community #community-heading .parallax { position: absolute; transition: 0.1s; }
.page-docs-index #community-heading .one, .page-community #community-heading .one { top: 160px; left: 0%; opacity: 0.4; }
.page-docs-index #community-heading .two, .page-community #community-heading .two { top: 130px; left: 56%; height: 320px; opacity: 0.4; }
.page-docs-index #community-heading .three, .page-community #community-heading .three { top: 145px; right: 16%; height: 67px; }
.page-docs-index #community-heading .four, .page-community #community-heading .four { top: 374px; left: 8%; width: 107px; }
.page-docs-index #community-heading .five, .page-community #community-heading .five { top: 476px; width: 152px; height: 102px; right: 5%; opacity: 0.4; }
.page-docs-index #run-a-network-node .card-deck .card:nth-child(1) .card-footer, .page-community #run-a-network-node .card-deck .card:nth-child(1) .card-footer { background-image: url(""); }
.page-docs-index #run-a-network-node .card-deck .card:nth-child(2) .card-footer, .page-community #run-a-network-node .card-deck .card:nth-child(2) .card-footer { background-image: url(""); }
.page-docs-index #run-a-network-node .card-deck .card:nth-child(3) .card-footer, .page-community #run-a-network-node .card-deck .card:nth-child(3) .card-footer { background-image: url(""); }
.page-docs-index #run-a-network-node .card-deck .card:nth-child(4) .card-footer, .page-community #run-a-network-node .card-deck .card:nth-child(4) .card-footer { background-image: url(""); }
.page-docs-index #run-a-network-node, .page-community #run-a-network-node { padding-bottom: 5rem; }
@media (min-width: 768px) {
  .page-docs-index #run-a-network-node, .page-community #run-a-network-node { padding-top: 104px; padding-bottom: 104px; }
}
.page-docs-index #run-a-network-node .text-cards, .page-community #run-a-network-node .text-cards { gap: 40px; }
.page-docs-index #run-a-network-node .text-cards h6::before, .page-community #run-a-network-node .text-cards h6::before { margin-top: 0px; height: unset; }
.page-docs-index #run-a-network-node .text-cards a, .page-community #run-a-network-node .text-cards a { font-size: 1.25rem; line-height: 26px; color: rgb(255, 255, 255); font-weight: bold; }
.page-docs-index #run-a-network-node .text-cards a:hover, .page-community #run-a-network-node .text-cards a:hover { text-decoration: none; background: none !important; }
.page-docs-index #run-a-network-node .text-cards .btn-arrow::after, .page-community #run-a-network-node .text-cards .btn-arrow::after { display: inline-block; content: url(""); vertical-align: middle; padding-left: 8px; transition: transform 0.3s ease-out; }
.page-docs-index #xrpl-grants, .page-community #xrpl-grants { padding-bottom: 5rem; }
@media (min-width: 768px) {
  .page-docs-index #xrpl-grants, .page-community #xrpl-grants { padding-top: 104px; padding-bottom: 104px; }
}
.page-docs-index #xrpl-blog, .page-community #xrpl-blog { padding-bottom: 5rem; }
@media (min-width: 768px) {
  .page-docs-index #xrpl-blog, .page-community #xrpl-blog { padding-top: 104px; padding-bottom: 104px; }
}
.page-docs-index #xrpl-events, .page-community #xrpl-events { padding-bottom: 5rem; }
@media (min-width: 768px) {
  .page-docs-index #xrpl-events, .page-community #xrpl-events { padding-top: 104px; padding-bottom: 104px; }
}
.page-docs-index #xrpl-careers, .page-community #xrpl-careers { padding-bottom: 5rem; }
@media (min-width: 768px) {
  .page-docs-index #xrpl-careers, .page-community #xrpl-careers { padding-top: 104px; padding-bottom: 104px; }
}
.page-docs-index #xrpl-design-assets, .page-community #xrpl-design-assets { padding-bottom: 5rem; }
@media (min-width: 768px) {
  .page-docs-index #xrpl-design-assets, .page-community #xrpl-design-assets { padding-top: 104px; padding-bottom: 208px; }
}
.page-community #platform-github { content: url(""); }
.page-community #platform-twitch { content: url(""); }
.page-community #platform-stack-overflow { content: url(""); }
.page-community #platform-twitter { content: url(""); }
.page-community #platform-discord { content: url(""); }
.page-community #platform-youtube { content: url(""); }
.page-community #platform-devto { content: url(""); }
.page-references #refs-types .card-deck .card:nth-child(1) .card-footer { background-image: url(""); }
.page-references #refs-types .card-deck .card:nth-child(2) .card-footer { background-image: url(""); }
.page-references #refs-types .card-deck .card:nth-child(3) .card-footer { background-image: url(""); }
.page-references #xrpl-protocol .card-deck .card:nth-child(1) .card-footer { background-image: url(""); }
.page-references #xrpl-protocol .card-deck .card:nth-child(2) .card-footer { background-image: url(""); }
.page-references #xrpl-protocol .card-deck .card:nth-child(3) .card-footer { background-image: url(""); }
.page-references #xrpl-protocol .card-deck .card:nth-child(4) .card-footer { background-image: url(""); }
.page-dev-tools #xrp-explorer .card-footer { background-image: url(""); }
.page-dev-tools #bithomp-explorer .card-footer { background-image: url(""); }
.page-dev-tools #xrpscan .card-footer { background-image: url(""); }
.page-dev-tools #token-list .card-footer { background-image: url(""); }
.page-dev-tools #websocket .card-footer { background-image: url(""); }
.page-dev-tools #rpc .card-footer { background-image: url(""); }
.page-dev-tools #technical-explorer .card-footer { background-image: url(""); }
.page-dev-tools #faucets .card-footer { background-image: url(""); }
.page-dev-tools #trasaction-sender .card-footer { background-image: url(""); }
.page-dev-tools #domain .card-footer { background-image: url(""); }
.page-dev-tools #xrp-ledger .card-footer { background-image: url(""); }
.page-dev-tools #binary-visualizer .card-footer { background-image: url(""); }
.page-dev-tools #token-metadata-lookup .card-footer { background-image: url(""); }
.page-dev-tools .nav-link { color: rgb(162, 162, 164); background-color: rgb(17, 17, 18); border-top: none; border-left: none; border-right: none; border-bottom-color: rgb(69, 69, 73); }
@media (max-width: 767.98px) {
  .page-dev-tools .nav-tabs { display: flex; list-style: none; margin-left: 0px; padding-left: 0px; justify-content: space-between; }
  .page-dev-tools .nav-item { display: inline-flex; width: auto; list-style: outside none none; }
  .page-dev-tools .nav-link { display: inline-flex; width: auto; padding: 1em; }
}
.page-dev-tools .nav-link.active { border-bottom-color: rgb(154, 82, 255); color: rgb(255, 255, 255); font-weight: bold; }
.page-dev-tools .nav-tabs { border-bottom: 1px solid rgb(69, 69, 73); }
.page-dev-tools .btn { padding: 0.75rem; }
html.light .page-dev-tools .nav-link { background-color: rgb(245, 245, 247); }
html.light .page-dev-tools .nav-link.active { border-bottom-color: rgb(154, 82, 255); color: rgb(0, 0, 0); font-weight: bold; }
html.light .page-dev-tools .nav-link { color: rgb(0, 0, 0); }
html.light .page-dev-tools #trasaction-sender .card-footer { background-image: url(""); }
.page-rwa-tokenization .developer-tools { padding: 180px 0px; }
.page-rwa-tokenization .right-arrow-item::after, .use-case-payments .right-arrow-item::after { display: inline-block; content: url(""); position: relative; top: 1px; vertical-align: middle; padding-left: 8px; transition: transform 0.3s ease-out; }
.page-rwa-tokenization #events-orange, .use-case-payments #events-orange { position: absolute; top: 0px; right: 0px; }
.page-rwa-tokenization .token-title, .use-case-payments .token-title { color: var(--black-black-0-white, #FFF); text-align: center; font-family: "Work Sans"; font-size: 62px; font-style: normal; font-weight: 700; line-height: 70px; max-width: 720px; z-index: 1; }
@media (max-width: 991.98px) {
  .page-rwa-tokenization .token-title, .use-case-payments .token-title { line-height: 48px; font-size: 42px; text-align: left; }
}
.page-rwa-tokenization .token-title-container, .use-case-payments .token-title-container { gap: 32px; padding: 104px 40px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.page-rwa-tokenization .token-title-container .button-container, .use-case-payments .token-title-container .button-container { display: flex; flex-wrap: wrap; gap: 32px; justify-content: center; align-items: center; }
.page-rwa-tokenization .token-title-container .button-container .internal-link, .use-case-payments .token-title-container .button-container .internal-link { color: rgb(154, 82, 255); font-size: 16px; font-style: normal; font-weight: 700; text-decoration: none; cursor: pointer; display: inline-flex; align-items: center; background: none !important; }
@media (max-width: 767px) {
  .page-rwa-tokenization .token-title-container .button-container, .use-case-payments .token-title-container .button-container { padding-bottom: 0px; gap: 16px; flex-direction: column; width: 100%; }
  .page-rwa-tokenization .token-title-container .button-container .btn-primary.p-12, .use-case-payments .token-title-container .button-container .btn-primary.p-12 { width: 100%; }
  .page-rwa-tokenization .token-title-container .button-container .internal-link, .use-case-payments .token-title-container .button-container .internal-link { width: 100%; text-align: center; white-space: normal; }
}
.page-rwa-tokenization .token-title-container .button-container .btn-primary.p-12, .use-case-payments .token-title-container .button-container .btn-primary.p-12 { padding: 12px; }
.page-rwa-tokenization .token-video-container, .use-case-payments .token-video-container { padding: 104px 64px; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 48px; max-width: 1200px; margin: 0px auto; }
@media (max-width: 767px) {
  .page-rwa-tokenization .token-video-container, .use-case-payments .token-video-container { padding-bottom: 0px; }
}
.page-rwa-tokenization .token-video-container .__button-container, .use-case-payments .token-video-container .__button-container { margin-top: 16px; }
.page-rwa-tokenization .token-video-container .token-video, .use-case-payments .token-video-container .token-video { width: 50%; max-width: 602px; height: 372px; }
.page-rwa-tokenization .token-video-container .token-video-text-container, .use-case-payments .token-video-container .token-video-text-container { max-width: 520px; width: 50%; display: flex; flex-direction: column; align-items: flex-start; text-align: left; gap: 24px; }
.page-rwa-tokenization .token-video-container .token-video-text-container p, .use-case-payments .token-video-container .token-video-text-container p { color: var(--black-black-10-gray-200, #E0E0E1); font-family: "Work Sans"; font-size: 24px; font-style: normal; font-weight: 400; line-height: 32px; margin: 0px; }
@media (max-width: 1145px) {
  .page-rwa-tokenization .token-video-container, .use-case-payments .token-video-container { flex-direction: column; gap: 40px; padding: 80px 40px; max-width: 800px; }
  .page-rwa-tokenization .token-video-container .token-video, .use-case-payments .token-video-container .token-video { width: 100%; max-width: 100%; height: auto; aspect-ratio: 16 / 9; }
  .page-rwa-tokenization .token-video-container .token-video-text-container, .use-case-payments .token-video-container .token-video-text-container { width: 100%; max-width: 100%; align-items: flex-start; text-align: left; }
  .page-rwa-tokenization .token-video-container .token-video-text-container p, .use-case-payments .token-video-container .token-video-text-container p { font-size: 22px; line-height: 30px; }
}
@media (max-width: 767px) {
  .page-rwa-tokenization .token-video-container, .use-case-payments .token-video-container { padding: 60px 40px; gap: 32px; max-width: 100%; }
  .page-rwa-tokenization .token-video-container .token-video-text-container p, .use-case-payments .token-video-container .token-video-text-container p { font-size: 18px; line-height: 26px; }
}
.page-rwa-tokenization .token-cards-wrapper, .use-case-payments .token-cards-wrapper { display: flex; justify-content: center; }
.page-rwa-tokenization .token-cards-container, .use-case-payments .token-cards-container { display: flex; padding: 100px 40px; flex-direction: column; justify-content: center; align-items: start; gap: 40px; max-width: 1280px; }
@media (max-width: 767px) {
  .page-rwa-tokenization .token-cards-container, .use-case-payments .token-cards-container { padding-bottom: 0px; }
}
.page-rwa-tokenization .token-cards-container .cards-title-token, .use-case-payments .token-cards-container .cards-title-token { color: var(--black-black-0-white, #FFF); font-family: "Work Sans"; font-size: 32px; font-style: normal; font-weight: 700; line-height: 38px; max-width: 780px; }
.page-rwa-tokenization .token-cards-container .benefits-section, .use-case-payments .token-cards-container .benefits-section { display: flex; flex-direction: column; align-items: center; font-family: "Work Sans", sans-serif; overflow: hidden; }
.page-rwa-tokenization .token-cards-container .section-title, .use-case-payments .token-cards-container .section-title { font-size: 32px; color: var(--black-black-0-white, #fff); font-weight: 700; line-height: 38px; max-width: 776px; text-align: center; margin-bottom: 40px; }
.page-rwa-tokenization .token-cards-container .benefits-container, .use-case-payments .token-cards-container .benefits-container { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; width: 100%; max-width: 1136px; }
@media (max-width: 1399px) {
  .page-rwa-tokenization .token-cards-container .benefits-container, .use-case-payments .token-cards-container .benefits-container { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 1145px) {
  .page-rwa-tokenization .token-cards-container .section-title, .use-case-payments .token-cards-container .section-title { font-size: 28px; line-height: 34px; }
  .page-rwa-tokenization .token-cards-container .benefits-container, .use-case-payments .token-cards-container .benefits-container { grid-template-columns: repeat(2, 1fr); gap: 32px; }
  .page-rwa-tokenization .token-cards-container .benefit-card, .use-case-payments .token-cards-container .benefit-card { padding: 24px; min-height: 280px; }
}
@media (max-width: 767px) {
  .page-rwa-tokenization .token-cards-container .benefits-container, .use-case-payments .token-cards-container .benefits-container { grid-template-columns: 1fr; gap: 24px; }
  .page-rwa-tokenization .token-cards-container .benefit-card, .use-case-payments .token-cards-container .benefit-card { padding: 20px; min-height: 240px; }
}
.page-rwa-tokenization .token-cards-container .benefit-card, .use-case-payments .token-cards-container .benefit-card { border-radius: 8px; background-color: var(--XRPL-Black-Black-80, #232325); display: flex; flex-direction: column; justify-content: flex-start; padding: 32px; min-height: 332px; }
.page-rwa-tokenization .token-cards-container .benefit-icon, .use-case-payments .token-cards-container .benefit-icon { min-width: 40px; min-height: 40px; background-size: contain; background-repeat: no-repeat; }
.page-rwa-tokenization .token-cards-container .benefit-icon.low-fees, .use-case-payments .token-cards-container .benefit-icon.low-fees { background-image: url(""); }
.page-rwa-tokenization .token-cards-container .benefit-icon.access, .use-case-payments .token-cards-container .benefit-icon.access { background-image: url(""); }
.page-rwa-tokenization .token-cards-container .benefit-icon.native-compliance, .use-case-payments .token-cards-container .benefit-icon.native-compliance { background-image: url(""); }
.page-rwa-tokenization .token-cards-container .benefit-icon.delegated-token-management, .use-case-payments .token-cards-container .benefit-icon.delegated-token-management { background-image: url(""); }
.page-rwa-tokenization .token-cards-container .benefit-title, .use-case-payments .token-cards-container .benefit-title { color: var(--black-black-0-white, #fff); font-size: 20px; font-weight: 700; line-height: 26px; margin-top: -10px; }
.page-rwa-tokenization .token-cards-container .benefit-description, .use-case-payments .token-cards-container .benefit-description { color: var(--Black-Black-20, #e0e0e1); font-size: 16px; font-weight: 400; line-height: 24px; margin-top: 16px; }
@media (max-width: 991px) {
  .page-rwa-tokenization .token-cards-container .benefit-card, .use-case-payments .token-cards-container .benefit-card { padding: 20px; }
}
.page-rwa-tokenization .upcoming-events, .use-case-payments .upcoming-events { display: flex; flex-direction: column; justify-content: center; overflow: hidden; padding: 100px 40px; max-width: 1200px; width: 100%; }
@media (max-width: 767px) {
  .page-rwa-tokenization .upcoming-events, .use-case-payments .upcoming-events { padding-bottom: 0px; padding-top: 0px; }
}
.page-rwa-tokenization .upcoming-events__title, .use-case-payments .upcoming-events__title { max-width: 630px; align-self: stretch; color: rgb(255, 255, 255); font: 700 32px / 38px "Work Sans", -apple-system, Roboto, Helvetica, sans-serif; margin-bottom: 64px; }
@media (max-width: 767px) {
  .page-rwa-tokenization .upcoming-events__title, .use-case-payments .upcoming-events__title { text-align: left; }
}
.page-rwa-tokenization .upcoming-events__logo-container, .use-case-payments .upcoming-events__logo-container { display: flex; align-items: center; gap: 60px; justify-content: center; flex-wrap: wrap; }
.page-rwa-tokenization .token-events-wrapper, .use-case-payments .token-events-wrapper { padding-top: 0px; display: flex; justify-content: center; }
.page-rwa-tokenization .company-logo, .use-case-payments .company-logo { flex: 0 0 auto; width: 140px; aspect-ratio: var(--aspect-ratio); background-size: contain; background-repeat: no-repeat; background-position: center center; }
@media (max-width: 991px) {
  .page-rwa-tokenization .upcoming-events__title, .use-case-payments .upcoming-events__title { margin-bottom: 40px; }
  .page-rwa-tokenization .upcoming-events, .use-case-payments .upcoming-events { text-align: center; }
  .page-rwa-tokenization .upcoming-events__logo-container, .use-case-payments .upcoming-events__logo-container { justify-content: center; }
}
@media (max-width: 575.98px) {
  .page-rwa-tokenization .small-100, .use-case-payments .small-100 { width: 100%; }
}
.page-rwa-tokenization .company-logo, .use-case-payments .company-logo { cursor: pointer; flex: 0 0 auto; max-width: 140px; aspect-ratio: var(--aspect-ratio); background-size: contain; background-repeat: no-repeat; background-position: center center; }
.page-rwa-tokenization .company-logo.zoniqx, .use-case-payments .company-logo.zoniqx { background-image: url(""); }
.page-rwa-tokenization .company-logo.archax, .use-case-payments .company-logo.archax { background-image: url(""); }
.page-rwa-tokenization .company-logo.palisade, .use-case-payments .company-logo.palisade { background-image: url(""); }
.page-rwa-tokenization .company-logo.axiology, .use-case-payments .company-logo.axiology { background-image: url(""); }
.page-rwa-tokenization .company-logo.open-eden, .use-case-payments .company-logo.open-eden { background-image: url(""); }
.page-rwa-tokenization .company-logo.ondo, .use-case-payments .company-logo.ondo { background-image: url(""); }
.page-rwa-tokenization .company-logo.meld, .use-case-payments .company-logo.meld { background-image: url(""); }
.page-rwa-tokenization .company-logo.ripple-logo, .use-case-payments .company-logo.ripple-logo { background-image: url(""); }
.page-rwa-tokenization .company-logo.hidden-road, .use-case-payments .company-logo.hidden-road { background-image: url(""); }
.page-rwa-tokenization .company-logo, .use-case-payments .company-logo { max-height: 66px; max-width: 100px; width: 100%; height: 100%; }
.page-rwa-tokenization .token-developer-tools-section .developer-tools, .page-rwa-tokenization .payments-integration-section .developer-tools, .use-case-payments .token-developer-tools-section .developer-tools, .use-case-payments .payments-integration-section .developer-tools { font-family: "Work Sans", sans-serif; color: rgb(255, 255, 255); }
.page-rwa-tokenization .token-developer-tools-section .developer-tools__header, .page-rwa-tokenization .payments-integration-section .developer-tools__header, .use-case-payments .token-developer-tools-section .developer-tools__header, .use-case-payments .payments-integration-section .developer-tools__header { margin-bottom: 64px; }
.page-rwa-tokenization .token-developer-tools-section .developer-tools__title, .page-rwa-tokenization .payments-integration-section .developer-tools__title, .use-case-payments .token-developer-tools-section .developer-tools__title, .use-case-payments .payments-integration-section .developer-tools__title { font-size: 32px; font-weight: 700; line-height: 1; margin-bottom: 24px; }
.page-rwa-tokenization .token-developer-tools-section .developer-tools__description, .page-rwa-tokenization .payments-integration-section .developer-tools__description, .use-case-payments .token-developer-tools-section .developer-tools__description, .use-case-payments .payments-integration-section .developer-tools__description { font-size: 16px; line-height: 24px; }
.page-rwa-tokenization .token-developer-tools-section .developer-tools__list, .page-rwa-tokenization .payments-integration-section .developer-tools__list, .use-case-payments .token-developer-tools-section .developer-tools__list, .use-case-payments .payments-integration-section .developer-tools__list { list-style: none; padding: 0px; margin: 0px; }
.page-rwa-tokenization .token-developer-tools-section .feature-item, .page-rwa-tokenization .payments-integration-section .feature-item, .use-case-payments .token-developer-tools-section .feature-item, .use-case-payments .payments-integration-section .feature-item { margin-bottom: 16px; cursor: pointer; }
.page-rwa-tokenization .token-developer-tools-section .feature-item a:hover, .page-rwa-tokenization .payments-integration-section .feature-item a:hover, .use-case-payments .token-developer-tools-section .feature-item a:hover, .use-case-payments .payments-integration-section .feature-item a:hover { text-decoration: none; }
.page-rwa-tokenization .token-developer-tools-section .feature-item__content, .page-rwa-tokenization .payments-integration-section .feature-item__content, .use-case-payments .token-developer-tools-section .feature-item__content, .use-case-payments .payments-integration-section .feature-item__content { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; cursor: pointer; }
.page-rwa-tokenization .token-developer-tools-section .feature-item__content:hover .right-arrow-item::after, .page-rwa-tokenization .payments-integration-section .feature-item__content:hover .right-arrow-item::after, .use-case-payments .token-developer-tools-section .feature-item__content:hover .right-arrow-item::after, .use-case-payments .payments-integration-section .feature-item__content:hover .right-arrow-item::after { transform: translateX(4px); }
.page-rwa-tokenization .token-developer-tools-section .feature-item__title, .page-rwa-tokenization .payments-integration-section .feature-item__title, .use-case-payments .token-developer-tools-section .feature-item__title, .use-case-payments .payments-integration-section .feature-item__title { font-size: 16px; color: rgb(224, 224, 225); cursor: pointer; }
.page-rwa-tokenization .token-developer-tools-section .feature-item__icon, .page-rwa-tokenization .payments-integration-section .feature-item__icon, .use-case-payments .token-developer-tools-section .feature-item__icon, .use-case-payments .payments-integration-section .feature-item__icon { width: 24px; height: 24px; object-fit: contain; }
.page-rwa-tokenization .token-developer-tools-section .feature-item__divider, .page-rwa-tokenization .payments-integration-section .feature-item__divider, .use-case-payments .token-developer-tools-section .feature-item__divider, .use-case-payments .payments-integration-section .feature-item__divider { height: 1px; opacity: 0.3; background-color: rgb(255, 255, 255); }
.page-rwa-tokenization .token-developer-tools-section .developer-tools__image, .page-rwa-tokenization .payments-integration-section .developer-tools__image, .use-case-payments .token-developer-tools-section .developer-tools__image, .use-case-payments .payments-integration-section .developer-tools__image { width: 110%; height: 124%; background-image: url(""); background-size: contain; background-repeat: no-repeat; background-position: center center; }
.page-rwa-tokenization .token-developer-tools-section .m-h-300, .page-rwa-tokenization .payments-integration-section .m-h-300, .use-case-payments .token-developer-tools-section .m-h-300, .use-case-payments .payments-integration-section .m-h-300 { min-height: 300px; }
@media (max-width: 991px) {
  .page-rwa-tokenization .token-developer-tools-section .developer-tools, .page-rwa-tokenization .payments-integration-section .developer-tools, .use-case-payments .token-developer-tools-section .developer-tools, .use-case-payments .payments-integration-section .developer-tools { padding: 50px 40px; }
  .page-rwa-tokenization .token-developer-tools-section .developer-tools__header, .page-rwa-tokenization .payments-integration-section .developer-tools__header, .use-case-payments .token-developer-tools-section .developer-tools__header, .use-case-payments .payments-integration-section .developer-tools__header { margin-bottom: 40px; }
}
.page-rwa-tokenization .token-features-section .rwa-tokenization, .use-case-payments .token-features-section .rwa-tokenization { font-family: "Work Sans", sans-serif; padding: 0px 40px 100px; color: rgb(255, 255, 255); }
.page-rwa-tokenization .token-features-section .container, .use-case-payments .token-features-section .container { max-width: 1200px; margin: 0px auto; }
.page-rwa-tokenization .token-features-section .rwa-header, .use-case-payments .token-features-section .rwa-header { text-align: start; margin-bottom: 40px; }
.page-rwa-tokenization .token-features-section .rwa-title, .use-case-payments .token-features-section .rwa-title { font-size: 32px; font-weight: 700; line-height: 38px; }
.page-rwa-tokenization .token-features-section .cta-container, .use-case-payments .token-features-section .cta-container { display: flex; justify-content: flex-start; gap: 24px; }
.page-rwa-tokenization .token-features-section .btn, .use-case-payments .token-features-section .btn { font-size: 16px; font-weight: 700; padding: 8px 16px; border-radius: 4px; text-decoration: none; }
.page-rwa-tokenization .token-features-section .btn-primary, .use-case-payments .token-features-section .btn-primary { background-color: rgb(121, 25, 255); color: rgb(255, 255, 255); }
.page-rwa-tokenization .token-features-section .btn-link, .use-case-payments .token-features-section .btn-link { color: rgb(154, 82, 255); }
@media (max-width: 991px) {
  .page-rwa-tokenization .token-features-section .auto-bridge, .use-case-payments .token-features-section .auto-bridge { padding: 18px !important; }
  .page-rwa-tokenization .token-features-section .rwa-tokenization, .use-case-payments .token-features-section .rwa-tokenization { padding: 50px 20px; }
  .page-rwa-tokenization .token-features-section .feature-grid, .use-case-payments .token-features-section .feature-grid { gap: 20px; }
  .page-rwa-tokenization .token-features-section .cta-container, .use-case-payments .token-features-section .cta-container { flex-direction: column; align-items: center; }
}
.page-rwa-tokenization .token-features-section .feature-grid, .use-case-payments .token-features-section .feature-grid { display: flex; flex-wrap: wrap; gap: 40px; justify-content: center; margin-bottom: 20px; }
.page-rwa-tokenization .token-features-section .feature-grid .feature-card, .use-case-payments .token-features-section .feature-grid .feature-card { flex: 1 0 100%; max-width: 100%; margin-bottom: 20px; position: relative; }
@media (min-width: 768px) {
  .page-rwa-tokenization .token-features-section .feature-grid .feature-card, .use-case-payments .token-features-section .feature-grid .feature-card { flex: 1 0 calc(50% - 40px); max-width: calc(50% - 40px); }
}
@media (min-width: 1200px) {
  .page-rwa-tokenization .token-features-section .feature-grid .feature-card, .use-case-payments .token-features-section .feature-grid .feature-card { flex: 1 0 calc(25% - 30px); max-width: calc(25% - 30px); }
}
.page-rwa-tokenization .token-features-section .feature-card:hover .right-arrow-item::after, .use-case-payments .token-features-section .feature-card:hover .right-arrow-item::after { transform: translateX(4px); }
.page-rwa-tokenization .token-features-section .feature-header, .use-case-payments .token-features-section .feature-header { margin-bottom: 16px; position: relative; }
.page-rwa-tokenization .token-features-section .feature-title, .use-case-payments .token-features-section .feature-title { display: flex; align-items: flex-start; justify-content: space-between; font-size: 20px; font-weight: 700; line-height: 26px; color: rgb(255, 255, 255); width: 100%; flex-wrap: wrap; }
@media (max-width: 767px) {
  .page-rwa-tokenization .token-features-section .feature-title, .use-case-payments .token-features-section .feature-title { padding-right: 30px; flex-wrap: nowrap; justify-content: flex-start; }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .page-rwa-tokenization .token-features-section .feature-title, .use-case-payments .token-features-section .feature-title { flex-wrap: nowrap; padding-right: 30px; justify-content: flex-start; }
}
.page-rwa-tokenization .token-features-section .feature-icon, .use-case-payments .token-features-section .feature-icon { width: 16px; height: 16px; margin-left: 8px; }
.page-rwa-tokenization .token-features-section .feature-description, .use-case-payments .token-features-section .feature-description { font-size: 16px; line-height: 24px; color: rgb(224, 224, 225); }
.page-rwa-tokenization .max-w-1150, .use-case-payments .max-w-1150 { max-width: 1150px !important; }
.page-rwa-tokenization .custom-gap, .use-case-payments .custom-gap { justify-content: start !important; }
.page-rwa-tokenization .mt-16, .use-case-payments .mt-16 { margin-top: 16px; }
.page-rwa-tokenization .com-card, .use-case-payments .com-card { height: fit-content; min-width: auto !important; padding: 40px !important; max-height: 388px !important; }
.page-rwa-tokenization .section-padding, .use-case-payments .section-padding { padding: 100px 40px; }
.page-rwa-tokenization .developer-resources-section .bottom-cards-section.bug-bounty.section-padding, .use-case-payments .developer-resources-section .bottom-cards-section.bug-bounty.section-padding { gap: 32px; max-width: 1200px; margin: 80px auto; padding: 0px; justify-content: center; display: flex !important; flex-wrap: wrap !important; }
@media (min-width: 768px) {
  .page-rwa-tokenization .developer-resources-section .bottom-cards-section.bug-bounty.section-padding, .use-case-payments .developer-resources-section .bottom-cards-section.bug-bounty.section-padding { gap: 40px; justify-content: space-between; }
}
@media (max-width: 767px) {
  .page-rwa-tokenization .developer-resources-section .bottom-cards-section.bug-bounty.section-padding, .use-case-payments .developer-resources-section .bottom-cards-section.bug-bounty.section-padding { flex-direction: column; gap: 20px; margin: 40px auto; padding: 0px; }
}
.page-rwa-tokenization .developer-resources-section .bottom-cards-section.bug-bounty.section-padding .com-card, .use-case-payments .developer-resources-section .bottom-cards-section.bug-bounty.section-padding .com-card { position: relative; flex: 1 1 0% !important; margin: 0px !important; }
@media (min-width: 768px) {
  .page-rwa-tokenization .developer-resources-section .bottom-cards-section.bug-bounty.section-padding .com-card, .use-case-payments .developer-resources-section .bottom-cards-section.bug-bounty.section-padding .com-card { flex: 1 1 calc(50% - 20px); max-width: calc(50% - 20px); min-width: calc(50% - 20px); width: auto; }
}
@media (max-width: 767px) {
  .page-rwa-tokenization .developer-resources-section .bottom-cards-section.bug-bounty.section-padding .com-card, .use-case-payments .developer-resources-section .bottom-cards-section.bug-bounty.section-padding .com-card { width: 100% !important; max-width: 100% !important; min-width: 100% !important; margin-bottom: 0px !important; flex: 0 0 auto !important; }
}
.page-rwa-tokenization .developer-resources-section .bottom-cards-section.bug-bounty.section-padding .com-card.developer-spotlight, .use-case-payments .developer-resources-section .bottom-cards-section.bug-bounty.section-padding .com-card.developer-spotlight { background-image: url(""); background-position: right top; background-size: 169px 88px; background-repeat: no-repeat; }
.page-rwa-tokenization .developer-resources-section .bottom-cards-section.bug-bounty.section-padding .com-card.learn-stay-updated, .use-case-payments .developer-resources-section .bottom-cards-section.bug-bounty.section-padding .com-card.learn-stay-updated { background-image: url(""); background-position: right bottom; background-repeat: no-repeat; background-size: 136px 177px; }
@media (max-width: 767px) {
  .page-rwa-tokenization .developer-resources-section .bottom-cards-section.bug-bounty.section-padding .com-card.learn-stay-updated, .use-case-payments .developer-resources-section .bottom-cards-section.bug-bounty.section-padding .com-card.learn-stay-updated { background-image: url(""); }
}
.page-rwa-tokenization .developer-resources-section .bottom-cards-section.bug-bounty.section-padding .com-card .card-content, .use-case-payments .developer-resources-section .bottom-cards-section.bug-bounty.section-padding .com-card .card-content { display: flex; flex-direction: column; height: 100%; }
.page-rwa-tokenization .developer-resources-section .bottom-cards-section.bug-bounty.section-padding .com-card .card-content .card-description, .use-case-payments .developer-resources-section .bottom-cards-section.bug-bounty.section-padding .com-card .card-content .card-description { flex-grow: 1; margin-bottom: 24px; max-width: 560px; }
@media (max-width: 767px) {
  .page-rwa-tokenization .developer-resources-section .bottom-cards-section.bug-bounty.section-padding .com-card .card-content .card-description, .use-case-payments .developer-resources-section .bottom-cards-section.bug-bounty.section-padding .com-card .card-content .card-description { margin-bottom: 20px; }
}
.page-rwa-tokenization .developer-resources-section .bottom-cards-section.bug-bounty.section-padding .com-card .card-content .card-links, .use-case-payments .developer-resources-section .bottom-cards-section.bug-bounty.section-padding .com-card .card-content .card-links { margin-top: auto; }
@media (max-width: 767px) {
  .page-rwa-tokenization .developer-resources-section .bottom-cards-section.bug-bounty.section-padding .com-card .card-content .card-links, .use-case-payments .developer-resources-section .bottom-cards-section.bug-bounty.section-padding .com-card .card-content .card-links { margin-top: 16px; }
  .page-rwa-tokenization .developer-resources-section .bottom-cards-section.bug-bounty.section-padding .com-card .card-content .card-links .com-card-link, .use-case-payments .developer-resources-section .bottom-cards-section.bug-bounty.section-padding .com-card .card-content .card-links .com-card-link { display: block; margin-bottom: 12px; }
  .page-rwa-tokenization .developer-resources-section .bottom-cards-section.bug-bounty.section-padding .com-card .card-content .card-links .com-card-link:last-child, .use-case-payments .developer-resources-section .bottom-cards-section.bug-bounty.section-padding .com-card .card-content .card-links .com-card-link:last-child { margin-bottom: 0px; }
}
.page-rwa-tokenization .developer-resources-section.single-card .bottom-cards-section.bug-bounty.section-padding, .use-case-payments .developer-resources-section.single-card .bottom-cards-section.bug-bounty.section-padding { gap: 0px !important; }
@media (max-width: 767px) {
  .page-rwa-tokenization .developer-resources-section.single-card .bug-bounty-card-bg-2, .use-case-payments .developer-resources-section.single-card .bug-bounty-card-bg-2 { content: url(""); }
}
.page-rwa-tokenization .developer-resources-section.single-card .com-card, .use-case-payments .developer-resources-section.single-card .com-card { font-size: 24px; max-height: 288px !important; }
@media (max-width: 768px) {
  .page-rwa-tokenization .developer-resources-section.single-card .com-card, .use-case-payments .developer-resources-section.single-card .com-card { min-height: 493px !important; }
}
@media (min-width: 768px) {
  .page-rwa-tokenization .developer-resources-section.single-card .com-card, .use-case-payments .developer-resources-section.single-card .com-card { flex: 1 1 100% !important; max-width: 100% !important; min-width: 100% !important; }
}
.page-rwa-tokenization .developer-resources-section.single-card .com-card .bottom-right-img.bug-bounty-card-bg-2, .use-case-payments .developer-resources-section.single-card .com-card .bottom-right-img.bug-bounty-card-bg-2 { height: 714px; width: auto; object-fit: cover; object-position: right bottom; }
.page-rwa-tokenization .developer-resources-section.single-card .com-card .card-content, .use-case-payments .developer-resources-section.single-card .com-card .card-content { gap: 0px; }
.page-rwa-tokenization .developer-resources-section.single-card .com-card .card-content .card-title, .use-case-payments .developer-resources-section.single-card .com-card .card-content .card-title { margin-bottom: 24px; margin-top: 0px; }
.page-rwa-tokenization .developer-resources-section.single-card .com-card .card-content .card-description, .use-case-payments .developer-resources-section.single-card .com-card .card-content .card-description { margin-bottom: 24px; margin-top: 0px; flex-grow: 0; padding: 0px; }
.page-rwa-tokenization .developer-resources-section.single-card .com-card .card-content .card-links, .use-case-payments .developer-resources-section.single-card .com-card .card-content .card-links { margin-top: 0px; margin-bottom: 0px; }
.page-rwa-tokenization .token-utility-section, .use-case-payments .token-utility-section { padding: 100px 40px; }
@media (max-width: 767px) {
  .page-rwa-tokenization .token-utility-section, .use-case-payments .token-utility-section { padding-bottom: 0px; }
}
.page-rwa-tokenization .token-utility-section .section-title, .use-case-payments .token-utility-section .section-title { font-size: 32px; font-weight: 700; line-height: 38px; text-align: start; margin-bottom: 64px; color: rgb(255, 255, 255); }
.page-rwa-tokenization .token-utility-section .utility-grid, .use-case-payments .token-utility-section .utility-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px; }
@media (max-width: 1199px) {
  .page-rwa-tokenization .token-utility-section .utility-grid, .use-case-payments .token-utility-section .utility-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
  .page-rwa-tokenization .token-utility-section .utility-grid, .use-case-payments .token-utility-section .utility-grid { grid-template-columns: 1fr; }
}
.page-rwa-tokenization .token-utility-section .utility-card .utility-title, .use-case-payments .token-utility-section .utility-card .utility-title { font-size: 20px; font-weight: 700; line-height: 26px; margin-bottom: 16px; color: rgb(255, 255, 255); }
.page-rwa-tokenization .token-utility-section .utility-card .utility-description, .use-case-payments .token-utility-section .utility-card .utility-description { font-size: 16px; line-height: 24px; color: rgb(224, 224, 225); }
.page-rwa-tokenization .token-utility-section .utility-card .utility-description a, .use-case-payments .token-utility-section .utility-card .utility-description a { color: rgb(154, 82, 255); text-decoration: none; }
.page-rwa-tokenization .token-utility-section .utility-card .utility-description a:hover, .use-case-payments .token-utility-section .utility-card .utility-description a:hover { text-decoration: underline; }
.json-view { display: block; color: rgb(77, 77, 77); text-align: left; --json-property: #009033; --json-index: #676dff; --json-number: #676dff; --json-string: #b2762e; --json-boolean: #dc155e; --json-null: #dc155e; }
.json-view .json-view--property { color: var(--json-property); }
.json-view .json-view--index { color: var(--json-index); }
.json-view .json-view--number { color: var(--json-number); }
.json-view .json-view--string { color: var(--json-string); }
.json-view .json-view--boolean { color: var(--json-boolean); }
.json-view .json-view--null { color: var(--json-null); }
.json-view .jv-indent { padding-left: 1em; }
.json-view .jv-chevron { display: inline-block; vertical-align: -20%; cursor: pointer; opacity: 0.4; width: 1em; height: 1em; }
:is(.json-view .jv-chevron:hover, .json-view .jv-size:hover + .jv-chevron) { opacity: 0.8; }
.json-view .jv-size { cursor: pointer; opacity: 0.4; font-size: 0.875em; font-style: italic; margin-left: 0.5em; vertical-align: -5%; line-height: 1; }
.json-view :is(.json-view--copy, .json-view--edit), .json-view .json-view--link svg { display: none; width: 1em; height: 1em; margin-left: 0.25em; cursor: pointer; }
.json-view .json-view--input { width: 120px; margin-left: 0.25em; border-radius: 4px; border: 1px solid currentcolor; padding: 0px 4px; font-size: 87.5%; line-height: 1.25; background: transparent; }
.json-view .json-view--deleting { outline: rgb(218, 0, 0) solid 1px; background-color: rgba(218, 0, 0, 0.067); text-decoration-line: line-through; }
:is(.json-view:hover, .json-view--pair:hover) > :is(.json-view--copy, .json-view--edit), :is(.json-view:hover, .json-view--pair:hover) > .json-view--link svg { display: inline-block; }
.json-view .jv-button { background: transparent; outline: none; border: none; cursor: pointer; color: inherit; }
.json-view .cursor-pointer { cursor: pointer; }
.json-view svg { vertical-align: -10%; }
.jv-size-chevron ~ svg { vertical-align: -16%; }
.json-view_a11y { color: rgb(84, 84, 84); --json-property: #aa5d00; --json-index: #007299; --json-number: #007299; --json-string: green; --json-boolean: #d91e18; --json-null: #d91e18; }
.json-view_github { color: rgb(0, 92, 197); --json-property: #005cc5; --json-index: #005cc5; --json-number: #005cc5; --json-string: #032f62; --json-boolean: #005cc5; --json-null: #005cc5; }
.json-view_vscode { color: rgb(0, 92, 197); --json-property: #0451a5; --json-index: blue; --json-number: blue; --json-string: #a31515; --json-boolean: blue; --json-null: blue; }
.json-view_atom { color: rgb(56, 58, 66); --json-property: #e45649; --json-index: #986801; --json-number: #986801; --json-string: #50a14f; --json-boolean: #0184bc; --json-null: #0184bc; }
.json-view_winter-is-coming { color: rgb(4, 49, 250); --json-property: #3a9685; --json-index: #ae408b; --json-number: #ae408b; --json-string: #8123a9; --json-boolean: #0184bc; --json-null: #0184bc; }
.json-view { font-family: "Space Mono", monospace; padding: 1em; background: rgb(35, 35, 37); overflow: hidden; font-size: 14px; letter-spacing: 0px; color: rgb(245, 245, 247) !important; }
.json-view svg { height: 11px !important; color: rgb(245, 245, 247); }
.jv-button { color: rgb(255, 103, 25) !important; font-size: 14px; }
.jv-indent { border-left: 1px solid rgb(69, 69, 73); margin: 4px; }
.json-view--boolean { color: rgb(229, 0, 113) !important; }
.json-view--pair { margin: 4px; }
.json-view--property { color: rgb(245, 245, 247) !important; }
.json-view--null, .json-view--undefined { display: inline-block; padding: 1px 2px; border-radius: 3px; background-color: rgb(69, 69, 73); font-size: 11px; color: rgb(245, 245, 247) !important; }
.json-view--number { color: rgb(132, 240, 182) !important; }
.json-view--string { color: rgb(255, 103, 25) !important; }
.rpc-tool .nav-link { cursor: pointer; user-select: none; padding: 6px 9px; }
.dev-blog .image-container { transform: translateY(15%); z-index: 1; }
.dev-blog .text-bg { background-color: rgb(35, 35, 37); padding: 60px 40px; width: 100%; border-radius: 30px; }
@media (min-width: 992px) {
  .dev-blog .image-container { transform: translateX(15%); }
  .dev-blog .text-bg { padding: 50px 60px; }
}
.dev-blog .line-clamp { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.dev-blog #blog-purple { position: absolute; top: 0px; left: 0px; }
.dev-blog .card-date { color: rgb(162, 162, 164); }
.dev-blog .hero-post-date { text-decoration: overline 10% rgb(50, 230, 133); }
.dev-blog .general .category-list img { content: url(""); max-width: 100%; width: 100%; }
.dev-blog .general .category-list .label { width: fit-content; }
.dev-blog .developer_reflections .category-list img { content: url(""); max-width: 100%; width: 100%; }
.dev-blog .developer_reflections .category-list .label { width: fit-content; }
.dev-blog .amendments .category-list img { content: url(""); max-width: 100%; width: 100%; }
.dev-blog .amendments .category-list .label { width: fit-content; }
.dev-blog .case_study .category-list img { content: url(""); max-width: 100%; width: 100%; }
.dev-blog .case_study .category-list .label { width: fit-content; }
.dev-blog .advisories .category-list img { content: url(""); max-width: 100%; width: 100%; }
.dev-blog .advisories .category-list .label { width: fit-content; }
.dev-blog .release_notes .category-list img { content: url(""); max-width: 100%; width: 100%; }
.dev-blog .release_notes .category-list .label { width: fit-content; }
.dev-blog .development .category-list img { content: url(""); max-width: 100%; width: 100%; }
.dev-blog .development .category-list .label { width: fit-content; }
.dev-blog .gateway_bulletins .category-list img { content: url(""); max-width: 100%; width: 100%; }
.dev-blog .gateway_bulletins .category-list .label { width: fit-content; }
.dev-blog .features .category-list img { content: url(""); max-width: 100%; width: 100%; }
.dev-blog .features .category-list .label { width: fit-content; }
.dev-blog .security .category-list img { content: url(""); max-width: 100%; width: 100%; }
.dev-blog .security .category-list .label { width: fit-content; }
@media (min-width: 768px) and (max-width: 991px) {
  .dev-blog .category-list { display: block; }
  .dev-blog .category-list img { display: block; margin-bottom: 10px; }
  .dev-blog .category-list .label { display: block !important; margin-bottom: 15px; }
}
.dev-blog .category_sidebar { position: sticky; top: 80px; }
.dev-blog .category-checkbox { display: flex; align-items: center; }
.dev-blog .dropdown { position: relative; display: inline-block; }
.dev-blog .dropdown-btn { color: rgb(255, 255, 255); background-color: rgb(35, 35, 37); border-color: rgb(35, 35, 37); border-style: solid; border-radius: 4px; padding: 8px 10px 8px 16px; font-size: 16px; cursor: pointer; text-align: start; }
.dev-blog .dropdown-btn img { content: url(""); width: 10px; height: 13px; padding: 8px; }
.dev-blog .dropdown-content { display: flex; align-items: start; background-color: rgb(35, 35, 37); padding: 16px 8px; width: 254px; height: auto; border-radius: 4px; }
.dev-blog .category-checkbox label { font-weight: normal; font-size: 14px; margin: 0px; padding-left: 26px; }
.dev-blog .category-header { font-weight: normal; width: 200px; color: rgb(245, 245, 247); }
.dev-blog label { margin: 0px; padding-left: 8px; color: rgb(255, 255, 255); }
.dev-blog .blog-filter h6 { font-size: 16px; }
.dev-blog .blog-filter[type="checkbox"]::before { position: relative; display: block; width: 20px; height: 20px; content: ""; background: rgb(17, 17, 18); border-radius: 4px; border-width: 2px; border-style: solid; border-color: rgb(162, 162, 164); }
.dev-blog .blog-filter[type="checkbox"]::after { position: relative; display: block; top: -20px; width: 20px; height: 20px; content: ""; background-repeat: no-repeat; background-position: center center; border-radius: 4px; border-width: 2px; border-style: solid; border-color: rgb(162, 162, 164); }
.dev-blog .blog-filter[type="checkbox"]:checked::before { background: rgb(17, 17, 18); border: none; border-radius: 0px; }
.dev-blog .blog-filter[type="checkbox"]:checked::after { background-image: url(""); background-repeat: no-repeat; background-position: center center; background-color: rgb(121, 25, 255); border-width: 2px; border-style: solid; border-color: rgb(121, 25, 255); border-radius: 4px; }
.dev-blog .blog-filter[type="checkbox"]:not(:disabled):checked:hover::after { background-image: url(""); background-repeat: no-repeat; background-position: center center; border-width: 2px; border-style: solid; border-color: rgb(95, 0, 229); border-radius: 4px; }
.dev-blog .blog-filter[type="checkbox"]:not(:disabled):hover::before { background: rgb(17, 17, 18); border: none; border-radius: 0px; }
.dev-blog .blog-filter[type="checkbox"]:not(:disabled):hover::after { background: rgb(17, 17, 18); border: 2px solid rgb(95, 0, 229); border-radius: 4px; }
#feedback-content .docked-widget { border: none !important; background-color: transparent !important; position: static !important; box-shadow: none !important; width: auto !important; }
#feedback-content .widget-form-wrapper { display: block; position: static !important; box-shadow: none !important; background-color: rgb(35, 35, 37) !important; border-width: 0px !important; padding: 24px !important; border-radius: 8px !important; }
#feedback-content .widget-form-wrapper div { background-color: rgb(35, 35, 37) !important; }
#feedback-content .widget-form-wrapper textarea { background-color: rgb(255, 255, 255) !important; opacity: 1 !important; border: none !important; border-radius: 4px !important; margin: 0px !important; width: 100% !important; color: rgb(0, 0, 0) !important; }
#feedback-content .widget-form-wrapper .widget-header-title { background: none !important; flex-grow: 0 !important; height: auto !important; padding: 0px !important; margin-bottom: 10px !important; }
#feedback-content .widget-form-wrapper .widget-header-footer { background: none !important; }
#feedback-content .widget-form-wrapper .widget-form-footer { padding-right: 0px !important; }
#feedback-content .widget-form-wrapper .submit { background-color: rgb(121, 25, 255) !important; font-weight: bold !important; color: rgb(255, 255, 255) !important; border: none transparent !important; border-radius: 4px !important; margin: 8px 0px 0px !important; }
#feedback-content .widget-form-wrapper .submit:hover { background: rgb(95, 0, 229) !important; }
#feedback-content .widget-form-wrapper .submit.disabled, #feedback-content .widget-form-wrapper .submit[disabled="disabled"] { background-color: rgb(74, 0, 178) !important; }
#feedback-content .widget-form-wrapper .submit.disabled:hover, #feedback-content .widget-form-wrapper .submit[disabled="disabled"]:hover { background-color: rgb(74, 0, 178) !important; }
#feedback-content .widget-form-wrapper .cancel { margin: 8px 0px 0px !important; color: rgb(180, 128, 255) !important; font-weight: 600 !important; }
#feedback-content #closeFeedback { display: none; }
#feedback-content .widget-helpful .widget-header { background-color: rgb(35, 35, 37) !important; border-radius: 8px !important; }
#feedback-content .widget-helpful .widget-header-title { color: rgb(255, 255, 255) !important; }
.video-image { transition: 0.35s ease-out; cursor: pointer; }
.video-image:hover { transform: translateY(-16px); }
#video-overlay { position: fixed; top: 0px; left: 0px; z-index: 1190; height: 100%; width: 100%; background: rgb(255, 255, 255); opacity: 0.6; display: none; }
#video { display: none; position: fixed; top: 10%; left: 15%; width: 70%; z-index: 1200; }
#video-container { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 982px; padding: 0px 20px; }
#videoWrapper { position: absolute; top: 0px; left: 0px; height: calc(-100px + 90vh); width: 80vw; }
#videoWrapper iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
#video-container iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.video-external-link { color: rgb(154, 82, 255); font-weight: 600; }
.video-external-link::after { content: " "; background-image: url(""); background-repeat: no-repeat; display: inline-block; background-size: 24px; padding: 9px 4px 0px 8px; width: 2rem; background-position: left 8px bottom 0px; transition: background-position 100ms ease-in-out; }
.video-external-link.video-external-link:hover::after { background-position: left 12px bottom 8px; }
.video-title { line-height: 1.2; }
@media (min-width: 768px) {
  .video-title { font-size: 1rem; }
}
@media (max-width: 768px) {
  .page-community .sm-align-items-start { align-items: start !important; }
}
.page-community .numbers-animation { width: 218px; height: 96px; }
@keyframes bounce { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
}
.page-community .bounce-arrow { animation: 1.5s ease-in-out 0s infinite normal none running bounce; height: 26px; width: 26px; position: relative; top: 24px; }
.page-community .m-gif { height: 108px; }
.page-community .middle-image { margin: 0px auto; height: 35px; }
.page-community .bg-hero { width: 100%; height: 635px; }
.page-community #center-image { cursor: pointer; }
.page-community .gradient-num-three { background: linear-gradient(35deg, rgb(132, 240, 182) -0.3%, rgb(180, 128, 255) 99.7%) text; color: transparent; }
.page-community .middle-image-two { margin: 0px auto; height: 52px; }
.page-community .gradient-num-two { background: linear-gradient(35deg, rgb(234, 128, 255) -0.3%, rgb(128, 204, 255) 99.7%) text; color: transparent; }
.page-community .gradient-num { background: linear-gradient(35deg, rgb(180, 128, 255) -0.3%, rgb(255, 170, 128) 99.7%) text; color: transparent; }
.page-community .surround-gradient { background: linear-gradient(35deg, rgb(180, 128, 255) -0.3%, rgb(255, 170, 128) 99.7%) text; color: transparent; font-size: 40px; font-weight: 400; }
.page-community .surround-gradient-two { background: linear-gradient(35deg, rgb(234, 128, 255) -0.3%, rgb(128, 204, 255) 99.7%) text; color: transparent; font-size: 40px; font-weight: 400; }
.page-community .surround-gradient-three { background: linear-gradient(35deg, rgb(132, 240, 182) -0.3%, rgb(180, 128, 255) 99.7%) text; color: transparent; font-size: 40px; font-weight: 400; }
.page-community .main-title { color: var(--black-black-0, #FFF); text-align: center; font-family: "Work Sans"; font-size: 62px; font-style: normal; font-weight: 700; line-height: 70px; }
@media (max-width: 768px) {
  .page-community .main-title { font-size: 42px; line-height: 52px; text-align: left; }
}
.page-community .get-funding-btn { width: 90%; margin: 0px auto; }
@media (max-width: 768px) {
  .page-community .cd-none-sm { display: none !important; }
}
@media (min-width: 769px) {
  .page-community .cd-none-lg { display: none !important; }
}
.page-community .icon-date { padding-right: 4px; content: url(""); }
.page-community .icon-location { padding-right: 4px; content: url(""); }
.page-community .builders-wrap { white-space: nowrap; }
@media (min-width: 768px) {
  .page-community .builders-wrap { white-space: normal; }
}
.page-community #community-table { padding: 165px 93px 20px; max-width: 1280px; margin: 0px auto; border-radius: 5px; }
@media (min-width: 992px) {
  .page-community #community-table { padding-top: 512px; }
}
@media (max-width: 768px) {
  .page-community #community-table { margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding: 20px; margin-top: 100px !important; }
}
.page-community .eyebrow-convo { text-align: start; font-family: "Work Sans"; font-size: 20px; font-style: normal; font-weight: 700; line-height: 26px; padding-bottom: 5px; }
.page-community .final-tr { border: none !important; }
.page-community #community-table h4 { text-align: start; margin: 10px 0px; font-family: "Work Sans"; font-size: 32px; font-style: normal; font-weight: 700; line-height: 38px; }
.page-community #community-table table { width: 100%; margin-top: 31px; border-collapse: collapse; }
.page-community #community-table tr { padding: 10px; border-bottom: 1px solid rgb(52, 52, 55); }
.page-community #community-table td { overflow: hidden; max-width: 34vw; position: relative; vertical-align: middle; }
.page-community .scrolling-text { display: inline-block; }
.page-community #community-table img { max-width: 52px; height: 29px; }
.page-community .td-img { padding: 10px; width: 69px; }
.page-community .td-img .discord-icon { content: url(""); }
.page-community .td-img .twitter-icon { content: url(""); }
.page-community .td-img .youtube-icon { content: url(""); }
.page-community .td-img .xrpl-icon { content: url(""); }
.page-community .td-img .github-icon { content: url(""); }
.page-community .td-img .stackoverflow-icon { content: url(""); }
.page-community .text-external-link { display: inline-flex; align-items: center; margin-left: 10px; }
.page-community .external-link-contribute { display: inline-block; vertical-align: middle; padding-right: 41px; height: 16px; background: url("") center center no-repeat; transition: transform 0.3s; }
.page-community .text-external-link:hover .external-link-contribute { transform: translate(5px, -5px); }
.page-community table td { position: relative; padding-right: 25px; }
.page-community table td .text-external-link { position: absolute; right: 5px; top: 50%; transform: translateY(-50%); }
@media (max-width: 768px) {
  .page-community #community-table img { width: 96px; height: 29px; }
  .page-community #community-table { width: 100%; }
  .page-community .td-img { min-width: 60px; }
}
.page-community .funding-text { font-family: "Work Sans"; font-size: 20px; font-style: normal; font-weight: 700; line-height: 44px; padding-bottom: 4px; }
.page-community .xrpl-events-section { padding: 50px 40px; margin: 100px auto; display: flex; justify-content: space-around; align-items: center; max-width: 1280px; }
@media screen and (max-width: 768px) {
  .page-community .xrpl-events-section { flex-direction: column; align-items: start; }
  .page-community .xrpl-events-section .header-div { text-align: center; }
  .page-community .xrpl-events-section .header { display: flex; flex-direction: column; align-items: start; }
  .page-community .xrpl-events-section .header h6 { margin-bottom: 0.5rem; font-family: "Work Sans"; font-size: 20px; font-style: normal; font-weight: 700; line-height: 28px; }
  .page-community .xrpl-events-section .header h4 { font-family: "Work Sans"; font-size: 28px; font-style: normal; font-weight: 700; line-height: 34px; }
  .page-community .xrpl-events-section .description { text-align: start; margin-top: 2rem; font-family: "Work Sans"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 28px; }
  .page-community .xrpl-events-section .view-all-events-btn { float: left; }
  .page-community .xrpl-events-section .upcoming-event { text-align: start; margin-top: 2rem; padding: 1rem 0px; }
  .page-community .xrpl-events-section .upcoming-event .days-count { margin-bottom: 1rem; }
}
.page-community .xrpl-events-section .header-div { padding-top: 27px; }
.page-community .xrpl-events-section .header h6 { padding-left: 1.5px; font-family: "Work Sans", sans-serif; font-size: 20px; font-weight: 700; color: var(--black-black-0, #FFF); text-align: start; }
.page-community .xrpl-events-section .header h4 { text-align: start; font-family: "Work Sans", sans-serif; font-size: 32px; font-weight: 700; color: var(--black-black-0, #FFF); }
.page-community .xrpl-events-section .description { font-family: "Work Sans", sans-serif; font-size: 20px; font-weight: 500; max-width: 444px; color: var(--black-black-10-gray-200, #E0E0E1); line-height: 32px; }
.page-community .xrpl-events-section .view-all-events-btn { display: inline-block; margin-top: 1rem; }
.page-community .xrpl-events-section .upcoming-event { margin-top: 2rem; }
.page-community .xrpl-events-section .upcoming-event .upcoming-label { position: relative; top: 7px; font-family: "Work Sans", sans-serif; font-size: 12px; font-weight: 600; text-transform: uppercase; color: var(--black-black-30, #C1C1C2); }
.page-community .xrpl-events-section .upcoming-event .days-count { font-weight: 300; margin-bottom: 21px; line-height: 99px; font-size: 88px; background: linear-gradient(35deg, rgb(180, 128, 255) -0.3%, rgb(255, 170, 128) 99.7%) text; color: transparent; display: inline-block; }
.page-community .xrpl-events-section .upcoming-event .days-word { vertical-align: bottom; font-weight: normal; margin-bottom: 21px; line-height: 99px; font-size: 40px; background: linear-gradient(35deg, rgb(180, 128, 255) -0.3%, rgb(255, 170, 128) 99.7%) text; color: transparent; display: inline-block; }
.page-community .xrpl-events-section .upcoming-event h5 { font-family: "Work Sans", sans-serif; font-size: 16px; font-weight: 700; color: var(--black-black-10, #F5F5F7); }
.page-community .xrpl-events-section .upcoming-event .event-details, .page-community .xrpl-events-section .upcoming-event .event-location { font-family: "Work Sans", sans-serif; font-size: 12px; font-weight: 600; color: var(--black-black-30, #C1C1C2); }
.page-community .community-funding { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1280px; margin: 120px auto 100px; padding-right: 54px; padding-left: 73px; }
.page-community .funding-section { flex: 1 1 0%; padding: 20px; color: var(--black-black-0); }
.page-community .small-text { color: var(--black-black-30, #C1C1C2); font-family: "Work Sans"; font-size: 12px; font-style: normal; font-weight: 600; line-height: 16px; text-transform: uppercase; padding-left: 11px; text-align: start; }
.page-community .funding-section h2 { font-size: 32px; font-weight: 700; line-height: 38px; margin-top: 10px; margin-bottom: 40px; }
.page-community .funding-section p { color: var(--black-black-20); font-size: 24px; font-weight: 500; line-height: 32px; margin-bottom: 40px; }
.page-community .stats { flex: 1 1 0%; display: flex; justify-content: space-between; }
@media (max-width: 768px) {
  .page-community .stats { flex-direction: column; align-items: start; text-align: start; padding-left: 7px; }
}
.page-community .stacked-stats { display: flex; flex-direction: column; justify-content: space-between; }
.page-community .stat { align-self: center; text-align: center; margin: 0px auto; display: flex; flex-direction: column; }
@media (max-width: 768px) {
  .page-community .stat { margin: 0px; text-align: start; align-self: start; }
}
.page-community .number { opacity: 1; font-size: 88px; display: flex; padding: 10px; align-items: center; line-height: 96px; font-weight: 300; }
@media screen and (max-width: 768px) {
  .page-community .community-funding { flex-direction: column-reverse; padding-left: 16px; padding-right: 16px; }
  .page-community .funding-section, .page-community .stats { width: 100%; }
}
.page-community .carousel { position: relative; width: 1280px; margin: 106px auto 0px; max-width: 100%; }
.page-community .carousel .flex-align { display: flex; align-items: center; }
@media (max-width: 768px) {
  .page-community .carousel { width: 100%; }
}
.page-community .center-image-wrapper { position: relative; width: 552px; height: 314px; }
@media (max-width: 1118px) {
  .page-community .center-image-wrapper { width: 55%; height: auto; }
}
@media (max-width: 768px) {
  .page-community .center-image-wrapper { margin: 0px auto; width: 86%; }
}
.page-community .image-container { display: flex; justify-content: space-around; align-items: center; overflow: hidden; }
.page-community .image-container img { max-width: 100%; transition: transform 0.7s ease-in-out, opacity 0.7s ease-in-out; }
.page-community #center-image { width: 100%; }
.page-community #left-image, .page-community #right-image { width: 252px; height: 144px; opacity: 0.7; }
@media (max-width: 1118px) {
  .page-community #left-image, .page-community #right-image { width: 15%; height: auto; }
}
@media (max-width: 768px) {
  .page-community #left-image, .page-community #right-image { display: none; margin: 0px; }
}
.page-community #left-image.exit, .page-community #right-image.exit { transform: translateX(-100%); opacity: 0; }
.page-community #left-image.enter, .page-community #right-image.enter { transform: translateX(100%); opacity: 0; }
.page-community #center-image.exit { transform: scale(0.8); opacity: 0; }
.page-community #center-image.enter { transform: scale(1); opacity: 1; }
.page-community .nav-btn { position: absolute; top: 50%; transform: translateY(-50%); font-size: 24px; background: none; border: none; cursor: pointer; }
.page-community #prev-btn { left: 0px; }
.page-community #next-btn { right: 0px; }
.page-community .event-info { position: absolute; bottom: 10px; left: 32px; display: flex; flex-direction: column; gap: 4px; }
@media (max-width: 768px) {
  .page-community .event-info { left: 7px; }
}
.page-community .event-info span { color: rgb(255, 255, 255); font-family: "Work Sans"; font-size: 12px; font-style: normal; font-weight: 600; line-height: 16px; }
.page-community .event-info .name { padding-bottom: 5px; color: var(--black-black-10, #F5F5F7); font-family: "Work Sans"; font-size: 16px; font-style: normal; font-weight: 700; line-height: 24px; }
.page-community .arrow-wrapper { display: flex; justify-content: center; padding-top: 24px; }
.page-community :root { --black-black-0: #FFF; --black-black-10: #F5F5F7; --black-black-30: #C1C1C2; }
.page-community .community-spotlight-wrapper { display: flex; padding: 20px 54px 20px 73px; max-width: 1280px; min-height: 582px; margin: 100px auto; gap: 48px; }
.page-community .community-spotlight { flex: 1 1 0%; display: flex; flex-direction: column; padding-right: 10px; }
.page-community .projects-wrapper { flex: 1 1 0%; position: relative; display: flex; justify-content: center; gap: 48px; }
@media (max-width: 768px) {
  .page-community .projects-wrapper { gap: 48px; }
}
.page-community .project-card { background-color: transparent; border-radius: 4px; height: fit-content; width: 252px; max-height: 456px; }
@media (max-width: 768px) {
  .page-community .project-card { width: 99%; }
}
.page-community .project-card.bottom-right { align-self: end; }
.page-community .card-image { border-radius: 4px; height: 144px; width: 252px; background-color: rgb(44, 43, 43); display: flex; align-items: center; }
.page-community .spotlight-title, .page-community .project-title { color: var(--black-black-10, #F5F5F7); font-family: "Work Sans"; font-size: 16px; font-style: normal; font-weight: 700; line-height: 16px; }
.page-community .spotlight-subtitle { color: var(--black-black-10, #F5F5F7); font-family: "Work Sans"; font-size: 16px; font-style: normal; font-weight: 700; line-height: 16px; }
.page-community .project-description { color: var(--black-black-30, #C1C1C2); font-family: "Work Sans"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; }
.page-community .card-details { background-color: transparent; display: flex; flex-direction: column; text-align: start; padding: 15px; height: fit-content; }
.page-community .view-project { color: var(--blue-purple-blue-purple-50, #7919FF); font-family: "Work Sans"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 16px; cursor: pointer; text-decoration: none; }
@media (max-width: 1076px) {
  .page-community .project-card.bottom-right { align-self: auto; }
  .page-community .community-spotlight-wrapper { flex-direction: column; align-items: center; margin-left: 0px; padding-right: 26px; padding-left: 26px; }
  .page-community .community-spotlight, .page-community .projects-wrapper { width: 100%; margin: 0px; padding: 0px; }
  .page-community .projects-wrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; position: static; }
  .page-community .card-image { width: 100%; }
  .page-community .card-details { gap: 16px; margin-top: 10px; }
  .page-community .project-card { position: static; margin: 20px 0px; height: fit-content; }
}
.page-community .w-222 { width: 222px; }
.page-community .bottom-cards-section .com-card .card-content { display: flex; flex-direction: column; justify-content: space-between; gap: 16px; position: relative; z-index: 1; height: 100%; }
.page-community .bottom-cards-section .com-card { border-radius: 8px; padding: 36px; background: rgb(35, 35, 37); min-width: 352px; height: 442px; max-width: 352px; position: relative; display: flex; flex-direction: column; justify-content: space-between; }
.page-community .bottom-cards-section.bug-bounty { justify-content: space-around; }
.page-community .bottom-cards-section.bug-bounty .com-card { min-width: 559px; max-width: 559px; height: 442px; }
.page-community .pr-bt16 { position: relative; bottom: 16px; }
.page-community .pr-bt28 { position: relative; bottom: 28px; }
.page-community .bottom-cards-section { display: flex; flex-direction: row; justify-content: space-around; gap: 48px; max-width: 1280px; margin: 70px auto; }
.page-community .bottom-cards-section .com-card { padding: 36px; background: rgb(35, 35, 37); min-width: 352px; height: 442px; max-width: 352px; position: relative; }
.page-community .bottom-cards-section .com-card .top-left-img { position: absolute; top: 0px; height: 292px; left: 0px; content: url(""); }
.page-community .bottom-cards-section .com-card .top-right-img.bug-bounty-card-bg { content: url(""); height: 123px; }
.page-community .bottom-cards-section .com-card .bottom-right-img.bug-bounty-card-bg-2 { content: url(""); height: 123px; }
.page-community .bottom-cards-section .com-card .bottom-right-img { position: absolute; bottom: 0px; right: 0px; height: 333px; content: url(""); }
.page-community .bottom-cards-section .com-card .top-right-img { height: 390px; position: absolute; top: 0px; right: 0px; content: url(""); }
.page-community .bottom-cards-section .com-card .card-content { display: flex; flex-direction: column; gap: 16px; position: relative; z-index: 1; }
.page-community .bottom-cards-section .com-card .card-content .card-title { color: var(--black-black-0-white, #FFF); white-space: nowrap; font-family: "Work Sans"; font-size: 20px; font-style: normal; font-weight: 700; line-height: 26px; margin-bottom: 0px !important; }
.page-community .bottom-cards-section .com-card .card-content .card-subtitle { color: var(--black-black-0, #FFF); font-family: "Work Sans"; font-size: 24px; font-style: normal; font-weight: 700; line-height: 32px; margin-top: 2px; }
.page-community .bottom-cards-section .com-card .card-content .card-description { color: var(--black-black-20, #E0E0E1); font-family: "Work Sans"; font-size: 16px; font-style: normal; font-weight: 400; line-height: 24px; margin-top: 15px; margin-bottom: 15px; }
.page-community .bottom-cards-section .com-card .card-content .card-description a { color: rgb(154, 82, 255); }
.page-community .bottom-cards-section .com-card .card-content .card-links { display: flex; flex-direction: column; gap: 8px; }
.page-community .bottom-cards-section .com-card .card-content .com-card-link { text-decoration: none; cursor: pointer; color: rgb(154, 82, 255); font-family: "Work Sans"; font-size: 16px; font-style: normal; font-weight: 600; line-height: 24px; white-space: nowrap; }
@media (max-width: 767.98px) {
  .page-community .bottom-cards-section .com-card .card-content .com-card-link { display: block; width: 100%; }
}
.page-community .bottom-cards-section .com-card .card-content .com-card-link::after { display: inline-block; content: url(""); position: relative; top: 1px; vertical-align: middle; padding-left: 8px; transition: transform 0.3s ease-out; }
.page-community .bottom-cards-section .com-card .card-content .com-card-link:hover { border: none; }
.page-community .bottom-cards-section .com-card .card-content .com-card-link:hover::after { transform: translateX(4px); }
@media (max-width: 768px) {
  .page-community .pr-bt28 { position: relative; bottom: 0px; }
  .page-community .pr-bt16 { position: relative; bottom: 0px; }
  .page-community .bottom-cards-section { flex-direction: column; align-items: center; padding: 20px; }
  .page-community .bottom-cards-section.bug-bounty { justify-content: space-around; }
  .page-community .bottom-cards-section.bug-bounty .com-card { min-width: 352px; height: fit-content; max-width: 352px; }
  .page-community .bottom-cards-section .com-card { margin-bottom: 20px; display: block; width: 100%; }
}
.page-community .num-separator { width: 32px; height: 1px; background: var(--black-black-70, #343437); margin-bottom: 32px; margin-top: 1px; }
.page-community .stat-separator { width: 32px; height: 1px; background: var(--black-black-70, #343437); margin-bottom: 32px; margin-top: 8px; }
.page-community .ml-8 { margin-left: 8px; }
.page-community .ml-19 { margin-left: 19px; }
.page-community .ml-14 { margin-left: 11px; }
.page-community .header-div .header { gap: 10px; display: flex; flex-direction: column; padding-bottom: 35px; }
.page-community .spotlight-subtitle { font-size: 32px; font-weight: 700; line-height: 38px; margin-top: 10px; margin-bottom: 40px; }
.page-community .spotlight-description { color: var(--black-black-20); font-size: 24px; font-weight: 500; line-height: 32px; margin-bottom: 40px; }
.sdk-img { align-self: center; }
.light .sdk-img { content: url(""); }
.light .ref-book-illustration { content: url(""); }
.light .tutorial-illustration { content: url(""); }
.light .concepts-doc-illustration { content: url(""); }
.light .use-cases .wallet-illustration { content: url(""); }
.light .use-cases .token-illustration { content: url(""); }
.light .use-cases .connections-illustration { content: url(""); }
.light .quickstart-image { content: url(""); }
.light .dev-tools-img { content: url(""); }
.light .dev-tools-link:hover p { color: rgb(0, 0, 0); }
.dark .sdk-img { content: url(""); }
.dark .ref-book-illustration { content: url(""); }
.dark .tutorial-illustration { content: url(""); }
.dark .concepts-doc-illustration { content: url(""); }
.dark .use-cases .wallet-illustration { content: url(""); }
.dark .use-cases .token-illustration { content: url(""); }
.dark .use-cases .connections-illustration { content: url(""); }
.dark .quickstart-image { content: url(""); }
.dark .dev-tools-img { content: url(""); }
.dark .dev-tools-link:hover p { color: rgb(255, 255, 255); }
.dark .flat-card-grid .nav-link:hover { color: rgb(224, 224, 225); }
.get-started-img, .flat-card { max-width: 100%; max-height: 100%; }
.faded-text { font-family: "Work Sans"; font-style: normal; font-weight: 400; font-size: 15.5667px; line-height: 23px; }
.page-docs-index section { padding-top: 64px; padding-bottom: 64px; }
.page-docs-index .dev-tools-link h6::before { margin-top: -20px; height: 20px; }
.page-docs-index .dev-tools-link h6:hover { text-decoration: underline rgb(154, 82, 255); background: none !important; }
.page-docs-index .dev-tools-link:hover p { display: inline-block; text-decoration: none !important; background: none !important; }
.page-docs-index .dev-tools-link a:hover { color: rgb(154, 82, 255); text-decoration: none !important; }
.page-docs-index .dev-tools-link .btn-arrow::after { content: url(""); width: 1.5rem; height: 1.5rem; }
.page-docs-index .langs > a { display: block; }
.page-docs-index .langs h5:hover { text-decoration: underline rgb(154, 82, 255); background: none !important; }
.page-docs-index .langs a:hover { text-decoration: none !important; }
.page-docs-index .langs .btn-arrow::after { content: url(""); vertical-align: baseline; width: 1.5rem; height: 1.5rem; }
.page-docs-index .langs h5 { margin-block-start: 0px !important; }
.page-docs-index .langs h5::before { margin-top: 0px; height: 0px; }
.page-docs-index h1 { font-size: 3.875rem; }
.page-docs-index .arrow-purple::after { content: url(""); }
.page-docs-index .documentation-index:hover, .page-docs-index .documentation-index::after { color: rgb(154, 82, 255); text-decoration: none !important; background: none !important; }
@media (max-width: 765px) {
  .page-docs-index h1 { font-size: 3rem; }
  .page-docs-index .flat-card-grid { gap: 24px; }
  .page-docs-index .flat-card-grid .flat-card { padding: 32px 12px; }
  .page-docs-index::before { display: none; }
}
#langs-cards { gap: 40px; }
@media (max-width: 991.98px) {
  .page-docs-index .langs-cards { grid-template-columns: 1fr 1fr; grid-auto-rows: auto; }
}
.dev-tools-img { max-width: 100%; max-height: 100%; margin: auto; }
.page-docs .h4::before { margin-top: 0px; height: 0px; }
.page-docs .row { margin-right: 0px; margin-left: 0px; }
.page-docs .video-grid { gap: 35px; }
.page-docs .title-space { margin-bottom: 16px; }
.page-docs .circled-logo { margin-left: 0.1rem; }
.flat-card-grid { gap: 15px; max-width: 100%; min-height: 384px; }
.flat-card-grid .flat-card { padding: 32px 50px; height: 100%; width: 100%; box-shadow: none; }
.flat-card-grid .flat-card-padding { margin-bottom: 75px; }
.flat-card-grid img { width: auto; height: 115px; margin-left: auto; margin-right: auto; }
.flat-card-grid .nav-link { border: none !important; }
.flat-card-grid .nav-link:hover { text-decoration: underline rgb(154, 82, 255); }
.flat-card-grid .nav-link::after { content: none !important; }
@media (max-width: 991.98px) {
  .flat-card-grid .flat-card-padding { margin-bottom: 0px; }
  .flat-card-grid .nav-link::after { content: " " !important; }
  .flat-card-grid .flat-card .btn { display: none; }
}
.float-up-on-hover { transition: 0.35s ease-out; cursor: pointer; }
.float-up-on-hover:hover { transform: translateY(-16px); }
.float-up-on-hover .video-image:hover { transform: none; }
@media (min-width: 992px) {
  .align-button-on-bottom .btn-primary { position: absolute; bottom: 0px; }
}
.center-image { display: flex; justify-content: center; }
.quickstart-card .quickstart-image { margin-left: -20px; margin-right: -20px; margin-bottom: -20px; }
@media (min-width: 992px) {
  .quickstart-card { margin-left: -32px; margin-right: -32px; margin-bottom: -32px; width: calc(100% + 64px); }
}
.explore-links .card-grid { gap: 40px; }
.full-documentation-link { margin-top: -35px; }
.osano-cm-close { box-sizing: content-box !important; }
.osano-cm-switch { box-sizing: content-box !important; }
.osano-cm-widget { right: 16px; width: 50px; height: 50px; border: 1px solid transparent; }
@media (min-width: 992px) {
  .osano-cm-widget { right: 32px; }
}
html.light article p code, html.light article table code, html.light article li > code { background-color: rgb(224, 224, 225); color: rgb(17, 17, 18); }
html.light body { background-color: rgb(245, 245, 247); color: rgb(0, 0, 0); }
html.light #topnav-theme .custom-theme-toggle .custom-control-label::before { background-color: transparent; background-position: right bottom; transform: rotate(-15deg); }
html.light h1:not(.chip), html.light h2:not(.chip), html.light h3:not(.chip), html.light h4:not(.chip), html.light h5:not(.chip), html.light h6:not(.chip), html.light .h1:not(.chip), html.light .h2:not(.chip), html.light .h3:not(.chip), html.light .h4:not(.chip), html.light .h5:not(.chip), html.light .h6:not(.chip) { color: rgb(0, 0, 0); }
html.light h1.green-500, html.light h2.green-500, html.light h3.green-500, html.light h4.green-500, html.light h5.green-500, html.light h6.green-500, html.light .h1.green-500, html.light .h2.green-500, html.light .h3.green-500, html.light .h4.green-500, html.light .h5.green-500, html.light .h6.green-500 { color: rgb(40, 184, 106); text-shadow: rgb(255, 255, 255) 0px 0px 2px, rgb(255, 255, 255) -1px -1px 2px, rgb(255, 255, 255) 1px 1px 2px; }
html.light .bg-grey-800 { background-color: rgb(252, 252, 253); }
html.light .grey-400 { color: rgb(69, 69, 73); }
html.light .text-muted { color: rgb(35, 35, 37) !important; }
html.light .longform { color: rgb(35, 35, 37); }
html.light .numbers { color: rgb(0, 0, 0); }
html.light .stat-highlight, html.light .eyebrow { color: rgb(17, 17, 18); }
html.light .invertible-img { filter: invert(100%); }
html.light .arrow-link::after { content: url(""); }
html.light .search .input-group-text, html.light .input-group .input-group-text, html.light .form-group .input-group-text { background-color: rgb(224, 224, 225); color: rgb(35, 35, 37); }
html.light .search label .input-group-text, html.light .search .form-control:not(.btn), html.light .input-group label .input-group-text, html.light .input-group .form-control:not(.btn), html.light .form-group label .input-group-text, html.light .form-group .form-control:not(.btn) { color: rgb(0, 0, 0); background-color: rgb(224, 224, 225); border-color: rgb(224, 224, 225); }
html.light .search .ds-input, html.light .input-group .ds-input, html.light .form-group .ds-input { color: rgb(0, 0, 0); background-color: rgb(224, 224, 225); border-color: rgb(224, 224, 225); }
html.light .search .ds-input:focus, html.light .input-group .ds-input:focus, html.light .form-group .ds-input:focus { border-color: rgb(154, 82, 255); }
html.light .list-group-item { border-color: rgb(35, 35, 37); background-color: rgb(245, 245, 247); }
html.light .list-group-item.disabled { color: rgb(162, 162, 164); }
html.light .progress { background-color: rgb(224, 224, 225); }
html.light [data-component-name="Search/SearchIcon"] > path { fill: rgb(0, 0, 0); }
html.light a, html.light nav a, html.light a:not([role="button"]) { color: rgb(0, 0, 0); }
html.light a.btn-primary, html.light nav a.btn-primary, html.light a:not([role="button"]).btn-primary { color: rgb(255, 255, 255); }
html.light a.btn-primary:hover, html.light nav a.btn-primary:hover, html.light a:not([role="button"]).btn-primary:hover { color: rgb(255, 255, 255); }
html.light a:hover, html.light a:active, html.light a.active, html.light nav a:hover, html.light nav a:active, html.light nav a.active, html.light a:not([role="button"]):hover, html.light a:not([role="button"]):active, html.light a:not([role="button"]).active { color: rgb(121, 25, 255); }
html.light a:not(.btn):focus, html.light nav a:not(.btn):focus, html.light a:not([role="button"]):not(.btn):focus { background-color: transparent; }
html.light a.card:hover, html.light:active, html.light.active { color: rgb(0, 0, 0); }
html.light .landing-table tbody td { color: rgb(35, 35, 37); }
html.light .btn-outline-secondary, html.light article a.button, html.light .navbar-dark .navbar-nav .nav-link.btn-outline-secondary { color: rgb(17, 17, 18); border-color: rgb(17, 17, 18); }
html.light .btn-outline-secondary:not(:disabled):not(.disabled):hover, html.light .btn-outline-secondary:not(:disabled):not(.disabled):active, html.light article a.button:not(:disabled):not(.disabled):hover, html.light article a.button:not(:disabled):not(.disabled):active, html.light .navbar-dark .navbar-nav .nav-link.btn-outline-secondary:not(:disabled):not(.disabled):hover, html.light .navbar-dark .navbar-nav .nav-link.btn-outline-secondary:not(:disabled):not(.disabled):active { color: rgb(154, 82, 255); border-color: rgb(154, 82, 255); background-color: transparent; }
html.light .breadcrumb { background: rgb(245, 245, 247); }
html.light .breadcrumb-item a { color: rgb(69, 69, 73); }
html.light .breadcrumb-item a:hover { color: rgb(154, 82, 255); }
html.light .top-nav { background: rgb(245, 245, 247); }
html.light .top-nav #topnav-pages .nav-link { color: rgb(0, 0, 0); }
html.light .top-nav .navbar-brand .logo { content: url(""); height: 40px; }
html.light .top-nav #dropdown-hero-for-docs > img { content: url(""); }
html.light .top-nav #dropdown-hero-for-community > img { content: url(""); }
html.light .top-nav .dropdown-menu { background-color: rgb(245, 245, 247); border-color: rgb(245, 245, 247); box-shadow: rgb(193, 193, 194) 0px 5px 20px 0px; }
html.light .top-nav .dropdown-menu a:hover, html.light .top-nav .dropdown-menu a.active { color: rgb(121, 25, 255); }
html.light .top-nav .dropdown-menu .dropdown-item.dropdown-hero > img { background-color: rgb(252, 252, 253); }
html.light .top-nav .dropdown-menu .dropdown-item.dropdown-hero p { color: rgb(52, 52, 55); }
html.light .top-nav .dropdown-menu .dropdown-item.active { color: rgb(121, 25, 255); }
html.light .top-nav .dropdown-menu h5 { color: rgb(69, 69, 73); }
html.light .top-nav .dropdown-menu .col-for-get_started { background-color: rgb(224, 224, 225); }
html.light .top-nav #topnav-button { background-color: rgb(224, 224, 225); }
@media (max-width: 991.98px) {
  html.light .top-nav .navbar-toggler .navbar-toggler-icon::after, html.light .top-nav .navbar-toggler .navbar-toggler-icon::before, html.light .top-nav .navbar-toggler .navbar-toggler-icon div { background-color: rgb(17, 17, 18); }
  html.light .top-nav .navbar-nav .nav-link, html.light .top-nav .navbar-collapse > .nav-item { background: rgb(224, 224, 225); }
  html.light .top-nav #top-main-nav { background-color: rgb(193, 193, 194); }
}
html.light aside .sidenav_cat_title { color: rgb(0, 0, 0); }
html.light .page-toc .level-1 a, html.light .command-list .separator { color: rgb(0, 0, 0); }
html.light aside a:hover, html.light aside .sidenav_cat_title:hover, html.light aside a.active, html.light aside a.active:hover, html.light aside .active > a, html.light aside .active > a:hover { color: rgb(121, 25, 255); }
html.light .dactyl-tree-nav nav { border-left: 1px solid rgb(0, 0, 0); }
html.light .dactyl-tree-nav nav .nav-link:hover, html.light .dactyl-tree-nav nav .nav-link:active { border-left-color: rgb(121, 25, 255); }
html.light .dactyl-tree-nav nav .active > .nav-link { border-left-color: rgb(121, 25, 255); }
html.light .page-toc, html.light .command-list { border-left: 1px solid rgb(0, 0, 0); }
html.light .page-toc .level-3, html.light .command-list .level-3 { border-left: 1px solid rgb(0, 0, 0); }
html.light .page-toc li a:hover, html.light .page-toc li a .active, html.light .command-list li a:hover, html.light .command-list li a .active { border-left-color: rgb(121, 25, 255); }
html.light .footer-brand .logo { filter: invert(100%); }
html.light .copyright-license { text-shadow: rgb(255, 255, 255) 0px 0px 2px, rgb(255, 255, 255) 1px 1px 2px, rgb(255, 255, 255) 2px 2px 3px, rgb(255, 255, 255) 2px 2px 4px, rgb(255, 255, 255) 2px 2px 5px, rgb(255, 255, 255) 2px 2px 6px, rgb(255, 255, 255) -1px -1px 2px, rgb(255, 255, 255) -2px -2px 3px, rgb(255, 255, 255) -2px -2px 4px; }
html.light a.osano-cm-link { color: rgb(255, 255, 255); }
html.light article .card, html.light .landing .card, html.light .cta-card, html.light aside .card { color: rgb(0, 0, 0); background-color: rgb(252, 252, 253); box-shadow: rgb(193, 193, 194) 0px 5px 20px 0px; }
html.light #code-samples-deck .card { box-shadow: rgb(193, 193, 194) 0px 5px 20px 0px; }
html.light #code-samples-deck .card-header { border-bottom: none; background-color: rgb(252, 252, 253); }
html.light #code-samples-deck .card-footer { background-color: rgb(252, 252, 253); }
html.light .page-faq.landing-builtin-bg::before, html.light .mini-faq.landing-builtin-bg::before { opacity: 0.6; }
html.light .page-faq .q-wrapper, html.light .mini-faq .q-wrapper { background-color: rgb(252, 252, 253); color: rgb(0, 0, 0); box-shadow: rgb(193, 193, 194) 0px 5px 20px 0px; }
html.light .page-faq .q-wrapper > h4 a.expander:hover, html.light .mini-faq .q-wrapper > h4 a.expander:hover { color: rgb(0, 0, 0); }
html.light .page-community .com-card { background: rgb(255, 255, 255); }
html.light .page-community .project-description { color: rgb(52, 52, 55); }
html.light .page-community #platform-stack-overflow { content: url(""); }
html.light .page-community #platform-discord { content: url(""); }
html.light .status.not_enabled { color: rgb(174, 178, 0); }
html.light .pg-category { color: rgb(69, 69, 73); }
html.light .landing .nav .nav-link { color: rgb(35, 35, 37); border-bottom-color: rgb(193, 193, 194); }
html.light .landing .circled-logo { background-color: rgb(224, 224, 225); }
html.light .landing .circled-logo img[src="assets/img/logos/globe.svg"] { filter: invert(100%); }
html.light .landing p a, html.light .landing .longform a { color: rgb(121, 25, 255); }
html.light .devportal-callout.caution, html.light .devportal-callout.注意 { border-color: rgb(174, 178, 0); }
html.light .devportal-callout.caution > strong:first-child::before, html.light .devportal-callout.注意 > strong:first-child::before { color: rgb(174, 178, 0); }
html.light .devportal-callout.tip, html.light .devportal-callout.ヒント { border-color: rgb(45, 207, 120); }
html.light .devportal-callout.tip > strong:first-child::before, html.light .devportal-callout.ヒント > strong:first-child::before { color: rgb(45, 207, 120); }
html.light code { color: rgb(0, 0, 0); }
html.light pre code, html.light pre { background-color: rgb(224, 224, 225); }
html.light .multicode a { color: rgb(0, 0, 0); }
html.light .multicode a.current { color: rgb(255, 255, 255); }
html.light .multicode a:hover { text-decoration: none; background-color: rgb(224, 224, 225); color: rgb(255, 255, 255); }
html.light .multicode a:focus { background-color: rgb(35, 35, 37); }
html.light .codehilite .btn-outline-secondary { background-color: rgb(35, 35, 37); color: rgb(245, 245, 247); border-color: rgb(245, 245, 247); }
html.light .interactive-block .breadcrumb-item.done a::after { color: rgb(20, 92, 53); }
html.light .modal-content { background-color: rgb(252, 252, 253); }
html.light .rpc-tool pre .toggle { color: rgb(255, 255, 255); }
html.light .rpc-tool pre .toggle:hover { color: rgb(180, 128, 255); }
html.light .page-home #home-hero-graphic { content: url(""); }
html.light .page-home #benefits-list #public { content: url(""); }
html.light .page-home #benefits-list #streamlined { content: url(""); }
html.light .page-home #benefits-list #performance { content: url(""); }
html.light .page-home #benefits-list #low-cost { content: url(""); }
html.light .page-home #benefits-list #community { content: url(""); }
html.light .page-home #benefits-list #reliability { content: url(""); }
html.light #validator-graphic { content: url(""); }
html.light #wallets #wallet-xumm { content: url(""); }
html.light #wallets #wallet-bitfrost { content: url(""); }
html.light #wallets #wallet-towo { content: url(""); }
html.light #wallets #wallet-keystone { content: url(""); }
html.light #wallets #wallet-dcent { content: url(""); }
html.light #wallets #wallet-coin { content: url(""); }
html.light #wallets #wallet-gem { content: url(""); }
html.light #wallets #wallet-crossmark { content: url(""); }
html.light #wallets #wallet-joey { content: url(""); }
html.light #top-exchanges #exch-bitstamp { content: url(""); }
html.light #top-exchanges #exch-cex-io { content: url(""); }
html.light #top-exchanges #exch-liquid { content: url(""); }
html.light #top-exchanges #exch-bitfinex { content: url(""); }
html.light #top-exchanges #exch-bittrex { content: url(""); }
html.light #top-exchanges #exch-currency-com { content: url(""); }
html.light #top-exchanges #exch-ftx { content: url(""); }
html.light #top-exchanges #exch-lmax { content: url(""); }
html.light .timeline-dot { background-color: rgb(245, 245, 247); }
html.light .page-uses .card-body { background: rgb(255, 255, 255); color: rgb(52, 52, 55); }
html.light .page-uses .modal-footer, html.light .page-uses .modal-header { background-color: rgb(252, 252, 253); }
html.light .page-uses #infrastructure { content: url(""); }
html.light .page-uses #developer_tooling { content: url(""); }
html.light .page-uses #interoperability { content: url(""); }
html.light .page-uses #wallet { content: url(""); }
html.light .page-uses #nfts { content: url(""); }
html.light .page-uses #exchanges { content: url(""); }
html.light .page-uses #gaming { content: url(""); }
html.light .page-uses #security { content: url(""); }
html.light .page-uses #payments { content: url(""); }
html.light .page-uses #web_monetization { content: url(""); }
html.light .page-uses #sustainability { content: url(""); }
html.light .page-uses #cbdc { content: url(""); }
html.light .page-uses #custody { content: url(""); }
html.light .page-uses #other { content: url(""); }
html.light .page-uses #carbon_markets { content: url(""); }
html.light .page-uses #defi { content: url(""); }
html.light .page-uses .category-header { color: rgb(52, 52, 55); }
html.light .page-uses .category_count { background: rgb(210, 178, 255); color: rgb(53, 0, 128); }
html.light .page-uses .section-text-title { color: rgb(0, 0, 0); }
html.light .page-uses #use_case_companies_list #bitgo .biz-logo { max-height: 40px; content: url(""); }
html.light .page-uses #use_case_companies_list #sologenic-nft .biz-logo { max-height: 40px; content: url(""); }
html.light .page-uses #use_case_companies_list #carbonland-trust .biz-logo { max-height: 40px; content: url(""); }
html.light .page-uses #use_case_companies_list #futureverse .biz-logo { max-height: 40px; content: url(""); }
html.light .page-uses #use_case_companies_list #moai-finance .biz-logo { max-height: 40px; content: url(""); }
html.light .page-uses #use_case_companies_list #orchestra-finance .biz-logo { max-height: 40px; content: url(""); }
html.light .page-uses #use_case_companies_list #x-tokenize .biz-logo { max-height: 40px; content: url(""); }
html.light .page-uses #use_case_companies_list #casino-coin .biz-logo { max-height: 40px; content: url(""); }
html.light .page-uses #use_case_companies_list #xrp-cafe .biz-logo { max-height: 40px; content: url(""); }
html.light .page-uses #use_case_companies_list #coil .biz-logo { max-height: 40px; content: url(""); }
html.light .page-uses #use_case_companies_list #xrp-toolkit .biz-logo { max-height: 40px; content: url(""); }
html.light .page-uses #use_case_companies_list #first-ledger-bot .biz-logo { max-height: 40px; content: url(""); }
html.light .page-uses #use_case_companies_list #cryptum .biz-logo { max-height: 40px; content: url(""); }
html.light .page-uses #use_case_companies_list #xrpl-org-ledger-explorer .biz-logo { max-height: 40px; content: url(""); }
html.light .page-uses #use_case_companies_list #evernode .biz-logo { max-height: 40px; content: url(""); }
html.light .page-uses #use_case_companies_list #xrpl-rosetta .biz-logo { max-height: 40px; content: url(""); }
html.light .page-uses #use_case_companies_list #ripples-cbdc-platform .biz-logo { max-height: 40px; content: url(""); }
html.light .page-uses #use_case_companies_list #xrpscan .biz-logo { max-height: 40px; content: url(""); }
html.light .page-uses #use_case_companies_list #ripples-on-demand-liquidity .biz-logo { max-height: 40px; content: url(""); }
html.light .page-uses #use_case_companies_list #xumm-wallet .biz-logo { max-height: 40px; content: url(""); }
html.light .page-uses #use_case_companies_list #sologenic-dex .biz-logo { max-height: 40px; content: url(""); }
html.light .page-uses #use_case_companies_list #joey-wallet .biz-logo { max-height: 40px; content: url(""); }
html.light .page-uses #use_case_companies_list #Crossmark .biz-logo { max-height: 40px; content: url(""); }
html.light .page-uses #use_case_companies_list #threezy .biz-logo { max-height: 40px; content: url(""); }
html.light .page-uses .modal-content-uses .first-ledger-bot { content: url(""); }
html.light .page-uses .modal-content-uses .moai-finance { content: url(""); }
html.light .page-uses .modal-content-uses .orchestra-finance { max-height: 52px; margin: 0px; content: url(""); }
html.light .page-uses #bitpay .biz-logo, html.light .page-uses #forte .biz-logo, html.light .page-uses #xrplorer .biz-logo, html.light .page-uses #gatehub .biz-logo { filter: invert(100%); }
html.light .landing-bg { opacity: 0.4; }
@media (min-width: 768px) {
  html.light .landing-bg { opacity: 1; }
}
html.light .landing-builtin-bg::before { opacity: 0.4; }
@media (min-width: 768px) {
  html.light .landing-builtin-bg::before { opacity: 1; }
}
html.light #feedback-content .widget-form-wrapper { background-color: rgb(255, 255, 255) !important; }
html.light #feedback-content .widget-form-wrapper div { background-color: rgb(255, 255, 255) !important; }
html.light #feedback-content .widget-form-wrapper textarea { background-color: rgb(245, 245, 247) !important; }
html.light #feedback-content .widget-form-wrapper .widget-header-title { color: rgb(17, 17, 18) !important; }
html.light #feedback-content .widget-form-wrapper .cancel { color: rgb(121, 25, 255) !important; }
html.light #feedback-content .widget-helpful .widget-header { background-color: rgb(255, 255, 255) !important; }
html.light #feedback-content .widget-helpful .widget-header-title { color: rgb(17, 17, 18) !important; }
html.light #feedback-content .widget-helpful .widget-header-icon { filter: invert(100%); }
html.light .page-docs-index #software-and-sdks .card-deck .card:nth-child(1) .card-footer { background-image: url(""); }
html.light .page-docs-index #software-and-sdks .card-deck .card:nth-child(2) .card-footer { background-image: url(""); }
html.light .page-docs-index #software-and-sdks .card-deck .card:nth-child(4) .card-footer { background-image: url(""); }
html.light .page-docs-index #doc-types .card-deck .card:nth-child(4) .card-footer { background-image: url(""); }
html.light .page-docs-index .funding-text, html.light .page-community .funding-text { color: rgb(35, 35, 37); }
html.light .page-docs-index .stat .small-text, html.light .page-community .stat .small-text { color: rgb(35, 35, 37); }
html.light .page-docs-index .project-card, html.light .page-community .project-card { background-color: transparent; }
html.light .page-docs-index .card-details, html.light .page-community .card-details { background-color: transparent; }
html.light .page-docs-index .card-image, html.light .page-community .card-image { background: rgb(224, 224, 225); }
html.light .page-docs-index #community-table tr, html.light .page-community #community-table tr { border-bottom: 1px solid rgba(52, 52, 55, 0.25); }
html.light .page-docs-index .card-description, html.light .page-community .card-description { color: rgb(52, 52, 55) !important; }
html.light .page-docs-index .card-subtitle, html.light .page-community .card-subtitle { color: rgb(17, 17, 18) !important; }
html.light .page-docs-index .card-title, html.light .page-community .card-title { color: rgb(17, 17, 18) !important; }
html.light .page-docs-index .main-title, html.light .page-community .main-title { color: rgb(17, 17, 18); }
html.light .page-docs-index .event-location, html.light .page-community .event-location { color: rgb(35, 35, 37) !important; }
html.light .page-docs-index .event-details, html.light .page-community .event-details { color: rgb(35, 35, 37) !important; }
html.light .page-docs-index .upcoming-event .event-name, html.light .page-community .upcoming-event .event-name { color: rgb(17, 17, 18); }
html.light .page-docs-index .upcoming-label, html.light .page-community .upcoming-label { color: rgb(35, 35, 37) !important; }
html.light .page-docs-index .description, html.light .page-community .description { color: rgb(35, 35, 37); }
html.light .page-docs-index .events-text, html.light .page-community .events-text { color: rgb(17, 17, 18); }
html.light .page-docs-index .discord-icon, html.light .page-community .discord-icon { content: url(""); }
html.light .page-docs-index .twitter-icon, html.light .page-community .twitter-icon { content: url(""); }
html.light .page-docs-index .youtube-icon, html.light .page-community .youtube-icon { content: url(""); }
html.light .page-docs-index .xrpl-icon, html.light .page-community .xrpl-icon { content: url(""); }
html.light .page-docs-index .github-icon, html.light .page-community .github-icon { content: url(""); }
html.light .page-docs-index .stackoverflow-icon, html.light .page-community .stackoverflow-icon { content: url(""); }
html.light .page-docs-index #run-a-network-node .card-deck .card:nth-child(4) .card-footer, html.light .page-community #run-a-network-node .card-deck .card:nth-child(4) .card-footer { background-image: url(""); }
html.light .page-docs-index #run-a-network-node .text-cards a, html.light .page-community #run-a-network-node .text-cards a { color: rgb(0, 0, 0); }
html.light .page-docs-index #xrpl-blog .blog-graphic, html.light .page-community #xrpl-blog .blog-graphic { content: url(""); }
html.light .page-docs-index #xrpl-events .text-light, html.light .page-community #xrpl-events .text-light { color: rgb(0, 0, 0) !important; }
html.light .page-docs-index #xrplGrantsDark g, html.light .page-docs-index #xrplGrantsDark-small g, html.light .page-docs-index #careersDark g, html.light .page-docs-index #careersDark-small g, html.light .page-community #xrplGrantsDark g, html.light .page-community #xrplGrantsDark-small g, html.light .page-community #careersDark g, html.light .page-community #careersDark-small g { filter: invert(100%) brightness(0.8); }
html.light #find-us-on-platforms .card-deck .card:nth-child(2) .card-footer { background-image: url(""); }
html.light .page-references #refs-types .card-deck .card:nth-child(2) .card-footer { background-image: url(""); }
html.light .page-references #xrpl-protocol .card-deck .card:nth-child(1) .card-footer { background-image: url(""); }
html.light ::-webkit-input-placeholder { color: rgb(69, 69, 73); }
html.light .page-events label { color: rgb(17, 17, 18); }
html.light .page-events .event-card { color: rgb(0, 0, 0); background-color: rgb(252, 252, 253); box-shadow: rgb(193, 193, 194) 0px 5px 20px 0px; }
html.light .page-events a.event-card:hover { color: rgb(0, 0, 0); }
html.light .page-events .event-hero { color: rgb(17, 17, 18); }
html.light .page-events .event-save-date { color: rgb(17, 17, 18); }
html.light .page-events .event-small-gray { color: rgb(69, 69, 73); }
html.light .page-events #event-hero-image { height: 100%; min-height: 209px; background: url("") center center / contain no-repeat; }
html.light .page-events .icon-date::before { background: url(""); }
html.light .page-events .icon-location::before { background: url(""); }
html.light .page-events .events-filter[type="checkbox"]::before { background-color: rgb(245, 245, 247); }
html.light .page-events .events-filter[type="checkbox"]:not(:disabled):checked:hover::after { background-image: url(""); background-repeat: no-repeat; background-position: center center; background-color: rgb(95, 0, 229); border-width: 2px; border-style: solid; border-color: rgb(95, 0, 229); border-radius: 4px; }
html.light .page-events .events-filter[type="checkbox"]:not(:disabled):hover::before { background-color: rgb(245, 245, 247); }
html.light .page-events .events-filter[type="checkbox"]:not(:disabled):hover::after { background-color: rgb(245, 245, 247); }
html.light .page-ambassadors #benefits-list #benefits-01 { content: url(""); }
html.light .page-ambassadors #benefits-list #benefits-02 { content: url(""); }
html.light .page-ambassadors #benefits-list #benefits-03 { content: url(""); }
html.light .page-ambassadors #benefits-list #benefits-04 { content: url(""); }
html.light .page-ambassadors #benefits-list #benefits-05 { content: url(""); }
html.light .page-ambassadors #benefits-list #benefits-06 { content: url(""); }
html.light .page-ambassadors #eligibility-list #eligibility-01 { content: url(""); }
html.light .page-ambassadors #eligibility-list #eligibility-02 { content: url(""); }
html.light .page-ambassadors #eligibility-list #eligibility-03 { content: url(""); }
html.light .page-ambassadors #eligibility-list #eligibility-04 { content: url(""); }
html.light .page-ambassadors #eligibility-list #eligibility-05 { content: url(""); }
html.light .page-funding .funding-list #funding-01 { content: url(""); }
html.light .page-funding .funding-list #funding-02 { content: url(""); }
html.light .page-funding .funding-list #funding-03 { content: url(""); }
html.light .page-funding .funding-list #funding-04 { content: url(""); }
html.light .page-funding #xrplGrantsDark { filter: invert(100%) brightness(0.8); }
html.light .page-impact .connect-list #connect-01 { content: url(""); }
html.light .page-impact .connect-list #connect-02 { content: url(""); }
html.light .page-impact .connect-list #connect-03 { content: url(""); }
html.light .page-impact .connect-list #connect-04 { content: url(""); }
html.light .page-impact #map-light { display: block; }
html.light .page-impact #map-dark { display: none; }
html.light main article .card-grid { color: rgb(0, 0, 0); }
html.light main article .card-grid code { background-color: rgb(214, 250, 231); }
html.light main article .card-grid .card-icon-container, html.light main article .card-grid.card-grid-3xN .card-icon-container { background: rgb(193, 193, 194); }
html.light [data-component-name="Footer/Footer"] [data-component-name="Footer/FooterColumn"] { text-shadow: rgb(245, 245, 247) 0px 0px 2px, rgb(245, 245, 247) 1px 1px 2px, rgb(245, 245, 247) 2px 2px 3px, rgb(245, 245, 247) 2px 2px 4px, rgb(245, 245, 247) 2px 2px 5px, rgb(245, 245, 247) 2px 2px 6px, rgb(245, 245, 247) -1px -1px 2px, rgb(245, 245, 247) -2px -2px 3px, rgb(245, 245, 247) -2px -2px 4px; }
html.light .dev-blog .text-bg { background-color: rgb(255, 255, 255); }
html.light .dev-blog #card-date { color: rgb(69, 69, 73); }
html.light .dev-blog .category-header { color: rgb(17, 17, 18); }
html.light .dev-blog label { color: rgb(52, 52, 55); }
html.light .dev-blog .blog-filter[type="checkbox"]::before { background: rgb(245, 245, 247); }
html.light .dev-blog .blog-filter[type="checkbox"]:checked::before { background: rgb(245, 245, 247); }
html.light .dev-blog .blog-filter[type="checkbox"]:not(:disabled):checked:hover::after { background-image: url(""); }
html.light .dev-blog .blog-filter[type="checkbox"]:not(:disabled):hover::before { background: rgb(245, 245, 247); }
html.light .dev-blog .blog-filter[type="checkbox"]:not(:disabled):hover::after { background: rgb(245, 245, 247); }
html.light .dev-blog .post-date { text-decoration: overline 10% rgb(20, 92, 53); }
html.light .dev-blog #general-badge { background-color: rgb(255, 255, 255); color: rgb(52, 52, 55); }
html.light .dev-blog #release_notes-badge { background-color: rgb(50, 230, 133); color: rgb(20, 92, 53); }
html.light .dev-blog #advisories-badge { background-color: rgb(255, 103, 25); color: rgb(76, 26, 0); }
html.light .dev-blog #amendments-badge { background-color: rgb(250, 255, 25); color: rgb(75, 76, 0); }
html.light .dev-blog #development-badge { background-color: rgb(121, 25, 255); color: rgb(32, 0, 76); }
html.light .dev-blog #developer_reflections-badge { background-color: rgb(25, 163, 255); color: rgb(0, 46, 76); }
html.light .dev-blog #gateway_bulletins-badge { background-color: rgb(217, 25, 255); color: rgb(64, 0, 76); }
html.light .dev-blog #features-badge { background-color: rgb(50, 230, 133); color: rgb(20, 92, 53); }
html.light .dev-blog #security-badge { background-color: rgb(255, 25, 139); color: rgb(76, 0, 38); }
html.light .dev-blog .dropdown-btn { color: rgb(17, 17, 18); background-color: rgb(224, 224, 225); border-color: rgb(224, 224, 225); }
html.light .dev-blog .dropdown-btn img { content: url(""); }
html.light .dev-blog .dropdown-content { background-color: rgb(224, 224, 225); }
html.light .page-tokenization .project-cards .project-logo { filter: invert(100%); }
html.light .page-tokenization .article-card { background-color: rgb(255, 255, 255); }
html.light .page-tokenization .article-card-background { filter: drop-shadow(rgba(24, 24, 24, 0.5) 0px 1px 18px); }
html.light .page-tokenization .evernode { content: url(""); }
html.light .page-tokenization .prev img { content: url(""); }
html.light .page-tokenization .next img { content: url(""); transform: scaleX(-1); }
html.light .page-tokenization .arrow-button { background-color: rgb(224, 224, 225); }
html.light .page-rwa-tokenization .section-title { color: rgb(0, 0, 0); }
html.light .page-rwa-tokenization .utility-card .utility-title { color: rgb(0, 0, 0); }
html.light .page-rwa-tokenization .utility-card .utility-description { color: rgb(0, 0, 0); }
html.light .page-rwa-tokenization .benefit-icon.low-fees { background-image: url(""); }
html.light .page-rwa-tokenization .benefit-icon.access { background-image: url(""); }
html.light .page-rwa-tokenization .benefit-icon.native-compliance { background-image: url(""); }
html.light .page-rwa-tokenization .benefit-icon.delegated-token-management { background-image: url(""); }
html.light .page-rwa-tokenization .company-logo.open-eden { background-image: url(""); }
html.light .page-rwa-tokenization .company-logo.zoniqx { background-image: url(""); }
html.light .page-rwa-tokenization .company-logo.axiology { background-image: url(""); }
html.light .page-rwa-tokenization .company-logo.archax { background-image: url(""); }
html.light .page-rwa-tokenization .company-logo.meld { background-image: url(""); }
html.light .page-rwa-tokenization .company-logo.palisade { background-image: url(""); }
html.light .page-rwa-tokenization .company-logo.ripple-logo { background-image: url(""); }
html.light .page-rwa-tokenization .company-logo.ondo { background-image: url(""); }
html.light .page-rwa-tokenization .company-logo.hidden-road { background-image: url(""); }
html.light .page-rwa-tokenization .token-features-section .btn-link { color: rgb(121, 25, 255); }
html.light .page-rwa-tokenization .card-description a { color: rgb(121, 25, 255) !important; }
html.light .page-rwa-tokenization .developer-tools__image { background-image: url(""); }
html.light .page-rwa-tokenization .right-arrow-item::after { content: url(""); }
html.light .page-rwa-tokenization .token-video-text-container p { color: var(--XRPL-Primary-Black, #000); }
html.light .page-rwa-tokenization .cards-title-token { color: var(--XRPL-Primary-Black, #000); }
html.light .page-rwa-tokenization .benefit-card { background: rgb(255, 255, 255); }
html.light .page-rwa-tokenization .benefit-card .benefit-title { color: var(--XRPL-Primary-Black, #000); }
html.light .page-rwa-tokenization .benefit-card .benefit-description { color: var(--XRPL-Black-Black-80, #232325); }
html.light .page-rwa-tokenization .developer-tools__description { color: var(--XRPL-Primary-Black, #000); }
html.light .page-rwa-tokenization .feature-item__title { color: var(--XRPL-Primary-Black, #000); }
html.light .page-rwa-tokenization .feature-item__divider { background-color: rgb(0, 0, 0); }
html.light .page-rwa-tokenization .rwa-subtitle { color: var(--XRPL-Primary-Black, #000); }
html.light .page-rwa-tokenization .feature-title { color: var(--XRPL-Primary-Black, #000); }
html.light .page-rwa-tokenization .feature-description { color: var(--XRPL-Black-Black-80, #232325); }
html.light .page-rwa-tokenization .com-card-link { color: rgb(121, 25, 255) !important; }
html.light .use-case-payments .payments-integration-section .integration-column__title { color: var(--XRPL-Primary-Black, #000); }
html.light .use-case-payments .payments-integration-section .integration-column__subtitle { color: var(--XRPL-Black-Black-80, #232325); }
html.light .use-case-payments .payments-integration-section .feature-item__title { color: var(--XRPL-Primary-Black, #000); }
html.light .use-case-payments .payments-integration-section .feature-item__divider { background-color: rgb(0, 0, 0); }
html.light .use-case-payments .payments-project-card { background: rgb(255, 255, 255); box-shadow: none; }
html.light .use-case-payments .payments-project-card .first-word { color: var(--XRPL-Black-Black-80, #232325); }
html.light .use-case-payments .payments-project-card .rest-text { color: var(--XRPL-Black-Black-80, #232325); }
html.light .use-case-payments .payments-project-card .project-logo img.ripple-usd { content: url(""); }
html.light .use-case-payments .payments-project-card .project-logo img.usdc { content: url(""); }
html.light .use-case-payments .payments-project-card .project-logo img.usdb { content: url(""); }
html.light .use-case-payments .payments-project-card .project-logo img.europ { content: url(""); }
html.light .use-case-payments .payments-project-card .project-logo img.xsgd { content: url(""); }
html.light .use-case-payments .payments-project-card .project-logo img.audd { content: url(""); }
html.light .use-case-payments .advantages-section .advantage-item strong { color: var(--XRPL-Black-Black-80, #232325); }
html.light #embedded-payments-list #digital-wallets { content: url(""); }
html.light #embedded-payments-list #cross-border-remittance { content: url(""); }
html.light #embedded-payments-list #regulated-foreign-exchange { content: url(""); }
html.light #embedded-payments-list #merchant-settlement { content: url(""); }
html.light #embedded-payments-list #b2b-payment-rails { content: url(""); }
html.light #embedded-payments-list #compliance-first-payment-acceptance { content: url(""); }
html.light .use-case-payments .battle-tested-section .payments-project-card { background: rgb(255, 255, 255) !important; }
html.light .use-case-payments .battle-tested-section .payments-project-card .project-logo img.coinpayments { content: url(""); }
html.light .use-case-payments .battle-tested-section .payments-project-card .project-logo img.ripple { content: url(""); }
html.light .use-case-payments .battle-tested-section .payments-project-card .project-logo img.friipay { content: url(""); }