@font-face {
    font-family: 'Work Sans';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(assets/acfe8c09dc5d40f4209f.woff2) format('woff2');
    unicode-range:
        U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304,
        U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
    font-family: 'Work Sans';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(assets/70900561e8e7d079e0af.woff2) format('woff2');
    unicode-range:
        U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113,
        U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Work Sans';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url(assets/507be6ab9f85a1a65f8a.woff2) format('woff2');
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, 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: 100 900;
    font-display: swap;
    src: url(assets/b56e571bcfc5e2c2f00e.woff2) format('woff2');
    unicode-range:
        U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304,
        U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(assets/1ecd21fe07b6dd5d23ba.woff2) format('woff2');
    unicode-range:
        U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113,
        U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Work Sans';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(assets/ef5a90754bd421aa81fb.woff2) format('woff2');
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, 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 Grotesk';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(assets/0f25a4444d02faac4f60.ttf) format('truetype');
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, 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 Grotesk';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(assets/bdb4c5c6c7698194f4ef.ttf) format('truetype');
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, 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 Grotesk';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(assets/11c47748414ab8a89db0.ttf) format('truetype');
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, 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 Grotesk';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(assets/c092257afdb650be08eb.ttf) format('truetype');
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, 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 Grotesk';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(assets/77fdecb3422fbe54ed88.ttf) format('truetype');
    unicode-range:
        U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F,
        U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
} /*! Flickity v2.2.2
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
    position: relative;
}
.flickity-enabled:focus {
    outline: none;
}
.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
}
.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
}
.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
.flickity-button {
    position: absolute;
    background: rgba(255, 255, 255, 0.75);
    border: none;
    color: #333;
}
.flickity-button:hover {
    background: #fff;
    cursor: pointer;
}
.flickity-button:focus {
    outline: none;
    -webkit-box-shadow: 0 0 0 5px #19f;
    box-shadow: 0 0 0 5px #19f;
}
.flickity-button:active {
    opacity: 0.6;
}
.flickity-button:disabled {
    opacity: 0.3;
    cursor: auto;
    pointer-events: none;
}
.flickity-button-icon {
    fill: currentColor;
}
.flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.flickity-prev-next-button.previous {
    left: 10px;
}
.flickity-prev-next-button.next {
    right: 10px;
}
.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px;
}
.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
}
.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
}
.flickity-rtl .flickity-page-dots {
    direction: rtl;
}
.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: 0.25;
    cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
    opacity: 1;
}
.vertical-parent {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.vertical-parent .vertical-center {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.vertical-parent .vertical-center--absolute {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
html,
body {
    margin: 0;
    padding: 0;
}
html {
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    position: relative;
}
@media (min-width: 1200px) {
    html {
        font-size: calc(0.875rem + 0.28vw);
    }
}
@media (min-width: 1800px) {
    html {
        font-size: 1.25rem;
    }
}
@media (min-width: 2400px) {
    html {
        font-size: 1.375rem;
    }
}
@media (max-width: 575.98px) {
    html.m-nav-open {
        overflow: hidden;
    }
}
@media (min-width: 1200px) {
    html.non-scaling {
        font-size: 1rem;
    }
}
body {
    position: relative;
    font-family: 'Work Sans', sans-serif;
    color: #fff;
    background-color: #111112;
    min-width: 320px;
    overflow-x: hidden;
}
.non-scaling body::before {
    content: 'non-scaling class in header.php';
    display: block;
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 999999999;
    color: #32e685;
    padding: 0.3rem;
    border: 1px solid #ff671a;
}
#Layout {
    position: relative;
    z-index: 1;
}
#Layout .SkipLink {
    left: 50%;
    background-color: #111112;
    padding: 0.5rem;
    position: absolute;
    -webkit-transform: translateY(-105%);
    transform: translateY(-105%);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition:
        transform 0.3s,
        -webkit-transform 0.3s;
    z-index: 999999;
}
#Layout .SkipLink:focus-within {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}
.xrpl-light #Layout .SkipLink {
    background-color: #fff;
}
#Layout .SkipLink #SkipToContent {
    outline-offset: 4px;
}
.d-none {
    display: none;
}
.block {
    padding-right: 5.565vw;
    padding-left: 5.565vw;
    margin-bottom: 4.25rem;
}
@media (min-width: 992px) {
    .block {
        padding-right: 6.25vw;
        padding-left: 6.25vw;
        margin-bottom: 6rem;
    }
}
@media (min-width: 1200px) {
    .block {
        padding-right: 4.25vw;
        padding-left: 4.25vw;
    }
}
@media (min-width: 1800px) {
    .block {
        padding-right: 12vw;
        padding-left: 12vw;
    }
}
@media (min-width: 1200px) and (max-width: 1799.98px) {
    .non-scaling .block {
        padding-right: 6.25vw;
        padding-left: 6.25vw;
    }
}
.block-padding {
    padding-right: 5.565vw;
    padding-left: 5.565vw;
}
@media (min-width: 992px) {
    .block-padding {
        padding-right: 6.25vw;
        padding-left: 6.25vw;
    }
}
@media (min-width: 1200px) {
    .block-padding {
        padding-right: 4.25vw;
        padding-left: 4.25vw;
    }
}
@media (min-width: 1800px) {
    .block-padding {
        padding-right: 12vw;
        padding-left: 12vw;
    }
}
@media (min-width: 1200px) and (max-width: 1799.98px) {
    .non-scaling .block-padding {
        padding-right: 6.25vw;
        padding-left: 6.25vw;
    }
}
.block--half {
    margin-bottom: 0;
}
@media (max-width: 575.98px) {
    .block--half {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}
@media (min-width: 768px) {
    .block--half {
        margin-bottom: 2.375rem;
    }
}
@media (min-width: 992px) {
    .block--half {
        margin-bottom: 3rem;
    }
}
.block--fullscreen {
    padding-right: 0;
    padding-left: 0;
}
@media (max-width: 575.98px) {
    .no-padding-mobile {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}
@media (max-width: 575.98px) {
    .padding-mobile {
        padding-right: 5.565vw !important;
        padding-left: 5.565vw !important;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .page-template-template-study-center .block {
        padding-right: 2vw;
        padding-left: 2vw;
    }
}
.mb-0 {
    margin-bottom: 0;
}
.d-none {
    display: none;
}
p,
.block .quiz_section .qmn_radio_answers label,
.block .quiz_section .qmn_check_answers label,
.block .quiz_section .qmn_accept_answers label,
li,
.link,
.btn {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.42857;
}
@media (min-width: 576px) {
    p,
    .block .quiz_section .qmn_radio_answers label,
    .block .quiz_section .qmn_check_answers label,
    .block .quiz_section .qmn_accept_answers label,
    li,
    .link,
    .btn {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5;
    }
}
p,
.block .quiz_section .qmn_radio_answers label,
.block .quiz_section .qmn_check_answers label,
.block .quiz_section .qmn_accept_answers label {
    margin-top: 0;
    margin-bottom: 0.8125rem;
}
@media (min-width: 576px) {
    p,
    .block .quiz_section .qmn_radio_answers label,
    .block .quiz_section .qmn_check_answers label,
    .block .quiz_section .qmn_accept_answers label {
        margin-bottom: 1.0625rem;
    }
}
li {
    margin-bottom: 0.25rem;
}
ol,
ul {
    list-style: none;
    padding-left: 0;
}
a {
    -webkit-text-decoration: #32e685 solid underline 1px;
    text-decoration: #32e685 solid underline 1px;
    text-underline-offset: 3px;
}
@media (min-width: 1200px) {
    a {
        text-underline-offset: 4px;
    }
}
.xrpl-light a {
    -webkit-text-decoration-color: #7919ff;
    text-decoration-color: #7919ff;
}
body a {
    color: #fff;
}
.xrpl-light body a {
    color: #000;
}
button {
    font-family: 'Work Sans', sans-serif;
}
button:disabled {
    background-color: #454549;
    opacity: 0.8;
    cursor: not-allowed;
}
b,
strong {
    font-weight: 700;
}
small,
.small {
    font-size: 12px;
    font-size: 0.75rem;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    line-height: 1.6;
}
@media (min-width: 576px) {
    small,
    .small {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1.333333;
    }
}
input,
textarea {
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    line-height: 1.5;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
.xrpl_course__title-wrap .xrpl-percent-complete,
h4,
.h4,
.block .quiz_section .mlw_qmn_new_question,
h5,
.block .quick-question-res-p,
.h5,
.course-board__summary .xrpl-progress-fraction,
h6,
.block .quiz_section .mlw_qmn_question_number,
.h6 {
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 1.25rem;
}
@media (min-width: 576px) {
    h1,
    .h1,
    h2,
    .h2,
    h3,
    .h3,
    .xrpl_course__title-wrap .xrpl-percent-complete,
    h4,
    .h4,
    .block .quiz_section .mlw_qmn_new_question,
    h5,
    .block .quick-question-res-p,
    .h5,
    .course-board__summary .xrpl-progress-fraction,
    h6,
    .block .quiz_section .mlw_qmn_question_number,
    .h6 {
        margin-bottom: 1.875rem;
    }
}
h1,
.h1 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: 700;
}
@media (min-width: 576px) {
    h1,
    .h1 {
        font-size: 48px;
        font-size: 3rem;
        line-height: 1.16666;
    }
}
h2,
.h2 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.16666;
    font-weight: 700;
}
@media (min-width: 576px) {
    h2,
    .h2 {
        font-size: 32px;
        font-size: 2rem;
    }
}
h3,
.h3,
.xrpl_course__title-wrap .xrpl-percent-complete {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.1875;
    font-weight: 500;
}
@media (min-width: 576px) {
    h3,
    .h3,
    .xrpl_course__title-wrap .xrpl-percent-complete {
        font-size: 24px;
        font-size: 1.5rem;
    }
}
h4,
.h4,
.block .quiz_section .mlw_qmn_new_question {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
}
@media (min-width: 576px) {
    h4,
    .h4,
    .block .quiz_section .mlw_qmn_new_question {
        font-size: 20px;
        font-size: 1.25rem;
    }
}
h5,
.block .quick-question-res-p,
.h5,
.course-board__summary .xrpl-progress-fraction {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.16666;
    font-weight: 700;
    margin-bottom: 0.3125rem;
}
@media (min-width: 576px) {
    h5,
    .block .quick-question-res-p,
    .h5,
    .course-board__summary .xrpl-progress-fraction {
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1.142857;
        margin-bottom: 0.625rem;
    }
}
h6,
.block .quiz_section .mlw_qmn_question_number,
.h6 {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 2.2;
    font-weight: 400;
}
@media (min-width: 576px) {
    h6,
    .block .quiz_section .mlw_qmn_question_number,
    .h6 {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 2;
    }
}
.h-hero-lg {
    font-size: 32px;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.2;
}
@media (min-width: 576px) {
    .h-hero-lg {
        font-size: 47px;
        font-size: 2.9375rem;
    }
}
@media (min-width: 1200px) {
    .h-hero-lg {
        font-size: 48px;
        font-size: 3rem;
    }
}
.h-hero-sm {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.2;
}
@media (min-width: 576px) {
    .h-hero-sm {
        font-size: 48px;
        font-size: 3rem;
    }
}
.small-headline {
    text-transform: uppercase;
}
blockquote {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.3;
    color: theme-color('primary');
    padding: 0;
    border: 0;
    margin: 0.875rem auto 1.8125rem;
}
@media (min-width: 576px) {
    blockquote {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.458333;
    }
}
blockquote p,
blockquote .block .quiz_section .qmn_radio_answers label,
.block .quiz_section .qmn_radio_answers blockquote label,
blockquote .block .quiz_section .qmn_check_answers label,
.block .quiz_section .qmn_check_answers blockquote label,
blockquote .block .quiz_section .qmn_accept_answers label,
.block .quiz_section .qmn_accept_answers blockquote label {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.3;
    color: theme-color('primary');
    margin-bottom: 0;
}
@media (min-width: 576px) {
    blockquote p,
    blockquote .block .quiz_section .qmn_radio_answers label,
    .block .quiz_section .qmn_radio_answers blockquote label,
    blockquote .block .quiz_section .qmn_check_answers label,
    .block .quiz_section .qmn_check_answers blockquote label,
    blockquote .block .quiz_section .qmn_accept_answers label,
    .block .quiz_section .qmn_accept_answers blockquote label {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 1.458333;
    }
}
table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 2.375rem;
}
@media (min-width: 576px) {
    table {
        margin-bottom: 3rem;
    }
}
td,
th {
    text-align: left;
    padding: 0.5rem;
}
td:last-of-type,
th:last-of-type {
    border-right: none;
}
img,
svg {
    height: auto;
    max-width: 100%;
}
.bg-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
.BlockLevelLink.Focused {
    outline: 4px solid #7919ff;
}
.BlockLevelLink.Focused .EntryTitle a {
    outline: none;
}
.BlockLevelLink .Clickable:hover {
    cursor: pointer;
}
.btn {
    font-size: 14px;
    font-size: 0.875rem;
    display: inline-block;
    position: relative;
    z-index: 5;
    font-weight: 700;
    color: #fff;
    padding: 0.75rem 0.875rem;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0.25rem;
    cursor: pointer;
    text-decoration: none;
}
.btn:hover {
    color: #fff;
}
.btn:focus-visible {
    outline-offset: 3px;
}
.btn::before {
    content: '';
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
    left: -1px;
    z-index: -1;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0.25rem;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:
        transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
        -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.btn:hover::before {
    -webkit-transform: scale3d(1.03, 1.1, 1);
    transform: scale3d(1.03, 1.1, 1);
}
.btn:disabled::before {
    background-color: #454549;
}
.btn:disabled:hover::before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    background-color: #454549;
}
.xrpl-light .btn {
    color: #fff;
}
.btn--sm {
    font-size: 12px;
    font-size: 0.75rem;
    padding: 0.5rem 0.5625rem;
}
.btn--circle {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-align: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 7.8125rem;
    width: 7.8125rem;
    border-radius: 50%;
}
@media (min-width: 576px) {
    .btn--circle {
        height: 9.375rem;
        width: 9.375rem;
    }
}
.btn--primary::before {
    background-color: #7919ff;
}
.btn--primary:hover::before {
    background-color: #5f00e5;
}
.btn--light::before {
    background-color: #ccc;
}
.btn--medium::before {
    background-color: #454549;
}
.btn--medium:hover::before {
    background-color: #000;
}
.btn--black::before {
    background-color: #232325;
}
.btn--black:hover::before {
    background-color: #7919ff;
}
.btn--black::before {
    background-color: #000;
}
.btn--black:hover::before {
    background-color: #454549;
}
.btn--gradient {
    padding: 0.8125rem 0.9375rem;
    border: 0;
}
.btn--gradient:hover {
    position: relative;
    resize: none;
    overflow: hidden;
    --box-border--border: linear-gradient(90deg, #b480ff 0%, #5f00e5 29.49%, #1aa4ff 61.09%, #19ff83 101.11%);
    --box--border__top-left: url('data:image/svg+xml,<svg width=%2710%27 height=%2710%27 viewBox=%270 0 10 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><rect x=%271%27 y=%271%27 width=%2718%27 height=%2718%27 rx=%271%27 ry=%271%27 stroke=%27%23000%27 stroke-width=%271%27 /></svg>');
    --box--border__top: url('data:image/svg+xml,<svg preserveAspectRatio=%27none%27 width=%27100%27 height=%2710%27 viewBox=%270 0 100 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><line x1=%27-1%27 y1=%271%27 x2=%27101%27 y2=%271%27 stroke=%27%23000%27 stroke-width=%271%27/></svg>');
    --box--border__top-right: url('data:image/svg+xml,<svg width=%2710%27 height=%2710%27 viewBox=%270 0 10 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><rect x=%27-9%27 y=%271%27 width=%2718%27 height=%2718%27 rx=%271%27 ry=%271%27 stroke=%27black%27 stroke-width=%271%27 /></svg>');
    --box--border__left: url('data:image/svg+xml,<svg preserveAspectRatio=%27none%27 width=%2710%27 height=%27100%27 viewBox=%270 0 10 100%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><line x1=%271%27 y1=%27-1%27 x2=%271%27 y2=%27101%27 stroke=%27%23000%27 stroke-width=%271%27/></svg>');
    --box--border__right: url('data:image/svg+xml,<svg preserveAspectRatio=%27none%27 width=%2710%27 height=%27100%27 viewBox=%270 0 10 100%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><line x1=%279%27 y1=%27-1%27 x2=%279%27 y2=%27101%27 stroke=%27%23000%27 stroke-width=%271%27/></svg>');
    --box--border__bottom-left: url('data:image/svg+xml,<svg width=%2710%27 height=%2710%27 viewBox=%270 0 10 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><rect x=%271%27 y=%27-9%27 width=%2718%27 height=%2718%27 rx=%271%27 ry=%271%27 stroke=%27%23000%27 stroke-width=%271%27 /></svg>');
    --box--border__bottom: url('data:image/svg+xml,<svg preserveAspectRatio=%27none%27 width=%27100%27 height=%2710%27 viewBox=%270 0 100 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><line x1=%27-1%27 y1=%279%27 x2=%27101%27 y2=%279%27 stroke=%27%23000%27 stroke-width=%271%27/></svg>');
    --box--border__bottom-right: url('data:image/svg+xml,<svg width=%2710%27 height=%2710%27 viewBox=%270 0 10 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><rect x=%27-9%27 y=%27-9%27 width=%2718%27 height=%2718%27 rx=%271%27 ry=%271%27 stroke=%27black%27 stroke-width=%271%27 /></svg>');
    padding: 0.75rem 0.875rem;
    background: rgba(0, 0, 0, 0);
}
.btn--gradient:hover::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--box-border--border);
    -webkit-mask:
        var(--box--border__top-left) 0 0/0.625rem 0.625rem,
        var(--box--border__top) 0.625rem 0 / calc(100% - 1.25rem) 0.625rem,
        var(--box--border__top-right) 100% 0/0.625rem 0.625rem,
        var(--box--border__left) 0 0.625rem/.625rem calc(100% - 1.25rem),
        var(--box--border__right) 100% 0.625rem/.625rem calc(100% - 1.25rem),
        var(--box--border__bottom-left) 0 100%/0.625rem 0.625rem,
        var(--box--border__bottom) 0.625rem 100% / calc(100% - 1.25rem) 0.625rem,
        var(--box--border__bottom-right) 100% 100%/0.625rem 0.625rem;
    mask:
        var(--box--border__top-left) 0 0/0.625rem 0.625rem,
        var(--box--border__top) 0.625rem 0 / calc(100% - 1.25rem) 0.625rem,
        var(--box--border__top-right) 100% 0/0.625rem 0.625rem,
        var(--box--border__left) 0 0.625rem/.625rem calc(100% - 1.25rem),
        var(--box--border__right) 100% 0.625rem/.625rem calc(100% - 1.25rem),
        var(--box--border__bottom-left) 0 100%/0.625rem 0.625rem,
        var(--box--border__bottom) 0.625rem 100% / calc(100% - 1.25rem) 0.625rem,
        var(--box--border__bottom-right) 100% 100%/0.625rem 0.625rem;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    pointer-events: none;
}
.btn--gradient::before {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#b480ff),
        color-stop(29.49%, #5f00e5),
        color-stop(61.09%, #1aa4ff),
        color-stop(101.11%, #19ff83)
    );
    background: linear-gradient(90deg, #b480ff 0%, #5f00e5 29.49%, #1aa4ff 61.09%, #19ff83 101.11%);
}
.xrpl-light .btn--gradient:hover {
    color: #7919ff;
}
.btn--gradient-border {
    position: relative;
    resize: none;
    overflow: hidden;
    --box-border--border: linear-gradient(90deg, #b480ff 0%, #5f00e5 29.49%, #1aa4ff 61.09%, #19ff83 101.11%);
    --box--border__top-left: url('data:image/svg+xml,<svg width=%2710%27 height=%2710%27 viewBox=%270 0 10 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><rect x=%271%27 y=%271%27 width=%2718%27 height=%2718%27 rx=%271%27 ry=%271%27 stroke=%27%23000%27 stroke-width=%271%27 /></svg>');
    --box--border__top: url('data:image/svg+xml,<svg preserveAspectRatio=%27none%27 width=%27100%27 height=%2710%27 viewBox=%270 0 100 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><line x1=%27-1%27 y1=%271%27 x2=%27101%27 y2=%271%27 stroke=%27%23000%27 stroke-width=%271%27/></svg>');
    --box--border__top-right: url('data:image/svg+xml,<svg width=%2710%27 height=%2710%27 viewBox=%270 0 10 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><rect x=%27-9%27 y=%271%27 width=%2718%27 height=%2718%27 rx=%271%27 ry=%271%27 stroke=%27black%27 stroke-width=%271%27 /></svg>');
    --box--border__left: url('data:image/svg+xml,<svg preserveAspectRatio=%27none%27 width=%2710%27 height=%27100%27 viewBox=%270 0 10 100%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><line x1=%271%27 y1=%27-1%27 x2=%271%27 y2=%27101%27 stroke=%27%23000%27 stroke-width=%271%27/></svg>');
    --box--border__right: url('data:image/svg+xml,<svg preserveAspectRatio=%27none%27 width=%2710%27 height=%27100%27 viewBox=%270 0 10 100%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><line x1=%279%27 y1=%27-1%27 x2=%279%27 y2=%27101%27 stroke=%27%23000%27 stroke-width=%271%27/></svg>');
    --box--border__bottom-left: url('data:image/svg+xml,<svg width=%2710%27 height=%2710%27 viewBox=%270 0 10 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><rect x=%271%27 y=%27-9%27 width=%2718%27 height=%2718%27 rx=%271%27 ry=%271%27 stroke=%27%23000%27 stroke-width=%271%27 /></svg>');
    --box--border__bottom: url('data:image/svg+xml,<svg preserveAspectRatio=%27none%27 width=%27100%27 height=%2710%27 viewBox=%270 0 100 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><line x1=%27-1%27 y1=%279%27 x2=%27101%27 y2=%279%27 stroke=%27%23000%27 stroke-width=%271%27/></svg>');
    --box--border__bottom-right: url('data:image/svg+xml,<svg width=%2710%27 height=%2710%27 viewBox=%270 0 10 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><rect x=%27-9%27 y=%27-9%27 width=%2718%27 height=%2718%27 rx=%271%27 ry=%271%27 stroke=%27black%27 stroke-width=%271%27 /></svg>');
}
.btn--gradient-border::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--box-border--border);
    -webkit-mask:
        var(--box--border__top-left) 0 0/0.625rem 0.625rem,
        var(--box--border__top) 0.625rem 0 / calc(100% - 1.25rem) 0.625rem,
        var(--box--border__top-right) 100% 0/0.625rem 0.625rem,
        var(--box--border__left) 0 0.625rem/.625rem calc(100% - 1.25rem),
        var(--box--border__right) 100% 0.625rem/.625rem calc(100% - 1.25rem),
        var(--box--border__bottom-left) 0 100%/0.625rem 0.625rem,
        var(--box--border__bottom) 0.625rem 100% / calc(100% - 1.25rem) 0.625rem,
        var(--box--border__bottom-right) 100% 100%/0.625rem 0.625rem;
    mask:
        var(--box--border__top-left) 0 0/0.625rem 0.625rem,
        var(--box--border__top) 0.625rem 0 / calc(100% - 1.25rem) 0.625rem,
        var(--box--border__top-right) 100% 0/0.625rem 0.625rem,
        var(--box--border__left) 0 0.625rem/.625rem calc(100% - 1.25rem),
        var(--box--border__right) 100% 0.625rem/.625rem calc(100% - 1.25rem),
        var(--box--border__bottom-left) 0 100%/0.625rem 0.625rem,
        var(--box--border__bottom) 0.625rem 100% / calc(100% - 1.25rem) 0.625rem,
        var(--box--border__bottom-right) 100% 100%/0.625rem 0.625rem;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    pointer-events: none;
}
.btn--gradient-border:hover {
    padding: 0.8125rem 0.9375rem;
    border: 0;
}
.btn--gradient-border:hover::before {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#b480ff),
        color-stop(29.49%, #5f00e5),
        color-stop(61.09%, #1aa4ff),
        color-stop(101.11%, #19ff83)
    );
    background: linear-gradient(90deg, #b480ff 0%, #5f00e5 29.49%, #1aa4ff 61.09%, #19ff83 101.11%);
}
.btn--gradient-border:hover::after {
    visibility: hidden;
}
.xrpl-light .btn--gradient-border {
    color: #7919ff;
}
.xrpl-light .btn--gradient-border:hover {
    color: #fff;
}
.wysiwyg a:hover {
    color: #32e685;
}
.wysiwyg a img {
    display: inline;
    vertical-align: text-bottom;
    max-width: 1.25rem;
    margin: 0 0 0 0.1rem;
}
.wysiwyg a.btn.btn--primary {
    font-size: 14px;
    font-size: 0.875rem;
    display: inline-block;
    position: relative;
    z-index: 5;
    font-weight: 700;
    color: #fff;
    padding: 0.75rem 0.875rem;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0.25rem;
    cursor: pointer;
    text-decoration: none;
    margin-bottom: 0.8125rem;
}
.wysiwyg a.btn.btn--primary:hover {
    color: #fff;
}
.wysiwyg a.btn.btn--primary:focus-visible {
    outline-offset: 3px;
}
.wysiwyg a.btn.btn--primary::before {
    content: '';
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
    left: -1px;
    z-index: -1;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0.25rem;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:
        transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
        -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.wysiwyg a.btn.btn--primary:hover::before {
    -webkit-transform: scale3d(1.03, 1.1, 1);
    transform: scale3d(1.03, 1.1, 1);
}
.wysiwyg a.btn.btn--primary:disabled::before {
    background-color: #454549;
}
.wysiwyg a.btn.btn--primary:disabled:hover::before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    background-color: #454549;
}
.xrpl-light .wysiwyg a.btn.btn--primary {
    color: #fff;
}
.wysiwyg a.btn.btn--primary::before {
    background-color: #7919ff;
}
.wysiwyg a.btn.btn--primary:hover::before {
    background-color: #5f00e5;
}
@media (min-width: 576px) {
    .wysiwyg a.btn.btn--primary {
        margin-bottom: 1.0625rem;
    }
}
.wysiwyg a.btn.btn--primary img {
    margin: 0 0 0 0.5rem;
}
.xrpl-light .wysiwyg a {
    color: #000;
}
.xrpl-light .wysiwyg a:hover {
    color: #7919ff;
}
.xrpl-light .wysiwyg a::after {
    background-color: #7919ff;
}
.wysiwyg--small p,
.wysiwyg--small .block .quiz_section .qmn_radio_answers label,
.block .quiz_section .qmn_radio_answers .wysiwyg--small label,
.wysiwyg--small .block .quiz_section .qmn_check_answers label,
.block .quiz_section .qmn_check_answers .wysiwyg--small label,
.wysiwyg--small .block .quiz_section .qmn_accept_answers label,
.block .quiz_section .qmn_accept_answers .wysiwyg--small label {
    font-size: 14px;
    font-size: 0.875rem;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    line-height: 1.42857;
}
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}
.screen-reader-text:focus {
    background-color: #fff;
    border-radius: 0.1875rem;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    -webkit-clip-path: none;
    clip-path: none;
    color: #000;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 0.3125rem;
    line-height: normal;
    padding: 0.9375rem 1.4375rem 0.875rem;
    text-decoration: none;
    top: 0.3125rem;
    width: auto;
    z-index: 100000;
}
iframe[src^='https://codepen.io/'] {
    width: 100%;
}
.found-in-link {
    font-size: 14px;
    font-size: 0.875rem;
}
.found-in-link a:hover {
    color: #7919ff;
}
.xrpl-light .found-in-link a {
    color: #000;
}
.xrpl-light .found-in-link a:hover {
    color: #7919ff;
}
.mb-0 {
    margin-bottom: 0;
}
.xrpl-light body {
    color: #000;
    background-color: #f5f5f7;
}
body.admin-bar {
    padding-top: 46px;
    z-index: 999;
}
@media screen and (min-width: 781px) {
    body.admin-bar {
        padding-top: 32px;
    }
}
body .XrplHubspotFormEmbed {
    --text-color: #000;
    --border-color: #333;
    --border-radius: 0.375rem;
    --input-background-color: #fff;
    --option-text-color: #000;
    --option-background-color: #fff;
    --error-color: #ff4d4d;
    margin: 2rem auto 0;
    max-width: 28rem;
    text-align: left;
}
.xrpl-dark body .XrplHubspotFormEmbed {
    --text-color: #fff;
    --border-color: #fff;
    --border-radius: 0.375rem;
    --input-background-color: #232325;
    --error-color: #ff4d4d;
}
body .XrplHubspotFormEmbed fieldset > .field {
    border: 1px solid rgba(0, 0, 0, 0);
}
body .XrplHubspotFormEmbed fieldset ul[role='alert'] {
    margin: 0;
    position: relative;
    top: -1.75rem;
}
body .XrplHubspotFormEmbed .input {
    margin-bottom: 2rem;
}
body .XrplHubspotFormEmbed label {
    cursor: pointer;
    font-size: 12px;
}
body .XrplHubspotFormEmbed input[type='email'],
body .XrplHubspotFormEmbed input[type='text'] {
    background-color: var(--input-background-color);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    color: var(--text-color);
    font-size: 12px;
    line-height: 2.75rem;
    width: 100%;
}
body .XrplHubspotFormEmbed input[type='email'].invalid,
body .XrplHubspotFormEmbed input[type='text'].invalid {
    border-color: var(--error-color);
}
body .XrplHubspotFormEmbed input[type='submit'] {
    font-size: 14px;
    font-size: 0.875rem;
    display: inline-block;
    position: relative;
    z-index: 5;
    font-weight: 700;
    color: #fff;
    padding: 0.75rem 0.875rem;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0.25rem;
    cursor: pointer;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #7919ff;
}
body .XrplHubspotFormEmbed input[type='submit']:hover {
    color: #fff;
}
body .XrplHubspotFormEmbed input[type='submit']:focus-visible {
    outline-offset: 3px;
}
body .XrplHubspotFormEmbed input[type='submit']::before {
    content: '';
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
    left: -1px;
    z-index: -1;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0.25rem;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:
        transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
        -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
body .XrplHubspotFormEmbed input[type='submit']:hover::before {
    -webkit-transform: scale3d(1.03, 1.1, 1);
    transform: scale3d(1.03, 1.1, 1);
}
body .XrplHubspotFormEmbed input[type='submit']:disabled::before {
    background-color: #454549;
}
body .XrplHubspotFormEmbed input[type='submit']:disabled:hover::before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    background-color: #454549;
}
.xrpl-light body .XrplHubspotFormEmbed input[type='submit'] {
    color: #fff;
}
body .XrplHubspotFormEmbed input[type='submit']::before {
    background-color: #7919ff;
}
body .XrplHubspotFormEmbed input[type='submit']:hover::before {
    background-color: #5f00e5;
}
body .XrplHubspotFormEmbed select {
    background-color: var(--input-background-color);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
    color: var(--text-color);
    min-height: 2.875rem;
}
body .XrplHubspotFormEmbed select option {
    background: var(--option-background-color);
    color: var(--option-text-color);
}
body .XrplHubspotFormEmbed label.hs-error-msg {
    color: var(--error-color);
}
.xrpl-light body .XrplHubspotFormEmbed a {
    color: #000;
}
body > [role='tooltip'].ui-tooltip {
    display: none !important;
}
.xrpl-gradient-box {
    position: relative;
    resize: none;
    overflow: hidden;
    --box-border--border: linear-gradient(90deg, #b480ff 0%, #5f00e5 29.49%, #1aa4ff 61.09%, #19ff83 101.11%);
    --box--border__top-left: url('data:image/svg+xml,<svg width=%2710%27 height=%2710%27 viewBox=%270 0 10 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><rect x=%271%27 y=%271%27 width=%2718%27 height=%2718%27 rx=%271%27 ry=%271%27 stroke=%27%23000%27 stroke-width=%271%27 /></svg>');
    --box--border__top: url('data:image/svg+xml,<svg preserveAspectRatio=%27none%27 width=%27100%27 height=%2710%27 viewBox=%270 0 100 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><line x1=%27-1%27 y1=%271%27 x2=%27101%27 y2=%271%27 stroke=%27%23000%27 stroke-width=%271%27/></svg>');
    --box--border__top-right: url('data:image/svg+xml,<svg width=%2710%27 height=%2710%27 viewBox=%270 0 10 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><rect x=%27-9%27 y=%271%27 width=%2718%27 height=%2718%27 rx=%271%27 ry=%271%27 stroke=%27black%27 stroke-width=%271%27 /></svg>');
    --box--border__left: url('data:image/svg+xml,<svg preserveAspectRatio=%27none%27 width=%2710%27 height=%27100%27 viewBox=%270 0 10 100%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><line x1=%271%27 y1=%27-1%27 x2=%271%27 y2=%27101%27 stroke=%27%23000%27 stroke-width=%271%27/></svg>');
    --box--border__right: url('data:image/svg+xml,<svg preserveAspectRatio=%27none%27 width=%2710%27 height=%27100%27 viewBox=%270 0 10 100%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><line x1=%279%27 y1=%27-1%27 x2=%279%27 y2=%27101%27 stroke=%27%23000%27 stroke-width=%271%27/></svg>');
    --box--border__bottom-left: url('data:image/svg+xml,<svg width=%2710%27 height=%2710%27 viewBox=%270 0 10 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><rect x=%271%27 y=%27-9%27 width=%2718%27 height=%2718%27 rx=%271%27 ry=%271%27 stroke=%27%23000%27 stroke-width=%271%27 /></svg>');
    --box--border__bottom: url('data:image/svg+xml,<svg preserveAspectRatio=%27none%27 width=%27100%27 height=%2710%27 viewBox=%270 0 100 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><line x1=%27-1%27 y1=%279%27 x2=%27101%27 y2=%279%27 stroke=%27%23000%27 stroke-width=%271%27/></svg>');
    --box--border__bottom-right: url('data:image/svg+xml,<svg width=%2710%27 height=%2710%27 viewBox=%270 0 10 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><rect x=%27-9%27 y=%27-9%27 width=%2718%27 height=%2718%27 rx=%271%27 ry=%271%27 stroke=%27black%27 stroke-width=%271%27 /></svg>');
    text-align: center;
    padding: 1.25rem;
}
.xrpl-gradient-box::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--box-border--border);
    -webkit-mask:
        var(--box--border__top-left) 0 0/0.625rem 0.625rem,
        var(--box--border__top) 0.625rem 0 / calc(100% - 1.25rem) 0.625rem,
        var(--box--border__top-right) 100% 0/0.625rem 0.625rem,
        var(--box--border__left) 0 0.625rem/.625rem calc(100% - 1.25rem),
        var(--box--border__right) 100% 0.625rem/.625rem calc(100% - 1.25rem),
        var(--box--border__bottom-left) 0 100%/0.625rem 0.625rem,
        var(--box--border__bottom) 0.625rem 100% / calc(100% - 1.25rem) 0.625rem,
        var(--box--border__bottom-right) 100% 100%/0.625rem 0.625rem;
    mask:
        var(--box--border__top-left) 0 0/0.625rem 0.625rem,
        var(--box--border__top) 0.625rem 0 / calc(100% - 1.25rem) 0.625rem,
        var(--box--border__top-right) 100% 0/0.625rem 0.625rem,
        var(--box--border__left) 0 0.625rem/.625rem calc(100% - 1.25rem),
        var(--box--border__right) 100% 0.625rem/.625rem calc(100% - 1.25rem),
        var(--box--border__bottom-left) 0 100%/0.625rem 0.625rem,
        var(--box--border__bottom) 0.625rem 100% / calc(100% - 1.25rem) 0.625rem,
        var(--box--border__bottom-right) 100% 100%/0.625rem 0.625rem;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    pointer-events: none;
}
@media (min-width: 576px) {
    .xrpl-gradient-box {
        padding: 1.875rem;
    }
}
.xrpl-gradient-box h3 {
    margin-bottom: 2.5rem;
}
@media (min-width: 576px) {
    .xrpl-gradient-box svg {
        margin-bottom: 0.3125rem;
    }
}
.xrpl-gradient-box br {
    display: none;
}
@media (min-width: 576px) {
    .xrpl-gradient-box br {
        display: block;
    }
}
.xrpl-gradient-box button {
    background-color: rgba(0, 0, 0, 0);
}
.xrpl-gradient-box .btn {
    margin: 0 0.8125rem;
    cursor: pointer;
}
.general-content-box {
    background-color: #232325;
    border-radius: 0.375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 0.875rem;
    line-height: 1.5;
    padding: 1.25rem;
    text-align: center;
}
.xrpl-light .general-content-box {
    background-color: #fff;
}
@media (min-width: 576px) {
    .general-content-box {
        max-width: 55.75rem;
        padding: 2.5rem;
    }
}
.general-content-box > .Icon {
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: center;
}
.general-content-box > .Icon.Icon-getting-started {
    background-image: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2743%27 height=%2735%27 fill=%27none%27%3E%3Cpath stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27M18.83 18.668h-2.653M13.183 5.96h12.766c.845 0 1.646.164 2.387.46M25.193 31.36H8.542a6.344 6.344 0 0 1-6.347-6.346 6.344 6.344 0 0 1 6.347-6.346h2.61%27/%3E%3Cpath fill=%27%2319A3FF%27 d=%27m31.302 31.36 7.621-10.275c4.641-6.257.178-15.124-7.621-15.124-7.785 0-12.248 8.867-7.622 15.124l7.622 10.275ZM5.413 9.725a3.764 3.764 0 1 0 0-7.528 3.764 3.764 0 0 0 0 7.528Z%27/%3E%3Cpath stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%271.5%27 d=%27m35.704 11.818-2.669 2.491a2.628 2.628 0 0 1-3.5 0l-2.668-2.49M26.882 20.077l2.669-2.506a2.544 2.544 0 0 1 1.75-.682c.652 0 1.26.237 1.75.682l2.668 2.506%27/%3E%3C/svg%3E');
}
.xrpl-light .general-content-box > .Icon.Icon-getting-started {
    background-image: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2743%27 height=%2735%27 fill=%27none%27%3E%3Cpath stroke=%27%23000%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27M18.83 18.668h-2.653M13.183 5.96h12.766c.845 0 1.646.164 2.387.46M25.193 31.36H8.542a6.344 6.344 0 0 1-6.347-6.346 6.344 6.344 0 0 1 6.347-6.346h2.61%27/%3E%3Cpath fill=%27%2319A3FF%27 d=%27m31.302 31.36 7.621-10.275c4.641-6.257.178-15.124-7.621-15.124-7.785 0-12.248 8.867-7.622 15.124l7.622 10.275ZM5.413 9.725a3.764 3.764 0 1 0 0-7.528 3.764 3.764 0 0 0 0 7.528Z%27/%3E%3Cpath stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-miterlimit=%2710%27 stroke-width=%271.5%27 d=%27m35.704 11.818-2.669 2.491a2.628 2.628 0 0 1-3.5 0l-2.668-2.49M26.882 20.077l2.669-2.506a2.544 2.544 0 0 1 1.75-.682c.652 0 1.26.237 1.75.682l2.668 2.506%27/%3E%3C/svg%3E');
}
.general-content-box > h2 {
    font-size: 1.125rem;
    font-weight: 700;
    margin: 0;
}
.general-content-box > p,
.block .quiz_section .qmn_radio_answers .general-content-box > label,
.block .quiz_section .qmn_check_answers .general-content-box > label,
.block .quiz_section .qmn_accept_answers .general-content-box > label {
    margin: 0;
}
#Nameplate {
    padding-top: 1.75rem;
    padding-bottom: 2.875rem;
    pointer-events: none;
}
@media (min-width: 992px) {
    #Nameplate {
        padding-top: 1.875rem;
        padding-bottom: 3.4375rem;
    }
}
.top-nav__inner {
    position: relative;
    z-index: 200;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 0.5625rem;
    border-bottom: 1px solid #fff;
    pointer-events: auto;
}
.top-nav__inner a {
    text-decoration: none;
}
.top-nav__col {
    position: relative;
}
.top-nav__col::after {
    content: '';
    clear: both;
    display: table;
}
.top-nav__col--center {
    padding: 0 0.25rem;
}
@media (min-width: 992px) {
    .top-nav__col--center {
        padding: 0;
    }
}
#nav-primary .menu {
    display: none;
    margin: 0;
}
@media (min-width: 768px) {
    #nav-primary .menu {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    #nav-primary .menu {
        margin-right: -10px;
        margin-left: -10px;
    }
}
#nav-primary li {
    margin-bottom: 0.25rem;
}
#nav-primary li a {
    font-size: 12px;
    font-size: 0.75rem;
    color: #fff;
    padding: 0.5rem 0.625rem;
    white-space: nowrap;
    text-decoration: none;
}
@media (min-width: 992px) {
    #nav-primary li a {
        padding-right: 0.4375rem;
        padding-left: 0.4375rem;
    }
}
@media (min-width: 1100px) {
    #nav-primary li a {
        font-size: 14px;
        font-size: 0.875rem;
        padding: 0.8125rem 0.5rem;
    }
}
@media (min-width: 1200px) {
    #nav-primary li a {
        font-size: 14.5px;
        font-size: 0.90625rem;
        padding: 0.8125rem 0.5rem;
    }
}
#nav-primary li a:hover {
    color: #32e685;
}
.xrpl-light #nav-primary li a:hover {
    color: #7919ff;
}
#nav-primary .current-menu-item a,
.single-xrpl_course #nav-primary .courses-menu-item a {
    font-weight: 700;
}
#nav-primary li.external-top-link a {
    white-space: nowrap;
}
#nav-primary li.external-top-link a::after {
    content: '';
    display: inline-block;
    height: 0.8125rem;
    width: 0.8125rem;
    background-image: url(assets/4184591e9c83352fc182.svg), none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 0.5rem;
    vertical-align: middle;
}
@media (min-width: 1200px) {
    #nav-primary li.external-top-link a::after {
        height: 1.0625rem;
        width: 1.0625rem;
    }
}
.Icon--learning-logo {
    width: 16.9375rem;
    max-width: 100%;
}
@media (min-width: 992px) {
    .Icon--learning-logo {
        width: 18rem;
    }
}
@media (min-width: 1200px) {
    .Icon--learning-logo {
        width: 18.5625rem;
    }
}
.Icon--logo {
    max-width: 7.875rem;
}
.top-nav__icons {
    float: left;
}
@media (min-width: 992px) {
    .top-nav__icons {
        padding-right: 0.3125rem;
        border-right: 1px solid #454549;
        margin-right: 0.3125rem;
    }
}
@media (min-width: 1200px) {
    .top-nav__icons {
        padding-right: 0.6875rem;
        margin-right: 0.6875rem;
    }
}
@media (min-width: 1400px) {
    .top-nav__icons {
        padding-right: 0.8125rem;
        margin-right: 0.8125rem;
    }
}
.top-nav__settings-link,
.top-nav__notification-link,
.top-nav__light-toggle {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(0, 0, 0, 0);
    padding: 0.75rem 0.5rem 0.625rem;
    border: 0;
    vertical-align: middle;
    cursor: pointer;
}
@media (min-width: 992px) {
    .top-nav__settings-link,
    .top-nav__notification-link,
    .top-nav__light-toggle {
        display: inline-block;
        padding: 0.6875rem 0.4375rem 0.25rem 0.6875rem;
    }
}
@media (min-width: 1200px) {
    .top-nav__settings-link,
    .top-nav__notification-link,
    .top-nav__light-toggle {
        padding: 0.875rem 0.75rem 0.75rem;
    }
}
.top-nav__settings-link svg,
.top-nav__notification-link svg,
.top-nav__light-toggle svg {
    max-width: 1.125rem;
}
.top-nav__light-toggle .Icon--moon {
    display: none;
}
#Nameplate .button {
    font-size: 14px;
    font-size: 0.875rem;
    display: inline-block;
    position: relative;
    z-index: 5;
    font-weight: 700;
    color: #fff;
    padding: 0.75rem 0.875rem;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0.25rem;
    cursor: pointer;
    text-decoration: none;
    float: left;
    margin-left: 0.8125rem;
    padding: 0.875rem;
}
#Nameplate .button:hover {
    color: #fff;
}
#Nameplate .button:focus-visible {
    outline-offset: 3px;
}
#Nameplate .button::before {
    content: '';
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
    left: -1px;
    z-index: -1;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0.25rem;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:
        transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
        -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
#Nameplate .button:hover::before {
    -webkit-transform: scale3d(1.03, 1.1, 1);
    transform: scale3d(1.03, 1.1, 1);
}
#Nameplate .button:disabled::before {
    background-color: #454549;
}
#Nameplate .button:disabled:hover::before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    background-color: #454549;
}
.xrpl-light #Nameplate .button {
    color: #fff;
}
#Nameplate .button::before {
    background-color: #232325;
}
#Nameplate .button:hover::before {
    background-color: #7919ff;
}
@media (max-width: 575.98px) {
    #Nameplate .button {
        display: none;
    }
}
.top-nav__profile-link {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    display: none;
    float: left;
    height: 2.6875rem;
    width: 2.6875rem;
    max-width: 2.6875rem;
    background-color: #232325;
    border-radius: 50%;
    margin: 0.25rem 0.5625rem;
}
@media (min-width: 992px) {
    .top-nav__profile-link {
        display: block;
        height: 2.125rem;
        width: 2.125rem;
        margin: 0.125rem 0.125rem 0;
    }
}
@media (min-width: 1200px) {
    .top-nav__profile-link {
        height: 2.6875rem;
        width: 2.6875rem;
        margin: 0.25rem 0.125rem;
    }
}
@media (min-width: 1400px) {
    .top-nav__profile-link {
        margin-right: 0.4375rem;
        margin-left: 0.4375rem;
    }
}
.top-nav__profile-link svg {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    width: 1.2rem;
    margin: 0 auto;
}
.xrpl-light .top-nav__profile-link {
    background-color: #fff;
}
.xrpl-light .top-nav__profile-link svg path {
    stroke: #7919ff;
}
.top-nav__main-site {
    font-size: 12px;
    font-size: 0.75rem;
    display: none;
    float: left;
    font-weight: 400;
    color: #fff;
    padding: 0.625rem 1.25rem;
    border: 1px solid #ff671a;
    border-radius: 3.125rem;
    text-decoration: none;
}
@media (min-width: 992px) {
    .top-nav__main-site {
        display: inline-block;
        padding: 0.5rem 0.75rem;
        margin: 0.25rem 0 0 0.4375rem;
    }
}
@media (min-width: 1200px) {
    .top-nav__main-site {
        padding: 0.625rem 1.25rem;
        margin: 0.4375rem 0 0.3125rem 0.625rem;
    }
}
@media (min-width: 1400px) {
    .top-nav__main-site {
        margin-left: 0.75rem;
    }
}
.top-nav__main-site:hover {
    background-color: #ff671a;
}
#open-nav-mobile {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    cursor: pointer;
}
@media (min-width: 992px) {
    #open-nav-mobile {
        display: none;
    }
}
#close-nav-mobile {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    cursor: pointer;
}
.Nameplate-shim {
    display: none;
}
.top-nav__lan-wrap {
    display: none;
}
@media (min-width: 992px) {
    .top-nav__lan-wrap {
        float: right;
        padding: 0.1875rem 0 0;
    }
}
@media (min-width: 1200px) {
    .top-nav__lan-wrap {
        padding: 0.1875rem 0 0.25rem;
    }
}
.top-nav__lan-toggle {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    max-height: 2.5rem;
    border-radius: 4px;
}
@media (min-width: 992px) {
    .top-nav__lan-toggle {
        max-height: 2.125rem;
    }
}
@media (min-width: 1200px) {
    .top-nav__lan-toggle {
        max-height: 2.5rem;
    }
}
.top-nav__lan-toggle .Icon--globe {
    display: none;
    vertical-align: middle;
}
.xrpl-light .top-nav__lan-toggle .Icon--globe path {
    stroke: #000;
}
.top-nav__lan-toggle .Icon--page-down {
    display: none;
    width: 1.375rem;
    margin: -0.625rem -0.3125rem -0.3125rem;
    vertical-align: middle;
}
@media (min-width: 1200px) {
    .top-nav__lan-toggle .Icon--page-down {
        width: 1.75rem;
        margin: -0.625rem -0.3125rem -0.3125rem;
    }
}
.xrpl-light .top-nav__lan-toggle .Icon--page-down path {
    stroke: #000;
}
.top-nav__lan-en,
.top-nav__lan-ko {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    font-size: 0.75rem;
    font-weight: 400;
    padding: 0.625rem;
    background-color: #000;
    white-space: nowrap;
}
.xrpl-light .top-nav__lan-en,
.xrpl-light .top-nav__lan-ko {
    color: #000;
    background-color: #fff;
}
.top-nav__lan-toggle--open .Icon--page-down {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
html[lang='en-US'] .top-nav__lan-en {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    z-index: 20;
}
@media (min-width: 1200px) {
    html[lang='en-US'] .top-nav__lan-en .Icon--globe {
        display: inline;
    }
}
html[lang='en-US'] .top-nav__lan-en .Icon--page-down {
    display: inline;
}
html[lang='en-US'] .top-nav__lan-ko {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    z-index: 15;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
html[lang='en-US'] .top-nav__lan-toggle--open .top-nav__lan-en::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 3px;
    right: 0.625rem;
    left: 0.625rem;
    z-index: 30;
    height: 1px;
    background-color: #7919ff;
}
html[lang='en-US'] .top-nav__lan-toggle--open .top-nav__lan-ko {
    -webkit-transform: translate(0);
    transform: translate(0);
}
html[lang='ko-KR'] .top-nav__lan-en {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    z-index: 15;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
html[lang='ko-KR'] .top-nav__lan-ko {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    z-index: 20;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
@media (min-width: 1200px) {
    html[lang='ko-KR'] .top-nav__lan-ko .Icon--globe {
        display: inline;
    }
}
html[lang='ko-KR'] .top-nav__lan-ko .Icon--page-down {
    display: inline;
}
html[lang='ko-KR'] .top-nav__lan-toggle--open .top-nav__lan-ko::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 4px;
    right: 0.625rem;
    left: 0.625rem;
    z-index: 30;
    height: 1px;
    background-color: #7919ff;
}
html[lang='ko-KR'] .top-nav__lan-toggle--open .top-nav__lan-en {
    -webkit-transform: translate(0);
    transform: translate(0);
}
.xrpl-wpml {
    display: none;
    padding: 3px 2px 0px;
    vertical-align: middle;
}
@media (min-width: 992px) {
    .xrpl-wpml {
        display: block;
        float: right;
    }
}
@media (min-width: 1200px) {
    .xrpl-wpml {
        padding-top: 4px;
    }
}
.xrpl-wpml .wpml-ls-legacy-dropdown-click {
    width: auto;
    max-height: 2.125rem;
    overflow: visible;
}
@media (min-width: 1200px) {
    .xrpl-wpml .wpml-ls-legacy-dropdown-click {
        max-height: 2.5rem;
    }
}
.xrpl-wpml .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover > a,
.xrpl-wpml .wpml-ls-legacy-dropdown-click a:hover {
    color: #fff;
    background-color: #000;
}
.xrpl-wpml .wpml-ls-legacy-dropdown-click a {
    color: #fff;
    background-color: #000;
    padding: 0.625rem 0.625rem;
    border: 0;
    border-radius: 4px;
}
@media (min-width: 992px) {
    .xrpl-wpml .wpml-ls-legacy-dropdown-click a {
        padding: 0.5rem 0.375rem;
    }
}
@media (min-width: 1200px) {
    .xrpl-wpml .wpml-ls-legacy-dropdown-click a {
        padding: 0.625rem 0.625rem;
    }
}
.xrpl-wpml .wpml-ls-legacy-dropdown-click a span {
    font-size: 12px;
    font-size: 0.75rem;
    font-family: 'Work Sans', sans-serif;
}
.xrpl-wpml .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::before,
.xrpl-wpml .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::after {
    content: '';
    display: inline-block;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border: 0;
    vertical-align: middle;
}
.xrpl-wpml .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::before {
    content: '';
    height: 18px;
    width: 18px;
    background-image: url(assets/c0a1554df820d9ec601d.svg);
}
@media (min-width: 1200px) {
    .xrpl-wpml .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::before {
        height: 20px;
        width: 20px;
    }
}
.xrpl-wpml .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::after {
    content: '';
    top: -1px;
    right: 0;
    height: 18px;
    width: 18px;
    margin-left: 6px;
    background-image: url(assets/a51a07b480077845b3cb.svg);
}
@media (min-width: 1200px) {
    .xrpl-wpml .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::after {
        height: 20px;
        width: 20px;
        margin-left: 7px;
    }
}
.xrpl-wpml .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu {
    position: relative;
    border-top: 0;
}
.xrpl-wpml .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu::before {
    content: '';
    display: block;
    position: absolute;
    top: -3px;
    right: 0;
    left: 0;
    z-index: -1;
    height: 0.375rem;
    background-color: #000;
}
.xrpl-wpml .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu::after {
    content: '';
    display: block;
    position: absolute;
    top: -3px;
    right: 0.625rem;
    left: 0.625rem;
    height: 1px;
    background-color: #7919ff;
}
.xrpl-wpml--mobile {
    display: block;
    float: right;
    padding: 0;
    margin: -9px 0 0;
}
@media (min-width: 1200px) {
    .xrpl-wpml--mobile {
        display: none;
    }
}
.xrpl-wpml--mobile .xrpl-wpml .wpml-ls-legacy-dropdown-click {
    max-height: 2.375rem;
}
.xrpl-wpml--mobile .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::before {
    height: 20px;
    width: 20px;
    margin-right: 2px;
}
.xrpl-wpml--mobile .wpml-ls-legacy-dropdown-click a span {
    font-size: 14px;
    font-size: 0.875rem;
    font-family: 'Work Sans', sans-serif;
}
.xrpl-light .xrpl-wpml .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover > a,
.xrpl-light .xrpl-wpml .wpml-ls-legacy-dropdown-click a:hover {
    color: #000;
    background-color: #fff;
}
.xrpl-light .xrpl-wpml .wpml-ls-legacy-dropdown-click a {
    color: #000;
    background-color: #fff;
}
.xrpl-light .xrpl-wpml .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::before {
    background-image: url(assets/197a705eb2c8f978ae36.svg);
}
.xrpl-light .xrpl-wpml .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::after {
    background-image: url(assets/0b9973707718d344a5ef.svg);
}
.xrpl-light .xrpl-wpml .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu::before {
    background-color: #fff;
}
.xrpl-light .xrpl-wpml .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu::after {
    background-color: #ccc;
}
.xrpl-light .xrpl-wpml.xrpl-wpml--mobile .wpml-ls-legacy-dropdown-click .wpml-ls-current-language:hover > a,
.xrpl-light .xrpl-wpml.xrpl-wpml--mobile .wpml-ls-legacy-dropdown-click a:hover {
    color: #000;
    background-color: #f5f5f7;
}
.xrpl-light .xrpl-wpml.xrpl-wpml--mobile .wpml-ls-legacy-dropdown-click a {
    color: #000;
    background-color: #f5f5f7;
}
.xrpl-light .xrpl-wpml.xrpl-wpml--mobile .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::before {
    background-image: url(assets/197a705eb2c8f978ae36.svg);
}
.xrpl-light .xrpl-wpml.xrpl-wpml--mobile .wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle::after {
    background-image: url(assets/0b9973707718d344a5ef.svg);
}
.xrpl-light .xrpl-wpml.xrpl-wpml--mobile .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu::before {
    background-color: #f5f5f7;
}
.xrpl-light .xrpl-wpml.xrpl-wpml--mobile .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu::after {
    background-color: #ccc;
}
#nav-mobile {
    -webkit-box-shadow: 0 0 1.25rem #000;
    box-shadow: 0 0 1.25rem #000;
    pointer-events: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3000;
    background-color: #111112;
    padding: 28px 5.565vw 26px;
}
.xrpl-light #nav-mobile {
    -webkit-box-shadow: 0 0 1.25rem #c1c1c2;
    box-shadow: 0 0 1.25rem #c1c1c2;
}
@media (min-width: 992px) {
    #nav-mobile {
        display: none;
    }
}
#nav-mobile .menu {
    margin: 33px 0 43px;
}
#nav-mobile .menu-item {
    margin-bottom: 12px;
}
#nav-mobile .menu-item a {
    color: #fff;
    text-decoration: none;
}
#nav-mobile li.external-top-link a {
    white-space: nowrap;
}
#nav-mobile li.external-top-link a::after {
    content: '';
    display: inline-block;
    height: 1.0625rem;
    width: 1.0625rem;
    background-image: url(assets/4184591e9c83352fc182.svg), none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 0.625rem;
    vertical-align: middle;
}
.nav-mobile--hidden {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
}
.nav-mobile--open {
    -webkit-transition: 0.45s;
    transition: 0.45s;
    -webkit-transition-property:
        opacity,
        -webkit-transform;
    transition-property:
        opacity,
        -webkit-transform;
    transition-property: transform, opacity;
    transition-property:
        transform,
        opacity,
        -webkit-transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.nav-mobile__top-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #fff;
    padding-bottom: 16px;
}
.nav-mobile__top-row .Icon--moon {
    display: none;
}
.nav-mobile__light-toggle {
    font-size: 14px;
    font-size: 0.875rem;
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-height: 1.4375rem;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    cursor: pointer;
}
.nav-mobile__light-toggle svg {
    vertical-align: middle;
    margin-right: 0.625rem;
}
.nav-mobile__light-toggle .Icon--moon {
    display: none;
}
.nav-mobile__light-toggle .nav-mobile__dark-text {
    display: none;
}
.nav-mobile__bottom-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 25px;
    border-top: 1px solid #454549;
    margin-top: 25px;
}
#Nameplate #nav-mobile .button {
    display: inline-block;
    margin: 0;
}
.nav-mobile__profile {
    display: block;
    height: 43px;
    width: 43px;
    background-color: #232325;
    border-radius: 50%;
}
.nav-mobile__profile svg {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 1.125rem;
    margin: auto;
}
.nav-mobile__main-site {
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: 400;
    color: #fff;
    padding: 0.625rem 1.25rem;
    border: 1px solid #ff671a;
    border-radius: 3.125rem;
    text-decoration: none;
}
@media (min-width: 992px) {
    .nav-mobile__main-site {
        margin: 0.3125rem 0 0.3125rem 1.625rem;
    }
}
.nav-mobile__main-site:hover {
    background-color: #ff671a;
}
.page-template-template-glossary #Nameplate,
.single-xrpl_course #Nameplate,
.single-xrpl_lesson #Nameplate {
    position: relative;
}
@media (min-width: 992px) {
    .page-template-template-glossary #Nameplate,
    .single-xrpl_course #Nameplate,
    .single-xrpl_lesson #Nameplate {
        position: -webkit-sticky;
        position: sticky;
        top: 0px;
        z-index: 1000;
        width: 100%;
        padding-top: 1.875rem;
        padding-bottom: 3.4375rem;
    }
}
@media (min-width: 992px) {
    .page-template-template-glossary .top-nav__bg,
    .single-xrpl_course .top-nav__bg,
    .single-xrpl_lesson .top-nav__bg {
        display: block;
        position: absolute;
        z-index: 100;
        top: 0;
        right: 0;
        left: 0;
        bottom: 30%;
        background-color: #111112;
    }
}
@media (min-width: 992px) {
    .page-template-template-glossary .top-nav__shim,
    .single-xrpl_course .top-nav__shim,
    .single-xrpl_lesson .top-nav__shim {
        display: block;
        position: absolute;
        z-index: 100;
        top: 70%;
        bottom: 0;
        right: 0;
        left: 0;
        background: rgba(0, 0, 0, 0);
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(17, 17, 18, 0)), to(#111112));
        background: linear-gradient(0deg, rgba(17, 17, 18, 0) 0%, #111112 100%);
        pointer-events: none;
    }
}
.single-xrpl_lesson #Nameplate {
    padding-bottom: 1.875rem;
    background-color: #111112;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .single-xrpl_lesson #Nameplate {
        padding-right: 10vw;
        padding-left: 10vw;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .single-xrpl_lesson #Nameplate {
        padding-right: 4.5vw;
        padding-left: 4.5vw;
    }
}
@media (min-width: 992px) {
    .single-xrpl_lesson #Nameplate.Nameplate--scrolling {
        -webkit-box-shadow: 0 0 1.25rem #000;
        box-shadow: 0 0 1.25rem #000;
    }
    .xrpl-light .single-xrpl_lesson #Nameplate.Nameplate--scrolling {
        -webkit-box-shadow: 0 0 1.25rem #c1c1c2;
        box-shadow: 0 0 1.25rem #c1c1c2;
    }
}
.xrpl-light .single-xrpl_lesson #Nameplate {
    background-color: #f5f5f7;
}
.single-xrpl_lesson .top-nav__bg,
.single-xrpl_lesson .top-nav__shim {
    display: none;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .single-xrpl_course #Nameplate {
        padding-right: 10vw;
        padding-left: 10vw;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .single-xrpl_course #Nameplate {
        padding-right: 4.5vw;
        padding-left: 4.5vw;
    }
}
@media (min-width: 992px) {
    .page-template-template-progress #Nameplate {
        padding-bottom: 3.4375rem;
    }
}
.home-header .bg-img {
    padding-bottom: 50%;
}
@media (min-width: 768px) {
    .home-header .bg-img {
        padding-bottom: 42%;
    }
}
@media (min-width: 992px) {
    .home-header__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-right: -0.625rem;
        margin-left: -0.625rem;
    }
}
.home-header__text-col {
    width: 100%;
    margin-bottom: 1.5625rem;
}
@media (min-width: 992px) {
    .home-header__text-col {
        max-width: 47%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 47%;
        flex: 0 0 47%;
        padding: 0 0.625rem;
        margin-bottom: 0;
    }
}
@media (min-width: 1200px) {
    .home-header__text-col {
        max-width: 43%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 43%;
        flex: 0 0 43%;
    }
}
@media (min-width: 992px) {
    .home-header__headline {
        margin-bottom: 1.125rem;
    }
}
.home-header__text {
    margin-bottom: 1.25rem;
}
@media (min-width: 1200px) {
    .home-header__text {
        margin-bottom: 2.125rem;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .home-header__text p {
        max-width: 40rem;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .home-header__text p {
        font-size: 15px;
        font-size: 0.9375rem;
    }
}
.home-header__img-col {
    width: 100%;
}
@media (min-width: 992px) {
    .home-header__img-col {
        max-width: 53%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 53%;
        flex: 0 0 53%;
        padding: 0.625rem 0.625rem 0;
    }
}
@media (min-width: 1200px) {
    .home-header__img-col {
        max-width: 57%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 57%;
        flex: 0 0 57%;
    }
}
@media (min-width: 992px) {
    .home-header--landing > .home-header__headline {
        margin-bottom: 1.875rem;
    }
}
.about-header .bg-img {
    padding-bottom: 50%;
}
@media (min-width: 768px) {
    .about-header .bg-img {
        padding-bottom: 42%;
    }
}
.about-header .test-image {
    display: none;
}
.about-header__row {
    margin-bottom: 3.75rem;
}
@media (min-width: 992px) {
    .about-header__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 -3.5rem 5rem;
    }
}
.about-header__headline-col {
    width: 100%;
}
@media (min-width: 992px) {
    .about-header__headline-col {
        max-width: 60%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        padding: 0 3.5rem;
    }
}
@media (min-width: 992px) {
    .about-header__headline {
        margin-bottom: 0;
    }
}
@media (max-width: 767.98px) {
    .about-header__subheadline {
        margin-bottom: 1.5625rem;
    }
}
.about-header__text-col {
    width: 100%;
}
@media (min-width: 992px) {
    .about-header__text-col {
        max-width: 40%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        padding: 0 3.5rem;
        margin-top: 0.75rem;
    }
}
.about-header__text-col p {
    margin-bottom: 1.25rem;
}
@media (min-width: 576px) {
    .about-header__text-col p {
        margin-bottom: 1.5625rem;
    }
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .about-header__text-col p {
        max-width: 40rem;
    }
}
.about-header__img-col {
    text-align: center;
}
@media (min-width: 768px) {
    .about-header__img-col {
        text-align: right;
    }
}
.study-header {
    margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
    .study-header {
        margin-bottom: 2.5rem;
    }
}
@media (min-width: 992px) {
    .study-header {
        margin-bottom: 2.8125rem;
    }
}
.study-header__row {
    position: relative;
    padding: 1.5625rem 0.9375rem 0;
}
@media (min-width: 768px) {
    .study-header__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 0.9375rem 0 1.875rem;
    }
}
@media (min-width: 992px) {
    .study-header__row {
        padding: 0 2.125rem 0 3.125rem;
        margin: 0 -1.6875rem;
    }
}
@media (min-width: 1200px) {
    .study-header__row {
        -webkit-box-align: normal;
        -ms-flex-align: normal;
        align-items: normal;
    }
}
.study-header__row::before {
    -webkit-box-shadow: 0 0 1.25rem #000;
    box-shadow: 0 0 1.25rem #000;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    background-color: #232325;
    border-radius: 0.375rem;
}
.xrpl-light .study-header__row::before {
    -webkit-box-shadow: 0 0 1.25rem #c1c1c2;
    box-shadow: 0 0 1.25rem #c1c1c2;
}
@media (min-width: 992px) {
    .study-header__row::before {
        right: 1.6875rem;
        left: 1.6875rem;
    }
}
.xrpl-light .study-header__row::before {
    background-color: #fff;
}
.study-header__text-col {
    position: relative;
    z-index: 10;
    width: 100%;
    margin-bottom: 1.5625rem;
}
@media (min-width: 768px) {
    .study-header__text-col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: min(50%, 27.625rem);
        padding: 2.8125rem 3% 2.8125rem 0;
        margin-bottom: 0;
    }
}
@media (min-width: 992px) {
    .study-header__text-col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 43%;
        flex: 0 0 43%;
        max-width: 43%;
        padding: calc(1.25rem + 1.5vw) 1.6875rem;
    }
}
@media (min-width: 1200px) {
    .study-header__text-col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 53%;
        flex: 0 0 53%;
        max-width: 53%;
    }
}
@media (min-width: 1200px) {
    .study-header__text-col p {
        max-width: 27rem;
    }
}
.study-header__text-col p:last-of-type {
    margin-bottom: 0;
}
.study-header__img-col {
    position: relative;
    z-index: 5;
    text-align: center;
    width: 100%;
}
@media (min-width: 768px) {
    .study-header__img-col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
        margin-left: -10%;
    }
}
@media (min-width: 992px) {
    .study-header__img-col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 57%;
        flex: 0 0 57%;
        max-width: 57%;
        padding: 0 0.8125rem;
        margin-top: -2.1875rem;
        margin-left: 0;
    }
}
@media (min-width: 1200px) {
    .study-header__img-col {
        padding: 0 1.6875rem;
        margin-left: -10%;
    }
}
.study-header__img-col img {
    display: block;
}
@media (min-width: 1200px) {
    .study-header__img-col img {
        position: absolute;
        top: unset;
        bottom: 0;
        right: -1.6875rem;
        left: -1.6875rem;
        max-height: 100%;
        width: auto;
        max-width: calc(100% - 1.6875rem);
        margin: auto;
    }
}
@media (min-width: 576px) {
    .study-header__headline {
        margin-bottom: 1.25rem;
    }
}
@media (min-width: 576px) {
    .study-header__text-wrap {
        max-width: 38.75rem;
    }
}
@media (min-width: 992px) {
    .study-header--quizzes {
        margin-bottom: 3.75rem;
    }
}
.study-nav {
    margin-bottom: 3.4375rem;
}
@media (min-width: 768px) {
    .study-nav {
        margin-bottom: 4.0625rem;
    }
}
@media (min-width: 992px) {
    .study-nav {
        margin-bottom: 9.0625rem;
    }
}
.study-nav__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -0.5rem -0.5rem;
}
@media (min-width: 768px) {
    .study-nav__row {
        padding-right: 13%;
        padding-left: 13%;
    }
}
@media (min-width: 992px) {
    .study-nav__row {
        padding-right: 0;
        padding-left: 0;
        margin: 0 -0.625rem -0.625rem;
    }
}
@media (min-width: 1200px) {
    .study-nav__row {
        padding-right: 7%;
        padding-left: 7%;
    }
}
.study-nav__col {
    min-height: 4.875rem;
    width: 100%;
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding: 0 0.5rem 1rem;
}
@media (min-width: 992px) {
    .study-nav__col {
        min-height: 6.25rem;
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        padding: 0 0.625rem 1.25rem;
    }
}
.study-nav__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 100%;
    padding: 0.625rem 0.9375rem;
    cursor: pointer;
    text-decoration: none;
}
@media (min-width: 576px) {
    .study-nav__item {
        padding: 0.9375rem 1.25rem;
    }
}
.study-nav__item::before {
    -webkit-box-shadow: 0 0 1.25rem #000;
    box-shadow: 0 0 1.25rem #000;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1;
    background-color: #232325;
    border-radius: 0.375rem;
}
.xrpl-light .study-nav__item::before {
    -webkit-box-shadow: 0 0 1.25rem #c1c1c2;
    box-shadow: 0 0 1.25rem #c1c1c2;
}
.xrpl-light .study-nav__item::before {
    color: #000;
    background-color: #fff;
}
.study-nav__item h5 {
    color: #fff;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-right: 0.3125rem;
    margin-bottom: 0;
}
.xrpl-light .study-nav__item h5 {
    color: #000;
}
.study-nav__item:hover::before {
    background-color: #7919ff;
}
.xrpl-light .study-nav__item:hover::before {
    background-color: #7919ff;
}
.study-nav__item:hover h5 {
    color: #fff;
}
.study-nav__item:hover .Icon--study-new .Icon__theme,
.study-nav__item:hover .Icon--study-concept .Icon__theme,
.study-nav__item:hover .Icon--study-developer .Icon__theme,
.study-nav__item:hover .Icon--study-book .Icon__theme {
    stroke: #fff;
}
.study-nav__row .study-nav__item svg {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: auto;
    width: 2.1875rem;
}
@media (min-width: 992px) {
    .study-nav__row .study-nav__item svg {
        width: 3.125rem;
    }
}
.study-nav__col--active .study-nav__item::before {
    background-color: #7919ff;
}
.study-nav__col--active .study-nav__item h5 {
    color: #fff;
}
.study-nav__col--active .study-nav__item .Icon--study-new .Icon__theme,
.study-nav__col--active .study-nav__item .Icon--study-concept .Icon__theme,
.study-nav__col--active .study-nav__item .Icon--study-developer .Icon__theme,
.study-nav__col--active .study-nav__item .Icon--study-book .Icon__theme {
    stroke: #fff;
}
@media (min-width: 992px) {
    .study-nav--quizzes .study-nav__item h5 {
        max-width: 8.75rem;
    }
}
.study-nav--quizzes .study-nav__item--final {
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #7919ff;
    border-radius: 0.375rem;
    margin: 2.1875rem auto 0;
}
@media (min-width: 992px) {
    .study-nav--quizzes .study-nav__item--final {
        max-width: 31.25rem;
        margin-top: 3.75rem;
    }
}
@media (max-width: 575.98px) {
    .study-nav--quizzes .study-nav__item--final {
        display: block;
        text-align: center;
    }
}
.study-nav--quizzes .study-nav__item--final::before {
    display: none;
}
.study-nav--quizzes .study-nav__item--final .Icon--crown {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: auto;
    width: 2.1875rem;
}
@media (min-width: 992px) {
    .study-nav--quizzes .study-nav__item--final .Icon--crown {
        width: 3.125rem;
    }
}
.study-nav--quizzes .study-nav__item--final h5 {
    max-width: none;
    margin: 0.375rem 0 0.6875rem;
}
@media (min-width: 992px) {
    .study-nav--quizzes .study-nav__item--final h5 {
        margin: 0 0.9375rem;
    }
}
.study-nav__page-down {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 1.5625rem;
    width: 1.5625rem;
    background-color: #7919ff;
    border-radius: 0.375rem;
    margin: 0 auto;
}
@media (min-width: 768px) {
    .study-nav__page-down {
        margin: 0;
    }
}
@media (min-width: 992px) {
    .study-nav__page-down {
        height: 2.1875rem;
        width: 2.1875rem;
    }
}
.study-nav__page-down svg {
    width: 100%;
    -webkit-transition: 0.15s;
    transition: 0.15s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property:
        transform,
        -webkit-transform;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}
.study-nav__item--final:hover.study-nav__page-down {
    background-color: #5f00e5;
}
.study-nav__item--final:hover.study-nav__page-down svg {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
}
.glossary-header {
    margin-bottom: 0.9375rem;
}
@media (min-width: 992px) {
    .glossary-header {
        padding-top: 8.75rem;
    }
}
.home-header--embed {
    margin-bottom: 1.5rem;
}
.home-header--embed .home-header__headline {
    margin-bottom: 0.375rem;
}
@media (min-width: 768px) {
    .home-header--embed .home-header__headline {
        margin-bottom: 0.5rem;
    }
}
.home-header--game {
    text-align: center;
    margin-bottom: 0;
}
@media (min-width: 1800px) {
    .home-header--game {
        padding-right: 8vw;
        padding-left: 8vw;
    }
}
.home-header--game .home-header__inner {
    position: relative;
    max-width: calc(1590px + 3vw);
    padding-bottom: 4.25rem;
    margin: 0 auto;
}
@media (min-width: 768px) {
    .home-header--game .home-header__inner {
        padding-top: 2rem;
        padding-bottom: 7.25rem;
    }
}
@media (min-width: 992px) {
    .home-header--game .home-header__inner {
        padding-top: 3rem;
    }
}
.home-header--game .home-header__headline {
    position: relative;
    z-index: 10;
    margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
    .home-header--game .home-header__headline {
        margin-bottom: 2.5rem;
    }
}
.home-header--game .home-header__text {
    position: relative;
    z-index: 10;
    color: #232325;
    border-radius: 2.5rem;
    border: 5px solid #7919ff;
    background-color: #fff;
    padding: 1.6875rem 2.5rem 1.4375rem;
    margin: 0 auto;
}
@media (min-width: 576px) {
    .home-header--game .home-header__text {
        max-width: 44.375rem;
    }
}
.home-header--game .home-header__text p {
    margin-bottom: 0;
}
.home-header--game .home-header__left-image {
    position: absolute;
    left: 0;
    bottom: -9px;
    z-index: 5;
    max-width: 190px;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
}
@media (min-width: 992px) {
    .home-header--game .home-header__left-image {
        -webkit-transform: none;
        transform: none;
    }
}
@media (min-width: 1200px) {
    .home-header--game .home-header__left-image {
        max-width: 215px;
    }
}
.home-header--game .home-header__right-image {
    display: none;
    position: absolute;
    right: 0;
    bottom: -236px;
    z-index: 5;
    width: calc(187px + 12.85vw);
    max-width: 374px;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}
@media (min-width: 992px) {
    .home-header--game .home-header__right-image {
        display: block;
        right: calc(-187px - 12.85vw);
        bottom: -236px;
        width: calc(187px + 12.85vw);
        -webkit-transform: translateX(calc((100vw - 44.375rem) / 2 * -1));
        transform: translateX(calc((100vw - 44.375rem) / 2 * -1));
    }
}
@media (min-width: 1200px) {
    .home-header--game .home-header__right-image {
        right: 0;
        -webkit-transform: none;
        transform: none;
    }
}
.buttons-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    width: 100%;
    padding-top: 2.125rem;
    pointer-events: auto;
}
@media (min-width: 768px) {
    .buttons-header {
        padding-top: 1rem;
    }
}
@media (min-width: 992px) {
    .buttons-header {
        background-color: #111112;
    }
}
@media (min-width: 992px) {
    .buttons-header__sidebar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-right: 1.25rem;
    }
}
@media (min-width: 992px) {
    .buttons-header__main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 1.25rem;
        margin-left: auto;
    }
}
.buttons-header__exit {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding-left: 1.9375rem;
    margin-right: 0.875rem;
}
.buttons-header__exit:hover {
    background-color: #232325;
}
.buttons-header__exit .Icon {
    position: absolute;
    top: 0.5625rem;
    left: 0.375rem;
    width: 1.625rem;
}
.buttons-header__exit .Icon .Icon__circle {
    display: none;
}
.single-post .buttons-header__exit,
.single-xrpl_study_code .buttons-header__exit,
.single-xrpl_study_faq .buttons-header__exit,
.single-xrpl_study_quiz .buttons-header__exit {
    padding-left: 3.3125rem;
}
.single-post .buttons-header__exit .Icon--path,
.single-xrpl_study_code .buttons-header__exit .Icon--path,
.single-xrpl_study_faq .buttons-header__exit .Icon--path,
.single-xrpl_study_quiz .buttons-header__exit .Icon--path {
    top: 0.6875rem;
    left: 0.9375rem;
    width: 1.3125rem;
}
.buttons-header__expand {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: rgba(0, 0, 0, 0);
    padding: 0.8125rem 0.9375rem 0.6875rem;
    border: 0;
    margin-right: 0.875rem;
    vertical-align: middle;
    cursor: pointer;
}
@media (min-width: 992px) {
    .buttons-header__expand {
        display: inline-block;
    }
}
.buttons-header__sequence {
    display: inline;
    margin-bottom: 0;
}
.buttons-header__title {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.25;
}
.buttons-header__discord-toggle {
    display: inline-block;
    padding: 0.6875rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(0, 0, 0, 0);
    margin-right: -0.5625rem;
    border: 0;
    cursor: pointer;
}
@media (min-width: 992px) {
    .buttons-header__discord-toggle {
        display: none;
    }
}
@media (min-width: 992px) {
    .buttons-header__discord {
        display: inline-block;
    }
}
.buttons-header__discord svg {
    max-width: 0.9375rem;
    margin-left: 0.625rem;
    vertical-align: text-top;
}
.buttons-header__callout {
    -webkit-box-shadow: 0 0 1.25rem #000;
    box-shadow: 0 0 1.25rem #000;
    display: none;
    background-color: #232325;
    border-radius: 0.3125rem;
    height: 0;
    margin: 0;
    pointer-events: auto;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}
.xrpl-light .buttons-header__callout {
    -webkit-box-shadow: 0 0 1.25rem #c1c1c2;
    box-shadow: 0 0 1.25rem #c1c1c2;
}
@media (min-width: 992px) {
    .buttons-header__callout {
        display: none;
    }
}
.buttons-header__callout .ExampleImage {
    height: 0;
    width: 100%;
    padding-bottom: 60%;
    margin-bottom: 1.5625rem;
}
@media (min-width: 576px) and (max-width: 991.98px) {
    .buttons-header__callout .ExampleImage {
        margin-bottom: 0;
    }
}
.buttons-header__callout h4 {
    margin-bottom: 3px;
}
.buttons-header__callout .small {
    margin-bottom: 1.5625rem;
}
.buttons-header__callout .btn {
    text-align: center;
    width: 100%;
}
.buttons-header__callout-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -0.9375rem;
}
.buttons-header__callout-column {
    display: none;
    width: 100%;
    padding: 0 0.9375rem;
}
@media (min-width: 1200px) {
    .buttons-header__callout-column {
        display: block;
        max-width: 45%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
    }
}
@media (min-width: 576px) and (max-width: 991.98px) {
    .buttons-header__callout-column {
        display: block;
        max-width: 45%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
    }
}
.buttons-header__callout-column:nth-of-type(even) {
    display: block;
}
@media (min-width: 1200px) {
    .buttons-header__callout-column:nth-of-type(even) {
        max-width: 55%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 55%;
        flex: 0 0 55%;
    }
}
@media (min-width: 576px) and (max-width: 991.98px) {
    .buttons-header__callout-column:nth-of-type(even) {
        max-width: 55%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 55%;
        flex: 0 0 55%;
    }
}
.buttons-header__callout-column svg {
    max-width: 0.9375rem;
    margin-left: 0.625rem;
    vertical-align: text-top;
}
.buttons-header__callout--open {
    display: block;
    height: auto;
    padding: 1.25rem;
    margin-top: 2.125rem;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
@media (min-width: 768px) {
    .buttons-header__callout--open {
        padding: 1.875rem;
    }
}
.buttons-header__expand,
.buttons-header__text {
    display: none;
    -webkit-transition: 0.15s;
    transition: 0.15s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
}
@media (min-width: 992px) {
    .buttons-header__expand,
    .buttons-header__text {
        display: inline-block;
    }
}
.Nameplate--scrolling .buttons-header__expand,
.Nameplate--scrolling .buttons-header__text {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    opacity: 1;
}
.Nameplate--scrolling .buttons-header__expand .Icon--sidebar-toggle .Icon__bg-fill {
    fill: rgba(0, 0, 0, 0);
}
.Nameplate--scrolling .buttons-header__expand .Icon--sidebar-toggle .Icon__lines {
    stroke: #fff;
}
@media (max-width: 991.98px) {
    .buttons-header__discord {
        display: none;
    }
}
.page-template-template-landing #Nameplate {
    padding-top: 2.125rem;
    padding-bottom: 2.75rem;
}
.page-template-template-landing .top-nav__icons {
    padding-right: 0;
    margin-right: 0;
    border-right: 0;
}
.page-template-template-landing #open-nav-mobile,
.page-template-template-landing #nav-primary,
.page-template-template-landing .top-nav__profile-link,
.page-template-template-landing .top-nav__main-site {
    display: none;
}
.page-template-template-landing .top-nav__light-toggle {
    display: block;
}
.xrpl-profile-login #site-content,
.xrpl-profile-logout #site-content {
    padding-right: 5.565vw;
    padding-left: 5.565vw;
    margin-bottom: 4.25rem;
}
@media (min-width: 768px) {
    .xrpl-profile-login #site-content,
    .xrpl-profile-logout #site-content {
        margin-top: 8.75rem;
        margin-bottom: 4.75rem;
    }
}
@media (min-width: 992px) {
    .xrpl-profile-login #site-content,
    .xrpl-profile-logout #site-content {
        padding-right: 6.25vw;
        padding-left: 6.25vw;
        margin-bottom: 6rem;
    }
}
@media (min-width: 1200px) {
    .xrpl-profile-login #site-content,
    .xrpl-profile-logout #site-content {
        padding-right: 4.25vw;
        padding-left: 4.25vw;
    }
}
@media (min-width: 1800px) {
    .xrpl-profile-login #site-content,
    .xrpl-profile-logout #site-content {
        padding-right: 12vw;
        padding-left: 12vw;
    }
}
body.and-banner {
    padding-top: 36px;
}
@media (min-width: 992px) {
    body.and-banner {
        padding-top: 24px;
    }
}
body.and-banner #Layout .SkipLink {
    top: -36px;
}
@media (min-width: 992px) {
    body.and-banner #Layout .SkipLink {
        top: -24px;
    }
}
body.and-banner #nav-mobile {
    top: -2.3125rem;
}
@media (min-width: 992px) {
    .page-template-template-glossary.and-banner #Nameplate,
    .single-xrpl_course.and-banner #Nameplate,
    .single-xrpl_lesson.and-banner #Nameplate {
        top: 24px;
    }
}
body.and-banner .xrpl-glossary__nav {
    top: 3.125rem;
}
@media (min-width: 992px) {
    body.and-banner .xrpl-glossary__nav {
        top: 7.75rem;
    }
}
body.and-banner .xrpl-glossary__term-group .xrpl-glossary__group-headline {
    scroll-margin-top: 5rem;
}
@media (min-width: 576px) {
    body.and-banner .xrpl-glossary__term-group .xrpl-glossary__group-headline {
        scroll-margin-top: 5.625rem;
    }
}
@media (min-width: 992px) {
    body.and-banner .xrpl-glossary__term-group .xrpl-glossary__group-headline {
        scroll-margin-top: 9.75rem;
    }
}
.promo-banner {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1001;
    height: 46px;
    width: 100%;
    background-image: url(assets/a6ecf15a5607cb2f0431.svg), none;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
@media (min-width: 768px) {
    .promo-banner {
        background-image: url(assets/1076874403d3f2ed6103.svg), none;
    }
}
@media (min-width: 992px) {
    .promo-banner {
        background-image: url(assets/4374c83d45286baa41bf.svg), none;
    }
}
.promo-banner a {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    text-decoration: none;
    padding: 1px 14px 2px;
}
@media (min-width: 576px) {
    .promo-banner a {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
.promo-banner .promo-banner__text {
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
}
@media (min-width: 576px) {
    .promo-banner .promo-banner__text {
        font-size: 18px;
        width: auto;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
}
@media (min-width: 992px) {
    .promo-banner .promo-banner__text {
        font-size: 20px;
    }
}
.promo-banner .promo-banner__btn {
    font-size: 10px;
    font-weight: 600;
    color: #111112;
    letter-spacing: -0.1px;
    background-color: #18ff83;
    padding: 2px 10px 3px;
    border-radius: 20px;
    margin: 0 16px;
}
@media (min-width: 576px) {
    .promo-banner .promo-banner__btn {
        font-size: 14px;
        letter-spacing: -0.14px;
        padding: 5px 16px;
        margin-right: 0;
        margin-left: 16px;
    }
}
@media (min-width: 992px) {
    .promo-banner .promo-banner__btn {
        font-size: 16px;
        font-size: 16px;
        letter-spacing: -0.16px;
        line-height: 100%;
        padding: 6px 16px;
    }
}
.promo-banner a:focus .promo-banner__btn {
    outline: #7919ff solid 2px;
    outline: -webkit-focus-ring-color auto 1px;
}
body.and-banner.page-template-template-embed-page {
    padding-top: 0;
}
.page-template-template-embed-page .promo-banner {
    display: none;
}
.web-banner {
    background: #32e685 !important;
    color: #000 !important;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-family: 'Space Grotesk';
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    height: 56px;
    padding-top: 7px;
    padding-bottom: 7px;
    position: relative;
    text-align: center;
    text-decoration: none;
    z-index: 9999;
}
.web-banner:hover {
    color: #fff;
    text-decoration: none;
}
.web-banner:hover .banner-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.web-banner:hover .banner-button svg {
    -webkit-animation: iconJitter 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    animation: iconJitter 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    transition:
        transform 0.7s cubic-bezier(0.16, 1, 0.3, 1),
        -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.web-banner::after {
    background-color: #e0e500;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 56px;
    width: 100%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.7, 0, 0.84, 0);
    transition: -webkit-transform 0.7s cubic-bezier(0.7, 0, 0.84, 0);
    transition: transform 0.7s cubic-bezier(0.7, 0, 0.84, 0);
    transition:
        transform 0.7s cubic-bezier(0.7, 0, 0.84, 0),
        -webkit-transform 0.7s cubic-bezier(0.7, 0, 0.84, 0);
    will-change: transform;
    z-index: 0;
}
.web-banner:hover::after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    transition:
        transform 0.7s cubic-bezier(0.16, 1, 0.3, 1),
        -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.web-banner > * {
    position: relative;
    z-index: 1;
}
@media (max-width: 880px) {
    .web-banner {
        font-size: 18px;
        padding-top: 11px;
        padding-bottom: 11px;
    }
    .web-banner .banner-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 11px;
    }
    .web-banner .button-text {
        margin-bottom: 4px;
    }
}
@media (max-width: 630px) {
    .web-banner {
        font-size: 16px;
        padding-bottom: 6px;
    }
    .web-banner .button-text {
        margin-bottom: 0px;
    }
    .web-banner .banner-event-details {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1px !important;
        line-height: 21px;
        text-align: left;
    }
    .web-banner .banner-event-details .event-date {
        position: relative;
        top: -5px;
    }
    .web-banner .banner-button {
        -ms-flex-item-align: baseline;
        align-self: baseline;
        gap: 8px !important;
        margin-top: -1px !important;
    }
}
.web-banner .banner-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
}
.web-banner .banner-button svg {
    height: 34px;
    width: 24px;
}
.web-banner .banner-button svg path {
    fill: #000;
}
@-webkit-keyframes iconJitter {
    from {
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateZ(0deg) skew(0deg, 0deg);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateZ(0deg) skew(0deg, 0deg);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateZ(45deg) skew(0deg, 0deg);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateZ(45deg) skew(0deg, 0deg);
    }
}
@keyframes iconJitter {
    from {
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateZ(0deg) skew(0deg, 0deg);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateZ(0deg) skew(0deg, 0deg);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateZ(45deg) skew(0deg, 0deg);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateZ(45deg) skew(0deg, 0deg);
    }
}
@media (max-width: 880px) {
    .web-banner .banner-button svg {
        height: 17px;
        width: 15.5px;
    }
}
.web-banner .banner-event-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
}
.web-banner a {
    text-decoration: none;
}
@-webkit-keyframes iconReturn {
    from {
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateZ(45deg) skew(0deg, 0deg);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateZ(45deg) skew(0deg, 0deg);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateZ(0deg) skew(0deg, 0deg);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateZ(0deg) skew(0deg, 0deg);
    }
}
@keyframes iconReturn {
    from {
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateZ(45deg) skew(0deg, 0deg);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateZ(45deg) skew(0deg, 0deg);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateZ(0deg) skew(0deg, 0deg);
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1) rotateZ(0deg) skew(0deg, 0deg);
    }
}
.web-banner[data-hover-state='hovered']:not(:hover) .banner-button svg {
    -webkit-animation: iconReturn 0.7s ease-in-out forwards;
    animation: iconReturn 0.7s ease-in-out forwards;
    -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    transition: -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    transition:
        transform 0.7s cubic-bezier(0.16, 1, 0.3, 1),
        -webkit-transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
}
.xrpl-light .top-nav__inner {
    border-color: #ccc;
}
.xrpl-light .Icon--logo path {
    fill: #000;
}
.xrpl-light #nav-primary li a {
    color: #000;
}
.xrpl-light #nav-primary li a:hover {
    color: #7919ff;
}
.xrpl-light #nav-primary li.external-top-link a::after {
    background-image: url(assets/36c0c8e24875f9a2c083.svg), none;
}
.xrpl-light .top-nav__icons {
    border-color: #ccc;
}
.xrpl-light .top-nav__settings-link svg path {
    stroke: #000;
}
.xrpl-light .top-nav__notification-link svg path {
    fill: #000;
}
.xrpl-light .Icon--nav-icon path {
    stroke: #000;
}
.xrpl-light .top-nav__logo-link .Icon--learning-logo,
.xrpl-light .nav-mobile__logo-link .Icon--learning-logo {
    filter: brightness(0);
}
.xrpl-light .top-nav__light-toggle .Icon--moon {
    display: inline;
}
.xrpl-light .top-nav__light-toggle .Icon--sun {
    display: none;
}
.xrpl-light .top-nav__light-toggle .Icon--sun path {
    stroke: #000;
}
.xrpl-light #nav-mobile {
    background-color: #fff;
}
.xrpl-light #nav-mobile .nav-mobile__close path {
    stroke: #000;
}
.xrpl-light #nav-mobile .Icon--logo path {
    fill: #000;
}
.xrpl-light #nav-mobile .menu-item a {
    color: #000;
}
.xrpl-light #nav-mobile .nav-mobile__light-toggle {
    color: #000;
}
.xrpl-light #nav-mobile li.external-top-link a::after {
    background-image: url(assets/36c0c8e24875f9a2c083.svg), none;
}
.xrpl-light .nav-mobile__light-toggle .Icon--moon {
    display: inline;
}
.xrpl-light .nav-mobile__light-toggle .Icon--sun {
    display: none;
}
.xrpl-light .nav-mobile__light-toggle .nav-mobile__light-text {
    display: none;
}
.xrpl-light .nav-mobile__light-toggle .nav-mobile__dark-text {
    display: inline;
}
.xrpl-light .nav-mobile__bottom-row {
    border-color: #ccc;
}
.xrpl-light .nav-mobile__profile {
    background-color: #7919ff;
}
.xrpl-light .top-nav__main-site,
.xrpl-light .nav-mobile__main-site {
    color: #000;
}
.xrpl-light .top-nav__main-site:hover,
.xrpl-light .nav-mobile__main-site:hover {
    color: #fff;
}
@media (min-width: 768px) {
    .xrpl-light .top-nav__bg {
        background-color: #f5f5f7;
    }
}
@media (min-width: 768px) {
    .xrpl-light .top-nav__shim {
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(245, 245, 247, 0)), to(#f5f5f7));
        background: linear-gradient(0deg, rgba(245, 245, 247, 0) 0%, #f5f5f7 100%);
    }
}
.xrpl-light .study-nav__item--final .Icon .Icon__theme {
    stroke: #000;
}
.xrpl-light .study-nav--quizzes .study-nav__item--final h5 {
    color: #000;
}
.xrpl-footer {
    margin-bottom: 1rem;
}
.xrpl-footer::after {
    content: '';
    clear: both;
    display: table;
}
.xrpl-footer__row {
    margin-bottom: 2.6875rem;
}
@media (min-width: 768px) {
    .xrpl-footer__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 -1rem 4.375rem;
    }
}
@media (min-width: 992px) {
    .xrpl-footer__row {
        margin: 0 -3.5rem 6.875rem;
    }
}
.xrpl-footer__btn-col {
    width: 100%;
    margin-bottom: 2.8125rem;
}
@media (min-width: 768px) {
    .xrpl-footer__btn-col {
        max-width: 40%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        padding: 0 1rem;
        margin-bottom: 0;
    }
}
@media (min-width: 992px) {
    .xrpl-footer__btn-col {
        padding-right: 2.5rem;
        padding-left: 3.5rem;
    }
}
.xrpl-footer__links-col {
    width: 100%;
}
@media (min-width: 768px) {
    .xrpl-footer__links-col {
        max-width: 60%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        padding: 0 1.75rem;
    }
}
@media (min-width: 992px) {
    .xrpl-footer__links-col {
        padding-right: 3.5rem;
        padding-left: 2.5rem;
    }
}
.xrpl-footer__logo {
    max-width: 288px;
    margin-bottom: 43px;
}
@media (min-width: 576px) {
    .xrpl-footer__logo {
        max-width: 390px;
        margin-bottom: 62px;
    }
}
.xrpl-footer__logo .Icon--learning-logo {
    width: 100%;
}
.xrpl-footer__discord svg {
    vertical-align: middle;
    margin-left: 1.125rem;
}
@media (min-width: 576px) {
    .xrpl-footer__inner-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 -0.625rem;
    }
}
@media (min-width: 768px) {
    .xrpl-footer__inner-row {
        margin: 0 -0.875rem;
    }
}
.xrpl-footer__inner-col {
    width: 100%;
    margin-bottom: 2.5rem;
}
@media (min-width: 576px) {
    .xrpl-footer__inner-col {
        max-width: 50%;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        padding: 0 0.625rem;
        margin-bottom: 0;
    }
}
@media (min-width: 768px) {
    .xrpl-footer__inner-col {
        max-width: 50%;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
        padding: 0 0.875rem;
    }
}
@media (min-width: 1200px) {
    .xrpl-footer__inner-col {
        max-width: 33.333333%;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 33.333333;
        flex: 1 1 33.333333;
    }
}
.xrpl-footer__inner-col h5 {
    padding-bottom: 1.0625rem;
    border-bottom: 1px solid #454549;
    margin-bottom: 0.9375rem;
}
@media (min-width: 576px) {
    .xrpl-footer__inner-col h5 {
        margin-bottom: 1.875rem;
    }
}
@media (max-width: 991.98px) {
    .xrpl-footer__inner-col--last {
        max-width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .xrpl-footer__inner-col--last {
        max-width: 50%;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    }
}
.xrpl-footer__nav li {
    margin-bottom: 0;
}
.xrpl-footer__nav a {
    display: inline-block;
    color: #fff;
    padding: 4px 0;
    text-decoration: none;
}
.xrpl-footer__nav a:hover {
    color: #32e685;
}
.xrpl-light .xrpl-footer__nav a:hover {
    color: #7919ff;
}
.xrpl-footer__nav li.external-footer-link a::after {
    content: '';
    display: inline-block;
    height: 1.0625rem;
    width: 1.0625rem;
    background-image: url(assets/4184591e9c83352fc182.svg), none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 6px;
    vertical-align: middle;
}
.xrpl-footer__copyright {
    float: left;
}
@media (min-width: 992px) {
    .xrpl-footer__copyright {
        float: right;
        padding-right: 1rem;
    }
}
@media (min-width: 1740px) {
    .xrpl-footer__copyright {
        padding-right: 0;
    }
}
.xrpl-footer__copyright a {
    text-decoration: none;
}
.xrpl-footer__copyright a:hover {
    color: #7919ff;
}
.page-template-template-landing .xrpl-footer__discord,
.page-template-template-landing .xrpl-footer__links-col {
    display: none;
}
.page-template-template-landing .xrpl-footer__row {
    margin-bottom: 0;
}
.page-template-template-landing .xrpl-footer table,
.page-template-template-landing .xrpl-footer .btn {
    display: none;
}
.xrpl-light .xrpl-footer__copyright a,
.xrpl-light .xrpl-footer__nav a {
    color: #000;
}
.xrpl-light .xrpl-footer__copyright a:hover,
.xrpl-light .xrpl-footer__nav a:hover {
    color: #7919ff;
}
.xrpl-light .xrpl-footer__nav li.external-footer-link a::after {
    background-image: url(assets/36c0c8e24875f9a2c083.svg), none;
}
.XrplSearchIntro {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.XrplSearchIntro .XrplSearchIntroPrefix {
    margin-bottom: 0.3rem;
}
.XrplSearch {
    --form-text-color: #000;
    --form-background-color: #fff;
    --form-active-color: #7919ff;
    --form-selection-background-color: #ccc;
}
.xrpl-dark .XrplSearch {
    --form-text-color: #fff;
    --form-background-color: #232325;
    --form-selection-background-color: #535355;
}
.XrplSearch form {
    background-color: var(--form-background-color);
    border-radius: 999999rem;
    color: var(--form-text-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    padding: 12px 17px;
}
.XrplSearch form:focus-within {
    outline: 3px solid var(--form-active-color);
}
.XrplSearch form:focus-within input[id='XrplBlogSearchTerm'] {
    outline: var(--form-active-color);
}
.XrplSearch form label[for='XrplBlogSearchTerm'] {
    display: none;
}
.XrplSearch form input[id='XrplBlogSearchTerm'] {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    color: var(--form-text-color);
    font-size: 1rem;
    width: 170px;
}
.XrplSearch form input[id='XrplBlogSearchTerm']::-webkit-input-placeholder {
    color: var(--form-text-color);
}
.XrplSearch form input[id='XrplBlogSearchTerm']::-moz-placeholder {
    color: var(--form-text-color);
}
.XrplSearch form input[id='XrplBlogSearchTerm']:-ms-input-placeholder {
    color: var(--form-text-color);
}
.XrplSearch form input[id='XrplBlogSearchTerm']::-ms-input-placeholder {
    color: var(--form-text-color);
}
.XrplSearch form input[id='XrplBlogSearchTerm']::placeholder {
    color: var(--form-text-color);
}
.XrplSearch form input[id='XrplBlogSearchTerm']::-moz-selection {
    background-color: var(--form-selection-background-color);
}
.XrplSearch form input[id='XrplBlogSearchTerm']::selection {
    background-color: var(--form-selection-background-color);
}
.XrplSearch form button[type='submit'] {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    border-radius: 99999rem;
    color: inherit;
    margin: 0;
    padding: 0;
    width: 2rem;
    height: 2rem;
}
.XrplSearch form button[type='submit']:focus {
    outline: 3px solid var(--form-active-color);
}
.XrplSearch form button[type='submit'] svg path {
    stroke: var(--form-text-color);
}
.XrplBlogHeadline {
    margin-bottom: 1.6rem;
}
@media (min-width: 768px) {
    .XrplBlogDescription {
        width: 50%;
    }
}
.XrplBlogFilters {
    background-color: #f5f5f7;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
.xrpl-dark .XrplBlogFilters {
    background-color: #111112;
}
@media (min-width: 1200px) {
    .XrplBlogFilters {
        position: relative;
    }
}
.XrplBlogFilters ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.XrplBlogFilters li {
    display: inline-block;
    margin: 0;
    padding: 0;
    color: gray;
    position: relative;
    padding-right: 1.3rem;
}
.XrplBlogFilters li:before {
    content: '|';
    position: relative;
    left: -0.65rem;
    color: #ccc;
}
.xrpl-dark .XrplBlogFilters li:before {
    color: #454549;
}
.XrplBlogFilters li[data-xrpl-is-selected] a {
    font-weight: 700;
}
.XrplBlogFilters li a {
    font-size: 0.6rem;
    text-decoration: none;
}
@media (min-width: 576px) {
    .XrplBlogFilters li a {
        font-size: 1rem;
    }
}
.XrplBlogFilters li a:hover {
    color: #32e685;
}
.xrpl-light .XrplBlogFilters li a {
    color: #000;
}
.xrpl-light .XrplBlogFilters li a:hover {
    color: #7919ff;
}
.XrplBlogFeaturedContent,
.XrplBlogFilters,
.XrplSearch,
.XrplSearchIntro {
    margin-bottom: 3rem;
}
.EntryAuthor {
    width: 100%;
    margin-bottom: 1.25rem;
}
.EntryAuthor .EntryAuthorLabel {
    display: block;
    margin-bottom: 0.25rem;
}
.EntryAuthor .EntryAuthorContent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
}
.EntryAuthor .EntryAuthorAvatar {
    height: 50px;
    width: 50px;
}
.EntryAuthor .EntryAuthorAvatar[data-type='img'] {
    border-radius: 999999rem;
    overflow: hidden;
}
.EntryAuthor .EntryAuthorAvatar svg path {
    stroke: #000;
}
.xrpl-dark .EntryAuthor .EntryAuthorAvatar svg path {
    stroke: #fff;
}
@media (min-width: 800px) {
    .XrplBlog .XrplBlogFilters {
        float: left;
        width: 60%;
        margin-top: 0.5rem;
        padding-right: 0;
    }
    .XrplBlog .XrplSearch {
        float: right;
        padding-left: 0;
    }
    .XrplBlog .XrplSearch form {
        width: 254px;
    }
}
.EntryRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (min-width: 768px) {
    .EntryRow {
        margin-right: -0.875rem;
        margin-left: -0.875rem;
    }
}
.EntryCard {
    width: 100%;
    min-height: 10.9375rem;
    margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
    .EntryCard {
        min-height: 14.375rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 0.875rem;
        margin-bottom: 1.75rem;
    }
}
@media (min-width: 992px) {
    .EntryCard {
        min-height: 18.125rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}
.EntryCard a {
    text-decoration: none;
}
.EntryCard a:hover {
    -webkit-text-decoration: #32e685 solid underline 1px;
    text-decoration: #32e685 solid underline 1px;
    text-underline-offset: 3px;
}
.xrpl-light .EntryCard a {
    color: #000;
}
.xrpl-light .EntryCard a:hover {
    -webkit-text-decoration-color: #7919ff;
    text-decoration-color: #7919ff;
}
.EntryCardInner {
    -webkit-box-shadow: 0 0 1.25rem #000;
    box-shadow: 0 0 1.25rem #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    background-color: #232325;
    padding: 1.25rem 0 0;
    border-radius: 0.375rem;
}
.xrpl-light .EntryCardInner {
    -webkit-box-shadow: 0 0 1.25rem #c1c1c2;
    box-shadow: 0 0 1.25rem #c1c1c2;
}
@media (min-width: 576px) {
    .EntryCardInner {
        padding: 2.1875rem 0 0;
    }
}
.xrpl-light .EntryCardInner {
    background-color: #fff;
}
.EntryCardInner:hover .Clickable .EntryTitle a {
    -webkit-text-decoration: #32e685 solid underline 1px;
    text-decoration: #32e685 solid underline 1px;
    text-underline-offset: 3px;
}
.xrpl-light .EntryCardInner:hover .Clickable .EntryTitle a {
    -webkit-text-decoration-color: #7919ff;
    text-decoration-color: #7919ff;
}
.EntryCardHeader {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 1.25rem;
}
@media (min-width: 576px) {
    .EntryCardHeader {
        padding: 0 2.1875rem;
    }
}
.EntryCardFooter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    background-color: #7919ff;
    padding: 0.9375rem 1.25rem;
    margin: 1.25rem -1.25rem 0;
    margin: 1.25rem 0 0;
    border-radius: 0 0 0.375rem 0.375rem;
}
@media (min-width: 576px) {
    .EntryCardFooter {
        padding: 1.125rem 2.1875rem;
        margin: auto -2.1875rem 0;
        margin: auto 0 0;
    }
}
.EntryFeatured {
    background-color: #7919ff;
    border-radius: 0.375rem;
    margin-bottom: 2rem;
    overflow: hidden;
}
@media (min-width: 768px) {
    .EntryFeatured {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 3.5rem;
    }
}
.EntryFeatured .FeaturedImgCol {
    width: 100%;
    margin: auto;
}
@media (min-width: 768px) {
    .EntryFeatured .FeaturedImgCol {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}
.EntryFeatured .FeaturedImgCol .EntryImage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.EntryFeatured .FeaturedTextCol {
    width: 100%;
    color: #fff;
    padding: 1.25rem;
}
@media (min-width: 768px) {
    .EntryFeatured .FeaturedTextCol {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        padding: 3.4375rem 4.4% 2.8125rem 4.4%;
        border-radius: 0.375rem 0 0 0.375rem;
    }
}
@media (min-width: 768px) {
    .EntryFeatured .FeaturedTextInner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        height: 100%;
    }
}
.EntryFeatured .FeaturedTextInner .FeaturedSub {
    padding-bottom: 0.625rem;
    border-bottom: 1px solid #fff;
    margin-bottom: 1.25rem;
}
.EntryFeatured .FeaturedTextInner h6 {
    margin-bottom: 0;
}
.EntryFeatured .FeaturedFooter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (min-width: 768px) {
    .EntryFeatured .FeaturedFooter {
        margin-top: auto;
    }
}
.EntryFeatured .FeaturedFooter .btn {
    margin-left: auto;
    white-space: nowrap;
}
.EntryFeatured .FeaturedCreated {
    display: inline-block;
    font-weight: 700;
    margin-right: 0.5rem;
    white-space: nowrap;
}
.EntryFeatured .FeaturedCat {
    display: inline-block;
    margin-bottom: 0;
    white-space: nowrap;
}
.EntryCreated,
.EntryCat {
    display: inline-block;
    margin-bottom: 0;
}
.EntryCat {
    margin-right: 1.25rem;
}
.EntryCardIcon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
}
.EntryCardIcon .Icon {
    margin-bottom: -2px;
}
.EntryCard--black .EntryCardFooter {
    background-color: #000;
}
.xrpl-dark .EntryCard--black .EntryCardFooter {
    background-color: #454549;
}
.EntryCard--orange .EntryCardFooter {
    background-color: #ff671a;
}
.EntryCard--mint .EntryCardFooter {
    background-color: #28b86a;
}
.EntryCard--blue .EntryCardFooter {
    background-color: #19a3ff;
}
.EntryNavWrap {
    text-align: center;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-top: 1.875rem;
}
@media (min-width: 576px) {
    .EntryNavWrap {
        padding: 0 0.875rem;
    }
}
.EntryNavWrap .EntryNavSpacer {
    display: inline-block;
    height: 1px;
    width: 2.4375rem;
}
.EntryNavWrap .EntryNavStep {
    display: inline-block;
    padding: 0 0.1875rem;
}
.EntryNavWrap .EntryNavArrow {
    width: auto;
    padding: 0;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0);
}
.EntryNavWrap .EntryNavArrow svg {
    height: 2.0625rem;
    width: 2.0625rem;
    vertical-align: middle;
}
.xrpl-light .EntryNavWrap .EntryNavArrow svg path {
    stroke: #111112;
}
.EntryNavWrap .EntryNavArrow:hover {
    border-color: #32e685;
    border-bottom-color: #32e685;
}
.EntryNavWrap .EntryNavArrow:hover svg path {
    stroke: #32e685;
}
.xrpl-light .EntryNavWrap .EntryNavArrow:hover {
    border-color: #7919ff;
    border-bottom-color: #7919ff;
}
.xrpl-light .EntryNavWrap .EntryNavArrow:hover svg path {
    stroke: #7919ff;
}
.EntryNavWrap .EntryNav {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
}
.EntryNavWrap .EntryNavItem {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0 0.1875rem;
    margin: 0;
}
@media (min-width: 576px) {
    .EntryNavWrap .EntryNavItem {
        font-size: 16px;
        font-size: 1rem;
    }
}
.EntryNavWrap .EntryNavItem.active {
    height: 2.1875rem;
    width: 2.1875rem;
    border: 1px solid #32e685;
    border-radius: 50%;
    padding: 0.5rem 0.3125rem;
    margin: 0 3px;
    vertical-align: middle;
}
@media (min-width: 576px) {
    .EntryNavWrap .EntryNavItem.active {
        padding: 0.4375rem 0.3125rem 0.5625rem;
        margin: 0 0.25rem;
    }
}
.xrpl-light .EntryNavWrap .EntryNavItem.active {
    border-color: #7919ff;
}
.EntryNavWrap a {
    display: inline-block;
    text-decoration: none;
    height: 2.1875rem;
    padding: 0.5rem 0.5rem;
    vertical-align: middle;
}
.EntryNavWrap a:hover {
    color: #32e685;
    -webkit-text-decoration: #32e685 solid underline 1px;
    text-decoration: #32e685 solid underline 1px;
    text-underline-offset: 0.6875rem;
}
.xrpl-light .EntryNavWrap a:hover {
    color: #7919ff;
    -webkit-text-decoration-color: #7919ff;
    text-decoration-color: #7919ff;
}
.EntryNavWrap .EntryNavElips {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0.5rem 0.3125rem 0;
}
@media (min-width: 576px) {
    .EntryNavWrap .EntryNavElips {
        font-size: 16px;
        font-size: 1rem;
    }
}
#XrplTempWrap {
    display: none;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    text-align: center;
}
@media (min-width: 768px) {
    #XrplTempWrap {
        padding: 0 0.875rem;
    }
}
#XrplSelectWrap {
    font-size: 14px;
    font-size: 0.875rem;
    display: inline-block;
    position: relative;
    text-align: center;
}
@media (min-width: 576px) {
    #XrplSelectWrap {
        font-size: 16px;
        font-size: 1rem;
    }
}
#XrplSelectWrap::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: calc(50% - 0.3125rem);
    right: 0.875rem;
    height: 0.4375rem;
    width: 0.4375rem;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    pointer-events: none;
}
@media (min-width: 576px) {
    #XrplSelectWrap::after {
        top: calc(50% - 0.375rem);
        height: 0.5rem;
        width: 0.5rem;
        border-width: 2px;
    }
}
.xrpl-light #XrplSelectWrap::after {
    border-color: #111112;
}
#XrplSelectWrap select {
    color: #fff;
    width: 70px;
    background-color: rgba(0, 0, 0, 0);
    padding: 10px 14px 8px 10px;
    border: 1px solid #32e685;
    border-radius: 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}
@media (min-width: 576px) {
    #XrplSelectWrap select {
        border-width: 2px;
    }
}
#XrplSelectWrap select:focus-visible {
    border-color: #7919ff;
    outline: 2px solid #7919ff;
}
#XrplSelectWrap select::-ms-expand {
    display: none;
}
.xrpl-light #XrplSelectWrap select {
    border-color: #7919ff;
    color: #111112;
}
#XrplSelectWrap select option {
    color: #111112;
    background-color: #fff;
}
.xrpl-light #XrplSelectWrap select option {
    color: #111112;
    background-color: #fff;
}
@media (min-width: 992px) {
    .single-post .EntryPost,
    .single-xrpl_study_faq .EntryPost {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
@media (min-width: 992px) {
    .single-post .EntryMeta,
    .single-xrpl_study_faq .EntryMeta {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
        max-width: 28.625rem;
    }
}
.single-post .EntryMeta--mobile,
.single-xrpl_study_faq .EntryMeta--mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (min-width: 992px) {
    .single-post .EntryMeta--mobile,
    .single-xrpl_study_faq .EntryMeta--mobile {
        display: none;
    }
}
.single-post .EntryMeta--desktop,
.single-xrpl_study_faq .EntryMeta--desktop {
    display: none;
}
@media (min-width: 992px) {
    .single-post .EntryMeta--desktop,
    .single-xrpl_study_faq .EntryMeta--desktop {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media (min-width: 992px) {
    .single-post .EntryMain,
    .single-xrpl_study_faq .EntryMain {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        max-width: 50vw;
        margin-right: 6.5rem;
    }
}
.single-post .EntryRelated,
.single-xrpl_study_faq .EntryRelated {
    max-width: 28.625rem;
    margin-top: 2.5rem;
}
@media (min-width: 992px) {
    .single-post .EntryRelated,
    .single-xrpl_study_faq .EntryRelated {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
        margin-top: 0;
    }
}
.single-post .EntryRelatedItem,
.single-xrpl_study_faq .EntryRelatedItem {
    text-decoration: none;
}
.single-post .EntryRelatedInner,
.single-xrpl_study_faq .EntryRelatedInner {
    -webkit-box-shadow: 0 0 1.25rem #000;
    box-shadow: 0 0 1.25rem #000;
    position: relative;
    padding: 1.25rem;
    background-color: #232325;
    border-radius: 0.375rem;
    margin-bottom: 0.9375rem;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property:
        transform,
        -webkit-transform;
}
.xrpl-light .single-post .EntryRelatedInner,
.xrpl-light .single-xrpl_study_faq .EntryRelatedInner {
    -webkit-box-shadow: 0 0 1.25rem #c1c1c2;
    box-shadow: 0 0 1.25rem #c1c1c2;
}
@media (min-width: 576px) {
    .single-post .EntryRelatedInner,
    .single-xrpl_study_faq .EntryRelatedInner {
        padding: 1.875rem;
        margin-bottom: 1.25rem;
    }
}
.single-post .EntryRelatedInner:hover,
.single-xrpl_study_faq .EntryRelatedInner:hover {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}
.single-post .EntryRelatedInner:hover::after,
.single-xrpl_study_faq .EntryRelatedInner:hover::after {
    background-color: #7919ff;
}
.xrpl-light .single-post .EntryRelatedInner:hover::after,
.xrpl-light .single-xrpl_study_faq .EntryRelatedInner:hover::after {
    background-color: #7919ff;
}
.single-post .EntryRelatedInner::before,
.single-xrpl_study_faq .EntryRelatedInner::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0.375rem;
    background-color: #7919ff;
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}
.single-post .EntryRelatedInner::after,
.single-xrpl_study_faq .EntryRelatedInner::after {
    content: '';
    float: right;
    height: 1.1875rem;
    width: 1.1875rem;
    background-color: #fff;
    -webkit-mask-image: url(assets/10a9409065864aff384e.svg);
    mask-image: url(assets/10a9409065864aff384e.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
.xrpl-light .single-post .EntryRelatedInner::after,
.xrpl-light .single-xrpl_study_faq .EntryRelatedInner::after {
    background-color: #000;
}
.single-post .EntryRelatedInner p,
.single-xrpl_study_faq .EntryRelatedInner p {
    padding-bottom: 0.9375rem;
    border-bottom: 1px solid #454549;
    margin-bottom: 0.9375rem;
}
@media (min-width: 576px) {
    .single-post .EntryRelatedInner p,
    .single-xrpl_study_faq .EntryRelatedInner p {
        padding-bottom: 1.25rem;
        margin-bottom: 1.25rem;
    }
}
.xrpl-light .single-post .EntryRelatedInner p,
.xrpl-light .single-xrpl_study_faq .EntryRelatedInner p {
    border-color: #ccc;
}
.xrpl-light .single-post .EntryRelatedInner,
.xrpl-light .single-xrpl_study_faq .EntryRelatedInner {
    background: #fff;
    color: #000;
}
.single-post .EntryImage,
.single-xrpl_study_faq .EntryImage {
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
}
@media (min-width: 576px) {
    .single-post .EntryImage,
    .single-xrpl_study_faq .EntryImage {
        margin-top: 2.8125rem;
        margin-bottom: 1.875rem;
    }
}
.single-post .EntryCreated,
.single-post .EntryEstimated,
.single-xrpl_study_faq .EntryCreated,
.single-xrpl_study_faq .EntryEstimated {
    margin-bottom: 0.8125rem;
}
@media (min-width: 576px) {
    .single-post .EntryCreated,
    .single-post .EntryEstimated,
    .single-xrpl_study_faq .EntryCreated,
    .single-xrpl_study_faq .EntryEstimated {
        margin-bottom: 1.5625rem;
    }
}
.single-post .EntryCreated h6,
.single-post .EntryEstimated h6,
.single-xrpl_study_faq .EntryCreated h6,
.single-xrpl_study_faq .EntryEstimated h6 {
    margin-bottom: 0;
}
@media (min-width: 576px) {
    .single-post .EntryCreated h6,
    .single-post .EntryEstimated h6,
    .single-xrpl_study_faq .EntryCreated h6,
    .single-xrpl_study_faq .EntryEstimated h6 {
        margin-bottom: 0.25rem;
    }
}
.single-post .EntryCreated time,
.single-post .EntryEstimated time,
.single-xrpl_study_faq .EntryCreated time,
.single-xrpl_study_faq .EntryEstimated time {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.42857;
}
@media (min-width: 576px) {
    .single-post .EntryCreated time,
    .single-post .EntryEstimated time,
    .single-xrpl_study_faq .EntryCreated time,
    .single-xrpl_study_faq .EntryEstimated time {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5;
    }
}
.single-post .EntryCreated p,
.single-post .EntryEstimated p,
.single-xrpl_study_faq .EntryCreated p,
.single-xrpl_study_faq .EntryEstimated p {
    margin-bottom: 0;
}
.single-post .EntryCreated,
.single-xrpl_study_faq .EntryCreated {
    margin-right: 6px;
}
.single-post .EntryEstimated,
.single-xrpl_study_faq .EntryEstimated {
    margin: 0 auto;
}
.single-post .EntryContent img,
.single-xrpl_study_faq .EntryContent img {
    margin-bottom: 0.9375rem;
}
@media (min-width: 576px) {
    .single-post .EntryContent img,
    .single-xrpl_study_faq .EntryContent img {
        margin-bottom: 1.875rem;
    }
}
.single-post .EntryContent a:hover,
.single-xrpl_study_faq .EntryContent a:hover {
    color: #32e685;
}
.xrpl-light .single-post .EntryContent a:hover,
.xrpl-light .single-xrpl_study_faq .EntryContent a:hover {
    color: #7919ff;
}
.single-post .EntryContent a img,
.single-xrpl_study_faq .EntryContent a img {
    display: inline;
    vertical-align: text-bottom;
    max-width: 1.25rem;
    margin: 0 0 0 0.1rem;
}
.single-post .EntryContent a.btn.btn--primary,
.single-xrpl_study_faq .EntryContent a.btn.btn--primary {
    font-size: 14px;
    font-size: 0.875rem;
    display: inline-block;
    position: relative;
    z-index: 5;
    font-weight: 700;
    color: #fff;
    padding: 0.75rem 0.875rem;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0.25rem;
    cursor: pointer;
    text-decoration: none;
    margin-bottom: 0.8125rem;
}
.single-post .EntryContent a.btn.btn--primary:hover,
.single-xrpl_study_faq .EntryContent a.btn.btn--primary:hover {
    color: #fff;
}
.single-post .EntryContent a.btn.btn--primary:focus-visible,
.single-xrpl_study_faq .EntryContent a.btn.btn--primary:focus-visible {
    outline-offset: 3px;
}
.single-post .EntryContent a.btn.btn--primary::before,
.single-xrpl_study_faq .EntryContent a.btn.btn--primary::before {
    content: '';
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
    left: -1px;
    z-index: -1;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0.25rem;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:
        transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
        -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.single-post .EntryContent a.btn.btn--primary:hover::before,
.single-xrpl_study_faq .EntryContent a.btn.btn--primary:hover::before {
    -webkit-transform: scale3d(1.03, 1.1, 1);
    transform: scale3d(1.03, 1.1, 1);
}
.single-post .EntryContent a.btn.btn--primary:disabled::before,
.single-xrpl_study_faq .EntryContent a.btn.btn--primary:disabled::before {
    background-color: #454549;
}
.single-post .EntryContent a.btn.btn--primary:disabled:hover::before,
.single-xrpl_study_faq .EntryContent a.btn.btn--primary:disabled:hover::before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    background-color: #454549;
}
.xrpl-light .single-post .EntryContent a.btn.btn--primary,
.xrpl-light .single-xrpl_study_faq .EntryContent a.btn.btn--primary {
    color: #fff;
}
.single-post .EntryContent a.btn.btn--primary::before,
.single-xrpl_study_faq .EntryContent a.btn.btn--primary::before {
    background-color: #7919ff;
}
.single-post .EntryContent a.btn.btn--primary:hover::before,
.single-xrpl_study_faq .EntryContent a.btn.btn--primary:hover::before {
    background-color: #5f00e5;
}
@media (min-width: 576px) {
    .single-post .EntryContent a.btn.btn--primary,
    .single-xrpl_study_faq .EntryContent a.btn.btn--primary {
        margin-bottom: 1.0625rem;
    }
}
.single-post .EntryContent a.btn.btn--primary::after,
.single-xrpl_study_faq .EntryContent a.btn.btn--primary::after {
    display: none;
}
.single-post .EntryContent a.btn.btn--primary img,
.single-xrpl_study_faq .EntryContent a.btn.btn--primary img {
    margin: 0 0 0 0.5rem;
}
.EntryTags {
    width: 100%;
}
@media (min-width: 992px) {
    .EntryTags {
        margin-bottom: 3.625rem;
    }
}
.EntryTags h6 {
    margin-bottom: 0.25rem;
}
@media (min-width: 576px) {
    .EntryTags h6 {
        margin-bottom: 0.375rem;
    }
}
.EntryTags ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -0.3125rem 2.1875rem;
}
@media (min-width: 576px) {
    .EntryTags ul {
        margin-bottom: 0.9375rem;
    }
}
.EntryTags ul li a {
    font-size: 12px;
    font-size: 0.75rem;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    line-height: 1.6;
    display: inline-block;
    color: #fff;
    padding: 0.5rem 0.875rem;
    border: 1px solid #145c35;
    border-radius: 3.125rem;
    margin: 0 0.3125rem 0.625rem;
    text-decoration: none;
}
@media (min-width: 576px) {
    .EntryTags ul li a {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1.333333;
    }
}
@media (min-width: 576px) {
    .EntryTags ul li a {
        padding: 0.625rem 1.125rem;
        margin-right: 0.3125rem;
        margin-left: 0.3125rem;
    }
}
.EntryTags ul li a:hover {
    background-color: #145c35;
}
.xrpl-light .EntryTags ul li a {
    color: #000;
}
@media (min-width: 992px) {
    .single-xrpl_study_faq .EntryMain {
        max-width: 52rem;
        margin-right: 0;
    }
}
.xrpl_course::after {
    content: '';
    clear: both;
    display: table;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .xrpl_course {
        padding-right: 10vw;
        padding-left: 10vw;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .xrpl_course {
        padding-right: 4.5vw;
        padding-left: 4.5vw;
    }
}
@media (min-width: 992px) {
    .xrpl_course {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.xrpl_course__sidebar {
    margin-bottom: 1.25rem;
}
@media (min-width: 576px) {
    .xrpl_course__sidebar {
        margin-bottom: 2.8125rem;
    }
}
@media (min-width: 992px) {
    .xrpl_course__sidebar {
        z-index: 900;
        float: left;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        max-width: 28.625rem;
        padding-right: 1.25rem;
        margin-bottom: 0;
    }
}
.xrpl_course__main {
    width: 100%;
}
@media (min-width: 992px) {
    .xrpl_course__main {
        float: right;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        max-width: 40rem;
        padding-left: 1.25rem;
        margin-left: auto;
    }
}
@media (min-width: 1200px) {
    .admin-bar .xrpl_course__sidebar {
        top: 10.8125rem;
    }
}
.xrpl_course__user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2.1875rem;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .xrpl_course__user {
        display: block;
    }
}
.xrpl_course__user h2 {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 0;
}
.xrpl_course__img-wrap {
    width: 4.25rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 4.25rem;
    flex: 0 0 4.25rem;
    height: 4.25rem;
    margin-right: 1rem;
    border-radius: 50%;
    background-color: #232325;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .xrpl_course__img-wrap {
        margin-bottom: 1.125rem;
    }
}
@media (min-width: 1200px) {
    .xrpl_course__img-wrap {
        width: 7.125rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 7.125rem;
        flex: 0 0 7.125rem;
        height: 7.125rem;
        margin-right: 1.875rem;
    }
}
.xrpl_course__img-wrap svg {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 1.25rem;
    margin: auto;
}
@media (min-width: 1200px) {
    .xrpl_course__img-wrap svg {
        height: 1.875rem;
    }
}
.xrpl_course__meta {
    margin-bottom: 2.25rem;
}
@media (min-width: 768px) {
    .xrpl_course__meta {
        margin-bottom: 2.875rem;
    }
}
.xrpl_course__meta-headline {
    margin-bottom: 0.3125rem;
}
@media (min-width: 576px) {
    .xrpl_course__meta-headline {
        margin-bottom: 1rem;
    }
}
.xrpl_course__title-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.xrpl_course__title-wrap .xrpl_course__title {
    padding-right: 1rem;
}
.xrpl_course__difficulty-headline {
    margin-bottom: 0;
}
.xrpl_course__description {
    margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
    .xrpl_course__description {
        margin-bottom: 1.875rem;
    }
}
.xrpl_course__description p {
    font-size: 12px;
    font-size: 0.75rem;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    line-height: 1.6;
}
@media (min-width: 576px) {
    .xrpl_course__description p {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1.333333;
    }
}
.xrpl_course__recommended-courses {
    border-top: 1px solid #454549;
}
.xrpl_course__recommended-courses p {
    font-size: 12px;
    font-size: 0.75rem;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    line-height: 1.6;
    margin-top: 1.25rem;
}
@media (min-width: 576px) {
    .xrpl_course__recommended-courses p {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1.333333;
    }
}
@media (min-width: 768px) {
    .xrpl_course__recommended-courses p {
        margin-top: 1.875rem;
    }
}
.xrpl_course__recommended-item:not(:last-of-type) {
    margin-bottom: 0.5rem;
}
.xrpl_course__recommended-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
}
.xrpl-light .xrpl_course__recommended-link .Icon__theme {
    stroke: #7919ff;
}
.xrpl-light .xrpl_course__recommended-link:not(:hover) .Icon__circle {
    stroke: #000;
}
.xrpl-dark .xrpl_course__recommended-link:not(:hover) .Icon__circle {
    stroke: #fff;
}
.xrpl-light .xrpl_course__recommended-link:not(:hover) .Icon__theme {
    stroke: #000;
}
.xrpl_course__recommended-title.small {
    font-size: 0.875rem;
    font-weight: 700;
    margin: 0 0.625rem;
}
@media (min-width: 576px) {
    .xrpl_course__recommended-title.small {
        font-size: 1rem;
    }
}
@media (min-width: 768px) {
    .xrpl_course__img {
        background-size: contain;
        padding-bottom: 74%;
    }
}
.xrpl_course__get-started {
    text-align: center;
    margin-bottom: 1.25rem;
    padding: 0 1rem;
}
@media (min-width: 576px) {
    .xrpl_course__get-started {
        margin-bottom: 2.8rem;
        padding: 0 2rem;
    }
}
.xrpl_course__get-started h5 {
    margin-bottom: 0.65rem;
}
.xrpl_course__get-started h3 {
    margin-bottom: 0;
    line-height: 1;
}
@media (min-width: 576px) {
    .xrpl_course__get-started h3 {
        line-height: 1.1;
    }
}
.xrpl_course__get-started span {
    vertical-align: middle;
}
.xrpl_course__get-started svg {
    width: 20px;
    height: 20px;
    display: inline;
    vertical-align: baseline;
}
.xrpl-light .xrpl_course__get-started svg path {
    stroke: #000;
}
.xrpl-dark .xrpl_course__get-started svg path {
    stroke: #fff;
}
.xrpl_course__card {
    -webkit-box-shadow: 0 0 1.25rem #000;
    box-shadow: 0 0 1.25rem #000;
    background-color: #232325;
    padding: 1.875rem;
    border-radius: 0.3125rem;
    margin-bottom: 2.8125rem;
}
.xrpl-light .xrpl_course__card {
    -webkit-box-shadow: 0 0 1.25rem #c1c1c2;
    box-shadow: 0 0 1.25rem #c1c1c2;
}
@media (min-width: 768px) {
    .xrpl_course__card {
        margin-bottom: 3.75rem;
    }
}
.xrpl_course__card-headline {
    margin-bottom: 1.5625rem;
}
@media (min-width: 576px) {
    .xrpl_course__card-headline {
        margin-bottom: 2.5rem;
    }
}
@media (min-width: 768px) {
    .xrpl_course__card-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}
@media (max-width: 767.98px) {
    .xrpl_course__card-row .btn {
        text-align: center;
        width: 100%;
        margin-top: 0.8125rem;
    }
}
.xrpl_course__nav {
    -webkit-box-shadow: 0 0 1.25rem #000;
    box-shadow: 0 0 1.25rem #000;
    border-radius: 0.3125rem;
    margin-bottom: 2.1875rem;
    padding: 0.625rem 0.9375rem 0.625rem 0.9375rem;
    position: relative;
}
.xrpl-light .xrpl_course__nav {
    -webkit-box-shadow: 0 0 1.25rem #c1c1c2;
    box-shadow: 0 0 1.25rem #c1c1c2;
}
@media (min-width: 576px) {
    .xrpl_course__nav {
        padding: 1.125rem 1.25rem 1.125rem 1.5625rem;
    }
}
.xrpl-dark .xrpl_course__nav {
    background-color: #232325;
}
.xrpl_course__nav-border {
    background-color: #7919ff;
    border-radius: 0.3125rem 0 0 0.3125rem;
    height: 100%;
    width: 0.3125rem;
    position: absolute;
    left: 0;
    top: 0;
}
@media (min-width: 576px) {
    .xrpl_course__nav-border {
        width: 0.5rem;
    }
}
.xrpl_course__nav-currently-viewing {
    text-align: center;
    width: 100%;
    display: block;
    font-size: 0.625rem;
    line-height: 1.4;
    margin-bottom: 0.625rem;
}
@media (min-width: 576px) {
    .xrpl_course__nav-currently-viewing {
        font-size: 0.75rem;
        line-height: 2;
        margin-bottom: 0.7rem;
    }
}
@-webkit-keyframes open-animation {
    0% {
        -webkit-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
    }
    50% {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
    100% {
        -webkit-transform: scale(1) rotate(90deg);
        transform: scale(1) rotate(90deg);
    }
}
@keyframes open-animation {
    0% {
        -webkit-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
    }
    50% {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
    100% {
        -webkit-transform: scale(1) rotate(90deg);
        transform: scale(1) rotate(90deg);
    }
}
@-webkit-keyframes close-animation {
    0% {
        -webkit-transform: scale(1) rotate(90deg);
        transform: scale(1) rotate(90deg);
    }
    50% {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
    100% {
        -webkit-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
    }
}
@keyframes close-animation {
    0% {
        -webkit-transform: scale(1) rotate(90deg);
        transform: scale(1) rotate(90deg);
    }
    50% {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
    100% {
        -webkit-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
    }
}
.xrpl_course__nav-toggle {
    background-color: #7919ff;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    height: 35px;
    width: 35px;
    -webkit-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
}
@media (min-width: 576px) {
    .xrpl_course__nav-toggle {
        height: 40px;
        width: 40px;
    }
}
.xrpl_course__nav-toggle svg {
    width: 22px;
    height: 22px;
    -webkit-transform-origin: center;
    transform-origin: center;
}
@media (min-width: 576px) {
    .xrpl_course__nav-toggle svg {
        width: 24px;
        height: 24px;
    }
}
.xrpl_course__nav-toggle:focus-visible {
    outline-offset: 3px;
}
.xrpl_course__nav:not(.close) .xrpl_course__nav-toggle svg {
    -webkit-animation: open-animation 0.4s ease-in forwards;
    animation: open-animation 0.4s ease-in forwards;
}
.xrpl_course__nav.close .xrpl_course__nav-toggle {
    background-color: #000;
    -webkit-transition: background-color 0.3s ease-out;
    transition: background-color 0.3s ease-out;
}
.xrpl_course__nav.close:not(.initial-state) .xrpl_course__nav-toggle svg {
    -webkit-animation: close-animation 0.4s ease-out forwards;
    animation: close-animation 0.4s ease-out forwards;
}
.xrpl_course__nav.close .xrpl_course__nav-grid {
    -webkit-transition: max-height 0.3s ease-out;
    transition: max-height 0.3s ease-out;
    max-height: 0;
    overflow: hidden;
    padding: 0;
}
.xrpl_course__nav.close .xrpl_course__nav-item--selected {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
    padding-bottom: 0;
    -webkit-transition: padding-bottom 0.2s ease-in;
    transition: padding-bottom 0.2s ease-in;
}
.xrpl_course__nav-row {
    border-top: 1px solid #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 0 1.5625rem;
}
.xrpl_course__nav-item .xrpl_course__nav-not-link,
.xrpl_course__nav-item .xrpl_course__nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
}
.xrpl_course__nav-item .xrpl_course__nav-link {
    color: #fff;
}
.xrpl_course__nav-item .xrpl_course__nav-link:hover .xrpl_course__nav-title {
    color: #32e685;
}
.xrpl_course__nav-item .xrpl_course__nav-link:focus {
    outline: none;
}
.xrpl_course__nav-item .xrpl_course__nav-link:focus-visible {
    outline: -webkit-focus-ring-color auto 1px;
}
.xrpl_course__nav-item .Icon {
    height: 35px;
    width: 35px;
}
@media (min-width: 576px) {
    .xrpl_course__nav-item .Icon {
        height: auto;
        width: auto;
    }
}
.xrpl-light .xrpl_course__nav-item .xrpl_course__nav-link:hover .xrpl_course__nav-title {
    color: #7919ff;
}
.xrpl_course__nav-title {
    margin-bottom: 0;
    line-height: 1.5;
}
.xrpl_course__nav-title.small {
    font-size: 0.875rem;
}
@media (min-width: 576px) {
    .xrpl_course__nav-title.small {
        font-size: 1rem;
    }
}
.xrpl_course__nav-item--selected {
    border-bottom: 1px solid #000;
    padding-bottom: 0.875rem;
    -webkit-transition: padding-bottom 0.3s ease-out;
    transition: padding-bottom 0.3s ease-out;
}
.xrpl_course__nav-item--selected .xrpl_course__nav-title {
    font-weight: 700;
    margin-left: 0.625rem;
}
.xrpl-light .xrpl_course__nav-item--selected img.Icon {
    filter: brightness(0) saturate(100%);
}
.xrpl-dark .xrpl_course__nav-item--selected img.Icon {
    filter: none;
}
@media (min-width: 576px) {
    .xrpl_course__nav-item--selected .xrpl_course__nav-title {
        margin-left: 0.75rem;
    }
}
.xrpl_course__nav-item--inactive a:not(:focus, :hover) .Icon__circle {
    stroke: #fff;
}
.xrpl_course__nav-item--inactive a:not(:focus, :hover) .Icon__text {
    fill: #fff;
}
.xrpl_course__nav-grid {
    display: grid;
    row-gap: 0.5rem;
    grid-template-columns: 1fr;
    max-height: 500px;
    padding-top: 0.9375rem;
    -webkit-transition: max-height 0.3s ease-in-out;
    transition: max-height 0.3s ease-in-out;
}
@media (min-width: 576px) {
    .xrpl_course__nav-grid {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 0.8rem;
    }
}
.xrpl_course__nav-row--1,
.xrpl_course__nav-row--3,
.xrpl_course__nav-row--5,
.xrpl_course__nav-row--6 {
    text-align: left;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.xrpl_course__nav-row--1 .xrpl_course__nav-item,
.xrpl_course__nav-row--3 .xrpl_course__nav-item,
.xrpl_course__nav-row--5 .xrpl_course__nav-item,
.xrpl_course__nav-row--6 .xrpl_course__nav-item {
    display: block;
    width: 100%;
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}
.xrpl_course__nav-row--1 svg,
.xrpl_course__nav-row--3 svg,
.xrpl_course__nav-row--5 svg,
.xrpl_course__nav-row--6 svg {
    width: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.xrpl_course__nav-row--1 .xrpl_course__nav-title,
.xrpl_course__nav-row--3 .xrpl_course__nav-title,
.xrpl_course__nav-row--5 .xrpl_course__nav-title,
.xrpl_course__nav-row--6 .xrpl_course__nav-title {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.xrpl_course__nav-grid {
    text-align: left;
}
.xrpl_course__nav-grid .xrpl_course__nav-item {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}
.xrpl_course__nav-grid .xrpl_course__nav-link,
.xrpl_course__nav-grid .xrpl_course__nav-not-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.xrpl_course__nav-grid svg {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
@media (min-width: 576px) {
    .xrpl_course__nav-grid svg {
        width: auto;
    }
}
.xrpl_course__nav-grid .xrpl_course__nav-title {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0 0.625rem;
}
@media (min-width: 576px) {
    .xrpl_course__nav-grid .xrpl_course__nav-title {
        margin: 0 0.75rem;
    }
}
.xrpl_course__lessons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 0.625rem;
    margin: 0 -0.375rem;
}
@media (min-width: 768px) {
    .xrpl_course__lessons {
        padding-bottom: 1.5625rem;
        margin: 0 -1.125rem;
    }
}
.xrpl_course__lesson {
    position: relative;
    width: 100%;
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding: 0 0.375rem;
    margin-bottom: 1.5625rem;
}
@media (min-width: 768px) {
    .xrpl_course__lesson {
        max-width: 33.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        padding: 0 1.125rem;
        margin-bottom: 2.25rem;
    }
}
.xrpl_course__lesson-inner {
    -webkit-box-shadow: 0 0 1.25rem #000;
    box-shadow: 0 0 1.25rem #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    height: 100%;
    background-color: #232325;
    padding: 1.4375rem 0.9375rem 0.9375rem;
    border-radius: 0.3125rem;
}
.xrpl-light .xrpl_course__lesson-inner {
    -webkit-box-shadow: 0 0 1.25rem #c1c1c2;
    box-shadow: 0 0 1.25rem #c1c1c2;
}
@media (min-width: 768px) {
    .xrpl_course__lesson-inner {
        min-height: 12rem;
        padding: 1.4375rem 0.9375rem 0.9375rem;
    }
}
.xrpl_course__lesson-border {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 0.5rem;
    border-top-right-radius: 0.3125rem;
    border-top-left-radius: 0.3125rem;
}
.xrpl_course__lesson-meta {
    display: inline-block;
    width: 100%;
}
.xrpl_course__lesson-meta::after {
    content: '';
    clear: both;
    display: table;
}
.xrpl_course__lesson-meta p {
    float: left;
    margin-bottom: 0.8125rem;
}
.xrpl_course__lesson-meta svg {
    float: right;
    width: 100%;
    max-width: 1.375rem;
}
.xrpl_course__lesson-meta svg path {
    stroke: #ccc;
}
.xrpl_course__lesson-svg {
    float: right;
    height: 1.0625rem;
    width: 1.0625rem;
    background-image: url(assets/a81ee000275ecf9a6470.svg), none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.xrpl_course__lesson-headline {
    width: 100%;
    margin-bottom: 0.75rem;
}
@media (min-width: 768px) {
    .xrpl_course__lesson-headline {
        margin-bottom: 0.625rem;
    }
}
.xrpl_course__btn {
    width: 100%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0) !important;
    margin-top: auto;
}
.xrpl_course__lesson--unseen .xrpl_course__lesson-border {
    background: #454549;
}
.xrpl_course__lesson--unseen svg path {
    stroke: #454549;
}
.xrpl_course__lesson--unseen .xrpl_course__btn::before {
    background-color: #7919ff;
}
.xrpl_course__lesson--unseen .xrpl_course__btn:hover::before {
    background-color: #5f00e5;
}
.xrpl_course__lesson--in-progress .xrpl_course__lesson-border {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#b480ff),
        color-stop(29.49%, #5f00e5),
        color-stop(61.09%, #1aa4ff),
        color-stop(101.11%, #19ff83)
    );
    background: linear-gradient(90deg, #b480ff 0%, #5f00e5 29.49%, #1aa4ff 61.09%, #19ff83 101.11%);
}
.xrpl_course__lesson--in-progress svg path {
    stroke: #fff;
}
.xrpl_course__lesson--in-progress .xrpl_course__lesson-svg {
    background-image: url(assets/51772a77acf5c72266ef.svg), none;
}
.xrpl_course__lesson--in-progress .xrpl_course__btn::before {
    background-color: #ff671a;
}
.xrpl_course__lesson--in-progress .xrpl_course__btn:hover::before {
    background-color: #e54d00;
}
.xrpl_course__lesson--pending-quiz-completion .xrpl_course__lesson-border,
.xrpl_course__lesson--completed .xrpl_course__lesson-border {
    background: #32e685;
}
.xrpl_course__lesson--pending-quiz-completion svg path,
.xrpl_course__lesson--completed svg path {
    stroke: #32e685;
}
.xrpl_course__lesson--pending-quiz-completion .xrpl_course__btn::before,
.xrpl_course__lesson--completed .xrpl_course__btn::before {
    background-color: #000;
}
.xrpl_course__lesson--pending-quiz-completion .xrpl_course__btn:hover::before,
.xrpl_course__lesson--completed .xrpl_course__btn:hover::before {
    background-color: #454549;
}
.xrpl_course__lesson--pending-quiz-completion .xrpl_course__lesson-svg {
    background-image: url(assets/d89a04eb223583801dd1.svg), none;
}
.xrpl_course__lesson--completed .xrpl_course__lesson-svg {
    height: 1.25rem;
    width: 1.25rem;
    background-image: url(assets/38ae18382b19715c9d29.svg), none;
}
.xrpl-light .xrpl_course__img-wrap {
    background-color: #fff;
}
.xrpl-light .xrpl_course__img-wrap path {
    stroke: #000;
}
.xrpl-light .xrpl_course__progress-bar::before {
    background-color: #fff;
}
.xrpl-light .xrpl_course__card {
    background-color: #fff;
}
.xrpl-light .xrpl_course__nav {
    border-color: #ccc;
}
.xrpl-light .xrpl_course__nav-item .Icon__theme {
    stroke: #454549;
}
.xrpl-light .xrpl_course__nav-item .Icon__text {
    fill: #454549;
}
.xrpl-light .xrpl_course__nav-item--selected .Icon__theme {
    stroke: #000;
}
.xrpl-light .xrpl_course__nav-item--selected .Icon__text {
    fill: #7919ff;
}
.xrpl-light .xrpl_course__nav-item--inactive a:not(:focus, :hover) .Icon__circle {
    stroke: #454549;
}
.xrpl-light .xrpl_course__nav-item--inactive a:not(:focus, :hover) .Icon__text {
    fill: #454549;
}
.xrpl-light .xrpl_course__nav-link {
    color: #000;
}
.xrpl-light .xrpl_course__nav-link:hover {
    color: #7919ff;
}
.xrpl-light .xrpl_course__lesson::before,
.xrpl-light .xrpl_course__lesson::after {
    background-color: #000;
}
.xrpl-light .xrpl_course__lesson-inner {
    background-color: #fff;
}
.xrpl-light .xrpl_course__lesson-meta p {
    color: #454549;
}
.xrpl-light .xrpl_course__lesson--unseen .xrpl_course__lesson-border {
    background: #454549;
}
.xrpl-light .xrpl_course__lesson--unseen svg path {
    stroke: #454549;
}
.xrpl-light .xrpl_course__lesson--unseen .xrpl_course__btn::before {
    background-color: #7919ff;
}
.xrpl-light .xrpl_course__lesson--unseen .xrpl_course__btn:hover::before {
    background-color: #5f00e5;
}
.xrpl-light .xrpl_course__lesson--in-progress svg path {
    stroke: #000;
}
.xrpl-light .xrpl_course__lesson--in-progress .xrpl_course__lesson-svg {
    background-image: url(assets/c4694aa6bc9d1721efc5.svg), none;
}
.xrpl-light .xrpl_course__lesson--in-progress .xrpl_course__btn::before {
    background-color: #ff671a;
}
.xrpl-light .xrpl_course__lesson--in-progress .xrpl_course__btn:hover::before {
    background-color: #e54d00;
}
.xrpl-light .xrpl_course__lesson--pending-quiz-completion .xrpl_course__btn::before,
.xrpl-light .xrpl_course__lesson--completed .xrpl_course__btn::before {
    background-color: #000;
}
.xrpl-light .xrpl_course__lesson--pending-quiz-completion .xrpl_course__btn:hover::before,
.xrpl-light .xrpl_course__lesson--completed .xrpl_course__btn:hover::before {
    background-color: #454549;
}
.xrpl-light .xrpl_course__lesson--pending-quiz-completion .xrpl_course__lesson-svg {
    background-image: url(assets/00d0c4de04a0910263d3.svg), none;
}
.xrpl-light .xrpl_course__lesson--completed .xrpl_course__lesson-svg {
    background-image: url(assets/6440dc0f2ee10f585ab3.svg), none;
}
pre[class*='language-'].line-numbers.linkable-line-numbers {
    white-space: pre-wrap;
    overflow: visible;
}
pre[class*='language-'].line-numbers.linkable-line-numbers > code {
    word-break: break-word;
}
.line-numbers-rows > span {
    position: relative;
}
.line-numbers-rows > span .code-comment-trigger {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -rem-me(24px);
    z-index: 100;
    width: 1.125rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    cursor: pointer;
}
@media (min-width: 992px) {
    .line-numbers-rows > span .code-comment-trigger {
        display: none;
    }
}
.line-numbers-rows > span .code-comment-trigger::after {
    display: none;
}
.line-numbers-rows > span .code-comment-svg {
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: url(assets/28eb09199a232009843a.svg), none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center 3px;
    pointer-events: none;
}
.line-numbers-rows > span .code-comment {
    font-size: 14px;
    font-size: 0.875rem;
    font-family: 'Work Sans', sans-serif;
    color: #fff;
    position: absolute;
    top: -0.3125rem;
    left: 3.375rem;
    width: 24.125rem;
    z-index: 900;
    padding: 0.5rem;
    border-radius: 0.3125rem;
    background-color: #232325;
    -webkit-box-shadow: 0 0 0.9375rem #000;
    box-shadow: 0 0 0.9375rem #000;
}
@media (min-width: 992px) {
    .line-numbers-rows > span .code-comment {
        top: -0.375rem;
        left: 62vw;
        width: 31.5vw;
    }
}
@media (min-width: 1200px) {
    .line-numbers-rows > span .code-comment {
        left: calc(60vw + 0.375rem);
        width: calc(12rem + 13.5vw);
    }
}
@media (min-width: 1800px) {
    .line-numbers-rows > span .code-comment {
        top: -0.4rem;
        left: calc(23.9rem + 26vw);
        width: calc(18.875rem + 6vw);
        padding: 0.7rem;
    }
}
@media (max-width: 991.98px) {
    .line-numbers-rows > span .code-comment.code-comment--closed {
        display: none;
    }
}
.line-numbers-rows > span .code-comment::after {
    content: '';
    position: absolute;
    top: 0.625rem;
    left: -0.75rem;
    width: 0;
    height: 0;
    border-top: 0.4375rem solid rgba(0, 0, 0, 0);
    border-bottom: 0.4375rem solid rgba(0, 0, 0, 0);
    border-right: 0.875rem solid #232325;
}
@media (min-width: 992px) {
    .line-numbers-rows > span .code-comment::after {
        top: 0.625rem;
    }
}
@media (min-width: 1800px) {
    .line-numbers-rows > span .code-comment::after {
        top: 0.8125rem;
    }
}
.line-numbers-rows > span .code-comment p {
    font-size: 12px;
    font-size: 0.75rem;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    line-height: 1.6;
    font-family: 'Work Sans', sans-serif;
    letter-spacing: 0.1px;
    margin-bottom: 0;
}
@media (min-width: 576px) {
    .line-numbers-rows > span .code-comment p {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1.333333;
    }
}
@media (min-width: 576px) {
    .line-numbers-rows > span .code-comment p {
        font-size: 0.8rem;
    }
}
@media (max-width: 991.98px) {
    .line-numbers-rows > span .code-comment p strong {
        display: none;
    }
}
.xrpl_lesson__content div.code-toolbar > .toolbar > .toolbar-item > a::after {
    display: none;
}
div[data-code-id] {
    display: none;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}
.xrpl_lesson::after {
    content: '';
    clear: both;
    display: table;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .xrpl_lesson {
        padding-right: 10vw;
        padding-left: 10vw;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .xrpl_lesson {
        padding-right: 4.5vw;
        padding-left: 4.5vw;
    }
}
@media (min-width: 992px) {
    .xrpl_lesson__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
.xrpl_lesson__row.text-content__row {
    margin-top: 0;
}
@media (min-width: 992px) {
    .xrpl_lesson__sidebar {
        z-index: 900;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        max-width: 28.625rem;
        margin-left: auto;
    }
}
@media (min-width: 1200px) {
    .xrpl_lesson__sidebar {
        min-width: 0;
    }
}
@media (min-width: 768px) {
    .xrpl_lesson__headlines {
        margin-bottom: 1.125rem;
    }
}
@media (min-width: 992px) {
    .xrpl_lesson__headlines {
        margin-bottom: 1.125rem;
    }
}
@media (min-width: 1200px) {
    .xrpl_lesson__headlines {
        margin-bottom: 2.875rem;
    }
}
.xrpl_lesson__sequence {
    margin-bottom: 0.4375rem;
}
.xrpl_lesson__close {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(0, 0, 0, 0);
    padding: 13px 15px 11px;
    border: 0;
    margin-left: -15px;
    vertical-align: middle;
    cursor: pointer;
}
@media (min-width: 992px) {
    .xrpl_lesson__close {
        display: inline-block;
    }
}
.xrpl_lesson__title {
    margin-bottom: 0;
}
@media (min-width: 768px) {
    .xrpl_lesson__title {
        margin-bottom: 0.625rem;
    }
}
.xrpl_lesson__detail-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -0.3125rem;
}
@media (max-width: 575.98px) {
    .xrpl_lesson__detail-row {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.xrpl_lesson__estimate,
.xrpl_lesson__difficulty {
    padding: 0 0.3125rem;
}
.xrpl_lesson__estimate::after,
.xrpl_lesson__difficulty::after {
    content: '';
    clear: both;
    display: table;
}
@media (min-width: 576px) {
    .xrpl_lesson__estimate {
        margin-right: 15%;
    }
}
.xrpl_lesson__estimate-headline,
.xrpl_lesson__difficulty-headline {
    margin-bottom: 0;
}
.xrpl_lesson__estimate-headline {
    white-space: nowrap;
}
.xrpl_lesson__difficulty-text {
    float: left;
    margin-right: 0.3125rem;
}
.xrpl_lesson__difficulty-dots {
    white-space: nowrap;
}
.xrpl_lesson__difficulty-dots span {
    display: inline-block;
    height: 0.5rem;
    width: 0.5rem;
    background-color: #454549;
    border-radius: 50%;
    margin-left: 0.3125rem;
}
.xrpl_lesson__difficulty-dots span:first-child {
    margin-left: 0;
}
.xrpl_lesson__detail-row .xrpl_lesson__difficulty-dots.xrpl_lesson__difficulty-dots--1 span:nth-child(-n + 1) {
    background-color: #7919ff;
}
.xrpl_lesson__detail-row .xrpl_lesson__difficulty-dots.xrpl_lesson__difficulty-dots--2 span:nth-child(-n + 2) {
    background-color: #7919ff;
}
.xrpl_lesson__detail-row .xrpl_lesson__difficulty-dots.xrpl_lesson__difficulty-dots--3 span:nth-child(-n + 3) {
    background-color: #7919ff;
}
.xrpl_lesson__detail-row .xrpl_lesson__difficulty-dots.xrpl_lesson__difficulty-dots--4 span:nth-child(-n + 4) {
    background-color: #7919ff;
}
.xrpl_lesson__detail-row .xrpl_lesson__difficulty-dots.xrpl_lesson__difficulty-dots--5 span:nth-child(-n + 5) {
    background-color: #7919ff;
}
.xrpl_lesson__concepts h6 {
    margin-bottom: 0.375rem;
}
.xrpl_lesson__concepts ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -0.3125rem 0.9375rem;
}
.xrpl_lesson__concepts ul li {
    font-size: 12px;
    font-size: 0.75rem;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    line-height: 1.6;
    display: inline-block;
    color: #fff;
    padding: 0.625rem;
    background-color: #145c35;
    border-radius: 3.125rem;
    margin: 0 0.3125rem 0.625rem;
}
@media (min-width: 576px) {
    .xrpl_lesson__concepts ul li {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1.333333;
    }
}
@media (min-width: 576px) {
    .xrpl_lesson__concepts ul li {
        padding: 0.625rem 0.9375rem;
        margin-right: 0.3125rem;
        margin-left: 0.3125rem;
    }
}
.xrpl_lesson__main {
    margin-bottom: 3rem;
}
@media (min-width: 768px) {
    .xrpl_lesson__main {
        margin-bottom: 6rem;
    }
}
@media (min-width: 992px) {
    .xrpl_lesson__main {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        max-width: 62vw;
        margin-right: 1.25rem;
    }
}
@media (min-width: 1200px) {
    .xrpl_lesson__main {
        max-width: 60vw;
        margin-right: 2.5rem;
    }
}
@media (min-width: 1800px) {
    .xrpl_lesson__main {
        max-width: 45rem;
        max-width: calc(22.5rem + 27vw);
    }
}
.xrpl_lesson__img-wrap {
    margin-bottom: 0.9375rem;
}
@media (min-width: 992px) {
    .xrpl_lesson__img-wrap {
        margin-bottom: 1.5625rem;
    }
}
.xrpl_lesson__content {
    margin-bottom: 2.8125rem;
}
@media (min-width: 768px) {
    .xrpl_lesson__content {
        margin-bottom: 3.75rem;
    }
}
.xrpl_lesson__content img {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 768px) {
    .xrpl_lesson__content img {
        margin: 0.8125rem auto;
    }
}
.xrpl_lesson__content a:hover {
    color: #32e685;
}
.xrpl_lesson__content a img {
    display: inline;
    vertical-align: text-bottom;
    max-width: 1.25rem;
    margin: 0 0 0 0.1rem;
}
.xrpl_lesson__content a.btn.btn--primary {
    font-size: 14px;
    font-size: 0.875rem;
    display: inline-block;
    position: relative;
    z-index: 5;
    font-weight: 700;
    color: #fff;
    padding: 0.75rem 0.875rem;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0.25rem;
    cursor: pointer;
    text-decoration: none;
    margin-bottom: 0.8125rem;
}
.xrpl_lesson__content a.btn.btn--primary:hover {
    color: #fff;
}
.xrpl_lesson__content a.btn.btn--primary:focus-visible {
    outline-offset: 3px;
}
.xrpl_lesson__content a.btn.btn--primary::before {
    content: '';
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
    left: -1px;
    z-index: -1;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0.25rem;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:
        transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
        -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.xrpl_lesson__content a.btn.btn--primary:hover::before {
    -webkit-transform: scale3d(1.03, 1.1, 1);
    transform: scale3d(1.03, 1.1, 1);
}
.xrpl_lesson__content a.btn.btn--primary:disabled::before {
    background-color: #454549;
}
.xrpl_lesson__content a.btn.btn--primary:disabled:hover::before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    background-color: #454549;
}
.xrpl-light .xrpl_lesson__content a.btn.btn--primary {
    color: #fff;
}
.xrpl_lesson__content a.btn.btn--primary::before {
    background-color: #7919ff;
}
.xrpl_lesson__content a.btn.btn--primary:hover::before {
    background-color: #5f00e5;
}
@media (min-width: 576px) {
    .xrpl_lesson__content a.btn.btn--primary {
        margin-bottom: 1.0625rem;
    }
}
.xrpl_lesson__content a.btn.btn--primary img {
    margin: 0 0 0 0.5rem;
}
@media (min-width: 576px) {
    .xrpl_lesson__content h2,
    .xrpl_lesson__content h3,
    .xrpl_lesson__content h4,
    .xrpl_lesson__content h5 {
        margin-top: 3.75rem;
    }
}
@media (min-width: 576px) {
    .xrpl_lesson__content h4 {
        margin-bottom: 0.9375rem;
    }
}
.xrpl_lesson__content ul {
    padding-left: 1.9375rem;
    list-style: disc;
}
.xrpl_lesson__content ol {
    padding-left: 2.25rem;
    list-style-type: decimal;
}
.xrpl_lesson__content .xrpl-iframe {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
    margin: 1rem 0;
}
@media (min-width: 576px) {
    .xrpl_lesson__content .xrpl-iframe {
        margin: 2rem 0;
    }
}
.xrpl_lesson__content .xrpl-iframe iframe {
    width: 100%;
}
.xrpl_lesson__content .xrpl-full-width-btn {
    display: none;
    position: absolute;
    top: 0;
    right: -3.9vw;
    height: 2.1875rem;
    width: 2.1875rem;
    padding: 0.3125rem;
    background-color: #7919ff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 5px;
    cursor: pointer;
}
@media (min-width: 992px) {
    .xrpl_lesson__content .xrpl-full-width-btn {
        display: block;
    }
}
@media (min-width: 1200px) {
    .xrpl_lesson__content .xrpl-full-width-btn {
        right: -3.3rem;
    }
}
.xrpl_lesson__content .xrpl-full-width-btn:hover {
    background-color: #5f00e5;
}
.xrpl_lesson__content .xrpl-full-width-btn .xrpl-iframe__icon {
    height: 1.5625rem;
    width: 1.5625rem;
    background-image: url(assets/0efe0c30d30af63ead9c.svg), none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.xrpl_lesson__content .xrpl-iframe .xrpl-full-width-btn {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media (min-width: 992px) {
    .xrpl_lesson__content .code-toolbar.xrpl-full-width,
    .xrpl_lesson__content .xrpl-iframe.xrpl-full-width {
        width: calc(91vw - 15px);
        max-width: calc(91vw - 15px);
    }
}
@media (min-width: 1200px) {
    .xrpl_lesson__content .code-toolbar.xrpl-full-width,
    .xrpl_lesson__content .xrpl-iframe.xrpl-full-width {
        width: calc(87.5vw - 15px);
        max-width: calc(87.5vw - 15px);
    }
}
@media (min-width: 1800px) {
    .xrpl_lesson__content .code-toolbar.xrpl-full-width,
    .xrpl_lesson__content .xrpl-iframe.xrpl-full-width {
        width: calc(76vw - 15px);
        max-width: calc(76vw - 15px);
    }
}
.xrpl_lesson__content .code-toolbar.xrpl-full-width .code-comment,
.xrpl_lesson__content .xrpl-iframe.xrpl-full-width .code-comment {
    display: none;
}
.xrpl_lesson__key-takeaway {
    padding: 0.9375rem 0.9375rem 1px;
    border: 1px solid #fff;
    border-radius: 4px;
    margin-bottom: 2.8125rem;
}
@media (min-width: 576px) {
    .xrpl_lesson__key-takeaway {
        padding: 1.875rem 1.875rem 2px;
        margin-bottom: 3.75rem;
    }
}
@media (min-width: 992px) {
    .xrpl_lesson__key-takeaway {
        padding: 0.9375rem 0.9375rem 2px;
    }
}
.xrpl_lesson__key-takeaway ul {
    padding-left: 0.9375rem;
    list-style: disc;
}
.xrpl_lesson__key-takeaway ol {
    padding-left: 1.25rem;
    list-style-type: decimal;
}
@media (min-width: 576px) {
    .xrpl_lesson__key-takeaway li {
        font-size: 0.9rem;
    }
}
.xrpl_lesson__cta {
    position: relative;
    resize: none;
    overflow: hidden;
    --box-border--border: linear-gradient(90deg, #b480ff 0%, #5f00e5 29.49%, #1aa4ff 61.09%, #19ff83 101.11%);
    --box--border__top-left: url('data:image/svg+xml,<svg width=%2710%27 height=%2710%27 viewBox=%270 0 10 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><rect x=%271%27 y=%271%27 width=%2718%27 height=%2718%27 rx=%271%27 ry=%271%27 stroke=%27%23000%27 stroke-width=%271%27 /></svg>');
    --box--border__top: url('data:image/svg+xml,<svg preserveAspectRatio=%27none%27 width=%27100%27 height=%2710%27 viewBox=%270 0 100 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><line x1=%27-1%27 y1=%271%27 x2=%27101%27 y2=%271%27 stroke=%27%23000%27 stroke-width=%271%27/></svg>');
    --box--border__top-right: url('data:image/svg+xml,<svg width=%2710%27 height=%2710%27 viewBox=%270 0 10 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><rect x=%27-9%27 y=%271%27 width=%2718%27 height=%2718%27 rx=%271%27 ry=%271%27 stroke=%27black%27 stroke-width=%271%27 /></svg>');
    --box--border__left: url('data:image/svg+xml,<svg preserveAspectRatio=%27none%27 width=%2710%27 height=%27100%27 viewBox=%270 0 10 100%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><line x1=%271%27 y1=%27-1%27 x2=%271%27 y2=%27101%27 stroke=%27%23000%27 stroke-width=%271%27/></svg>');
    --box--border__right: url('data:image/svg+xml,<svg preserveAspectRatio=%27none%27 width=%2710%27 height=%27100%27 viewBox=%270 0 10 100%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><line x1=%279%27 y1=%27-1%27 x2=%279%27 y2=%27101%27 stroke=%27%23000%27 stroke-width=%271%27/></svg>');
    --box--border__bottom-left: url('data:image/svg+xml,<svg width=%2710%27 height=%2710%27 viewBox=%270 0 10 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><rect x=%271%27 y=%27-9%27 width=%2718%27 height=%2718%27 rx=%271%27 ry=%271%27 stroke=%27%23000%27 stroke-width=%271%27 /></svg>');
    --box--border__bottom: url('data:image/svg+xml,<svg preserveAspectRatio=%27none%27 width=%27100%27 height=%2710%27 viewBox=%270 0 100 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><line x1=%27-1%27 y1=%279%27 x2=%27101%27 y2=%279%27 stroke=%27%23000%27 stroke-width=%271%27/></svg>');
    --box--border__bottom-right: url('data:image/svg+xml,<svg width=%2710%27 height=%2710%27 viewBox=%270 0 10 10%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27><rect x=%27-9%27 y=%27-9%27 width=%2718%27 height=%2718%27 rx=%271%27 ry=%271%27 stroke=%27black%27 stroke-width=%271%27 /></svg>');
    text-align: center;
    padding: 1.25rem;
}
.xrpl_lesson__cta::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--box-border--border);
    -webkit-mask:
        var(--box--border__top-left) 0 0/0.625rem 0.625rem,
        var(--box--border__top) 0.625rem 0 / calc(100% - 1.25rem) 0.625rem,
        var(--box--border__top-right) 100% 0/0.625rem 0.625rem,
        var(--box--border__left) 0 0.625rem/.625rem calc(100% - 1.25rem),
        var(--box--border__right) 100% 0.625rem/.625rem calc(100% - 1.25rem),
        var(--box--border__bottom-left) 0 100%/0.625rem 0.625rem,
        var(--box--border__bottom) 0.625rem 100% / calc(100% - 1.25rem) 0.625rem,
        var(--box--border__bottom-right) 100% 100%/0.625rem 0.625rem;
    mask:
        var(--box--border__top-left) 0 0/0.625rem 0.625rem,
        var(--box--border__top) 0.625rem 0 / calc(100% - 1.25rem) 0.625rem,
        var(--box--border__top-right) 100% 0/0.625rem 0.625rem,
        var(--box--border__left) 0 0.625rem/.625rem calc(100% - 1.25rem),
        var(--box--border__right) 100% 0.625rem/.625rem calc(100% - 1.25rem),
        var(--box--border__bottom-left) 0 100%/0.625rem 0.625rem,
        var(--box--border__bottom) 0.625rem 100% / calc(100% - 1.25rem) 0.625rem,
        var(--box--border__bottom-right) 100% 100%/0.625rem 0.625rem;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    pointer-events: none;
}
@media (min-width: 576px) {
    .xrpl_lesson__cta {
        padding: 1.875rem;
    }
}
.xrpl_lesson__cta h3 {
    margin-bottom: 2.5rem;
}
@media (min-width: 576px) {
    .xrpl_lesson__cta svg {
        margin-bottom: 0.3125rem;
    }
}
.xrpl_lesson__cta br {
    display: none;
}
@media (min-width: 576px) {
    .xrpl_lesson__cta br {
        display: block;
    }
}
.xrpl_lesson__cta button {
    background-color: rgba(0, 0, 0, 0);
}
.xrpl_lesson__cta .btn {
    margin: 0 0.8125rem;
    cursor: pointer;
}
.xrpl_lesson__svg-wrap .xrpl_lesson__cta-svg {
    height: 2rem;
    width: 3.5rem;
    background-image: url(assets/acb03d0affd98185ae07.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
}
@media (min-width: 576px) {
    .xrpl_lesson__svg-wrap .xrpl_lesson__cta-svg {
        margin-bottom: 0.3125rem;
    }
}
#lesson-cta-end-of-quiz .xrpl_lesson__cta-svg {
    height: 1.5rem;
    width: 1.5rem;
    background-image: url(assets/38ae18382b19715c9d29.svg), none;
}
.xrpl-light #lesson-cta-end-of-quiz .xrpl_lesson__cta-svg {
    background-image: url(assets/6440dc0f2ee10f585ab3.svg), none;
}
#lesson-cta-end-of-quiz input[type='submit'] {
    display: inline-block;
    margin: 0;
}
#lesson-cta-course-complete {
    background: #232325;
    border-radius: 0.3125rem;
    border-top: 8px solid rgba(0, 0, 0, 0);
    background-image:
        -webkit-gradient(linear, left top, left bottom, from(#232325), to(#232325)),
        -webkit-gradient(
                linear,
                left top,
                right top,
                from(#b480ff),
                color-stop(29.49%, #5f00e5),
                color-stop(61.09%, #1aa4ff),
                color-stop(101.11%, #19ff83)
            );
    background-image:
        linear-gradient(#232325, #232325),
        linear-gradient(90deg, #b480ff 0%, #5f00e5 29.49%, #1aa4ff 61.09%, #19ff83 101.11%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    background-repeat: no-repeat;
    background-position: top;
    --box-border--border: none;
    -webkit-box-shadow: 0 0 1.25rem #000;
    box-shadow: 0 0 1.25rem #000;
}
#lesson-cta-course-complete .xrpl_lesson__cta-image {
    max-width: 87%;
}
#lesson-cta-course-complete h2 {
    margin-bottom: 0.9375rem;
}
#lesson-cta-course-complete p {
    margin-bottom: 2.1875rem;
}
#lesson-cta-course-complete .xrpl_lesson__cta-buttons {
    margin-bottom: 1.25rem;
}
#lesson-cta-course-complete .xrpl_lesson__cta-buttons > * {
    margin-top: 1.25rem;
}
#lesson-cta-course-complete .xrpl_lesson__cta-buttons > *:first-child {
    margin-top: 0;
}
#lesson-cta-course-complete .xrpl_lesson__cta-buttons .xrpl_progress_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (min-width: 576px) {
    #lesson-cta-course-complete .xrpl_lesson__cta-buttons .xrpl_progress_btn {
        display: inline-block;
    }
}
#lesson-cta-course-complete .xrpl_lesson__cta-buttons .xrpl_progress_btn:before {
    background-color: #000;
}
#lesson-cta-course-complete .xrpl_lesson__cta-buttons .xrpl_progress_btn:hover:before {
    background-color: #454549;
}
#lesson-cta-course-complete .xrpl_lesson__cta-buttons .xrpl_share_btn .xrpl_lesson__share-svg {
    background-image: url(assets/9d9d0113ae6d11abcdbe.svg);
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-left: 1.25rem;
}
#lesson-cta-course-complete .social-share-popover {
    background: #7919ff;
    padding: 10px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    margin-bottom: 10px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 0.8125rem;
    margin-right: 0.8125rem;
}
@media (min-width: 576px) {
    #lesson-cta-course-complete .social-share-popover {
        position: absolute;
        bottom: 100%;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }
}
#lesson-cta-course-complete .social-share-popover::after {
    display: none;
}
@media (min-width: 576px) {
    #lesson-cta-course-complete .social-share-popover::after {
        display: block;
        content: '';
        position: absolute;
        top: 100%;
        right: 20px;
        border-width: 8px;
        border-style: solid;
        border-color: #7919ff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    }
}
#lesson-cta-course-complete span.share-button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
@media (min-width: 576px) {
    #lesson-cta-course-complete span.share-button-container {
        position: relative;
        display: inline-block;
    }
}
#lesson-cta-course-complete span.share-button-container .btn:hover:before {
    -webkit-transform: none;
    transform: none;
}
@media (min-width: 576px) {
    #lesson-cta-course-complete span.share-button-container .btn:hover:before {
        -webkit-transform: scale3d(1.03, 1.1, 1);
        transform: scale3d(1.03, 1.1, 1);
    }
}
#lesson-cta-course-complete .sfsi_widget.sfsi_shortcode_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#lesson-cta-course-complete .sfsi_widget.sfsi_shortcode_container .norm_row.sfsi_wDiv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#lesson-cta-course-complete .sfsi_widget.sfsi_shortcode_container .norm_row.sfsi_wDiv .sfsi_wicons.shuffeldiv {
    margin: auto !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (min-width: 768px) {
    #lesson-cta-course-complete .sfsi_widget.sfsi_shortcode_container .norm_row.sfsi_wDiv .sfsi_wicons.shuffeldiv {
        padding-top: 0;
    }
}
#lesson-cta-course-complete .xrpl_lesson__cta-svg {
    height: 3.25rem;
    width: 3.25rem;
    background-image: url(assets/600c16935dc2c44fead8.svg);
}
.xrpl_lesson__course-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.xrpl_lesson__previous-lesson,
.xrpl_lesson__next-lesson {
    position: relative;
    color: #fff;
    width: 100%;
    max-width: 15.875rem;
    padding: 1.25rem 1.25rem 2.5rem;
    border: 1px solid #7919ff;
    border-radius: 0.3125rem;
    text-decoration: none;
}
.xrpl_lesson__previous-lesson:hover,
.xrpl_lesson__next-lesson:hover {
    color: #32e685;
}
.xrpl_lesson__previous-lesson:hover p,
.xrpl_lesson__next-lesson:hover p {
    color: #32e685;
}
.xrpl_lesson__previous-lesson:hover svg path,
.xrpl_lesson__next-lesson:hover svg path {
    stroke: #32e685;
}
.xrpl_lesson__previous-lesson h5,
.xrpl_lesson__next-lesson h5 {
    padding-bottom: 0.5625rem;
    border-bottom: 1px solid #454549;
}
@media (min-width: 576px) {
    .xrpl_lesson__previous-lesson h5,
    .xrpl_lesson__next-lesson h5 {
        padding-bottom: 0.6875rem;
    }
}
.xrpl_lesson__previous-lesson p,
.xrpl_lesson__next-lesson p {
    padding-right: 0.375rem;
    margin-bottom: 8px;
}
.xrpl_lesson__previous-lesson svg,
.xrpl_lesson__next-lesson svg {
    position: absolute;
    bottom: 1.25rem;
    left: 1.25rem;
}
.xrpl_lesson__next-lesson {
    text-align: right;
    margin-left: auto;
}
.xrpl_lesson__next-lesson p {
    padding-right: 0;
    padding-left: 0.375rem;
}
.xrpl_lesson__next-lesson svg {
    position: absolute;
    right: 1.25rem;
    left: unset;
}
.xrpl_lesson__main .qsm-quiz-container {
    display: none;
}
.xrpl-light .buttons-header {
    background-color: #f5f5f7;
}
.xrpl-light .buttons-header__expand .Icon--sidebar-toggle path,
.xrpl-light .xrpl_lesson__close .Icon--sidebar-toggle path {
    stroke: #7919ff;
}
.xrpl-light .buttons-header__expand .Icon--sidebar-toggle .Icon__bg-fill,
.xrpl-light .xrpl_lesson__close .Icon--sidebar-toggle .Icon__bg-fill {
    fill: #7919ff;
}
.xrpl-light .buttons-header__expand .Icon--sidebar-toggle .Icon__lines,
.xrpl-light .xrpl_lesson__close .Icon--sidebar-toggle .Icon__lines {
    stroke: #fff;
}
.xrpl-light .Nameplate--sidebar-closed .buttons-header__expand .Icon--sidebar-toggle .Icon__bg-fill,
.xrpl-light .Nameplate--sidebar-closed .xrpl_lesson__close .Icon--sidebar-toggle .Icon__bg-fill {
    fill: rgba(0, 0, 0, 0);
}
.xrpl-light .Nameplate--sidebar-closed .buttons-header__expand .Icon--sidebar-toggle .Icon__lines,
.xrpl-light .Nameplate--sidebar-closed .xrpl_lesson__close .Icon--sidebar-toggle .Icon__lines {
    stroke: #7919ff;
}
.xrpl-light .buttons-header__discord .Icon--discord path,
.xrpl-light .buttons-header__discord-toggle .Icon--discord path {
    fill: #7919ff;
}
.xrpl-light .buttons-header__discord:hover .Icon--discord path {
    fill: #fff;
}
.xrpl-light .line-numbers-rows > span .code-comment {
    color: #000;
    background-color: #fff;
    -webkit-box-shadow: 0 0 0.9375rem #c1c1c2;
    box-shadow: 0 0 0.9375rem #c1c1c2;
}
.xrpl-light .line-numbers-rows > span .code-comment::after {
    border-right: 0.875rem solid #fff;
}
.xrpl-light .xrpl_lesson__difficulty-dots span {
    background-color: #ccc;
}
.xrpl-light .xrpl_lesson__content a {
    color: #000;
}
.xrpl-light .xrpl_lesson__content a:hover {
    color: #7919ff;
}
.xrpl-light .xrpl_lesson__key-takeaway {
    border-color: #000;
}
.xrpl-light .xrpl_lesson__cta .Icon--quiz .Icon__theme {
    stroke: #000;
}
.xrpl-light .xrpl_lesson__svg-wrap .xrpl_lesson__cta-svg {
    background-image: url(assets/d94c88fe46f9266c04ef.svg);
}
.xrpl-light #lesson-cta-course-complete .xrpl_lesson__cta-svg {
    background-image: url(assets/3544a0ea755889b431a2.svg);
}
.xrpl-light .xrpl_lesson__previous-lesson,
.xrpl-light .xrpl_lesson__next-lesson {
    color: #000;
}
.xrpl-light .xrpl_lesson__previous-lesson h5,
.xrpl-light .xrpl_lesson__next-lesson h5 {
    border-color: #ccc;
}
.xrpl-light .xrpl_lesson__previous-lesson svg path,
.xrpl-light .xrpl_lesson__next-lesson svg path {
    stroke: #000;
}
.xrpl-light .xrpl_lesson__previous-lesson:hover,
.xrpl-light .xrpl_lesson__next-lesson:hover {
    color: #7919ff;
}
.xrpl-light .xrpl_lesson__previous-lesson:hover p,
.xrpl-light .xrpl_lesson__next-lesson:hover p {
    color: #7919ff;
}
.xrpl-light .xrpl_lesson__previous-lesson:hover svg path,
.xrpl-light .xrpl_lesson__next-lesson:hover svg path {
    stroke: #7919ff;
}
.xrpl-light #lesson-cta-course-complete {
    background: #fff;
    border-top: 8px solid rgba(0, 0, 0, 0);
    background-image:
        -webkit-gradient(linear, left top, left bottom, from(white), to(white)),
        -webkit-gradient(
                linear,
                left top,
                right top,
                from(#b480ff),
                color-stop(29.49%, #5f00e5),
                color-stop(61.09%, #1aa4ff),
                color-stop(101.11%, #19ff83)
            );
    background-image:
        linear-gradient(white, white),
        linear-gradient(90deg, #b480ff 0%, #5f00e5 29.49%, #1aa4ff 61.09%, #19ff83 101.11%);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    -webkit-box-shadow: 0 0 1.25rem #c1c1c2;
    box-shadow: 0 0 1.25rem #c1c1c2;
}
.profile-block::after {
    content: '';
    clear: both;
    display: table;
}
.profile-block__sidebar {
    display: none;
    width: 100%;
}
@media (min-width: 768px) {
    .profile-block__sidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 8.8125rem;
        z-index: 900;
        float: left;
        max-width: 15.75rem;
        padding-right: 1.25rem;
    }
}
@media (min-width: 1200px) {
    .profile-block__sidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 8.8125rem;
    }
}
@media (min-width: 1200px) {
    .admin-bar .profile-block__sidebar {
        top: 10.8125rem;
    }
}
.profile-block__user {
    margin-bottom: 2.8125rem;
}
@media (min-width: 768px) {
    .profile-block__user {
        margin-bottom: 6.5rem;
    }
}
.profile-block__img-wrap {
    width: 4.4375rem;
    height: 4.4375rem;
    border-radius: 50%;
    background-color: #232325;
    margin-bottom: 1.1875rem;
}
.profile-block__img-wrap svg {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 1.125rem;
    margin: auto;
}
#menu-profile-nav {
    margin: 0;
}
#menu-profile-nav li {
    margin-bottom: 0.5625rem;
}
#menu-profile-nav a {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
    display: block;
    color: #fff;
    padding: 0.5rem 0 0.5rem 2.5rem;
}
#menu-profile-nav a svg {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
}
#menu-profile-nav .current-menu-item a {
    font-weight: 700;
}
.profile-block__main {
    width: 100%;
}
@media (min-width: 992px) {
    .profile-block__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
.profile-block__progress {
    width: 100%;
}
@media (min-width: 992px) {
    .profile-block__progress {
        margin-right: 2.5%;
    }
}
.profile-block__progress-row {
    padding-bottom: 0.625rem;
}
@media (min-width: 768px) {
    .profile-block__progress-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -0.625rem;
    }
}
.profile-block__course {
    position: relative;
    width: 100%;
    margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
    .profile-block__course {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding: 0 0.625rem;
    }
}
.profile-block__course-inner {
    -webkit-box-shadow: 0 0 1.25rem #000;
    box-shadow: 0 0 1.25rem #000;
    position: relative;
    background-color: #232325;
    padding: 1.4375rem 0.9375rem 0.9375rem;
    border-radius: 0.3125rem;
}
.xrpl-light .profile-block__course-inner {
    -webkit-box-shadow: 0 0 1.25rem #c1c1c2;
    box-shadow: 0 0 1.25rem #c1c1c2;
}
@media (min-width: 768px) {
    .profile-block__course-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        min-height: 12rem;
        padding: 2.0625rem 1.5625rem 1.5625rem;
    }
}
.profile-block__course-inner p {
    margin-bottom: 0.6875rem;
}
.profile-block__course-border {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 0.5rem;
    border-top-right-radius: 0.3125rem;
    border-top-left-radius: 0.3125rem;
}
.profile-block__circle-wrap {
    height: 6.625rem;
    width: 6.625rem;
    background: #000;
    border-radius: 50%;
    margin: 0 auto 1.4375rem;
}
.profile-block__circle .profile-block__mask,
.profile-block__circle .profile-block__fill {
    height: 6.625rem;
    width: 6.625rem;
    position: absolute;
    border-radius: 50%;
}
.profile-block__circle .profile-block__mask {
    clip: rect(0, 6.625rem, 6.625rem, 3.3125rem);
}
.profile-block__circle-percent {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    background: #232325;
    line-height: 6.375rem;
    text-align: center;
    margin-top: 0.3125rem;
    margin-left: 0.3125rem;
    position: absolute;
    z-index: 100;
}
.profile-block__circle-percent div {
    display: inline-block;
    position: relative;
}
.block__circle-percent-number {
    position: relative;
    padding-right: 1.125rem;
}
.block__circle-percent-sign {
    font-size: 1rem;
    position: absolute;
    top: 34%;
    right: 0;
    line-height: 1.3;
}
@media (min-width: 576px) {
    .block__circle-percent-sign {
        font-size: 1.2rem;
        top: 29%;
    }
}
.profile-block__mask .profile-block__fill {
    clip: rect(0px, 3.3125rem, 6.625rem, 0rem);
    background-color: #32e685;
}
.profile-block__course--disabled .profile-block__mask .profile-block__fill {
    background-color: #454549;
}
.profile-block__mask.profile-block__mask--full,
.profile-block__circle .profile-block__fill {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.profile-block__circle-wrap--0 .profile-block__mask.profile-block__mask--full,
.profile-block__circle-wrap--0 .profile-block__circle .profile-block__fill {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.profile-block__circle-wrap--5 .profile-block__mask.profile-block__mask--full,
.profile-block__circle-wrap--5 .profile-block__circle .profile-block__fill {
    -webkit-transform: rotate(9deg);
    transform: rotate(9deg);
}
.profile-block__circle-wrap--10 .profile-block__mask.profile-block__mask--full,
.profile-block__circle-wrap--10 .profile-block__circle .profile-block__fill {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
}
.profile-block__circle-wrap--15 .profile-block__mask.profile-block__mask--full,
.profile-block__circle-wrap--15 .profile-block__circle .profile-block__fill {
    -webkit-transform: rotate(27deg);
    transform: rotate(27deg);
}
.profile-block__circle-wrap--20 .profile-block__mask.profile-block__mask--full,
.profile-block__circle-wrap--20 .profile-block__circle .profile-block__fill {
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg);
}
.profile-block__circle-wrap--25 .profile-block__mask.profile-block__mask--full,
.profile-block__circle-wrap--25 .profile-block__circle .profile-block__fill {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.profile-block__circle-wrap--30 .profile-block__mask.profile-block__mask--full,
.profile-block__circle-wrap--30 .profile-block__circle .profile-block__fill {
    -webkit-transform: rotate(54deg);
    transform: rotate(54deg);
}
.profile-block__circle-wrap--35 .profile-block__mask.profile-block__mask--full,
.profile-block__circle-wrap--35 .profile-block__circle .profile-block__fill {
    -webkit-transform: rotate(63deg);
    transform: rotate(63deg);
}
.profile-block__circle-wrap--40 .profile-block__mask.profile-block__mask--full,
.profile-block__circle-wrap--40 .profile-block__circle .profile-block__fill {
    -webkit-transform: rotate(72deg);
    transform: rotate(72deg);
}
.profile-block__circle-wrap--45 .profile-block__mask.profile-block__mask--full,
.profile-block__circle-wrap--45 .profile-block__circle .profile-block__fill {
    -webkit-transform: rotate(81deg);
    transform: rotate(81deg);
}
.profile-block__circle-wrap--50 .profile-block__mask.profile-block__mask--full,
.profile-block__circle-wrap--50 .profile-block__circle .profile-block__fill {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.profile-block__circle-wrap--55 .profile-block__mask.profile-block__mask--full,
.profile-block__circle-wrap--55 .profile-block__circle .profile-block__fill {
    -webkit-transform: rotate(99deg);
    transform: rotate(99deg);
}
.profile-block__circle-wrap--60 .profile-block__mask.profile-block__mask--full,
.profile-block__circle-wrap--60 .profile-block__circle .profile-block__fill {
    -webkit-transform: rotate(108deg);
    transform: rotate(108deg);
}
.profile-block__circle-wrap--65 .profile-block__mask.profile-block__mask--full,
.profile-block__circle-wrap--65 .profile-block__circle .profile-block__fill {
    -webkit-transform: rotate(117deg);
    transform: rotate(117deg);
}
.profile-block__circle-wrap--70 .profile-block__mask.profile-block__mask--full,
.profile-block__circle-wrap--70 .profile-block__circle .profile-block__fill {
    -webkit-transform: rotate(126deg);
    transform: rotate(126deg);
}
.profile-block__circle-wrap--75 .profile-block__mask.profile-block__mask--full,
.profile-block__circle-wrap--75 .profile-block__circle .profile-block__fill {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.profile-block__circle-wrap--80 .profile-block__mask.profile-block__mask--full,
.profile-block__circle-wrap--80 .profile-block__circle .profile-block__fill {
    -webkit-transform: rotate(144deg);
    transform: rotate(144deg);
}
.profile-block__circle-wrap--85 .profile-block__mask.profile-block__mask--full,
.profile-block__circle-wrap--85 .profile-block__circle .profile-block__fill {
    -webkit-transform: rotate(153deg);
    transform: rotate(153deg);
}
.profile-block__circle-wrap--90 .profile-block__mask.profile-block__mask--full,
.profile-block__circle-wrap--90 .profile-block__circle .profile-block__fill {
    -webkit-transform: rotate(162deg);
    transform: rotate(162deg);
}
.profile-block__circle-wrap--95 .profile-block__mask.profile-block__mask--full,
.profile-block__circle-wrap--95 .profile-block__circle .profile-block__fill {
    -webkit-transform: rotate(171deg);
    transform: rotate(171deg);
}
.profile-block__circle-wrap--100 .profile-block__mask.profile-block__mask--full,
.profile-block__circle-wrap--100 .profile-block__circle .profile-block__fill {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.profile-block__course-headline {
    width: 100%;
    margin-bottom: 2.25rem;
}
@media (min-width: 768px) {
    .profile-block__course-headline {
        margin-bottom: 1.5625rem;
    }
}
.profile-block__btn {
    width: 100%;
    text-align: center;
    margin-top: auto;
}
.profile-block__course--unseen .profile-block__course-border {
    background: #454549;
}
.profile-block__course--unseen svg path {
    stroke: #454549;
}
.profile-block__course--unseen .profile-block__btn::before {
    background-color: #7919ff;
}
.profile-block__course--unseen .profile-block__btn:hover::before {
    background-color: #5f00e5;
}
.profile-block__course--in-progress .profile-block__course-border {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#b480ff),
        color-stop(29.49%, #5f00e5),
        color-stop(61.09%, #1aa4ff),
        color-stop(101.11%, #19ff83)
    );
    background: linear-gradient(90deg, #b480ff 0%, #5f00e5 29.49%, #1aa4ff 61.09%, #19ff83 101.11%);
}
.profile-block__course--in-progress svg path {
    stroke: #fff;
}
.profile-block__course--in-progress .profile-block__btn::before {
    background-color: #ff671a;
}
.profile-block__course--in-progress .profile-block__btn:hover::before {
    background-color: #e54d00;
}
.profile-block__course--completed .profile-block__course-border {
    background: #32e685;
}
.profile-block__course--completed svg path {
    stroke: #32e685;
}
.profile-block__course--completed .profile-block__btn::before {
    background-color: #000;
}
.profile-block__course--completed .profile-block__btn:hover::before {
    background-color: #454549;
}
.profile-block__course--disabled .profile-block__course-border {
    background-color: #454549;
}
.profile-block__course--disabled .profile-block__btn::before {
    background-color: #454549;
}
.profile-block__course--disabled .profile-block__btn:hover::before {
    background-color: #000;
}
.course-board {
    -webkit-box-shadow: 0 0 1.25rem #000;
    box-shadow: 0 0 1.25rem #000;
    text-align: center;
    position: relative;
    width: 100%;
    min-height: 416px;
    background-color: #232325;
    padding: 2.5rem 2.5rem 0 2.5rem;
    border-radius: 0.3125rem;
    margin-bottom: 3.75rem;
    display: none;
}
.xrpl-light .course-board {
    -webkit-box-shadow: 0 0 1.25rem #c1c1c2;
    box-shadow: 0 0 1.25rem #c1c1c2;
}
.course-board[data-has-activity] {
    display: block;
    -webkit-animation: fadeIn ease-in 750ms;
    animation: fadeIn ease-in 750ms;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .course-board {
        max-width: 41.25rem;
    }
}
@media (min-width: 1200px) {
    .course-board {
        text-align: left;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 2.5rem;
        margin-bottom: 3.125rem;
    }
    .course-board[data-has-activity] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.course-board::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 0.5rem;
    width: 100%;
    background-color: #454549;
    border-radius: 0.3125rem 0.3125rem 0 0;
}
@media (min-width: 1200px) {
    .course-board::before {
        bottom: 0;
        height: 100%;
        width: 0.5rem;
        border-radius: 0.3125rem 0 0 0.3125rem;
    }
}
.xrpl-light .course-board {
    background-color: #fff;
}
.course-board a {
    text-decoration: none;
}
.course-board__header {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}
.course-board__header h5 {
    margin-bottom: 0.25rem;
}
@media (min-width: 1200px) {
    .course-board__header h4 {
        margin-bottom: 0;
    }
}
.course-board__header a:hover {
    color: #32e685;
}
.xrpl-light .course-board__header a {
    color: #000;
}
.xrpl-light .course-board__header a:hover {
    color: #7919ff;
}
.course-board__summary {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.0625rem 1.25rem 0.875rem;
    padding: 17px 20px 14px;
    border: 1px solid #454549;
    border-radius: 6.25rem;
}
@media (min-width: 1200px) {
    .course-board__summary {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.course-board__summary .course-board__icon {
    height: 1.25rem;
    width: 1.25rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(assets/38ae18382b19715c9d29.svg);
    margin-right: 0.15625rem;
}
.xrpl-light .course-board__summary .course-board__icon {
    background-image: url(assets/6440dc0f2ee10f585ab3.svg);
}
.course-board__summary p {
    font-size: 12px;
    font-size: 0.75rem;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    line-height: 1.6;
    margin: 0 0.15625rem;
}
@media (min-width: 576px) {
    .course-board__summary p {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1.333333;
    }
}
@media (min-width: 1200px) {
    .course-board__summary p {
        margin-top: 0;
    }
}
.course-board__summary .xrpl-progress-fraction {
    margin-bottom: 1px;
    margin-left: 0.15625rem;
}
@media (min-width: 576px) {
    .course-board__summary .xrpl-progress-fraction {
        margin-bottom: 2px;
    }
}
.course-board__progress {
    max-width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin: 1.25rem 0 0.4375rem;
}
@media (min-width: 576px) {
    .course-board__progress {
        margin: 1.5625rem 0 1.375rem;
    }
}
@media (min-width: 1200px) {
    .course-board__progress {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
    }
}
.course-board__course-image {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 9.375rem;
    width: 9.375rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto 0.875rem;
}
@media (min-width: 576px) {
    .course-board__course-image {
        height: 14.0625rem;
        width: 14.0625rem;
        margin: 0 auto 1.5625rem;
    }
}
@media (min-width: 1200px) {
    .course-board__course-image {
        margin: 0 1.5625rem 0 0;
    }
}
.course-board__course-image > svg {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 102%;
    width: 102%;
}
.course-board__lessons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0 -0.3125rem;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .course-board__lessons {
        max-width: 35.625rem;
        margin: 0 auto;
    }
}
@media (min-width: 1800px) {
    .course-board__lessons {
        max-width: 31rem;
        margin: 0 auto;
    }
}
.course-board__lesson {
    position: relative;
    height: 2.5625rem;
    width: 2.5625rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0.5rem 0.25rem;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
@media (min-width: 576px) {
    .course-board__lesson {
        height: 4rem;
        width: 4rem;
    }
}
.course-board__lesson svg {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: 103%;
    width: 103%;
}
.course-board__lesson.completed {
    -webkit-filter: none;
    filter: none;
}
.course-board__footer {
    display: inline-block;
    position: relative;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    margin-bottom: -0.1875rem;
}
.course-board__footer::after {
    content: '';
    clear: both;
    display: table;
}
@media (min-width: 1200px) {
    .course-board__footer {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        position: absolute;
        bottom: 0;
        left: 5.1875rem;
    }
}
.course-board__footer h5 {
    float: left;
    text-align: center;
    text-transform: uppercase;
    min-width: 8.75rem;
    padding: 0.8125rem 0.9375rem;
    background-color: #000;
    border-radius: 0.1875rem;
    margin: -0.625rem 0 0.625rem;
}
.xrpl-light .course-board__footer h5 {
    color: #fff;
}
.course-board__footer svg {
    position: absolute;
    top: 0px;
    bottom: 0;
    height: 100%;
    width: auto;
}
.course-board__footer svg:first-of-type {
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
.course-board__footer svg:last-of-type {
    right: 0;
    -webkit-transform: translateX(100%) rotate(180deg);
    transform: translateX(100%) rotate(180deg);
}
.course-board[data-course-status='Undiscovered'] .course-board__course-image svg path {
    stroke: #454549;
}
.course-board[data-course-status='Explorer']::before {
    background-color: #7919ff;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#b480ff),
        color-stop(29.49%, #5f00e5),
        color-stop(61.09%, #1aa4ff),
        color-stop(101.11%, #19ff83)
    );
    background: linear-gradient(90deg, #b480ff 0%, #5f00e5 29.49%, #1aa4ff 61.09%, #19ff83 101.11%);
}
@media (min-width: 1200px) {
    .course-board[data-course-status='Explorer']::before {
        background: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(#b480ff),
            color-stop(31.99%, #5f00e5),
            color-stop(66.27%, #1aa4ff),
            color-stop(109.68%, #19ff83)
        );
        background: linear-gradient(180deg, #b480ff 0%, #5f00e5 31.99%, #1aa4ff 66.27%, #19ff83 109.68%);
    }
}
.course-board[data-course-status='Explorer'] .course-board__summary {
    border-color: #7919ff;
}
.course-board[data-course-status='Explorer'] .course-board__footer h5 {
    background-color: #7919ff;
}
.course-board[data-course-status='Explorer'] .course-board__footer svg path {
    fill: #5f00e5;
}
.course-board[data-course-status='Veteran']::before {
    background-color: #32e685;
}
.course-board[data-course-status='Veteran'] .course-board__summary {
    border-color: #32e685;
}
.course-board[data-course-status='Veteran'] .course-board__course-image svg path {
    stroke: #32e685;
}
.course-board[data-course-status='Veteran'] .course-board__lesson svg path {
    stroke: #32e685;
}
.course-board[data-course-status='Veteran'] .course-board__footer h5 {
    background-color: #32e685;
}
.course-board[data-course-status='Veteran'] .course-board__footer svg path {
    fill: #28b86a;
}
.profile-block__extra {
    width: 100%;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .profile-block__extra {
        max-width: 50%;
        padding-right: 0.625rem;
    }
}
@media (min-width: 992px) {
    .profile-block__extra {
        max-width: 21.625rem;
        margin-left: 2.5%;
    }
}
.extra-achievements .profile-block__headline {
    margin-bottom: 1.5625rem;
}
.extra-achievements__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -0.625rem 4.125rem;
}
.extra-achievements__col {
    height: 4.4375rem;
    width: 4.4375rem;
    margin: 0 10px;
    border: 1px solid #454549;
    border-radius: 50%;
}
@media (min-width: 992px) {
    .profile-block__row--temp .profile-block__extra {
        max-width: 19rem;
    }
}
.profile-notifications__subheadline {
    margin-bottom: 1.8125rem;
}
.profile-notifications__notification {
    background-color: #232325;
    padding: 1.875rem;
    border-radius: 0.3125rem;
    margin-bottom: 1.25rem;
    -webkit-box-shadow: 0 0 0.9375rem #000;
    box-shadow: 0 0 0.9375rem #000;
}
.profile-notifications__inner {
    position: relative;
    padding-left: 3.75rem;
}
.profile-notifications__inner svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 1.875rem;
}
@media (min-width: 576px) {
    .profile-notifications__text {
        margin-bottom: 0.9375rem;
    }
}
.profile-notifications__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.profile-notifications__details .btn {
    margin-right: 1.25rem;
}
.profile-notifications__details p {
    margin-left: auto;
}
.xrpl-profile-login #site-content,
.xrpl-profile-logout #site-content {
    text-align: center;
}
.xrpl-profile-login .xrpl-login,
.xrpl-profile-logout .xrpl-login {
    -webkit-box-shadow: 0 0 1.25rem #000;
    box-shadow: 0 0 1.25rem #000;
    text-align: center;
    max-width: 21.625rem;
    padding: 2.1875rem;
    background-color: #232325;
    border-radius: 0.3125rem;
    margin: 0 auto;
}
.xrpl-light .xrpl-profile-login .xrpl-login,
.xrpl-light .xrpl-profile-logout .xrpl-login {
    -webkit-box-shadow: 0 0 1.25rem #c1c1c2;
    box-shadow: 0 0 1.25rem #c1c1c2;
}
@media (min-width: 992px) {
    .xrpl-profile-login .xrpl-login,
    .xrpl-profile-logout .xrpl-login {
        margin-top: 12.75rem;
    }
}
@media (min-width: 576px) {
    .xrpl-profile-login .xrpl-login__headline,
    .xrpl-profile-logout .xrpl-login__headline {
        margin-bottom: 0.9375rem;
    }
}
@media (min-width: 576px) {
    .xrpl-profile-login p.small,
    .xrpl-profile-logout p.small {
        margin-bottom: 2.8125rem;
    }
}
@media (min-width: 576px) {
    .xrpl-profile-login .xrpl-login__inner,
    .xrpl-profile-logout .xrpl-login__inner {
        padding: 0 0.6875rem;
    }
}
.xrpl-profile-login div.nsl-container .nsl-container-buttons,
.xrpl-profile-logout div.nsl-container .nsl-container-buttons {
    padding: 0;
    margin: 0 0 1.625rem;
}
.xrpl-profile-login div.nsl-container .nsl-container-buttons .btn,
.xrpl-profile-logout div.nsl-container .nsl-container-buttons .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin: 0;
}
.xrpl-profile-login div.nsl-container .nsl-container-buttons .nsl-button-svg-container,
.xrpl-profile-logout div.nsl-container .nsl-container-buttons .nsl-button-svg-container {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding: 0;
    margin: -2px 0 0 0.375rem;
}
.xrpl-profile-login div.nsl-container .nsl-container-buttons .nsl-button-svg-container svg,
.xrpl-profile-logout div.nsl-container .nsl-container-buttons .nsl-button-svg-container svg {
    max-width: 1.1875rem;
}
.xrpl-profile-login div.nsl-container .nsl-container-buttons .nsl-button-label-container,
.xrpl-profile-logout div.nsl-container .nsl-container-buttons .nsl-button-label-container {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: -1px;
}
.xrpl-profile-login .xrpl-login__divider,
.xrpl-profile-logout .xrpl-login__divider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.9375rem;
}
.xrpl-profile-login .xrpl-login__divider::before,
.xrpl-profile-login .xrpl-login__divider::after,
.xrpl-profile-logout .xrpl-login__divider::before,
.xrpl-profile-logout .xrpl-login__divider::after {
    content: '';
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    height: 1px;
    width: auto;
    background-color: #454549;
}
.xrpl-profile-login .xrpl-login__divider::before,
.xrpl-profile-logout .xrpl-login__divider::before {
    margin-right: 11%;
}
.xrpl-profile-login .xrpl-login__divider::after,
.xrpl-profile-logout .xrpl-login__divider::after {
    margin-left: 11%;
}
.xrpl-profile-login #loginform,
.xrpl-profile-logout #loginform {
    text-align: left;
}
.xrpl-profile-login #loginform::after,
.xrpl-profile-logout #loginform::after {
    content: '';
    clear: both;
    display: table;
}
.xrpl-profile-login #loginform p,
.xrpl-profile-logout #loginform p {
    margin-bottom: 1.5625rem;
}
.xrpl-profile-login #loginform p:nth-of-type(1),
.xrpl-profile-logout #loginform p:nth-of-type(1) {
    margin-bottom: 0.625rem;
}
.xrpl-profile-login #loginform p:nth-last-of-type(2),
.xrpl-profile-logout #loginform p:nth-last-of-type(2) {
    font-size: 12px;
    font-size: 0.75rem;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    line-height: 1.6;
    float: left;
    margin-top: 0.9375rem;
}
@media (min-width: 576px) {
    .xrpl-profile-login #loginform p:nth-last-of-type(2),
    .xrpl-profile-logout #loginform p:nth-last-of-type(2) {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1.333333;
    }
}
.xrpl-profile-login #loginform p:nth-last-of-type(2) label,
.xrpl-profile-logout #loginform p:nth-last-of-type(2) label {
    vertical-align: middle;
    margin-bottom: 0.375rem;
}
.xrpl-profile-login #loginform p:nth-last-of-type(1),
.xrpl-profile-logout #loginform p:nth-last-of-type(1) {
    float: right;
}
.xrpl-profile-login #loginform label,
.xrpl-profile-logout #loginform label {
    font-size: 12px;
    font-size: 0.75rem;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    line-height: 1.6;
    display: inline-block;
    margin-bottom: 6px;
}
@media (min-width: 576px) {
    .xrpl-profile-login #loginform label,
    .xrpl-profile-logout #loginform label {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1.333333;
    }
}
.xrpl-profile-login #loginform input,
.xrpl-profile-logout #loginform input {
    margin-top: 0;
    margin-bottom: 0;
}
.xrpl-profile-login #loginform input[type='text'],
.xrpl-profile-login #loginform input[type='password'],
.xrpl-profile-logout #loginform input[type='text'],
.xrpl-profile-logout #loginform input[type='password'] {
    color: #fff;
    width: 100%;
    padding: 0.875rem 1.25rem;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 0.3125rem;
}
.xrpl-profile-login #loginform input[type='submit'],
.xrpl-profile-logout #loginform input[type='submit'] {
    font-size: 14px;
    font-size: 0.875rem;
    display: inline-block;
    position: relative;
    z-index: 5;
    font-weight: 700;
    color: #fff;
    padding: 0.75rem 0.875rem;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0.25rem;
    cursor: pointer;
    text-decoration: none;
}
.xrpl-profile-login #loginform input[type='submit']:hover,
.xrpl-profile-logout #loginform input[type='submit']:hover {
    color: #fff;
}
.xrpl-profile-login #loginform input[type='submit']:focus-visible,
.xrpl-profile-logout #loginform input[type='submit']:focus-visible {
    outline-offset: 3px;
}
.xrpl-profile-login #loginform input[type='submit']::before,
.xrpl-profile-logout #loginform input[type='submit']::before {
    content: '';
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
    left: -1px;
    z-index: -1;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0.25rem;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:
        transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
        -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.xrpl-profile-login #loginform input[type='submit']:hover::before,
.xrpl-profile-logout #loginform input[type='submit']:hover::before {
    -webkit-transform: scale3d(1.03, 1.1, 1);
    transform: scale3d(1.03, 1.1, 1);
}
.xrpl-profile-login #loginform input[type='submit']:disabled::before,
.xrpl-profile-logout #loginform input[type='submit']:disabled::before {
    background-color: #454549;
}
.xrpl-profile-login #loginform input[type='submit']:disabled:hover::before,
.xrpl-profile-logout #loginform input[type='submit']:disabled:hover::before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    background-color: #454549;
}
.xrpl-light .xrpl-profile-login #loginform input[type='submit'],
.xrpl-light .xrpl-profile-logout #loginform input[type='submit'] {
    color: #fff;
}
.xrpl-profile-login #loginform input[type='submit']::before,
.xrpl-profile-logout #loginform input[type='submit']::before {
    background-color: #7919ff;
}
.xrpl-profile-login #loginform input[type='submit']:hover::before,
.xrpl-profile-logout #loginform input[type='submit']:hover::before {
    background-color: #5f00e5;
}
.xrpl-profile-login .xrpl-login a.button,
.xrpl-profile-logout .xrpl-login a.button {
    display: none;
    font-size: 12px;
    font-size: 0.75rem;
    color: #fff;
}
.xrpl-profile-login .xrpl-login a.button span,
.xrpl-profile-logout .xrpl-login a.button span {
    border-bottom: 1px solid #7919ff;
    margin-left: 0.3125rem;
}
.course-board__lesson {
    background-image: url(assets/319481b33815ec199d11.png);
}
.xrpl-light .course-board__lesson {
    background-image: url(assets/0455e0a7835ec05ad27b.png);
}
.course-board__course-image[data-course-origin-id='24'] {
    background-image: url(assets/4ca49e322be51298b52c.png);
}
.xrpl-light .course-board__course-image[data-course-origin-id='24'] {
    background-image: url(assets/97834452f2649b3ce512.png);
}
.course-board__course-image[data-course-origin-id='34'] {
    background-image: url(assets/b5460d51dc5499a29735.png);
}
.xrpl-light .course-board__course-image[data-course-origin-id='34'] {
    background-image: url(assets/b95eca12470395964f2b.png);
}
.course-board__course-image[data-course-origin-id='72'] {
    background-image: url(assets/296f6551d19905b0c678.png);
}
.xrpl-light .course-board__course-image[data-course-origin-id='72'] {
    background-image: url(assets/5ec130b9f8439e889190.png);
}
.course-board__course-image[data-course-origin-id='1071'] {
    background-image: url(assets/07dcfba16c759c7d5569.png);
}
.xrpl-light .course-board__course-image[data-course-origin-id='1071'] {
    background-image: url(assets/e2c2f1afbaf4f1e1c783.png);
}
.course-board__course-image[data-course-origin-id='1298'] {
    background-image: url(assets/23af08397d09662899ee.png);
}
.xrpl-light .course-board__course-image[data-course-origin-id='1298'] {
    background-image: url(assets/a0bc3ef1b59c0235a5b3.png);
}
.course-board__course-image[data-course-origin-id='1729'] {
    background-image: url(assets/3139888053a4de520996.png);
}
.xrpl-light .course-board__course-image[data-course-origin-id='1729'] {
    background-image: url(assets/181fd1ac27d542ba0b7d.png);
}
body.nice-touch-local .course-board__course-image[data-course-origin-id='1764'] {
    background-image: url(assets/3139888053a4de520996.png);
}
.xrpl-light body.nice-touch-local .course-board__course-image[data-course-origin-id='1764'] {
    background-image: url(assets/181fd1ac27d542ba0b7d.png);
}
.xrpl-notice-last-lesson-completed[data-root-lesson-id='635'] .xrpl-notification__svg,
.course-board__lesson[data-lesson-origin-id='635'] {
    background-image: url(assets/1be05d61b0457902c036.png);
}
.xrpl-light .xrpl-notice-last-lesson-completed[data-root-lesson-id='635'] .xrpl-notification__svg,
.xrpl-light .course-board__lesson[data-lesson-origin-id='635'] {
    background-image: url(assets/bbafbe7d1765873af84a.png);
}
.xrpl-notice-last-lesson-completed[data-root-lesson-id='642'] .xrpl-notification__svg,
.course-board__lesson[data-lesson-origin-id='642'] {
    background-image: url(assets/d2f7ed6ff6055c5d4df3.png);
}
.xrpl-light .xrpl-notice-last-lesson-completed[data-root-lesson-id='642'] .xrpl-notification__svg,
.xrpl-light .course-board__lesson[data-lesson-origin-id='642'] {
    background-image: url(assets/c0b626b53c698daf32eb.png);
}
.xrpl-notice-last-lesson-completed[data-root-lesson-id='652'] .xrpl-notification__svg,
.course-board__lesson[data-lesson-origin-id='652'] {
    background-image: url(assets/162d972b418e8dd66a31.png);
}
.xrpl-light .xrpl-notice-last-lesson-completed[data-root-lesson-id='652'] .xrpl-notification__svg,
.xrpl-light .course-board__lesson[data-lesson-origin-id='652'] {
    background-image: url(assets/cddde104c564657cba03.png);
}
.xrpl-notice-last-lesson-completed[data-root-lesson-id='663'] .xrpl-notification__svg,
.course-board__lesson[data-lesson-origin-id='663'] {
    background-image: url(assets/73f1bfb0e39ea8f29767.png);
}
.xrpl-light .xrpl-notice-last-lesson-completed[data-root-lesson-id='663'] .xrpl-notification__svg,
.xrpl-light .course-board__lesson[data-lesson-origin-id='663'] {
    background-image: url(assets/bb9974b44b43cde1c965.png);
}
.xrpl-notice-last-lesson-completed[data-root-lesson-id='673'] .xrpl-notification__svg,
.course-board__lesson[data-lesson-origin-id='673'] {
    background-image: url(assets/76bcfb3ba0fc25d8887b.png);
}
.xrpl-light .xrpl-notice-last-lesson-completed[data-root-lesson-id='673'] .xrpl-notification__svg,
.xrpl-light .course-board__lesson[data-lesson-origin-id='673'] {
    background-image: url(assets/dba763eef4aa87704d66.png);
}
.xrpl-notice-last-lesson-completed[data-root-lesson-id='697'] .xrpl-notification__svg,
.course-board__lesson[data-lesson-origin-id='697'] {
    background-image: url(assets/981c3c30cb3b938815eb.png);
}
.xrpl-light .xrpl-notice-last-lesson-completed[data-root-lesson-id='697'] .xrpl-notification__svg,
.xrpl-light .course-board__lesson[data-lesson-origin-id='697'] {
    background-image: url(assets/733212c5e11c6e5f77a9.png);
}
.xrpl-notice-last-lesson-completed[data-root-lesson-id='706'] .xrpl-notification__svg,
.course-board__lesson[data-lesson-origin-id='706'] {
    background-image: url(assets/1a033c0399bb5d723863.png);
}
.xrpl-light .xrpl-notice-last-lesson-completed[data-root-lesson-id='706'] .xrpl-notification__svg,
.xrpl-light .course-board__lesson[data-lesson-origin-id='706'] {
    background-image: url(assets/f7d505b491d9c5461973.png);
}
.xrpl-notice-last-lesson-completed[data-root-lesson-id='716'] .xrpl-notification__svg,
.course-board__lesson[data-lesson-origin-id='716'] {
    background-image: url(assets/c49648f30979ab64043b.png);
}
.xrpl-light .xrpl-notice-last-lesson-completed[data-root-lesson-id='716'] .xrpl-notification__svg,
.xrpl-light .course-board__lesson[data-lesson-origin-id='716'] {
    background-image: url(assets/1a90981595b027e308a6.png);
}
.xrpl-notice-last-lesson-completed[data-root-lesson-id='727'] .xrpl-notification__svg,
.course-board__lesson[data-lesson-origin-id='727'] {
    background-image: url(assets/9cd487b94173507d6705.png);
}
.xrpl-light .xrpl-notice-last-lesson-completed[data-root-lesson-id='727'] .xrpl-notification__svg,
.xrpl-light .course-board__lesson[data-lesson-origin-id='727'] {
    background-image: url(assets/718b9ac2495081097388.png);
}
.xrpl-notice-last-lesson-completed[data-root-lesson-id='36'] .xrpl-notification__svg,
.course-board__lesson[data-lesson-origin-id='36'] {
    background-image: url(assets/454cf2c6b994a608251f.png);
}
.xrpl-light .xrpl-notice-last-lesson-completed[data-root-lesson-id='36'] .xrpl-notification__svg,
.xrpl-light .course-board__lesson[data-lesson-origin-id='36'] {
    background-image: url(assets/7dbc0fd6446561ca6f9f.png);
}
.xrpl-notice-last-lesson-completed[data-root-lesson-id='42'] .xrpl-notification__svg,
.course-board__lesson[data-lesson-origin-id='42'] {
    background-image: url(assets/eed2f745eadfc2e35d73.png);
}
.xrpl-light .xrpl-notice-last-lesson-completed[data-root-lesson-id='42'] .xrpl-notification__svg,
.xrpl-light .course-board__lesson[data-lesson-origin-id='42'] {
    background-image: url(assets/47ff50aedef2fa3dcdd5.png);
}
.xrpl-notice-last-lesson-completed[data-root-lesson-id='44'] .xrpl-notification__svg,
.course-board__lesson[data-lesson-origin-id='44'] {
    background-image: url(assets/bccddd6bf559ab9b2064.png);
}
.xrpl-light .xrpl-notice-last-lesson-completed[data-root-lesson-id='44'] .xrpl-notification__svg,
.xrpl-light .course-board__lesson[data-lesson-origin-id='44'] {
    background-image: url(assets/3028221215ebf653b1d4.png);
}
.xrpl-notice-last-lesson-completed[data-root-lesson-id='47'] .xrpl-notification__svg,
.course-board__lesson[data-lesson-origin-id='47'] {
    background-image: url(assets/fa339b36f8e20b37565b.png);
}
.xrpl-light .xrpl-notice-last-lesson-completed[data-root-lesson-id='47'] .xrpl-notification__svg,
.xrpl-light .course-board__lesson[data-lesson-origin-id='47'] {
    background-image: url(assets/14514d415751b62834eb.png);
}
.xrpl-notice-last-lesson-completed[data-root-lesson-id='49'] .xrpl-notification__svg,
.course-board__lesson[data-lesson-origin-id='49'] {
    background-image: url(assets/b895a71165f570994ac0.png);
}
.xrpl-light .xrpl-notice-last-lesson-completed[data-root-lesson-id='49'] .xrpl-notification__svg,
.xrpl-light .course-board__lesson[data-lesson-origin-id='49'] {
    background-image: url(assets/45f2599de202ed45f1ff.png);
}
.xrpl-notice-last-lesson-completed[data-root-lesson-id='51'] .xrpl-notification__svg,
.course-board__lesson[data-lesson-origin-id='51'] {
    background-image: url(assets/67031c24ac0fdd418e82.png);
}
.xrpl-light .xrpl-notice-last-lesson-completed[data-root-lesson-id='51'] .xrpl-notification__svg,
.xrpl-light .course-board__lesson[data-lesson-origin-id='51'] {
    background-image: url(assets/ae079dd289d209a368d8.png);
}
.xrpl-notice-last-lesson-completed[data-root-lesson-id='53'] .xrpl-notification__svg,
.course-board__lesson[data-lesson-origin-id='53'] {
    background-image: url(assets/1090c8cee08cea00ead1.png);
}
.xrpl-light .xrpl-notice-last-lesson-completed[data-root-lesson-id='53'] .xrpl-notification__svg,
.xrpl-light .course-board__lesson[data-lesson-origin-id='53'] {
    background-image: url(assets/79975ef564dd5d964f18.png);
}
.xrpl-notice-last-lesson-completed[data-root-lesson-id='55'] .xrpl-notification__svg,
.course-board__lesson[data-lesson-origin-id='55'] {
    background-image: url(assets/459a87d6e3d2d4883ad0.png);
}
.xrpl-light .xrpl-notice-last-lesson-completed[data-root-lesson-id='55'] .xrpl-notification__svg,
.xrpl-light .course-board__lesson[data-lesson-origin-id='55'] {
    background-image: url(assets/45d5cabe480fd5adca49.png);
}
.xrpl-notice-last-lesson-completed[data-root-lesson-id='78'] .xrpl-notification__svg,
.course-board__lesson[data-lesson-origin-id='78'] {
    background-image: url(assets/c53290462a8f15aae9af.png);
}
.xrpl-light .xrpl-notice-last-lesson-completed[data-root-lesson-id='78'] .xrpl-notification__svg,
.xrpl-light .course-board__lesson[data-lesson-origin-id='78'] {
    background-image: url(assets/c70f872603984b47eb05.png);
}
.xrpl-notice-last-lesson-completed[data-root-lesson-id='70'] .xrpl-notification__svg,
.course-board__lesson[data-lesson-origin-id='70'] {
    background-image: url(assets/f6d91a72d0da934e5eea.png);
}
.xrpl-light .xrpl-notice-last-lesson-completed[data-root-lesson-id='70'] .xrpl-notification__svg,
.xrpl-light .course-board__lesson[data-lesson-origin-id='70'] {
    background-image: url(assets/5eb5c2b17d76c6af655f.png);
}
.xrpl-notice-last-lesson-completed[data-root-lesson-id='80'] .xrpl-notification__svg,
.course-board__lesson[data-lesson-origin-id='80'] {
    background-image: url(assets/135a9800a7b3b63496b9.png);
}
.xrpl-light .xrpl-notice-last-lesson-completed[data-root-lesson-id='80'] .xrpl-notification__svg,
.xrpl-light .course-board__lesson[data-lesson-origin-id='80'] {
    background-image: url(assets/47d026da7cbcd2de618a.png);
}
.xrpl-notice-last-lesson-completed[data-root-lesson-id='89'] .xrpl-notification__svg,
.course-board__lesson[data-lesson-origin-id='89'] {
    background-image: url(assets/dd221a8bd3da7f628de0.png);
}
.xrpl-light .xrpl-notice-last-lesson-completed[data-root-lesson-id='89'] .xrpl-notification__svg,
.xrpl-light .course-board__lesson[data-lesson-origin-id='89'] {
    background-image: url(assets/40bc72a9683c8e788380.png);
}
.xrpl-notice-last-lesson-completed[data-root-lesson-id='1073'] .xrpl-notification__svg,
.course-board__lesson[data-lesson-origin-id='1073'] {
    background-image: url(assets/158a4c79201357d03081.png);
}
.xrpl-light .xrpl-notice-last-lesson-completed[data-root-lesson-id='1073'] .xrpl-notification__svg,
.xrpl-light .course-board__lesson[data-lesson-origin-id='1073'] {
    background-image: url(assets/700eba5b8d9c036a374b.png);
}
.xrpl-notice-last-lesson-completed[data-root-lesson-id='1075'] .xrpl-notification__svg,
.course-board__lesson[data-lesson-origin-id='1075'] {
    background-image: url(assets/578e0ca0720380f5415c.png);
}
.xrpl-light .xrpl-notice-last-lesson-completed[data-root-lesson-id='1075'] .xrpl-notification__svg,
.xrpl-light .course-board__lesson[data-lesson-origin-id='1075'] {
    background-image: url(assets/82bb920bbe2c057bec96.png);
}
.xrpl-notice-last-lesson-completed[data-root-lesson-id='1077'] .xrpl-notification__svg,
.course-board__lesson[data-lesson-origin-id='1077'] {
    background-image: url(assets/01fcdc2e1302d9fa845c.png);
}
.xrpl-light .xrpl-notice-last-lesson-completed[data-root-lesson-id='1077'] .xrpl-notification__svg,
.xrpl-light .course-board__lesson[data-lesson-origin-id='1077'] {
    background-image: url(assets/37c40b286790c2c7249d.png);
}
.xrpl-notice-last-lesson-completed[data-root-lesson-id='1079'] .xrpl-notification__svg,
.course-board__lesson[data-lesson-origin-id='1079'] {
    background-image: url(assets/177270265955116124d4.png);
}
.xrpl-light .xrpl-notice-last-lesson-completed[data-root-lesson-id='1079'] .xrpl-notification__svg,
.xrpl-light .course-board__lesson[data-lesson-origin-id='1079'] {
    background-image: url(assets/fb93ddf4429518c196a0.png);
}
.xrpl-notice-last-lesson-completed[data-root-lesson-id='1203'] .xrpl-notification__svg,
.course-board__lesson[data-lesson-origin-id='1203'] {
    background-image: url(assets/002d5b5cc5a5e898bb31.png);
}
.xrpl-light .xrpl-notice-last-lesson-completed[data-root-lesson-id='1203'] .xrpl-notification__svg,
.xrpl-light .course-board__lesson[data-lesson-origin-id='1203'] {
    background-image: url(assets/73f116240bd3bd7d0a47.png);
}
.xrpl-notice-last-lesson-completed[data-root-lesson-id='1205'] .xrpl-notification__svg,
.course-board__lesson[data-lesson-origin-id='1205'] {
    background-image: url(assets/bc21e44ea928cf8da0e4.png);
}
.xrpl-light .xrpl-notice-last-lesson-completed[data-root-lesson-id='1205'] .xrpl-notification__svg,
.xrpl-light .course-board__lesson[data-lesson-origin-id='1205'] {
    background-image: url(assets/fec328ff83f913fc1cec.png);
}
.xrpl-notice-last-lesson-completed[data-root-lesson-id='1304'] .xrpl-notification__svg,
.course-board__lesson[data-lesson-origin-id='1304'] {
    background-image: url(assets/1a1c8c1dda10577cec4d.png);
}
.xrpl-light .xrpl-notice-last-lesson-completed[data-root-lesson-id='1304'] .xrpl-notification__svg,
.xrpl-light .course-board__lesson[data-lesson-origin-id='1304'] {
    background-image: url(assets/f709dcf0e99c75fcf6aa.png);
}
.xrpl-notice-last-lesson-completed[data-root-lesson-id='1311'] .xrpl-notification__svg,
.course-board__lesson[data-lesson-origin-id='1311'] {
    background-image: url(assets/c5f459db23d412b06766.png);
}
.xrpl-light .xrpl-notice-last-lesson-completed[data-root-lesson-id='1311'] .xrpl-notification__svg,
.xrpl-light .course-board__lesson[data-lesson-origin-id='1311'] {
    background-image: url(assets/20e55c4c85a76f5617b6.png);
}
.xrpl-notice-last-lesson-completed[data-root-lesson-id='1332'] .xrpl-notification__svg,
.course-board__lesson[data-lesson-origin-id='1332'] {
    background-image: url(assets/1d03f8b70dbb0f40bf14.png);
}
.xrpl-light .xrpl-notice-last-lesson-completed[data-root-lesson-id='1332'] .xrpl-notification__svg,
.xrpl-light .course-board__lesson[data-lesson-origin-id='1332'] {
    background-image: url(assets/e8fde79bf3921e4b7ae0.png);
}
.xrpl-light #menu-profile-nav a {
    color: #000;
}
.xrpl-light #menu-profile-nav a .Icon--dashboard path,
.xrpl-light #menu-profile-nav a .Icon--profile path {
    stroke: #000;
}
.xrpl-light #menu-profile-nav a .Icon--notification path {
    fill: #000;
}
.xrpl-light .profile-block__course-inner,
.xrpl-light .profile-notifications__notification {
    background-color: #fff;
}
.xrpl-light .profile-block__course-inner svg path,
.xrpl-light .profile-notifications__notification svg path {
    fill: #000;
}
.xrpl-light .profile-block__course-inner p {
    color: #7919ff;
}
.xrpl-light .profile-block__img-wrap {
    background-color: #fff;
}
.xrpl-light .profile-block__img-wrap svg path {
    stroke: #000;
}
.xrpl-light .profile-block__circle-wrap {
    background: #ccc;
}
.xrpl-light .profile-block__circle-percent {
    background: #fff;
}
.xrpl-light .profile-block__mask .profile-block__fill {
    background-color: #32e685;
}
.xrpl-light .profile-block__course--disabled .profile-block__mask .profile-block__fill {
    background-color: #232325;
}
.xrpl-light .profile-block__course--in-progress .profile-block__btn::before {
    background-color: #ff671a;
}
.xrpl-light .profile-block__course--in-progress .profile-block__btn:hover::before {
    background-color: #e54d00;
}
.xrpl-light .profile-block__course--completed .profile-block__btn::before {
    background-color: #000;
}
.xrpl-light .profile-block__course--completed .profile-block__btn:hover::before {
    background-color: #454549;
}
.xrpl-light .profile-block__course--disabled .profile-block__course-inner p {
    color: #000;
}
.xrpl-light .profile-notifications__notification {
    -webkit-box-shadow: 0 0 0.9375rem #c1c1c2;
    box-shadow: 0 0 0.9375rem #c1c1c2;
}
.xrpl-light .xrpl-profile-login .xrpl-login,
.xrpl-light .xrpl-profile-logout .xrpl-login {
    background-color: #fff;
}
.xrpl-light .xrpl-profile-login .xrpl-login #loginform input[type='text'],
.xrpl-light .xrpl-profile-login .xrpl-login #loginform input[type='password'],
.xrpl-light .xrpl-profile-logout .xrpl-login #loginform input[type='text'],
.xrpl-light .xrpl-profile-logout .xrpl-login #loginform input[type='password'] {
    color: #000;
    border-color: #000;
}
.xrpl-light .xrpl-profile-login .xrpl-login .xrpl-login__divider::before,
.xrpl-light .xrpl-profile-login .xrpl-login .xrpl-login__divider::after,
.xrpl-light .xrpl-profile-logout .xrpl-login .xrpl-login__divider::before,
.xrpl-light .xrpl-profile-logout .xrpl-login .xrpl-login__divider::after {
    background-color: #ccc;
}
.xrpl-light .xrpl-profile-login .xrpl-login a.button,
.xrpl-light .xrpl-profile-logout .xrpl-login a.button {
    color: #000;
}
body[data-xrpl-has-course-progress='false'] .profile-block__extra {
    display: none;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
a.xrpl-glossary-dialog-toggle {
    white-space: nowrap;
    position: relative;
}
a.xrpl-glossary-dialog-toggle::after {
    content: '';
    display: inline-block;
    position: relative;
    height: 1.0625rem;
    width: 1.0625rem;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(assets/8c259d5de5359f2d561f.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 1px 1px 0;
    vertical-align: text-top;
}
.xrpl-light a.xrpl-glossary-dialog-toggle::after {
    background-color: rgba(0, 0, 0, 0);
    background-image: url(assets/41f0aeb0e15e7d10f8b7.svg);
}
.xrpl-glossary-dialog {
    position: relative;
    text-align: right;
    width: 100%;
    max-width: 30rem;
    padding: 2.8125rem 1.875rem 1.5625rem;
    background-color: #232325;
    border: 0;
    border-radius: 0.3125rem;
    z-index: 10;
}
.xrpl-light .xrpl-glossary-dialog {
    background-color: #fff;
}
.xrpl-glossary-dialog::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 0.3125rem;
    background-color: #7919ff;
    border-radius: 0 0 0.3125rem 0.3125rem;
}
.xrpl-glossary-dialog .xrpl-glossary-dialog-heading,
.xrpl-glossary-dialog .xrpl-glossary-dialog-definition {
    font-size: 14px;
    font-size: 0.875rem;
    display: block;
    line-height: 1.42857;
    text-align: left;
    margin-bottom: 0.3125rem;
}
@media (min-width: 576px) {
    .xrpl-glossary-dialog .xrpl-glossary-dialog-heading,
    .xrpl-glossary-dialog .xrpl-glossary-dialog-definition {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5;
    }
}
.xrpl-glossary-dialog .xrpl-glossary-dialog-heading {
    text-transform: capitalize;
    margin-bottom: 0.625rem;
}
.xrpl-glossary-dialog .xrpl-glossary-dialog-close-button {
    position: absolute;
    top: 1.25rem;
    right: 1.875rem;
    height: 1.25rem;
    width: 1.25rem;
    background-color: inherit;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
}
.xrpl-glossary-dialog .xrpl-glossary-dialog-close-button::after {
    content: '';
    display: inline-block;
    background-color: inherit;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-image: url(assets/3694bf3b31a98d0d7444.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.xrpl-light .xrpl-glossary-dialog .xrpl-glossary-dialog-close-button::after {
    background-image: url(assets/793ae5e7c442f71e5e21.svg);
}
.xrpl-glossary-dialog .xrpl-glossary-dialog-term-link {
    font-size: 12px;
    font-size: 0.75rem;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    line-height: 1.6;
    color: #fff;
    padding: 0 0.00625rem;
}
@media (min-width: 576px) {
    .xrpl-glossary-dialog .xrpl-glossary-dialog-term-link {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1.333333;
    }
}
.xrpl-glossary-dialog .xrpl-glossary-dialog-term-link::after {
    content: '';
    display: inline-block;
    position: relative;
    top: unset;
    bottom: unset;
    right: unset;
    left: unset;
    height: 1.1875rem;
    width: 1.1875rem;
    background-color: rgba(0, 0, 0, 0);
    background-image: url(assets/95538fed96cb9904ade7.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 0 -0.4375rem 0.3125rem;
}
.xrpl-light .xrpl-glossary-dialog .xrpl-glossary-dialog-term-link::after {
    background-color: rgba(0, 0, 0, 0);
    background-image: url(assets/10a9409065864aff384e.svg);
}
.xrpl-glossary__inner {
    position: relative;
}
@media (min-width: 576px) {
    .xrpl-glossary__inner {
        max-width: 38.75rem;
    }
}
.xrpl-glossary__nav {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2000;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(17, 17, 18, 0.5)), to(#111112));
    background: linear-gradient(0deg, rgba(17, 17, 18, 0.5) 0%, #111112 100%);
    padding-top: 0.3125rem;
    margin: 0 -2px 1.875rem;
}
@media (min-width: 576px) {
    .xrpl-glossary__nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-right: -0.3125rem;
        margin-left: -0.3125rem;
    }
}
@media (min-width: 768px) {
    .xrpl-glossary__nav {
        margin-right: -0.375rem;
        margin-left: -0.375rem;
    }
}
@media (min-width: 992px) {
    .xrpl-glossary__nav {
        padding-top: 0;
        top: 6.375rem;
    }
}
.xrpl-glossary__nav::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: -0.3125rem;
    right: -0.6875rem;
    left: -0.6875rem;
    z-index: -1;
    pointer-events: none;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(17, 17, 18, 0.7)), to(#111112));
    background: linear-gradient(0deg, rgba(17, 17, 18, 0.7) 0%, #111112 100%);
}
@media (min-width: 576px) {
    .xrpl-glossary__nav::before {
        right: -0.9375rem;
        left: -0.9375rem;
    }
}
@media (min-width: 992px) {
    .xrpl-glossary__nav::before {
        bottom: -1.25rem;
        background: -webkit-gradient(
            linear,
            left bottom,
            left top,
            from(rgba(17, 17, 18, 0)),
            color-stop(20%, rgba(17, 17, 18, 0.7)),
            to(#111112)
        );
        background: linear-gradient(0deg, rgba(17, 17, 18, 0) 0%, rgba(17, 17, 18, 0.7) 20%, #111112 100%);
    }
}
.xrpl-light .xrpl-glossary__nav {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(245, 245, 247, 0.5)), to(#f5f5f7));
    background: linear-gradient(0deg, rgba(245, 245, 247, 0.5) 0%, #f5f5f7 100%);
}
.xrpl-light .xrpl-glossary__nav::before {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(245, 245, 247, 0.7)), to(#f5f5f7));
    background: linear-gradient(0deg, rgba(245, 245, 247, 0.7) 0%, #f5f5f7 100%);
}
@media (min-width: 992px) {
    .xrpl-light .xrpl-glossary__nav::before {
        background: -webkit-gradient(
            linear,
            left bottom,
            left top,
            from(rgba(245, 245, 247, 0)),
            color-stop(20%, rgba(245, 245, 247, 0.7)),
            to(#f5f5f7)
        );
        background: linear-gradient(0deg, rgba(245, 245, 247, 0) 0%, rgba(245, 245, 247, 0.7) 20%, #f5f5f7 100%);
    }
}
.xrpl-glossary__nav-link {
    font-size: 16px;
    font-size: 1rem;
    display: inline-block;
    font-weight: 700;
    padding: 2px;
    vertical-align: middle;
    text-decoration: none;
}
@media (min-width: 576px) {
    .xrpl-glossary__nav-link {
        font-size: 20px;
        font-size: 1.25rem;
        padding-right: 0.3125rem;
        padding-left: 0.3125rem;
    }
}
@media (min-width: 768px) {
    .xrpl-glossary__nav-link {
        padding-right: 0.375rem;
        padding-left: 0.375rem;
    }
}
.xrpl-light .xrpl-glossary__nav-link {
    color: #111112;
}
.xrpl-glossary__nav-link:hover {
    color: #7919ff;
    text-decoration: underline;
}
.xrpl-glossary__nav-link--top {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: bottom;
}
@media (min-width: 576px) {
    .xrpl-glossary__nav-link--top {
        display: none;
        vertical-align: middle;
    }
}
.xrpl-glossary__term-group {
    margin-bottom: 2.8125rem;
}
@media (min-width: 576px) {
    .xrpl-glossary__term-group {
        margin-bottom: 4.6875rem;
    }
}
@media (min-width: 992px) {
    .xrpl-glossary__term-group {
        margin-bottom: 5.3125rem;
    }
}
.xrpl-glossary__term-group.xrpl-glossary__term-group--hide {
    display: none;
}
.xrpl-glossary__term-group .xrpl-glossary__group-headline {
    padding-bottom: 0.625rem;
    border-bottom: 1px solid #7919ff;
    margin-bottom: 1.5625rem;
    scroll-margin-top: 1.875rem;
}
@media (min-width: 576px) {
    .xrpl-glossary__term-group .xrpl-glossary__group-headline {
        margin-bottom: 2.8125rem;
        scroll-margin-top: 2.5rem;
    }
}
@media (min-width: 992px) {
    .xrpl-glossary__term-group .xrpl-glossary__group-headline {
        scroll-margin-top: 8.5rem;
    }
}
.xrpl-glossary__term {
    position: relative;
    padding-bottom: 0.9375rem;
    border-bottom: 1px solid #454549;
    margin-bottom: 0.9375rem;
    scroll-margin-top: 1.5625rem;
}
@media (min-width: 576px) {
    .xrpl-glossary__term {
        padding-bottom: 1.875rem;
        margin-bottom: 1.875rem;
        scroll-margin-top: 2.8125rem;
    }
}
@media (min-width: 992px) {
    .xrpl-glossary__term {
        scroll-margin-top: 9.125rem;
    }
}
.xrpl-glossary__term:last-of-type {
    border-bottom: 0;
}
.xrpl-glossary__term.xrpl-glossary__term--linked::after {
    content: '';
    display: block;
    position: absolute;
    top: -0.3125rem;
    bottom: 0.9375rem;
    right: -0.625rem;
    left: -0.625rem;
    border: 1px solid #32e685;
    pointer-events: none;
}
@media (min-width: 576px) {
    .xrpl-glossary__term.xrpl-glossary__term--linked::after {
        top: -0.9375rem;
        bottom: 1.875rem;
        right: -0.9375rem;
        left: -0.9375rem;
    }
}
.xrpl-glossary__term .xrpl-glossary__headline {
    margin-bottom: 0.9375rem;
}
.xrpl-glossary__more {
    font-size: 12px;
    font-size: 0.75rem;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    line-height: 1.6;
    font-weight: 700;
}
@media (min-width: 576px) {
    .xrpl-glossary__more {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1.333333;
    }
}
.xrpl-glossary__more:hover {
    color: #32e685;
}
.xrpl-light .xrpl-glossary__more {
    color: #111112;
}
.xrpl-light .xrpl-glossary__more:hover {
    color: #7919ff;
}
.tax-xrpl-glossary h3 {
    margin-bottom: 0.75rem;
}
.tax-xrpl-glossary .xrpl_post::after {
    content: '';
    clear: both;
    display: table;
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .tax-xrpl-glossary .xrpl_post {
        padding-right: 4.5vw;
        padding-left: 4.5vw;
    }
}
@media (min-width: 992px) {
    .tax-xrpl-glossary .xrpl_post__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 2.5rem;
    }
}
@media (min-width: 992px) {
    .tax-xrpl-glossary .xrpl_post__sidebar {
        z-index: 900;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        max-width: 28.625rem;
        margin-left: auto;
    }
}
@media (min-width: 1200px) {
    .tax-xrpl-glossary .xrpl_post__sidebar {
        min-width: 0;
    }
}
.tax-xrpl-glossary .xrpl_post__close {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(0, 0, 0, 0);
    padding: 13px 15px 11px;
    border: 0;
    margin-left: -15px;
    vertical-align: middle;
    cursor: pointer;
}
@media (min-width: 992px) {
    .tax-xrpl-glossary .xrpl_post__close {
        display: inline-block;
    }
}
.tax-xrpl-glossary .xrpl_post__title {
    margin-bottom: 0;
}
@media (min-width: 768px) {
    .tax-xrpl-glossary .xrpl_post__title {
        margin-bottom: 0.625rem;
    }
}
.tax-xrpl-glossary .xrpl_post__main {
    margin-bottom: 3rem;
}
@media (min-width: 768px) {
    .tax-xrpl-glossary .xrpl_post__main {
        margin-bottom: 6rem;
    }
}
@media (min-width: 992px) {
    .tax-xrpl-glossary .xrpl_post__main {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        max-width: 62vw;
        margin-right: 1.25rem;
    }
}
@media (min-width: 1200px) {
    .tax-xrpl-glossary .xrpl_post__main {
        max-width: 60vw;
        margin-right: 2.5rem;
    }
}
@media (min-width: 1800px) {
    .tax-xrpl-glossary .xrpl_post__main {
        max-width: 45rem;
        max-width: calc(22.5rem + 27vw);
    }
}
.tax-xrpl-glossary .xrpl_post__img-wrap {
    margin-bottom: 0.9375rem;
}
@media (min-width: 992px) {
    .tax-xrpl-glossary .xrpl_post__img-wrap {
        margin-bottom: 1.5625rem;
    }
}
.tax-xrpl-glossary .xrpl_post__content {
    margin-bottom: 2.8125rem;
}
@media (min-width: 768px) {
    .tax-xrpl-glossary .xrpl_post__content {
        margin-bottom: 3.75rem;
    }
}
.tax-xrpl-glossary .xrpl_post__content img {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 768px) {
    .tax-xrpl-glossary .xrpl_post__content img {
        margin: 0.8125rem auto;
    }
}
.tax-xrpl-glossary .xrpl_post__content a:hover {
    color: #7919ff;
}
.tax-xrpl-glossary .xrpl_post__content a.btn.btn--primary {
    font-size: 14px;
    font-size: 0.875rem;
    display: inline-block;
    position: relative;
    z-index: 5;
    font-weight: 700;
    color: #fff;
    padding: 0.75rem 0.875rem;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0.25rem;
    cursor: pointer;
    text-decoration: none;
    margin-bottom: 0.8125rem;
}
.tax-xrpl-glossary .xrpl_post__content a.btn.btn--primary:hover {
    color: #fff;
}
.tax-xrpl-glossary .xrpl_post__content a.btn.btn--primary:focus-visible {
    outline-offset: 3px;
}
.tax-xrpl-glossary .xrpl_post__content a.btn.btn--primary::before {
    content: '';
    position: absolute;
    top: -1px;
    bottom: -1px;
    right: -1px;
    left: -1px;
    z-index: -1;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0.25rem;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition:
        transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
        -webkit-transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tax-xrpl-glossary .xrpl_post__content a.btn.btn--primary:hover::before {
    -webkit-transform: scale3d(1.03, 1.1, 1);
    transform: scale3d(1.03, 1.1, 1);
}
.tax-xrpl-glossary .xrpl_post__content a.btn.btn--primary:disabled::before {
    background-color: #454549;
}
.tax-xrpl-glossary .xrpl_post__content a.btn.btn--primary:disabled:hover::before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    background-color: #454549;
}
.xrpl-light .tax-xrpl-glossary .xrpl_post__content a.btn.btn--primary {
    color: #fff;
}
.tax-xrpl-glossary .xrpl_post__content a.btn.btn--primary::before {
    background-color: #7919ff;
}
.tax-xrpl-glossary .xrpl_post__content a.btn.btn--primary:hover::before {
    background-color: #5f00e5;
}
@media (min-width: 576px) {
    .tax-xrpl-glossary .xrpl_post__content a.btn.btn--primary {
        margin-bottom: 1.0625rem;
    }
}
.tax-xrpl-glossary .xrpl_post__content a.btn.btn--primary img {
    display: inline;
    vertical-align: text-bottom;
    max-width: 1.25rem;
    margin: 0 0 0 0.5rem;
}
@media (min-width: 576px) {
    .tax-xrpl-glossary .xrpl_post__content h2,
    .tax-xrpl-glossary .xrpl_post__content h3,
    .tax-xrpl-glossary .xrpl_post__content h4,
    .tax-xrpl-glossary .xrpl_post__content h5 {
        margin-top: 3.75rem;
    }
}
@media (min-width: 576px) {
    .tax-xrpl-glossary .xrpl_post__content h4 {
        margin-bottom: 0.9375rem;
    }
}
.tax-xrpl-glossary .xrpl_post__content ul {
    padding-left: 1.9375rem;
    list-style: disc;
}
.tax-xrpl-glossary .xrpl_post__content ol {
    padding-left: 2.25rem;
    list-style-type: decimal;
}
.tax-xrpl-glossary .xrpl_glossary__sidebar {
    width: 100%;
}
.tax-xrpl-glossary .xrpl_glossary__sidebar p {
    margin-bottom: 1px;
}
.tax-xrpl-glossary .xrpl_glossary__sidebar a:hover {
    color: #7919ff;
}
.tax-xrpl-glossary .xrpl_glossary__sidebar a[target='_blank']:hover {
    color: #7919ff;
}
.tax-xrpl-glossary .xrpl_glossary__sidebar a[target='_blank']::after {
    content: '';
    display: inline-block;
    height: 1.0625rem;
    width: 1.0625rem;
    background-image: url(assets/4184591e9c83352fc182.svg), none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 0.625rem;
    vertical-align: middle;
}
.xrpl-light .tax-xrpl-glossary .xrpl_glossary__sidebar a {
    color: #111112;
}
.xrpl-light .tax-xrpl-glossary .xrpl_glossary__sidebar a[target='_blank']::after {
    background-image: url(assets/36c0c8e24875f9a2c083.svg), none;
}
.xrpl-light .tax-xrpl-glossary .xrpl_glossary__sidebar a:hover {
    color: #7919ff;
}
.tax-xrpl-glossary .xrpl_post__main a:hover {
    color: #7919ff;
}
.xrpl-light .tax-xrpl-glossary .xrpl_post__main a {
    color: #000;
}
.tax-xrpl-glossary .xrpl_post__main img {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 768px) {
    .tax-xrpl-glossary .xrpl_post__main img {
        margin: 0.8125rem auto;
    }
}
@media (min-width: 576px) {
    .courses-module__headline {
        margin-bottom: 1.25rem;
    }
}
@media (min-width: 576px) {
    .courses-module__subtext {
        max-width: 36rem;
    }
}
.courses-module__row {
    margin-top: 1.875rem;
}
@media (min-width: 576px) {
    .courses-module__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 3.5rem -0.625rem -1.25rem;
    }
}
@media (max-width: 575.98px) {
    .courses-module__row {
        padding-right: 0;
        padding-left: 0;
    }
}
.courses-module__row--5,
.courses-module__row--6 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.courses-module__col {
    width: 100%;
    margin-bottom: 1.25rem;
}
@media (min-width: 576px) {
    .courses-module__col {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding: 0 0.625rem;
    }
}
@media (min-width: 992px) {
    .courses-module__col {
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    }
}
@media (min-width: 576px) {
    .courses-module__row--4 .courses-module__col {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }
}
@media (min-width: 1200px) {
    .courses-module__row--4 .courses-module__col {
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    }
}
.courses-module__col-inner {
    -webkit-box-shadow: 0 0 1.25rem #000;
    box-shadow: 0 0 1.25rem #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    height: 100%;
    background-color: #232325;
    padding: 0.9375rem;
    border-radius: 0.3125rem;
}
.xrpl-light .courses-module__col-inner {
    -webkit-box-shadow: 0 0 1.25rem #c1c1c2;
    box-shadow: 0 0 1.25rem #c1c1c2;
}
@media (min-width: 768px) {
    .courses-module__col-inner {
        padding: 1.5625rem;
    }
}
.courses-module__col-inner img {
    margin-top: auto;
}
@media (min-width: 576px) {
    .courses-module__course-headline {
        margin-bottom: 1.25rem;
    }
}
.courses-module__course-description p {
    font-size: 12px;
    font-size: 0.75rem;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 0.8125rem;
}
@media (min-width: 576px) {
    .courses-module__course-description p {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1.333333;
    }
}
.courses-module__course-estimate {
    font-size: 12px;
    font-size: 0.75rem;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    line-height: 1.6;
    margin-top: 0.3125rem;
}
@media (min-width: 576px) {
    .courses-module__course-estimate {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1.333333;
    }
}
@media (min-width: 576px) {
    .courses-module__course-estimate {
        margin-top: 0.4375rem;
        margin-right: -1px;
        margin-left: -1px;
    }
}
.courses-module__course-estimate span {
    font-size: 14px;
    font-size: 0.875rem;
}
@media (min-width: 576px) {
    .courses-module__course-estimate span {
        font-size: 16px;
        font-size: 1rem;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .courses-module__course-estimate span {
        font-size: 15px;
        font-size: 0.9375rem;
    }
}
.courses-module__img {
    padding-bottom: 100%;
    margin-top: auto;
    margin-bottom: 25px;
}
.boxes-split .btn {
    float: right;
}
.boxes-split__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (min-width: 768px) {
    .boxes-split__row {
        margin: 0 -3.5rem;
    }
}
.boxes-split__boxes-col {
    width: 100%;
    margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
    .boxes-split__boxes-col {
        max-width: 60%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        padding: 0 3.5rem;
        margin-bottom: 0;
    }
}
.boxes-split__btn-col {
    width: 100%;
    margin-bottom: 1.5625rem;
}
@media (min-width: 768px) {
    .boxes-split__btn-col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding: 0 3.5rem;
        margin-top: 1.5625rem;
        margin-bottom: 0;
    }
}
.boxes-split__img-col {
    width: 100%;
}
@media (min-width: 768px) {
    .boxes-split__img-col {
        max-width: 40%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding: 0 3.5rem;
    }
}
.boxes-split__headline {
    margin-bottom: 1.5625rem;
}
@media (min-width: 576px) {
    .boxes-split__headline {
        margin-bottom: 3.4375rem;
    }
}
@media (min-width: 768px) {
    .boxes-split__boxes {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -0.625rem;
    }
}
.boxes-split__box {
    width: 100%;
    margin-bottom: 1.5625rem;
}
@media (min-width: 768px) {
    .boxes-split__box {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding: 0 0.625rem;
        margin-bottom: 2.5rem;
    }
}
.boxes-split__img-wrap {
    max-width: 3.125rem;
    margin-top: 0.4375rem;
    margin-bottom: 0.1875rem;
}
@media (min-width: 768px) {
    .boxes-split__img-wrap {
        margin-top: 0.5625rem;
        margin-bottom: 0.3125rem;
    }
}
.boxes-split__img {
    padding-bottom: 98.7%;
}
@media (min-width: 768px) {
    .boxes-split__img {
        padding-bottom: 98.7%;
    }
}
.cta-cards__sub-headline {
    margin-bottom: 0.625rem;
}
@media (min-width: 576px) {
    .cta-cards__sub-headline {
        margin-bottom: 1.25rem;
    }
}
.cta-cards__sub-headline {
    margin-bottom: 0.625rem;
}
@media (min-width: 576px) {
    .cta-cards__sub-headline {
        margin-bottom: 1.25rem;
    }
}
.cta-cards__wysiwyg {
    margin-bottom: 1.25rem;
}
@media (min-width: 992px) {
    .cta-cards__wysiwyg {
        margin-bottom: 2.125rem;
    }
}
.cta-cards__card-inner {
    -webkit-box-shadow: 0 0 1.25rem #000;
    box-shadow: 0 0 1.25rem #000;
    padding: 1.25rem;
    background-color: #232325;
    border-radius: 0.3125rem;
}
.xrpl-light .cta-cards__card-inner {
    -webkit-box-shadow: 0 0 1.25rem #c1c1c2;
    box-shadow: 0 0 1.25rem #c1c1c2;
}
@media (min-width: 768px) {
    .cta-cards__card-inner {
        height: 100%;
        padding: 1.875rem;
    }
}
.cta-cards__card-inner p {
    font-size: 12px;
    font-size: 0.75rem;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    line-height: 1.6;
}
.cta-cards__card-inner p:nth-last-child(1) {
    margin-bottom: 0;
}
.cta-cards__img-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 2.875rem;
    margin-bottom: 0.5rem;
}
.cta-cards__card-headline {
    margin-bottom: 0.5625rem;
}
@media (min-width: 576px) {
    .cta-cards__card-headline {
        margin-bottom: 1.25rem;
    }
}
.cta-cards__card .cta-cards__card-btn {
    margin-top: 0.8125rem;
    margin-bottom: 0;
}
@media (min-width: 576px) {
    .cta-cards__card .cta-cards__card-btn {
        margin-top: 1.0625rem;
    }
}
.cta-cards__card .cta-cards__card-btn img {
    display: inline;
    vertical-align: text-bottom;
    max-width: 1.25rem;
    margin: 0 0 0 0.5rem;
}
@media (min-width: 768px) {
    .cta-cards--split .cta-cards__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 -3.5rem;
    }
}
.cta-cards--split .cta-cards__text-col {
    width: 100%;
    margin-bottom: 2.8125rem;
}
@media (min-width: 768px) {
    .cta-cards--split .cta-cards__text-col {
        max-width: 40%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        padding: 0 3.5rem;
        margin-bottom: 2.5rem;
    }
}
.cta-cards--split .cta-cards__cards-col {
    width: 100%;
}
@media (min-width: 768px) {
    .cta-cards--split .cta-cards__cards-col {
        max-width: 60%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        padding: 0 3.5rem;
    }
}
@media (min-width: 768px) {
    .cta-cards--split .cta-cards__cards {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -0.625rem -2.25rem;
    }
}
.cta-cards--split .cta-cards__card {
    width: 100%;
    margin-bottom: 1.875rem;
}
@media (min-width: 768px) {
    .cta-cards--split .cta-cards__card {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding: 0 0.625rem;
        margin-bottom: 1.25rem;
    }
}
.cta-cards--vertical .cta-cards__text-col {
    margin-bottom: 2.8125rem;
}
@media (min-width: 768px) {
    .cta-cards--vertical .cta-cards__text-col {
        max-width: 40rem;
    }
}
@media (min-width: 768px) {
    .cta-cards--vertical .cta-cards__cards {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -0.625rem -2.25rem;
    }
}
.cta-cards--vertical .cta-cards__card {
    width: 100%;
    margin-bottom: 1.875rem;
}
@media (min-width: 768px) {
    .cta-cards--vertical .cta-cards__card {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding: 0 0.625rem;
        margin-bottom: 1.25rem;
    }
}
@media (min-width: 992px) {
    .cta-cards--vertical .cta-cards__card {
        max-width: 33.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
    }
}
.lessons-module__body {
    position: relative;
}
.lessons-module__body::after {
    content: '';
    clear: both;
    display: table;
}
@media (min-width: 992px) {
    .lessons-module__body {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 8.75rem;
    }
}
.lessons-module__copy {
    background: #add8e6;
}
.lessons-module .lesson-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 0.625rem;
    margin: 0 -0.375rem;
    max-width: 900px;
}
@media (min-width: 768px) {
    .lessons-module .lesson-grid {
        padding-bottom: 1.5625rem;
        margin-right: -0.875rem;
        margin-left: -0.875rem;
    }
}
.lessons-module__headline {
    margin-bottom: 1.5625rem;
}
@media (min-width: 576px) {
    .lessons-module__headline {
        margin-bottom: 3.4375rem;
    }
}
.lessons-module__course {
    border-bottom: 1px solid #454549;
    margin-bottom: 1.5625rem;
}
@media (min-width: 768px) {
    .lessons-module__course {
        margin-bottom: 1.625rem;
    }
}
.lessons-module__row {
    padding-bottom: 0.8125rem;
}
@media (min-width: 768px) {
    .lessons-module__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -3.5rem;
        padding: 1.5625rem 0;
    }
}
@media (min-width: 768px) {
    .lessons-module__counter {
        padding: 0 3.5rem;
        margin-right: auto;
    }
}
.lessons-module__counter h5 {
    margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
    .lessons-module__counter h5 {
        margin-bottom: 0;
    }
}
.lessons-module__counter h5 svg {
    max-width: 2.75rem;
    margin-right: 0.5rem;
    vertical-align: middle;
}
.lessons-module__counter h5 svg .Icon__circle {
    display: none;
}
@media (min-width: 768px) {
    .lessons-module__title {
        max-width: 28.5rem;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        padding: 0 3.5rem;
    }
}
.lessons-module__title h3 {
    margin-bottom: 0.625rem;
}
@media (min-width: 768px) {
    .lessons-module__title h3 {
        margin-bottom: 0;
    }
}
@media (min-width: 768px) {
    .lessons-module__description {
        max-width: 34.25rem;
        padding: 0 3.5rem;
    }
}
.lessons-module__description p {
    font-size: 12px;
    font-size: 0.75rem;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    line-height: 1.6;
}
@media (min-width: 576px) {
    .lessons-module__description p {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1.333333;
    }
}
.lessons-module__toggle {
    display: block;
    max-height: 1.875rem;
    max-width: 1.875rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    border: 0;
    margin-left: auto;
    vertical-align: middle;
    cursor: pointer;
}
.lessons-module__toggle svg {
    float: right;
    width: 100%;
    max-width: 1.875rem;
}
.btn-wrap {
    text-align: right;
    margin-top: 2.8125rem;
}
@media (min-width: 768px) {
    .btn-wrap {
        margin-top: 2.375rem;
    }
}
.lessons-module__lesson {
    width: 100%;
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding: 0 0.375rem;
    margin-bottom: 0.75rem;
}
@media (min-width: 768px) {
    .lessons-module__lesson {
        max-width: 33.333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        padding-right: 0.875rem;
        padding-left: 0.875rem;
        margin-bottom: 1.75rem;
    }
}
.lessons-module__lesson-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    height: 100%;
    background-color: #232325;
    padding: 1.4375rem 0.9375rem 0.9375rem;
    border-radius: 0.3125rem;
}
@media (min-width: 768px) {
    .lessons-module__lesson-inner {
        min-height: 12rem;
        padding: 2.0625rem 1.5625rem 1.5625rem;
    }
}
.lessons-module__lesson-border {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 0.5rem;
    border-top-right-radius: 0.3125rem;
    border-top-left-radius: 0.3125rem;
}
.lessons-module__lesson-meta {
    display: inline-block;
    width: 100%;
}
.lessons-module__lesson-meta::after {
    content: '';
    clear: both;
    display: table;
}
.lessons-module__lesson-meta p {
    float: left;
    margin-bottom: 0.8125rem;
}
.lessons-module__lesson-meta svg {
    float: right;
    width: 100%;
    max-width: 1.375rem;
}
.lessons-module__lesson-meta svg path {
    stroke: #ccc;
}
.lessons-module__lesson-svg {
    float: right;
    height: 1.0625rem;
    width: 1.0625rem;
    background-image: url(assets/a81ee000275ecf9a6470.svg), none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.lessons-module__lesson-headline {
    font-weight: 400;
    width: 100%;
    margin-bottom: 1rem;
}
@media (min-width: 768px) {
    .lessons-module__lesson-headline {
        font-weight: 700;
        margin-bottom: 0.625rem;
    }
}
.lessons-module__btn {
    width: 100%;
    text-align: center;
    margin-top: auto;
}
.lessons-module__lesson--unseen .lessons-module__lesson-border {
    background: #454549;
}
.lessons-module__lesson--unseen svg path {
    stroke: #454549;
}
.lessons-module__lesson--unseen .lessons-module__btn::before {
    background-color: #7919ff;
}
.lessons-module__lesson--unseen .lessons-module__btn:hover::before {
    background-color: #5f00e5;
}
.lessons-module__lesson--in-progress .lessons-module__lesson-border {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#b480ff),
        color-stop(29.49%, #5f00e5),
        color-stop(61.09%, #1aa4ff),
        color-stop(101.11%, #19ff83)
    );
    background: linear-gradient(90deg, #b480ff 0%, #5f00e5 29.49%, #1aa4ff 61.09%, #19ff83 101.11%);
}
.lessons-module__lesson--in-progress svg path {
    stroke: #fff;
}
.lessons-module__lesson--in-progress .lessons-module__lesson-svg {
    background-image: url(assets/51772a77acf5c72266ef.svg), none;
}
.lessons-module__lesson--in-progress .lessons-module__btn::before {
    background-color: #ff671a;
}
.lessons-module__lesson--in-progress .lessons-module__btn:hover::before {
    background-color: #e54d00;
}
.lessons-module__lesson--pending-quiz-completion .lessons-module__lesson-border,
.lessons-module__lesson--completed .lessons-module__lesson-border {
    background: #32e685;
}
.lessons-module__lesson--pending-quiz-completion svg path,
.lessons-module__lesson--completed svg path {
    stroke: #32e685;
}
.lessons-module__lesson--pending-quiz-completion .lessons-module__btn::before,
.lessons-module__lesson--completed .lessons-module__btn::before {
    background-color: #000;
}
.lessons-module__lesson--pending-quiz-completion .lessons-module__btn:hover::before,
.lessons-module__lesson--completed .lessons-module__btn:hover::before {
    background-color: #454549;
}
.lessons-module__lesson--pending-quiz-completion .lessons-module__lesson-svg {
    background-image: url(assets/d89a04eb223583801dd1.svg), none;
}
.lessons-module__lesson--completed .lessons-module__lesson-svg {
    background-image: url(assets/afac37b766c57498c7f6.svg), none;
}
.lessons-module__course--opened .lessons-module__toggle svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.lessons-module__course--closed .lessons-module__lessons {
    display: none;
}
.text-image .text-image__wysiwyg {
    margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
    .text-image .text-image__wysiwyg {
        max-width: 38.75rem;
    }
}
@media (min-width: 992px) {
    .text-image .text-image__wysiwyg {
        margin-bottom: 2.125rem;
    }
}
@media (min-width: 768px) {
    .text-image__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.text-image__text-col {
    position: relative;
    z-index: 10;
    width: 100%;
    margin-bottom: 1.875rem;
}
@media (min-width: 768px) {
    .text-image__text-col {
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        padding-bottom: 0;
        margin-bottom: 0;
    }
}
.text-image__headline {
    margin-bottom: 0.625rem;
}
@media (min-width: 768px) {
    .text-image__headline {
        margin-bottom: 1.25rem;
    }
}
.text-image__image-col {
    position: relative;
    z-index: 5;
    width: 100%;
}
@media (min-width: 768px) {
    .text-image__image-col {
        max-width: 45%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
        margin: 0 auto;
    }
}
.text-image__btn {
    margin: 0 auto;
}
.text-image__img-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    text-align: center;
    z-index: 5;
}
.text-image__img-wrap img {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-right: auto;
    margin-left: auto;
}
.text-image__img {
    padding-bottom: 50%;
}
@media (min-width: 768px) {
    .text-image__img {
        padding-bottom: 50%;
    }
}
.page-template-template-landing .text-image__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (min-width: 768px) {
    .page-template-template-landing .text-image__row {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
.page-template-template-landing .text-image__text-col {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.page-template-template-landing .text-image__image-col {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
.text-image__container {
    -webkit-box-shadow: 0 0 1.25rem #000;
    box-shadow: 0 0 1.25rem #000;
    text-align: center;
    padding: 1.25rem;
    background-color: #232325;
    border-top: 0.5rem solid #7919ff;
    border-radius: 0.375rem;
}
.xrpl-light .text-image__container {
    -webkit-box-shadow: 0 0 1.25rem #c1c1c2;
    box-shadow: 0 0 1.25rem #c1c1c2;
}
@media (min-width: 768px) {
    .text-image__container {
        text-align: left;
        padding: 1.875rem 1.875rem 1.5625rem 1.5625rem;
        border-top: 0;
        border-left: 0.5rem solid #7919ff;
    }
}
@media (min-width: 992px) {
    .text-image__container {
        padding: 2.1875rem 3.125rem 2.1875rem 2.625rem;
    }
}
.xrpl-light .text-image__container {
    background-color: #fff;
}
.text-image__m-btn {
    width: 100%;
    margin-top: 1.5625rem;
}
@media (min-width: 768px) {
    .text-image__m-btn {
        width: auto;
        margin-top: 0;
    }
}
@media (min-width: 768px) {
    .text-image__m-btn {
        display: none;
    }
}
.text-image__d-btn {
    display: none;
}
@media (min-width: 768px) {
    .text-image__d-btn {
        display: inline-block;
    }
}
.text-image--featured .text-image__subheadline {
    padding-bottom: 0.25rem;
    border-bottom: 1px solid #7919ff;
}
@media (min-width: 768px) {
    .text-image--featured .text-image__subheadline {
        padding-bottom: 0.375rem;
    }
}
@media (min-width: 992px) {
    .text-image--featured .text-image__subheadline {
        padding-bottom: 0.625rem;
    }
}
@media (min-width: 768px) {
    .text-image--featured .text-image__row {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-right: -0.4375rem;
        margin-left: -0.4375rem;
    }
}
@media (min-width: 992px) {
    .text-image--featured .text-image__row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: -1rem;
        margin-left: -1rem;
    }
}
@media (min-width: 768px) {
    .text-image--featured .text-image__text-col {
        padding-right: 0.4375rem;
        padding-left: 0.4375rem;
    }
}
@media (min-width: 992px) {
    .text-image--featured .text-image__text-col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 47%;
        flex: 0 0 47%;
        max-width: 47%;
        padding-right: 1rem;
        padding-left: 1rem;
    }
}
@media (min-width: 768px) {
    .text-image--featured .text-image__image-col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 0.4375rem;
        padding-left: 0.4375rem;
        margin-top: 1.3125rem;
        margin-right: 0;
        margin-left: 0;
    }
}
@media (min-width: 992px) {
    .text-image--featured .text-image__image-col {
        padding-right: 1rem;
        padding-left: 1rem;
        margin-top: 0;
    }
}
.text-image--featured .text-image__headline {
    margin-bottom: 0.625rem;
}
@media (min-width: 992px) {
    .text-image--featured .text-image__headline {
        margin-bottom: 1rem;
    }
}
.text-image--featured .text-image__wysiwyg {
    margin-bottom: 1.25rem;
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .text-image--featured .text-image__wysiwyg p {
        font-size: 14px;
        font-size: 0.875rem;
    }
}
.text-image--featured-bg .text-image__container {
    position: relative;
    padding: 2.5rem 1.875rem;
}
@media (min-width: 768px) {
    .text-image--featured-bg .text-image__container {
        padding: 2.8125rem 3.125rem 2.8125rem 2.8125rem;
    }
}
@media (min-width: 992px) {
    .text-image--featured-bg .text-image__container {
        padding: 3.4375rem 3.125rem 3.4375rem 2.625rem;
    }
}
.text-image--featured-bg .text-image__container .text-image__row {
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal;
}
.text-image--featured-bg .text-image__container .text-image__text-col {
    position: relative;
    z-index: 10;
}
.text-image--featured-bg .text-image__container .text-image__subheadline {
    border-color: #fff;
}
.text-image--featured-bg .text-image__container .text-image__image-col {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 5;
    height: 100%;
    width: 100%;
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin: 0;
}
.text-image--featured-bg .text-image__container .text-image__img-wrap {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
.text-image--featured-bg .text-image__container img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    height: 100%;
    max-height: 100%;
    width: 100%;
    max-width: 100%;
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}
@media (min-width: 768px) {
    .text-image--featured-bg .text-image__container img {
        border-top-right-radius: 0.375rem;
        border-bottom-left-radius: 0;
    }
}
.text-image--featured-bg .text-image__container .text-image__m-btn {
    margin-top: 0;
}
.xrpl-light .text-image--featured-bg .text-image__container {
    color: #fff;
}
.image-text__subheadline {
    margin-bottom: 1.625rem;
}
@media (min-width: 992px) {
    .image-text__subheadline {
        margin-bottom: 1.25rem;
    }
}
.image-text__headline {
    margin-bottom: 2.875rem;
}
@media (min-width: 992px) {
    .image-text__headline {
        margin-bottom: 3.5rem;
    }
}
@media (min-width: 768px) {
    .image-text__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -1.75rem;
    }
}
@media (min-width: 1200px) {
    .image-text__row {
        margin: 0 -3.5rem;
    }
}
.image-text__image-col {
    position: relative;
    z-index: 5;
    width: 100%;
    margin-bottom: 25px;
}
@media (min-width: 768px) {
    .image-text__image-col {
        max-width: 60%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        padding: 0 1.75rem;
        margin-bottom: 0;
    }
}
@media (min-width: 1200px) {
    .image-text__image-col {
        padding: 0 3.5rem;
    }
}
.image-text__img-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 5;
}
.image-text__img-wrap img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
.image-text__text-col {
    position: relative;
    z-index: 10;
    width: 100%;
}
@media (min-width: 768px) {
    .image-text__text-col {
        max-width: 40%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        padding: 0 1.75rem;
    }
}
@media (min-width: 1200px) {
    .image-text__text-col {
        padding: 0 3.5rem;
    }
}
@media (min-width: 576px) {
    .image-text__text {
        margin-bottom: 1.25rem;
    }
}
.image-text__subtext {
    margin-bottom: 1.25rem;
}
@media (min-width: 992px) {
    .image-text__subtext {
        margin-bottom: 2.125rem;
    }
}
.image-text--landing .image-text__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media (min-width: 768px) {
    .image-text--landing .image-text__row {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.image-text--landing .image-text__image-col {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: 0;
}
@media (min-width: 768px) {
    .image-text--landing .image-text__image-col {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        max-width: 45%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
    }
}
.image-text--landing .image-text__text-col {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    text-align: center;
    margin-bottom: 0.75rem;
}
@media (min-width: 768px) {
    .image-text--landing .image-text__text-col {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        max-width: 55%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 55%;
        flex: 0 0 55%;
        margin-bottom: 0;
    }
}
.image-text--landing .image-text__headline {
    margin-bottom: 1.75rem;
}
@media (min-width: 992px) {
    .image-text--landing .image-text__headline {
        margin-bottom: 2.125rem;
    }
}
@media (max-width: 575.98px) {
    .image-text--landing .image-text__headline {
        font-size: 24px;
        font-size: 1.5rem;
    }
}
.image-text--landing .text-image__btn {
    margin-bottom: 1.375rem;
}
.text-content .xrpl_lesson__main,
.text-content .xrpl_lesson__content {
    margin-bottom: 0;
}
.hubform--align-center {
    text-align: center;
}
.hubform--align-center .xrpl-gradient-box {
    text-align: left;
    margin-right: auto;
    margin-left: auto;
}
.hubform--align-right {
    text-align: right;
}
.hubform--align-right .xrpl-gradient-box {
    text-align: left;
    margin-right: 0;
    margin-left: auto;
}
.xrpl-light .courses-module__col-inner {
    background-color: #fff;
}
.xrpl-light .cta-cards__card-inner {
    background-color: #fff;
}
.xrpl-light .cta-cards__img-wrap svg .Icon__theme {
    stroke: #000;
}
.xrpl-light .lessons-module__course {
    border-color: #ccc;
}
.xrpl-light .lessons-module__counter svg path {
    stroke: #7919ff;
}
.xrpl-light .lessons-module__lesson-inner {
    background-color: #fff;
}
.xrpl-light .lessons-module__lesson-meta p {
    color: #454549;
}
.xrpl-light .lessons-module__lesson--unseen .lessons-module__lesson-border {
    background: #454549;
}
.xrpl-light .lessons-module__lesson--unseen svg path {
    stroke: #454549;
}
.xrpl-light .lessons-module__lesson--unseen .lessons-module__btn::before {
    background-color: #7919ff;
}
.xrpl-light .lessons-module__lesson--unseen .lessons-module__btn:hover::before {
    background-color: #5f00e5;
}
.xrpl-light .lessons-module__lesson--in-progress svg path {
    stroke: #000;
}
.xrpl-light .lessons-module__lesson--in-progress .lessons-module__lesson-svg {
    background-image: url(assets/c4694aa6bc9d1721efc5.svg), none;
}
.xrpl-light .lessons-module__lesson--in-progress .lessons-module__btn::before {
    background-color: #ff671a;
}
.xrpl-light .lessons-module__lesson--in-progress .lessons-module__btn:hover::before {
    background-color: #e54d00;
}
.xrpl-light .lessons-module__lesson--pending-quiz-completion .lessons-module__lesson-svg {
    background-image: url(assets/00d0c4de04a0910263d3.svg), none;
}
.xrpl-light .lessons-module__lesson--pending-quiz-completion .lessons-module__btn::before {
    background-color: #000;
}
.xrpl-light .lessons-module__lesson--pending-quiz-completion .lessons-module__btn:hover::before {
    background-color: #454549;
}
.xrpl-light .lessons-module__lesson--completed .lessons-module__lesson-svg {
    background-image: url(assets/00d0c4de04a0910263d3.svg), none;
}
.xrpl-light .lessons-module__lesson--completed .lessons-module__btn::before {
    background-color: #000;
}
.xrpl-light .lessons-module__lesson--completed .lessons-module__btn:hover::before {
    background-color: #454549;
}
.xrpl-light .text-image__img {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
}
#inline-consent,
#popup-consent {
    background-color: #232325;
    border-radius: 0.3125rem;
    -webkit-box-shadow: 0 0 1.25rem #000;
    box-shadow: 0 0 1.25rem #000;
}
.xrpl-light #inline-consent,
.xrpl-light #popup-consent {
    -webkit-box-shadow: 0 0 1.25rem #c1c1c2;
    box-shadow: 0 0 1.25rem #c1c1c2;
}
#inline-consent h2,
#popup-consent h2 {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.42857;
    margin-top: 0;
    margin-bottom: 0.8125rem;
}
@media (min-width: 576px) {
    #inline-consent h2,
    #popup-consent h2 {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5;
        margin-bottom: 1.0625rem;
    }
}
#inline-consent button,
#popup-consent button {
    font-size: 14px;
    font-size: 0.875rem;
    float: left;
    display: inline-block;
    font-weight: 700;
    color: #fff;
    background-color: #000;
    padding: 0.75rem 0.875rem;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0.25rem;
    margin-right: 0.9375rem;
    margin-bottom: 0.9375rem;
    cursor: pointer;
}
#inline-consent button:hover,
#popup-consent button:hover {
    background-color: #454549;
}
#inline-consent #popup-consent-accept,
#popup-consent #popup-consent-accept {
    background-color: #7919ff;
}
#inline-consent #popup-consent-accept:hover,
#popup-consent #popup-consent-accept:hover {
    background-color: #5f00e5;
}
#inline-consent #inline-consent-header,
#inline-consent #popup-consent-header,
#popup-consent #inline-consent-header,
#popup-consent #popup-consent-header {
    margin-bottom: 2.0625rem;
}
#inline-consent #inline-consent-content,
#inline-consent #popup-consent-content,
#popup-consent #inline-consent-content,
#popup-consent #popup-consent-content {
    margin-bottom: 2.0625rem;
}
@media (min-width: 576px) {
    #inline-consent #inline-consent-content,
    #inline-consent #popup-consent-content,
    #popup-consent #inline-consent-content,
    #popup-consent #popup-consent-content {
        margin-bottom: 2.0625rem;
    }
}
#inline-consent .toggle-wrap,
#popup-consent .toggle-wrap {
    margin-bottom: 0.8125rem;
}
#inline-consent .toggle-wrap p,
#popup-consent .toggle-wrap p {
    margin-bottom: 0;
}
#inline-consent label,
#popup-consent label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 6.25rem;
    margin-bottom: 0.3125rem;
    cursor: pointer;
}
#inline-consent label.toggle--disabled,
#popup-consent label.toggle--disabled {
    cursor: not-allowed;
}
#inline-consent input,
#popup-consent input {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
#inline-consent input:not([disabled]):active + .toggle__track,
#inline-consent input:not([disabled]):focus + .toggle__track,
#popup-consent input:not([disabled]):active + .toggle__track,
#popup-consent input:not([disabled]):focus + .toggle__track {
    outline: -webkit-focus-ring-color auto 1px;
}
#inline-consent input:disabled + .toggle__track,
#popup-consent input:disabled + .toggle__track {
    cursor: not-allowed;
    opacity: 0.7;
}
#inline-consent .toggle__track,
#popup-consent .toggle__track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 0.9375rem;
    width: 1.6875rem;
    background-color: #454549;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 6.25rem;
    margin-left: 0.75rem;
    cursor: pointer;
}
#inline-consent .toggle__track span,
#popup-consent .toggle__track span {
    position: absolute;
    bottom: 2px;
    left: 2px;
    height: 0.5625rem;
    width: 0.5625rem;
    background-color: #fff;
    border-radius: 50%;
    outline: solid 2px rgba(0, 0, 0, 0);
    -webkit-transition: 0.25s;
    transition: 0.25s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property:
        transform,
        -webkit-transform;
}
#inline-consent input:checked + .toggle__track,
#popup-consent input:checked + .toggle__track {
    background-color: #7919ff;
}
#inline-consent input:checked + .toggle__track span,
#popup-consent input:checked + .toggle__track span {
    -webkit-transform: translateX(0.75rem);
    transform: translateX(0.75rem);
}
#inline-consent-header a,
#popup-consent-header a {
    font-weight: 700;
    color: #fff;
}
#inline-consent-header a:hover,
#popup-consent-header a:hover {
    color: #7919ff;
}
#popup-consent {
    position: fixed;
    right: 0.625rem;
    bottom: 0.625rem;
    z-index: 999999999;
    width: 18.75rem;
    max-width: 90vw;
    padding: 1.25rem 1.25rem 0.3125rem;
}
#popup-consent::after {
    content: '';
    clear: both;
    display: table;
}
@media (min-width: 576px) {
    #popup-consent {
        right: 2.5rem;
        bottom: 2.5rem;
        width: 20.9375rem;
        padding: 1.875rem 1.875rem 0.9375rem;
    }
}
#popup-consent p {
    font-size: 10px;
    font-size: 0.625rem;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    line-height: 1.6;
}
@media (min-width: 576px) {
    #popup-consent p {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1.333333;
    }
}
#inline-consent {
    text-align: center;
    padding: 1.25rem;
}
@media (min-width: 576px) {
    #inline-consent {
        padding: 1.875rem;
    }
}
#inline-consent #inline-consent-header {
    margin-bottom: 1.875rem;
}
#inline-consent #inline-consent-header div {
    height: 1.25rem;
    width: 1.25rem;
    background-image: url(assets/285cde199e25050dcece.svg), none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto 0.4375rem;
}
.xrpl-light #inline-consent #inline-consent-header div {
    background-image: url(assets/25c009c08ad17860aee4.svg), none;
}
#inline-consent #inline-consent-content {
    margin-bottom: 0;
}
#inline-consent #inline-consent-content .toggle-wrap {
    margin-bottom: 0;
}
#inline-consent h2 {
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 0.4375rem;
}
#inline-consent label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.xrpl_lesson__main #inline-consent {
    margin-top: 2.8125rem;
}
.profile-block #inline-consent {
    margin-bottom: 2.8125rem;
}
.profile-block #inline-consent p {
    font-size: 10px;
    font-size: 0.625rem;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    line-height: 1.6;
}
@media (min-width: 576px) {
    .profile-block #inline-consent p {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1.333333;
    }
}
@media screen and (-ms-high-contrast: active) {
    .toggle__track {
        border-radius: 0;
    }
}
#notification-dropdown {
    display: none;
    position: absolute;
    top: 80px;
    right: 0;
    width: 100%;
    max-width: 366px;
    background-color: #232325;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 1.25rem #000;
    box-shadow: 0 0 1.25rem #000;
}
.xrpl-light #notification-dropdown {
    -webkit-box-shadow: 0 0 1.25rem #c1c1c2;
    box-shadow: 0 0 1.25rem #c1c1c2;
    background-color: #fff;
}
@media (min-width: 576px) {
    #notification-dropdown {
        display: block;
    }
}
#notification-dropdown.notification-dropdown--closed {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
    z-index: -1;
}
#notification-dropdown.notification-dropdown--opened {
    -webkit-transition: 0.45s;
    transition: 0.45s;
    -webkit-transition-property:
        opacity,
        -webkit-transform;
    transition-property:
        opacity,
        -webkit-transform;
    transition-property: transform, opacity;
    transition-property:
        transform,
        opacity,
        -webkit-transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
.xrpl-notification__notifications {
    padding-right: 1.875rem;
    padding-left: 1.875rem;
}
.xrpl-notification__notification {
    position: relative;
    padding-top: 1rem;
    border-top: 1px solid #454549;
    border-radius: 0.3125rem;
    margin-top: 0.9375rem;
}
.xrpl-notification__notification:first-of-type {
    padding-top: 30px;
    border-top: 0;
    margin-top: 0;
}
.xrpl-notification__notification:last-of-type {
    padding-bottom: 0.625rem;
}
.xrpl-light .xrpl-notification__notification {
    border-color: #ccc;
}
.xrpl-notification__notification > p {
    margin-bottom: 0.4375rem;
}
.xrpl-notification__inner {
    position: relative;
    padding-left: 2.5rem;
    padding-left: 4.875rem;
}
.xrpl-notification__svg {
    position: absolute;
    top: 0;
    left: 0;
    height: 1.25rem;
    width: 1.25rem;
    background-image: url(assets/319481b33815ec199d11.png), none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.xrpl-light .xrpl-notification__svg {
    background-image: url(assets/0455e0a7835ec05ad27b.png), none;
}
.xrpl-notification__inner p {
    font-size: 12px;
    font-size: 0.75rem;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    line-height: 1.6;
    margin-bottom: 1rem;
}
@media (min-width: 576px) {
    .xrpl-notification__inner p {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1.333333;
    }
}
.xrpl-notification__inner p:last-of-type {
    margin-bottom: 0.75rem;
}
.xrpl-notification__footer {
    text-align: center;
    padding: 1.1875rem 1.875rem;
    background-color: #000;
    border-bottom-right-radius: 0.3125rem;
    border-bottom-left-radius: 0.3125rem;
}
.xrpl-light .xrpl-notification__footer {
    background-color: #7919ff;
}
.xrpl-notification__footer a {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1rem;
    text-align: center;
}
.xrpl-light .xrpl-notification__footer a {
    color: #fff;
}
.xrpl-notification__details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.xrpl-notification__details .btn {
    margin-right: 1.25rem;
}
.xrpl-notification__details p {
    margin-left: auto;
}
#Nameplate .xrpl-notification {
    display: none;
    position: absolute;
    top: 5rem;
    right: 0;
    width: 100%;
    max-width: 22.875rem;
    background-color: #232325;
    border-radius: 0.3125rem;
    -webkit-box-shadow: 0 0 1.25rem #000;
    box-shadow: 0 0 1.25rem #000;
}
.xrpl-light #Nameplate .xrpl-notification {
    -webkit-box-shadow: 0 0 1.25rem #c1c1c2;
    box-shadow: 0 0 1.25rem #c1c1c2;
    background-color: #fff;
}
@media (min-width: 576px) {
    #Nameplate .xrpl-notification {
        display: block;
    }
}
#Nameplate .xrpl-notification .xrpl-notification__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 4.5rem;
    margin-bottom: 0.75rem;
}
#Nameplate .xrpl-notification p {
    font-size: 12px;
    font-size: 0.75rem;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    line-height: 1.6;
}
@media (min-width: 576px) {
    #Nameplate .xrpl-notification p {
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1.333333;
    }
}
#Nameplate .xrpl-notification__svg {
    height: 4.5rem;
    width: 4.5rem;
    left: -0.625rem;
}
#Nameplate .xrpl-notification__svg::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(assets/38d2ed386186d682e7e1.svg);
}
.profile-block__extra .xrpl-notification .xrpl-notification__notifications {
    padding: 0;
}
.profile-block__extra .xrpl-notification .xrpl-notification__notification {
    padding: 1.25rem 0.9375rem 0.625rem;
    background-color: #232325;
    border-top: 0;
    min-height: 4.625rem;
}
.xrpl-light .profile-block__extra .xrpl-notification .xrpl-notification__notification {
    background-color: #fff;
}
.profile-block__extra .xrpl-notification .xrpl-notification__inner {
    padding-left: 4.0625rem;
}
.profile-block__extra .xrpl-notification .xrpl-notification__svg {
    top: -0.46875rem;
    left: 0;
    height: 3rem;
    width: 3rem;
    background-image: url(assets/c652103443c86bb51592.svg), none;
}
.xrpl-light .profile-block__extra .xrpl-notification .xrpl-notification__svg {
    background-image: url(assets/bf4f3f561106b5318d33.svg), none;
}
#Nameplate .xrpl-notification__notification::after {
    content: '';
    clear: both;
    display: table;
}
#Nameplate .xrpl-notification__notification .xrpl-percent-complete {
    margin-top: -0.1875rem;
}
.xrpl-progress-bar {
    position: relative;
    width: 100%;
    margin-bottom: 1.75rem;
}
.xrpl-progress-bar::before {
    content: '';
    display: block;
    height: 0.625rem;
    background-color: #232325;
    border-radius: 3.125rem;
}
.xrpl-light .xrpl-progress-bar::before {
    background-color: #fff;
}
.xrpl-progress-bar::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#b480ff),
        color-stop(29.49%, #5f00e5),
        color-stop(61.09%, #1aa4ff),
        color-stop(101.11%, #19ff83)
    );
    background: linear-gradient(90deg, #b480ff 0%, #5f00e5 29.49%, #1aa4ff 61.09%, #19ff83 101.11%);
    border-radius: 3.125rem;
    -webkit-animation: expand 0.5s ease-out 0s 1 normal;
    animation: expand 0.5s ease-out 0s 1 normal;
}
@-webkit-keyframes expand {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: left;
        transform-origin: left;
    }
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: left;
        transform-origin: left;
    }
}
@keyframes expand {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: left;
        transform-origin: left;
    }
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: left;
        transform-origin: left;
    }
}
.xrpl-progress-bar[data-xrpl-percent-complete-rounded='0']::after {
    width: 0%;
}
.xrpl-progress-bar[data-xrpl-percent-complete-rounded='5']::after {
    width: 5%;
}
.xrpl-progress-bar[data-xrpl-percent-complete-rounded='10']::after {
    width: 10%;
}
.xrpl-progress-bar[data-xrpl-percent-complete-rounded='15']::after {
    width: 15%;
}
.xrpl-progress-bar[data-xrpl-percent-complete-rounded='20']::after {
    width: 20%;
}
.xrpl-progress-bar[data-xrpl-percent-complete-rounded='25']::after {
    width: 25%;
}
.xrpl-progress-bar[data-xrpl-percent-complete-rounded='30']::after {
    width: 30%;
}
.xrpl-progress-bar[data-xrpl-percent-complete-rounded='35']::after {
    width: 35%;
}
.xrpl-progress-bar[data-xrpl-percent-complete-rounded='40']::after {
    width: 40%;
}
.xrpl-progress-bar[data-xrpl-percent-complete-rounded='45']::after {
    width: 45%;
}
.xrpl-progress-bar[data-xrpl-percent-complete-rounded='50']::after {
    width: 50%;
}
.xrpl-progress-bar[data-xrpl-percent-complete-rounded='55']::after {
    width: 55%;
}
.xrpl-progress-bar[data-xrpl-percent-complete-rounded='60']::after {
    width: 60%;
}
.xrpl-progress-bar[data-xrpl-percent-complete-rounded='65']::after {
    width: 65%;
}
.xrpl-progress-bar[data-xrpl-percent-complete-rounded='70']::after {
    width: 70%;
}
.xrpl-progress-bar[data-xrpl-percent-complete-rounded='75']::after {
    width: 75%;
}
.xrpl-progress-bar[data-xrpl-percent-complete-rounded='80']::after {
    width: 80%;
}
.xrpl-progress-bar[data-xrpl-percent-complete-rounded='85']::after {
    width: 85%;
}
.xrpl-progress-bar[data-xrpl-percent-complete-rounded='90']::after {
    width: 90%;
}
.xrpl-progress-bar[data-xrpl-percent-complete-rounded='95']::after {
    width: 95%;
}
.xrpl-progress-bar[data-xrpl-percent-complete-rounded='100']::after {
    width: 100%;
}
#Nameplate .xrpl-progress-bar {
    float: left;
    width: calc(100% - 2.3125rem);
    margin-bottom: 0.5rem;
}
#Nameplate .xrpl-progress-bar::before {
    background-color: #111112;
}
.xrpl-light #Nameplate .xrpl-progress-bar::before {
    background-color: #f5f5f7;
}
#Nameplate .xrpl-percent-complete {
    font-size: 12px;
    font-size: 0.75rem;
    float: right;
    margin-left: 0.375rem;
}
.study-group__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -0.3125rem 1.25rem;
}
@media (min-width: 576px) {
    .study-group__header {
        margin: 0 -0.75rem 2.8125rem;
    }
}
.study-group__header .study-group__svg-wrap,
.study-group__header .study-group__headline,
.study-group__header .study-group__btn-wrap {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 0.3125rem;
    margin: 0;
}
@media (min-width: 576px) {
    .study-group__header .study-group__svg-wrap,
    .study-group__header .study-group__headline,
    .study-group__header .study-group__btn-wrap {
        padding: 0 0.75rem;
    }
}
.study-group__header .study-group__svg-wrap {
    max-height: 2.375rem;
    max-width: 3rem;
}
@media (min-width: 576px) {
    .study-group__header .study-group__svg-wrap {
        max-height: none;
        max-width: 100%;
    }
}
.study-group__header .study-group__headline {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    margin-right: auto;
}
@media (min-width: 768px) {
    .study-group__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -0.625rem;
    }
}
.study-group__col {
    width: 100%;
    margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
    .study-group__col {
        min-height: 15.9375rem;
        padding: 0 0.625rem;
    }
}
.study-group__card {
    -webkit-box-shadow: 0 0 1.25rem #000;
    box-shadow: 0 0 1.25rem #000;
    padding: 1.25rem 1.25rem;
    background-color: #232325;
    border-radius: 0.375rem;
}
.xrpl-light .study-group__card {
    -webkit-box-shadow: 0 0 1.25rem #c1c1c2;
    box-shadow: 0 0 1.25rem #c1c1c2;
}
@media (min-width: 576px) {
    .study-group__card {
        padding: 2.3125rem 1.25rem 1.5625rem;
    }
}
@media (min-width: 1200px) {
    .study-group__card {
        padding-top: 1.875rem;
    }
}
.xrpl-light .study-group__card {
    background-color: #fff;
}
.study-group__card .study-group__btn {
    text-align: center;
}
@media (min-width: 768px) {
    .study-group__card .study-group__btn {
        margin-top: auto;
    }
}
@media (max-width: 575.98px) {
    .study-group__card .study-group__btn {
        text-align: center;
        width: 100%;
    }
}
.study-group__card .study-group__title {
    border-bottom: 0;
    margin-bottom: 0.625rem;
}
.study-group__card .study-group__wysiwyg p {
    margin-bottom: 0.9375rem;
}
@media (min-width: 576px) {
    .study-group__card .study-group__wysiwyg p {
        margin-bottom: 1.25rem;
    }
}
@media (min-width: 768px) {
    .study-group--type-1 .study-group__col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (min-width: 1200px) {
    .study-group--type-1 .study-group__col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 21.5%;
        flex: 0 0 21.5%;
        max-width: 21.5%;
    }
}
@media (min-width: 768px) {
    .study-group--type-1 .study-group__col--big {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (min-width: 1200px) {
    .study-group--type-1 .study-group__col--big {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 57%;
        flex: 0 1 57%;
        max-width: 57%;
    }
}
@media (min-width: 576px) {
    .study-group--type-1 .study-group__col--big .study-group__card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
@media (min-width: 768px) {
    .study-group--type-1 .study-group__col--big .study-group__card {
        padding: 2.5rem;
    }
}
@media (min-width: 1200px) {
    .study-group--type-1 .study-group__col--big .study-group__card {
        padding: 1.875rem;
    }
}
.study-group--type-1 .study-group__col--big .study-group__card-text {
    position: relative;
    width: 100%;
}
@media (min-width: 576px) {
    .study-group--type-1 .study-group__col--big .study-group__card-text {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 63%;
        flex: 0 0 63%;
        max-width: 63%;
        min-height: 14.0625rem;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-right: 0.875rem;
        padding-bottom: 2.9375rem;
    }
}
@media (min-width: 768px) {
    .study-group--type-1 .study-group__col--big .study-group__card-text {
        padding-right: 1.5625rem;
    }
}
@media (min-width: 1200px) {
    .study-group--type-1 .study-group__col--big .study-group__card-text {
        padding-right: 0.875rem;
    }
}
@media (min-width: 576px) {
    .study-group--type-1 .study-group__col--big .study-group__btn {
        position: absolute;
        bottom: 0;
        left: 0;
    }
}
.study-group--type-1 .study-group__col--big .study-group__img-wrap {
    position: relative;
    text-align: center;
    height: 9.375rem;
    width: 100%;
    margin-bottom: 15px;
}
@media (min-width: 576px) {
    .study-group--type-1 .study-group__col--big .study-group__img-wrap {
        height: auto;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 37%;
        flex: 0 0 37%;
        max-width: 37%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding-left: 0.875rem;
        margin-bottom: 0;
    }
}
@media (min-width: 576px) {
    .study-group--type-1 .study-group__col--big .study-group__img-wrap {
        padding-left: 1.5625rem;
    }
}
@media (min-width: 1200px) {
    .study-group--type-1 .study-group__col--big .study-group__img-wrap {
        padding-left: 0.875rem;
    }
}
.study-group--type-1 .study-group__col--big .study-group__img-wrap img {
    max-height: 100%;
    width: auto;
    margin: 0 auto;
}
@media (min-width: 576px) {
    .study-group--type-1 .study-group__col--big .study-group__img-wrap img {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0.875rem;
        height: 100%;
        width: auto;
        max-width: calc(100% - 0.875rem);
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center;
        margin: auto;
    }
}
@media (min-width: 768px) {
    .study-group--type-1 .study-group__col--big .study-group__img-wrap img {
        left: 1.5625rem;
        max-width: calc(100% - 1.5625rem);
    }
}
@media (min-width: 1200px) {
    .study-group--type-1 .study-group__col--big .study-group__img-wrap img {
        left: 0.875rem;
        max-width: calc(100% - 0.875rem);
    }
}
.study-group--type-2 .study-group__row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.study-group--type-2 .study-group__col {
    text-align: center;
}
@media (min-width: 768px) {
    .study-group--type-2 .study-group__col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (min-width: 992px) {
    .study-group--type-2 .study-group__col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}
.study-group--type-2 .study-group__col .study-group__card-svg {
    margin-bottom: 2px;
}
@media (min-width: 768px) {
    .study-group--type-2 .study-group__col .study-group__card-svg {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        position: relative;
        height: 3.125rem;
    }
}
@media (min-width: 768px) {
    .study-group--type-2 .study-group__col .study-group__card-svg svg {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        position: relative;
        max-height: 3.125rem;
    }
}
@media (max-width: 575.98px) {
    .study-group--type-2 .study-group__col .study-group__card-svg svg {
        height: auto;
        width: 2.3125rem;
    }
}
@media (min-width: 768px) {
    .study-group__card--main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
    }
}
.study-group__card--main .study-group__small-headline,
.study-group__card--main .study-group__headline {
    padding-bottom: 0.25rem;
    margin-bottom: 0.3125rem;
    border-bottom: 1px solid #7919ff;
}
@media (min-width: 576px) {
    .study-group__card--main .study-group__small-headline,
    .study-group__card--main .study-group__headline {
        padding-bottom: 0.625rem;
        margin-bottom: 1.25rem;
    }
}
.study-group__card--main .study-group__small-headline {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.142857;
}
@media (max-width: 575.98px) {
    .study-group__card--main .study-group__small-headline {
        padding-bottom: 0.3125rem;
        margin-bottom: 0.9375rem;
    }
}
.study-group__floats::after {
    content: '';
    clear: both;
    display: table;
}
@media (min-width: 768px) {
    .study-group__floats {
        text-align: center;
        margin: 0 -0.625rem;
    }
}
.study-group__float {
    text-align: left;
}
@media (min-width: 768px) {
    .study-group__float {
        width: 50%;
        padding: 0 0.625rem 1.25rem;
    }
    .study-group__float:nth-child(odd) {
        float: left;
        clear: left;
    }
    .study-group__float:nth-child(even) {
        float: right;
        clear: right;
    }
}
.study-group__floats .study-group__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (min-width: 576px) {
    .study-group__floats .study-group__card {
        padding: 1.875rem;
    }
}
.study-group__floats .study-group__headline {
    width: 100%;
}
.study-group__floats .study-group__btn {
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 1.25rem;
    margin-right: 0.625rem;
}
@media (min-width: 576px) {
    .study-group__floats .study-group__btn {
        margin-bottom: 1.5625rem;
    }
}
.study-group__floats .study-group__wysiwyg {
    width: 100%;
}
.study-group__floats .study-group__wysiwyg p:last-of-type {
    margin-bottom: 0;
}
.embed-block {
    text-align: center;
}
.embed-block__inner iframe {
    width: 100%;
    max-width: 99.9vw;
}
.game-embed-block {
    text-align: center;
    padding-right: 0;
    padding-left: 0;
}
@media (min-width: 992px) {
    .game-embed-block {
        padding-right: calc(12.5vw - 124px);
        padding-left: calc(12.5vw - 124px);
    }
}
@media (min-width: 1800px) {
    .game-embed-block {
        padding-right: 5.6vw;
        padding-left: 5.6vw;
    }
}
.game-embed-block .game-embed-block__max {
    max-width: calc(1590px + 3vw);
    margin-right: auto;
    margin-left: auto;
}
.game-embed-block .game-embed-block__inner {
    position: relative;
    z-index: 50;
    height: 0;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 56.25%;
    border: 5px solid #7919ff;
    border-radius: 20px;
    margin: 0 auto 2.8125rem;
    overflow: hidden;
}
.game-embed-block iframe {
    position: absolute;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
    border: 0;
    height: calc(100% + 2px);
    width: calc(100% + 2px);
}
#xrpIframeBtnWrap {
    display: inline-block;
    position: relative;
}
#xrpIframeBtnWrap::after {
    content: 'GO FULLSCREEN';
    font-size: 18px;
    font-size: 1.125rem;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    line-height: 1.16666;
    color: #faff1a;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
    -webkit-filter: blur(2.5px);
    filter: blur(2.5px);
}
@media (min-width: 576px) {
    #xrpIframeBtnWrap::after {
        font-size: 32px;
        font-size: 2rem;
    }
}
#xrpIframeFull {
    position: relative;
    z-index: 10;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #fff;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0);
    padding: 0 2.625rem 0 0;
    border: 0;
    margin-bottom: 0;
    cursor: pointer;
}
#xrpIframeFull svg {
    position: absolute;
    top: 50%;
    right: 0;
    height: auto;
    width: 1.9375rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.xrpl-light #xrpIframeFull {
    color: #7919ff;
}
.xrpl-light #xrpIframeFull svg .Icon__theme {
    stroke: #7919ff;
}
.xrpl-light #inline-consent,
.xrpl-light #popup-consent {
    background-color: #fff;
}
.xrpl-light #inline-consent-header a,
.xrpl-light #popup-consent-header a {
    color: #000;
}
.xrpl-light #inline-consent-header a:hover,
.xrpl-light #popup-consent-header a:hover {
    color: #7919ff;
}
.xrpl-light .toggle__track {
    background-color: #454549;
}
.block .qsm-quiz-container {
    margin-bottom: 3.4375rem;
}
@media (min-width: 992px) {
    .block .qsm-quiz-container {
        margin-bottom: 6rem;
    }
}
.block .mlw_qmn_message_before {
    color: #fff;
}
.block .quiz_section {
    padding: 0;
    border-color: #fff;
    margin-bottom: 2.1875rem;
}
@media (min-width: 576px) {
    .block .quiz_section {
        margin-bottom: 2.8125rem;
    }
}
.block .quiz_section .mlw_qmn_question_number::before {
    content: 'Question ';
}
.block .quiz_section .mlw_qmn_new_question {
    display: block;
    margin-bottom: 1rem;
}
@media (min-width: 576px) {
    .block .quiz_section .mlw_qmn_new_question {
        margin-top: 0.9375rem;
        margin-bottom: 2.1875rem;
    }
}
.block .qmn_mc_answer_wrap {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
    margin: 0;
}
.block .qmn_mc_answer_wrap input {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 1.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 0.9375rem;
    width: 0.9375rem;
    padding: 0;
    border-radius: 50%;
    margin: 0;
    border: 1px solid #fff;
}
@media (min-width: 576px) {
    .block .qmn_mc_answer_wrap input {
        left: 1.875rem;
    }
}
.block .qmn_mc_answer_wrap input:checked {
    background: radial-gradient(
        ellipse at center,
        #7919ff 0%,
        #7919ff 45%,
        rgba(121, 25, 255, 0) 46%,
        rgba(121, 25, 255, 0) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#7919ff", endColorstr="#007919ff",GradientType=1 );
}
.block .quiz_section .qmn_radio_answers label,
.block .quiz_section .qmn_check_answers label,
.block .quiz_section .qmn_accept_answers label {
    -webkit-box-shadow: 0 0 1.25rem #000;
    box-shadow: 0 0 1.25rem #000;
    display: block;
    padding: 1.25rem 1.25rem 1.25rem calc(6% + 2.1875rem);
    background-color: #232325;
    border-radius: 0.3125rem;
    margin: 0 0 0.9375rem;
}
.xrpl-light .block .quiz_section .qmn_radio_answers label,
.xrpl-light .block .quiz_section .qmn_check_answers label,
.xrpl-light .block .quiz_section .qmn_accept_answers label {
    -webkit-box-shadow: 0 0 1.25rem #c1c1c2;
    box-shadow: 0 0 1.25rem #c1c1c2;
}
@media (min-width: 576px) {
    .block .quiz_section .qmn_radio_answers label,
    .block .quiz_section .qmn_check_answers label,
    .block .quiz_section .qmn_accept_answers label {
        padding: 1.875rem 1.875rem 1.875rem calc(5% + 3.4375rem);
        margin-bottom: 1.25rem;
    }
}
.block .qmn_quiz_container .qmn_btn,
.block .qmn_quiz_container .btn,
.block .qmn_results_page input[type='submit'] {
    font-size: 14px !important;
    font-size: 0.875rem !important;
    display: inline-block;
    font-weight: 700 !important;
    color: #fff !important;
    background-color: #7919ff !important;
    padding: 0.75rem 0.875rem !important;
    border: 1px solid rgba(0, 0, 0, 0) !important;
    border-radius: 0.25rem !important;
    cursor: pointer;
}
.block .qmn_quiz_container .qmn_btn:hover,
.block .qmn_quiz_container .btn:hover,
.block .qmn_results_page input[type='submit']:hover {
    color: #fff !important;
    background-color: #5f00e5 !important;
}
.block .xrpl-qsm-answer-feedback {
    margin-top: 1.625rem;
}
.block .quick-question-res-p {
    font-size: 16px;
    font-size: 1rem;
    padding: 0;
    border: 0;
    margin: 0;
}
.block .xrpl-qsm-answer-feedback-correct .quick-question-res-p {
    color: #32e685;
}
.block .xrpl-qsm-answer-feedback-incorrect .quick-question-res-p {
    color: #ff4d4d;
}
.block .qsm-inline-correct-info {
    font-size: 16px;
    font-size: 1rem;
    margin-top: 0;
}
.block .qsm-inline-correct-info b:first-of-type {
    display: none;
}
.block .qmn_pagination {
    border: 0;
    padding: 0;
    margin: 0;
}
.block .qsm-results-page br {
    display: none;
}
.block .qsm-results-page .mlw_qmn_question {
    position: relative;
}
.block .qsm-results-page .mlw_qmn_question .mlw_qmn_question_number {
    position: absolute;
    top: 0;
    left: 0;
}
.block .qsm-results-page .mlw_qmn_question b {
    display: block;
    padding-left: 1.5rem;
    margin-bottom: 0.5rem;
}
.block .qsm-results-page .mlw_qmn_question span:not(.mlw_qmn_question_number) {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.42857;
}
@media (min-width: 576px) {
    .block .qsm-results-page .mlw_qmn_question span:not(.mlw_qmn_question_number) {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.5;
    }
}
.block .qsm-results-page .mlw_qmn_question span:not(.mlw_qmn_question_number)::before {
    content: '';
    display: inline-block;
    height: 15px;
    width: 15px;
    border-width: 1px;
    border-style: solid;
    border-radius: 50%;
}
.block .qsm-results-page .mlw_qmn_question span.qsm-text-simple-option {
    color: #838386;
}
.block .qsm-results-page .mlw_qmn_question span.qsm-text-wrong-option {
    color: #ff4d4d;
}
.block .qsm-results-page .mlw_qmn_question span.qsm-text-wrong-option::before {
    content: '✕';
    border: 0;
}
.block .qsm-results-page .mlw_qmn_question span.qsm-text-correct-option {
    color: #32e685;
}
.block .qsm-results-page .mlw_qmn_question span.qsm-text-user-correct-answer::before {
    border-color: #fff;
    background: radial-gradient(
        ellipse at center,
        #32e685 0%,
        #32e685 45%,
        rgba(50, 230, 133, 0) 46%,
        rgba(50, 230, 133, 0) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#32e685", endColorstr="#0032e685",GradientType=1 );
}
body .quiz_section .mlw_qmn_question,
body .quiz_section .qmn_radio_answers .qmn_mc_answer_wrap label {
    font-size: 14px;
    font-size: 0.875rem;
}
@media (min-width: 576px) {
    body .quiz_section .mlw_qmn_question,
    body .quiz_section .qmn_radio_answers .qmn_mc_answer_wrap label {
        font-size: 16px;
        font-size: 1rem;
    }
}
.xrpl-light .block .mlw_qmn_message_before {
    color: #000;
}
.xrpl-light .block .quiz_section {
    border-color: #000;
}
.xrpl-light .block .qmn_mc_answer_wrap input {
    border-color: #000;
}
.xrpl-light .block .quiz_section .qmn_radio_answers label,
.xrpl-light .block .quiz_section .qmn_check_answers label,
.xrpl-light .block .quiz_section .qmn_accept_answers label {
    background-color: #fff;
}
.xrpl-light .block .qsm-results-page .mlw_qmn_question .qsm-text-user-correct-answer::before {
    border-color: #454549;
}
#post-groups > header {
    margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
    #post-groups > header {
        margin-bottom: 2.5rem;
    }
}
@media (min-width: 992px) {
    #post-groups > header {
        margin-bottom: 2.8125rem;
    }
}
@media (min-width: 576px) {
    #post-groups > header h1 {
        margin-bottom: 1.25rem;
    }
}
@media (min-width: 1200px) {
    #post-groups > header div {
        max-width: 50%;
    }
}
#post-groups > header .study-header__text-wrap {
    margin-bottom: 2.1875rem;
}
@media (min-width: 576px) {
    #post-groups > header .study-header__text-wrap {
        margin-bottom: 3.875rem;
    }
}
#post-groups .post-group-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -0.5rem -0.5rem;
}
@media (min-width: 768px) {
    #post-groups .post-group-nav {
        padding-right: 13%;
        padding-left: 13%;
    }
}
@media (min-width: 992px) {
    #post-groups .post-group-nav {
        padding-right: 0;
        padding-left: 0;
        margin: 0 -0.625rem -0.625rem;
    }
}
@media (min-width: 1200px) {
    #post-groups .post-group-nav {
        padding-right: 7%;
        padding-left: 7%;
    }
}
#post-groups .post-group-nav li {
    min-height: 4.875rem;
    width: 100%;
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    line-height: normal;
    padding: 0 0.5rem 1rem;
    margin-bottom: 0;
}
@media (min-width: 992px) {
    #post-groups .post-group-nav li {
        min-height: 6.25rem;
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        padding: 0 0.625rem 1.25rem;
    }
}
#post-groups .post-group-nav li > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 100%;
    padding: 0.625rem 0.9375rem;
    cursor: pointer;
    text-decoration: none;
}
@media (min-width: 576px) {
    #post-groups .post-group-nav li > a {
        padding: 0.9375rem 1.25rem;
    }
}
#post-groups .post-group-nav li > a::before {
    -webkit-box-shadow: 0 0 1.25rem #000;
    box-shadow: 0 0 1.25rem #000;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1;
    background-color: #232325;
    border-radius: 0.375rem;
}
.xrpl-light #post-groups .post-group-nav li > a::before {
    -webkit-box-shadow: 0 0 1.25rem #c1c1c2;
    box-shadow: 0 0 1.25rem #c1c1c2;
}
.xrpl-light #post-groups .post-group-nav li > a::before {
    color: #000;
    background-color: #fff;
}
#post-groups .post-group-nav li > a h5 {
    color: #fff;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-right: 0.3125rem;
    margin-bottom: 0;
}
.xrpl-light #post-groups .post-group-nav li > a h5 {
    color: #000;
}
#post-groups .post-group-nav li > a:hover::before {
    background-color: #7919ff;
}
.xrpl-light #post-groups .post-group-nav li > a:hover::before {
    background-color: #7919ff;
}
#post-groups .post-group-nav li > a:hover h5 {
    color: #fff;
}
#post-groups .post-group-nav li > a:hover svg .svg-stroke-white {
    stroke: #fff;
}
#post-groups .post-group-nav li > a svg {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: auto;
    width: 2.1875rem;
}
@media (min-width: 992px) {
    #post-groups .post-group-nav li > a svg {
        width: 3.125rem;
    }
}
#post-groups .featured-post-nav {
    margin: 1.5rem 0 0;
    padding: 0;
}
#post-groups .featured-post-nav li {
    line-height: normal;
    margin-bottom: 0;
}
#post-groups .featured-post-nav a {
    border: 1px solid #7919ff;
    border-radius: 0.375rem;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1rem;
    font-weight: 700;
    font-size: 0.75rem;
    margin: 0 auto;
    max-width: 27.625rem;
    padding: 0.9375rem;
    text-align: center;
    text-decoration: none;
}
@media (min-width: 576px) {
    #post-groups .featured-post-nav a {
        font-size: 0.875rem;
    }
}
#post-groups .featured-post-nav .Icon--crown {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2.1875rem;
    flex: 0 0 2.1875rem;
    width: 2.1875rem;
    height: auto;
}
#post-groups .featured-post-nav .down-arrow {
    background-color: #7919ff;
    border-radius: 0.3125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.5625rem;
    flex: 0 0 1.5625rem;
    width: 1.5625rem;
    height: auto;
}
#post-groups .featured-post-nav a:hover {
    background-color: #7919ff;
}
#post-groups .featured-post-nav a:hover .down-arrow {
    background-color: #000;
}
@media (min-width: 576px) {
    #post-groups .featured-post-nav a {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 0.9375rem;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0.9375rem 1.25rem;
        text-align: left;
    }
}
@media (min-width: 768px) {
    #post-groups .featured-post-nav .Icon--crown {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 3.125rem;
        flex: 0 0 3.125rem;
        width: 3.125rem;
        height: auto;
    }
    #post-groups .featured-post-nav .down-arrow {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 2.1875rem;
        flex: 0 0 2.1875rem;
        width: 2.1875rem;
        height: auto;
        border-radius: 0.4375rem;
    }
}
@media (min-width: 1800px) {
    #post-groups .featured-post-nav .down-arrow {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 2rem;
        flex: 0 0 2rem;
        width: 2rem;
    }
}
#post-groups .post-group {
    margin-bottom: 3.4375rem;
}
#post-groups .post-group header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.75rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 1.25rem 0;
}
@media (min-width: 576px) {
    #post-groups .post-group header {
        margin-bottom: 2.8125rem;
    }
}
#post-groups .post-group header svg {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2.1875rem;
    flex: 0 0 2.1875rem;
    width: 2.1875rem;
    height: 2.1875rem;
}
@media (min-width: 576px) {
    #post-groups .post-group header svg {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 3.125rem;
        flex: 0 0 3.125rem;
        width: 3.125rem;
        height: 3.125rem;
    }
}
#post-groups .post-group header h2 {
    margin: 0 auto 0 0;
    width: 132px;
    width: auto;
}
@media (min-width: 576px) {
    #post-groups .post-group header h2 {
        width: auto;
    }
}
#post-groups .post-group header a.btn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}
@media (min-width: 768px) {
    #post-groups .post-group header {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    #post-groups .post-group header h2 {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        width: auto;
    }
    #post-groups .post-group header a.btn {
        margin-left: auto;
    }
}
@media (min-width: 768px) {
    #post-groups .post-group-cards {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
    }
}
#post-groups .post-group-card {
    -webkit-box-shadow: 0 0 1.25rem #000;
    box-shadow: 0 0 1.25rem #000;
    background-color: #232325;
    border-radius: 0.375rem;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column;
    padding: 1.25rem;
    margin-bottom: 20px;
}
.xrpl-light #post-groups .post-group-card {
    -webkit-box-shadow: 0 0 1.25rem #c1c1c2;
    box-shadow: 0 0 1.25rem #c1c1c2;
}
@media (min-width: 576px) {
    #post-groups .post-group-card {
        padding: 1.875rem;
    }
}
#post-groups .post-group-card h4 {
    margin-bottom: 1.5625rem;
}
@media (min-width: 576px) {
    #post-groups .post-group-card h4 {
        margin-bottom: 2.1875rem;
    }
}
#post-groups .post-group-card button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: inherit;
    border: none;
    color: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 0.625rem;
}
#post-groups .post-group-card button::after {
    content: '';
    display: inline-block;
    width: 19px;
    height: 20px;
    margin-left: 6px;
    background-position: center right;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJtMTUuNjc2IDguNTItNS45MyA1LjctNS45NDUtNS43Ii8+PC9zdmc+);
}
#post-groups .post-group-card button[aria-expanded='true']::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
#post-groups .post-group-card-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#post-groups .post-group-card-description {
    border-top: 1px solid #414145;
    margin-top: 1.25rem;
    padding-top: 0.9375rem;
}
@media (min-width: 576px) {
    #post-groups .post-group-card-description {
        margin-top: 1.5625rem;
        padding-top: 1.25rem;
    }
}
#post-groups .post-group-card-description-toggle {
    cursor: pointer;
}
#post-groups .post-group-card-icon {
    text-align: right;
}
@media (min-width: 576px) {
    #post-groups .featured-post-section {
        padding-top: 2.875rem;
        padding-bottom: 2.875rem;
    }
}
@media (min-width: 1200px) {
    #post-groups .featured-post-section {
        padding-top: 5.25rem;
        padding-bottom: 3.4375rem;
    }
}
#post-groups .featured-post {
    -webkit-box-shadow: 0 0 1.25rem #000;
    box-shadow: 0 0 1.25rem #000;
    background-color: #232325;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    line-height: 1.5;
    margin: 0 auto;
    padding: 1.25rem;
    position: relative;
    text-align: center;
}
.xrpl-light #post-groups .featured-post {
    -webkit-box-shadow: 0 0 1.25rem #c1c1c2;
    box-shadow: 0 0 1.25rem #c1c1c2;
}
@media (min-width: 576px) {
    #post-groups .featured-post {
        max-width: 55.75rem;
        padding: 2.5rem;
    }
}
#post-groups .featured-post::before,
#post-groups .featured-post::after {
    content: '';
    display: none;
    position: absolute;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
@media (min-width: 576px) {
    #post-groups .featured-post::before,
    #post-groups .featured-post::after {
        display: inline-block;
    }
}
#post-groups .featured-post::before {
    background-image: url(assets/b9a85bafa0fa6faa3738.png), none;
    top: -3.75rem;
    left: -3.625rem;
    width: 17.375rem;
    height: 19.25rem;
}
@media (min-width: 1200px) {
    #post-groups .featured-post::before {
        top: -6.1875rem;
        left: -7.3125rem;
        width: 19.75rem;
        height: 21.875rem;
    }
}
#post-groups .featured-post::after {
    background-image: url(assets/9b50930215dde7ea75d0.png), none;
    bottom: -2.875rem;
    right: -4.25rem;
    height: 16.125rem;
    width: 8.75rem;
}
@media (min-width: 1200px) {
    #post-groups .featured-post::after {
        bottom: -3.4375rem;
        right: -6.3125rem;
        height: 18.875rem;
        width: 10.25rem;
    }
}
#post-groups .featured-post svg {
    width: 2.1875rem;
    height: 2.1875rem;
    margin-bottom: 10px;
}
@media (min-width: 576px) {
    #post-groups .featured-post svg {
        width: 3.125rem;
        height: 3.125rem;
    }
}
#post-groups .featured-post h2 {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 10px;
}
@media (min-width: 576px) {
    #post-groups .featured-post h2 {
        font-size: 32px;
        font-size: 2rem;
    }
}
#post-groups .featured-post div {
    margin-bottom: 0.9375rem;
}
#post-groups .featured-post button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: inherit;
    border: none;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 0.625rem;
}
#post-groups .featured-post button::after {
    content: '';
    display: inline-block;
    width: 19px;
    height: 20px;
    margin-left: 6px;
    background-position: center right;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJtMTUuNjc2IDguNTItNS45MyA1LjctNS45NDUtNS43Ii8+PC9zdmc+);
}
#post-groups .featured-post button[aria-expanded='true']::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.xrpl-light #post-groups .featured-post-nav a,
.xrpl-light #post-groups .post-group-card,
.xrpl-light #post-groups .featured-post {
    background: #fff;
    color: #000;
}
.xrpl-light #post-groups .featured-post-nav a {
    background: #fff;
    color: #000;
}
.xrpl-light #post-groups .featured-post-nav a:hover {
    color: #fff;
    background-color: #7919ff;
}
.xrpl-light #post-groups .featured-post-nav a:hover svg .Icon__theme {
    stroke: #fff;
}
.xrpl-light #post-groups .post-group-card button::after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIyMCIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJtMTUuNjc2IDguNTItNS45MyA1LjctNS45NDUtNS43Ii8+PC9zdmc+);
}
.xrpl-light #post-groups .svg-stroke-white {
    stroke: #000;
}
.xrpl-light #post-groups .svg-fill-white {
    stroke: #000;
}
.study-center-quiz {
    max-width: 38.75rem;
}
.study-center-quiz .qsm-quiz-container {
    margin-top: 2rem;
}
#faq-archive .study-center-page-title,
.text-groups .study-center-page-title {
    font-size: 2rem;
    font-size: 1.6rem;
    margin-bottom: 0.4rem;
}
#faq-archive .xrpl-faq-list,
.text-groups .xrpl-faq-list {
    margin: 3rem 0;
}
#faq-archive .text-groups__group,
.text-groups .text-groups__group {
    margin-bottom: 2.75rem;
}
@media (min-width: 576px) {
    #faq-archive .text-groups__group,
    .text-groups .text-groups__group {
        margin-bottom: 3.2rem;
    }
}
#faq-archive .text-groups__group-headline,
.text-groups .text-groups__group-headline {
    padding-bottom: 0.625rem;
    border-bottom: 2px solid #7919ff;
    margin-bottom: 2rem;
}
#faq-archive .xrpl-faq,
.text-groups .xrpl-faq {
    border-bottom: 1px solid #454549;
    padding-bottom: 0.75rem;
    margin-bottom: 1rem;
}
@media (min-width: 576px) {
    #faq-archive .xrpl-faq,
    .text-groups .xrpl-faq {
        margin-bottom: 1.875rem;
    }
}
#faq-archive .xrpl-faq-question,
.text-groups .xrpl-faq-question {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1rem;
    font-weight: 500;
    margin-bottom: 0;
    cursor: pointer;
    scroll-margin-top: 1.5625rem;
}
@media (min-width: 576px) {
    #faq-archive .xrpl-faq-question,
    .text-groups .xrpl-faq-question {
        scroll-margin-top: 2.8125rem;
    }
}
#faq-archive .xrpl-faq-question .Icon,
.text-groups .xrpl-faq-question .Icon {
    margin-left: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.25rem;
    flex: 0 0 1.25rem;
}
#faq-archive .xrpl-faq-question[aria-expanded='true'] .Icon,
.text-groups .xrpl-faq-question[aria-expanded='true'] .Icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
#faq-archive .xrpl-faq-answer,
.text-groups .xrpl-faq-answer {
    margin: 0.9375rem 0 0;
}
#faq-archive .xrpl-faq-answer :last-child,
#faq-archive .xrpl-faq-answer :only-child,
.text-groups .xrpl-faq-answer :last-child,
.text-groups .xrpl-faq-answer :only-child {
    margin-bottom: 0;
}
#faq-archive .xrpl-faq-answer a,
.text-groups .xrpl-faq-answer a {
    color: #7919ff;
    font-weight: 700;
    text-decoration: none;
}
#faq-archive .xrpl-faq-answer a:hover,
.text-groups .xrpl-faq-answer a:hover {
    text-decoration: underline;
}
#faq-archive .xrpl-faq-title,
.text-groups .xrpl-faq-title {
    cursor: pointer;
}
#faq-archive .text-groups__subgroup-items,
.text-groups .text-groups__subgroup-items {
    margin-top: 2.2rem;
}
#faq-archive .text-groups__subgroup-items .text-groups__item,
.text-groups .text-groups__subgroup-items .text-groups__item {
    padding-left: 1rem;
}
@media (min-width: 992px) {
    #faq-archive > h1,
    .text-groups > h1 {
        max-width: 50%;
    }
    #faq-archive .xrpl-faq-list,
    .text-groups .xrpl-faq-list {
        max-width: 50%;
    }
}
.xrpl-light #faq-archive .xrpl-faq,
.xrpl-light .text-groups .xrpl-faq {
    border-bottom-color: #ccc;
}
.xrpl-light #faq-archive .xrpl-faq-question .Icon .svg-stroke-white,
.xrpl-light .text-groups .xrpl-faq-question .Icon .svg-stroke-white {
    stroke: #7919ff;
}
.xrpl-light .Icon--learning-logo path {
    fill: #000;
}
.xrpl-light .Icon--learning-logo line {
    stroke: #000;
}
.xrpl-light .Icon--logo path {
    fill: #000;
}
.xrpl-light .Icon--profile-dot circle {
    fill: #fff;
}
.xrpl-light .Icon--profile-dot path {
    stroke: #7919ff;
}
.xrpl-light main .Icon--defi .Icon__theme,
.xrpl-light main .Icon--developer .Icon__theme,
.xrpl-light main .Icon--earth .Icon__theme,
.xrpl-light main .Icon--gaming .Icon__theme,
.xrpl-light main .Icon--highfive .Icon__theme,
.xrpl-light main .Icon--innovative .Icon__theme,
.xrpl-light main .Icon--nft .Icon__theme,
.xrpl-light main .Icon--token .Icon__theme,
.xrpl-light main .Icon--crown,
.xrpl-light main .Icon__theme,
.xrpl-light main .Icon--study-new .Icon__theme,
.xrpl-light main .Icon--study-concept .Icon__theme,
.xrpl-light main .Icon--study-developer .Icon__theme,
.xrpl-light main .Icon--study-book .Icon__theme,
.xrpl-light main .Icon--study-defi .Icon__theme,
.xrpl-light main .Icon--study-defi-mini path,
.xrpl-light main .Icon--community path,
.xrpl-light main .Icon--code path,
.xrpl-light main .Icon--arrow-up path {
    stroke: #000;
}
.xrpl-light main .Icon--github path,
.xrpl-light main .Icon--xrpl-mark path {
    fill: #000;
}
.xrpl-light main .lessons-module__toggle .Icon--arrow path {
    stroke: #000;
}
.command-line-prompt {
    border-right: 1px solid #999;
    display: block;
    float: left;
    font-size: 100%;
    letter-spacing: -1px;
    margin-right: 1em;
    pointer-events: none;
    text-align: right;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.command-line-prompt > span:before {
    opacity: 0.7;
    content: ' ';
    display: block;
    padding-right: 0.8em;
}
.command-line-prompt > span[data-user]:before {
    content: '[' attr(data-user) '@' attr(data-host) '] $';
}
.command-line-prompt > span[data-user='root']:before {
    content: '[' attr(data-user) '@' attr(data-host) '] #';
}
.command-line-prompt > span[data-prompt]:before {
    content: attr(data-prompt);
}
.command-line-prompt > span[data-continuation-prompt]:before {
    content: attr(data-continuation-prompt);
}
.command-line span.token.output {
    opacity: 0.7;
}
pre[class*='language-'].line-numbers {
    position: relative;
    padding-left: 3.8em;
    counter-reset: linenumber;
}
pre[class*='language-'].line-numbers > code {
    position: relative;
    white-space: inherit;
}
.line-numbers .line-numbers-rows {
    position: absolute;
    pointer-events: none;
    top: 0;
    font-size: 100%;
    left: -3.8em;
    width: 3em;
    letter-spacing: -1px;
    border-right: 1px solid #999;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.line-numbers-rows > span {
    display: block;
    counter-increment: linenumber;
}
.line-numbers-rows > span:before {
    content: counter(linenumber);
    color: #999;
    display: block;
    padding-right: 0.8em;
    text-align: right;
}
pre[data-line] {
    position: relative;
    padding: 1em 0 1em 3em;
}
.line-highlight {
    position: absolute;
    left: 0;
    right: 0;
    padding: inherit 0;
    margin-top: 1em;
    background: rgba(153, 122, 102, 0.08);
    background: linear-gradient(to right, hsla(24deg, 20%, 50%, 0.1) 70%, hsla(24deg, 20%, 50%, 0));
    pointer-events: none;
    line-height: inherit;
    white-space: pre;
}
@media print {
    .line-highlight {
        -webkit-print-color-adjust: exact;
        color-adjust: exact;
    }
}
.line-highlight:before,
.line-highlight[data-end]:after {
    content: attr(data-start);
    position: absolute;
    top: 0.4em;
    left: 0.6em;
    min-width: 1em;
    padding: 0 0.5em;
    background-color: rgba(153, 122, 102, 0.4);
    color: #f5f2f0;
    font: bold 65%/1.5 sans-serif;
    text-align: center;
    vertical-align: 0.3em;
    border-radius: 999px;
    text-shadow: none;
    box-shadow: 0 1px #fff;
}
.line-highlight[data-end]:after {
    content: attr(data-end);
    top: auto;
    bottom: 0.4em;
}
.line-numbers .line-highlight:before,
.line-numbers .line-highlight:after {
    content: none;
}
pre[id].linkable-line-numbers span.line-numbers-rows {
    pointer-events: all;
}
pre[id].linkable-line-numbers span.line-numbers-rows > span:before {
    cursor: pointer;
}
pre[id].linkable-line-numbers span.line-numbers-rows > span:hover:before {
    background-color: rgba(128, 128, 128, 0.2);
}
div.code-toolbar {
    position: relative;
}
div.code-toolbar > .toolbar {
    position: absolute;
    z-index: 10;
    top: 0.3em;
    right: 0.2em;
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
}
div.code-toolbar:hover > .toolbar {
    opacity: 1;
}
div.code-toolbar:focus-within > .toolbar {
    opacity: 1;
}
div.code-toolbar > .toolbar > .toolbar-item {
    display: inline-block;
}
div.code-toolbar > .toolbar > .toolbar-item > a {
    cursor: pointer;
}
div.code-toolbar > .toolbar > .toolbar-item > button {
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
div.code-toolbar > .toolbar > .toolbar-item > a,
div.code-toolbar > .toolbar > .toolbar-item > button,
div.code-toolbar > .toolbar > .toolbar-item > span {
    color: #bbb;
    font-size: 0.8em;
    padding: 0 0.5em;
    background: #f5f2f0;
    background: rgba(224, 224, 224, 0.2);
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);
    border-radius: 0.5em;
}
div.code-toolbar > .toolbar > .toolbar-item > a:hover,
div.code-toolbar > .toolbar > .toolbar-item > a:focus,
div.code-toolbar > .toolbar > .toolbar-item > button:hover,
div.code-toolbar > .toolbar > .toolbar-item > button:focus,
div.code-toolbar > .toolbar > .toolbar-item > span:hover,
div.code-toolbar > .toolbar > .toolbar-item > span:focus {
    color: inherit;
    text-decoration: none;
}
code[class*='language-'],
pre[class*='language-'] {
    color: #f8f8f2;
    background: none;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
    font-size: 1em;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}
pre[class*='language-'] {
    padding: 1em;
    margin: 0.5em 0;
    overflow: auto;
    border-radius: 0.3em;
}
:not(pre) > code[class*='language-'],
pre[class*='language-'] {
    background: #272822;
}
:not(pre) > code[class*='language-'] {
    padding: 0.1em;
    border-radius: 0.3em;
    white-space: normal;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
    color: #8292a2;
}
.token.punctuation {
    color: #f8f8f2;
}
.token.namespace {
    opacity: 0.7;
}
.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
    color: #f92672;
}
.token.boolean,
.token.number {
    color: #ae81ff;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
    color: #a6e22e;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
    color: #f8f8f2;
}
.token.atrule,
.token.attr-value,
.token.function,
.token.class-name {
    color: #e6db74;
}
.token.keyword {
    color: #66d9ef;
}
.token.regex,
.token.important {
    color: #fd971f;
}
.token.important,
.token.bold {
    font-weight: bold;
}
.token.italic {
    font-style: italic;
}
.token.entity {
    cursor: help;
}