@keyframes hovering {
    0%,100% {
        transform: translateY(0)
    }

    10%,30%,50%,70% {
        transform: translateY(-4px)
    }

    20%,40%,60% {
        transform: translateY(4px)
    }

    80% {
        transform: translateY(3px)
    }

    90% {
        transform: translateY(-3px)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(180deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes rotateGlass {
    40% {
        -webkit-transform: rotate(0deg)
    }

    50% {
        -webkit-transform: rotate(-180deg)
    }

    90% {
        -webkit-transform: rotate(-180deg)
    }

    100% {
        -webkit-transform: rotate(-360deg)
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

a {
    color: inherit;
    cursor: pointer
}

a:not(.underline) {
    text-decoration: none
}

a.hover:hover {
    opacity: .8
}

a.btn,.landing-page section.subscribe form a.register__submit {
    text-decoration: none;
    display: inline-block
}

.btn,.landing-page section.subscribe form .register__submit {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 8px 24px;
    border-radius: 0;
    border: none;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    cursor: pointer;
    transition: all .1s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    background-color: #2c2a2a
}

.btn:disabled,.landing-page section.subscribe form .register__submit:disabled {
    box-shadow: none;
    transform: none;
    cursor: default
}

.btn:focus,.landing-page section.subscribe form .register__submit:focus,.btn:active,.landing-page section.subscribe form .register__submit:active {
    outline: none
}

.btn.hollow,.landing-page section.subscribe form .hollow.register__submit {
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-weight: 400
}

.btn-shadow {
    box-shadow: 3px 3px 0 #16152d
}

.btn-shadow:hover {
    transform: translate(-1px,-1px);
    box-shadow: 4px 4px 0 #16152d
}

.btn-shadow:hover:disabled {
    box-shadow: none;
    transform: none
}

.btn-shadow:active {
    outline: none;
    transform: translate(0px,0px);
    box-shadow: 0 0 0 #16152d
}

.btn-icon {
    display: block;
    font-size: 0;
    box-shadow: none
}

.btn-icon:hover {
    box-shadow: none
}

.btn-icon:focus {
    box-shadow: none
}

.btn-hollow {
    border-width: 1px;
    border-style: solid;
    background-color: transparent!important
}

.btn-small {
    font-size: 12px;
    padding: 4px 12px
}

@font-face {
    font-family: lato;
    src: url(/fonts/Lato-Light.ttf);
    font-weight: 300
}

@font-face {
    font-family: lato;
    src: url(/fonts/Lato-Regular.ttf);
    font-weight: 400
}

@font-face {
    font-family: lato;
    src: url(/fonts/Lato-Bold.ttf);
    font-weight: 700
}

@font-face {
    font-family: lato;
    src: url(/fonts/Lato-Black.ttf);
    font-weight: 900
}

@font-face {
    font-family: porta;
    src: url(/fonts/Porta.ttf);
    font-weight: 400
}

@font-face {
    font-family: roboto;
    src: url(/fonts/Roboto-Thin.ttf);
    font-weight: 100
}

@font-face {
    font-family: roboto;
    src: url(/fonts/Roboto-Light.ttf);
    font-weight: 300
}

@font-face {
    font-family: roboto;
    src: url(/fonts/Roboto-Regular.ttf);
    font-weight: 400
}

@font-face {
    font-family: roboto mono;
    src: url(/fonts/RobotoMono-Regular.ttf);
    font-weight: 400
}

@font-face {
    font-family: roboto;
    src: url(/fonts/Roboto-Bold.ttf);
    font-weight: 700
}

@font-face {
    font-family: roboto;
    src: url(/fonts/Roboto-Black.ttf);
    font-weight: 900
}

@font-face {
    font-family: roboto condensed;
    src: url(/fonts/RobotoCondensed-Regular.ttf);
    font-weight: 400
}

@font-face {
    font-family: roboto condensed;
    src: url(/fonts/RobotoCondensed-Light.ttf);
    font-weight: 300
}

input[type=text],input[type=email],textarea {
    margin-top: 6px;
    border-radius: 0;
    border: none;
    padding: 14px;
    font-size: 16px;
    color: #292c38;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

input[type=text]:focus,input[type=email]:focus,textarea:focus {
    outline: none
}

/*!* @preserve
*
* ++++++++++++++++++++++
* Add to Calendar Button
* ++++++++++++++++++++++
*
* Style: Default
*
* Version: 1.18.8
* Creator: Jens Kuerschner (https://jenskuerschner.de)
* Project: https://github.com/add2cal/add-to-calendar-button
* License: Apache-2.0 with “Commons Clause” License Condition v1.0
* Note: DO NOT REMOVE THE COPYRIGHT NOTICE ABOVE!
**/
.atcb {
    display: none
}

:root {
    --base-font-size-l: 16px;
    --base-font-size-m: 16px;
    --base-font-size-s: 16px;
    --font: arial, helvetica, sans-serif;
    --atcb-keyboard-focus: #1e90ff;
    --atcb-background: #f5f5f5;
    --atcb-background-hover: #fff;
    --atcb-border: #d2d2d2;
    --atcb-text: #333;
    --atcb-text-2: #000;
    --atcb-close-background: #e5e5e5;
    --atcb-close-text: #777;
    --atcb-overlay-background: rgba(20 20 20 / 25%);
    --atcb-modal-background: #f5f5f5;
    --atcb-modal-buttons-bar: #c6c8cd;
    --atcb-modal-btn-background: #f5f5f5;
    --atcb-modal-btn-sec-background: #e2e1e6;
    --atcb-modal-btn-background-hover: #fff;
    --atcb-modal-btn-text: #2e2e2e;
    --atcb-modal-btn-text-hover: #161616;
    --atcb-modal-btn-sec-text: #666567;
    --atcb-modal-date-btn-text: #1d1d1e;
    --atcb-modal-date-btn-text-2: #3a3a3f;
    --atcb-modal-date-btn-cal-text: #fff;
    --atcb-modal-date-btn-cal-text-2: #d3d2d7;
    --atcb-modal-date-btn-cal-background: #313132;
    --atcb-modal-date-btn-background: #eae9ed;
    --atcb-modal-date-btn-background-hover: #fff;
    --atcb-shadow-button: rgba(0 0 0 / 30%) 2px 5px 18px -1px, rgba(0 0 0 / 25%) 2px 2px 10px -3px;
    --atcb-shadow-button-hover: rgba(0 0 0 / 40%) 2px 5px 18px -1px, rgba(0 0 0 / 35%) 2px 2px 10px -3px;
    --atcb-shadow-button-active: rgba(0 0 0 / 50%) 2px 5px 18px -1px, rgba(0 0 0 / 45%) 2px 2px 10px -3px;
    --atcb-shadow-list: rgba(0 0 0 / 20%) 2px 5px 18px -1px, rgba(0 0 0 / 40%) 2px 2px 10px -3px;
    --atcb-shadow-list-modal: rgba(0 0 0 / 60%) 3px 6px 40px -5px, rgba(0 0 0 / 60%) 3px 3px 15px -4px;
    --atcb-shadow-modal: drop-shadow(5px 8px 30px rgba(0 0 0 / 70%));
    --atcb-shadow-modal-date-btn: rgba(0 0 0 / 40%) 1px 3px 15px -4px, rgba(0 0 0 / 20%) 1px 1px 8px -4px;
    --atcb-shadow-modal-date-btn-hover: rgba(0 0 0 / 40%) 4px 6px 18px -1px, rgba(0 0 0 / 35%) 4px 5px 25px -2px;
    --atcb-shadow-modal-button: rgba(0 0 0 / 10%) 2px 3px 10px -3px,rgba(0 0 0 / 25%) 1px 1px 8px -4px;
    --atcb-shadow-modal-button-hover: rgba(0 0 0 / 35%) 3px 5px 15px -2px,rgba(0 0 0 / 20%) 2px 4px 25px -6px;
    --atcb-checkmark-background: radial-gradient(circle,#fff 0,rgba(255 255 255 / 80%) 40%,rgba(255 255 255 / 0%) 70%);
    --bg-cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23777' width='16' height='16' viewBox='0 0 122.878 122.88'%3E%3Cpath d='M1.426 8.313a4.87 4.87 0 0 1 0-6.886 4.87 4.87 0 0 1 6.886 0l53.127 53.127 53.127-53.127a4.87 4.87 0 0 1 6.887 0 4.87 4.87 0 0 1 0 6.886L68.324 61.439l53.128 53.128a4.87 4.87 0 0 1-6.887 6.886L61.438 68.326 8.312 121.453a4.87 4.87 0 0 1-6.886 0 4.87 4.87 0 0 1 0-6.886l53.127-53.128L1.426 8.313h0z'/%3E%3C/svg%3E") 16 16, crosshair;
    --icon-ms365-color: #ea3e23;
    --icon-yahoo-color: #5f01d1;
    --icon-filter: none
}

.atcb-button-wrapper.atcb-dark,body.atcb-dark .atcb-button-wrapper.atcb-bodyScheme,.atcb-list.atcb-dark,body.atcb-dark .atcb-list.atcb-bodyScheme,.atcb-modal-box.atcb-dark,body.atcb-dark .atcb-modal-box.atcb-bodyScheme,#atcb-bgoverlay.atcb-dark,body.atcb-dark #atcb-bgoverlay.atcb-bodyScheme {
    --atcb-background: #2e2e2e;
    --atcb-background-hover: #373737;
    --atcb-border: #4d4d4d;
    --atcb-text: #dedede;
    --atcb-text-2: #f1f1f1;
    --atcb-close-background: #282828;
    --atcb-overlay-background: rgba(20 20 20 / 60%);
    --atcb-modal-background: #242424;
    --atcb-modal-buttons-bar: #38383a;
    --atcb-modal-btn-background: #181819;
    --atcb-modal-btn-sec-background: #2e2d30;
    --atcb-modal-btn-background-hover: #434246;
    --atcb-modal-btn-text: #dbdbdb;
    --atcb-modal-btn-text-hover: #fff;
    --atcb-modal-btn-sec-text: #b8b8b8;
    --atcb-modal-date-btn-text: #ebebf0;
    --atcb-modal-date-btn-text-2: #b5b5bd;
    --atcb-modal-date-btn-cal-text: #101010;
    --atcb-modal-date-btn-cal-text-2: #3e3e3f;
    --atcb-modal-date-btn-cal-background: #c7c7cd;
    --atcb-modal-date-btn-background: #363636;
    --atcb-modal-date-btn-background-hover: #474747;
    --atcb-shadow-button: rgba(255 255 255 / 5%) -12px -5px 20px -8px, rgba(255 255 255 / 6%) -7px -5px 15px -3px, rgba(0 0 0 / 50%) 2px 5px 18px -1px, rgba(0 0 0 / 40%) 3px 3px 20px -3px;
    --atcb-shadow-button-hover: rgba(255 255 255 / 6%) -12px -5px 23px -8px, rgba(255 255 255 / 7%) -7px -5px 18px -3px, rgba(0 0 0 / 60%) 2px 5px 19px -1px, rgba(0 0 0 / 50%) 3px 3px 22px -3px;
    --atcb-shadow-button-active: rgba(255 255 255 / 7%) -12px -5px 23px -8px, rgba(255 255 255 / 8%) -7px -5px 18px -3px, rgba(0 0 0 / 70%) 2px 5px 19px -1px, rgba(0 0 0 / 60%) 3px 3px 22px -3px;
    --atcb-shadow-list: rgba(255 255 255 / 5%) -12px -5px 20px -8px, rgba(255 255 255 / 6%) -7px -5px 15px -3px, rgba(0 0 0 / 50%) 2px 5px 18px -1px, rgba(0 0 0 / 40%) 3px 3px 20px -3px;
    --atcb-shadow-list-modal: rgba(255 255 255 / 8%) -12px -5px 30px -8px, rgba(255 255 255 / 8%) -7px -5px 15px -3px, rgba(0 0 0 / 60%) 4px 6px 50px -4px, rgba(0 0 0 / 90%) 8px 12px 40px -2px;
    --atcb-shadow-modal: drop-shadow(5px 8px 30px rgba(0 0 0 / 90%));
    --atcb-shadow-modal-date-btn: rgba(255 255 255 / 10%) -8px -6px 20px, rgba(0 0 0 / 50%) 1px 3px 25px -8px,rgba(0 0 0 / 50%) 1px 1px 10px -3px;
    --atcb-shadow-modal-button: rgba(255 255 255 / 5%) -2px -2px 10px,rgba(0 0 0 / 30%) 1px 2px 8px -1px;
    --atcb-checkmark-background: radial-gradient(circle,rgba(0 0 0 / 50%) 0,rgba(0 0 0 / 30%) 40%,rgba(0 0 0 / 0%) 70%);
    --icon-ms365-color: #ea3e23;
    --icon-yahoo-color: #bebebe;
    --icon-filter: grayscale(.2)
}

.atcb-button-wrapper,.atcb-list,.atcb-modal-box {
    font-size: var(--base-font-size-l)
}

@media(max-width: 991px) {
    .atcb-button-wrapper,.atcb-list,.atcb-modal-box {
        font-size:var(--base-font-size-m)
    }
}

@media(max-width: 575px) {
    .atcb-button-wrapper,.atcb-list,.atcb-modal-box {
        font-size:var(--base-font-size-s)
    }
}

.atcb-button-wrapper {
    display: inline-block;
    padding: 5px;
    position: relative
}

.atcb-button {
    align-items: center;
    background-color: var(--atcb-background);
    border: 1px solid var(--atcb-border);
    border-radius: 6px;
    box-shadow: var(--atcb-shadow-button);
    color: var(--atcb-text);
    cursor: pointer;
    display: flex;
    font-family: var(--font);
    font-size: 1em;
    font-weight: 600;
    justify-content: center;
    line-height: 1.5em;
    margin: .13em;
    max-width: 350px;
    min-width: 160px;
    padding: .65em 1em;
    position: relative;
    text-align: center;
    touch-action: manipulation;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    width: auto;
    z-index: 1
}

.atcb-button.atcb-no-text {
    min-width: 0
}

.atcb-rtl .atcb-button {
    direction: rtl;
    text-align: right
}

.atcb-button:focus,.atcb-button:hover {
    background-color: var(--atcb-background-hover);
    box-shadow: var(--atcb-shadow-button-hover)
}

.atcb-button:focus-visible {
    outline: 2px solid var(--atcb-keyboard-focus)
}

.atcb-button.atcb-active:not(.atcb-modal-style,.atcb-dropoverlay),.atcb-button.atcb-single:focus,.atcb-button.atcb-single:hover {
    background-color: var(--atcb-background-hover);
    box-shadow: var(--atcb-shadow-button-active);
    margin: 0;
    padding: .78em 1.13em;
    z-index: 15000000
}

.atcb-button.atcb-active.atcb-dropoverlay {
    z-index: 14000090
}

.atcb-icon {
    height: 1em;
    margin-bottom: .3em;
    margin-right: .8em;
    flex-grow: 0;
    flex-shrink: 0
}

.atcb-rtl .atcb-icon {
    margin-right: 0;
    margin-left: .8em
}

.atcb-no-text .atcb-icon {
    margin-right: 0;
    margin-left: 0
}

.atcb-icon svg {
    height: 100%;
    fill: currentcolor;
    width: auto
}

.atcb-text {
    overflow-wrap: anywhere
}

.atcb-dropdown-anchor {
    bottom: 4px;
    height: 1px;
    width: 100%;
    opacity: 0;
    position: absolute
}

.atcb-list-wrapper {
    box-sizing: border-box;
    padding: 0 4px;
    position: absolute;
    z-index: 14000090
}

.atcb-list-wrapper.atcb-dropoverlay {
    z-index: 15000000
}

.atcb-list {
    border-radius: 0 0 6px 6px;
    box-sizing: border-box;
    box-shadow: var(--atcb-shadow-list);
    color: var(--atcb-text);
    display: block;
    font-family: var(--font);
    max-width: 100%;
    position: relative;
    user-select: none;
    -webkit-user-select: none;
    width: 100%
}

.atcb-list-item {
    align-items: center;
    background-color: var(--atcb-background);
    border: 1px solid var(--atcb-border);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    font-size: 1em;
    line-height: 1.75em;
    padding: .8em;
    text-align: left;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent
}

.atcb-rtl .atcb-list-item {
    direction: rtl;
    text-align: right
}

.atcb-list-item:hover {
    background-color: var(--atcb-background-hover);
    color: var(--atcb-text-2)
}

.atcb-list-item:focus-visible {
    background-color: var(--atcb-background-hover);
    color: var(--atcb-keyboard-focus);
    font-size: .95em;
    font-weight: 600;
    outline: none
}

.atcb-list-item:last-child {
    border-radius: 0 0 6px 6px
}

.atcb-list .atcb-list-item:not(:first-child) {
    border-top-style: none
}

.atcb-dropup .atcb-list-item:last-child {
    border-radius: 0;
    padding-bottom: 1.25em
}

.atcb-dropup .atcb-list-item:first-child,.atcb-dropoverlay .atcb-list .atcb-list-item:first-child,.atcb-list.atcb-modal .atcb-list-item:first-child {
    border-radius: 6px 6px 0 0
}

.atcb-dropoverlay .atcb-list .atcb-list-item:only-child,.atcb-list.atcb-modal .atcb-list-item:only-child {
    border-radius: 6px
}

.atcb-list.atcb-generated-button:not(.atcb-modal) .atcb-list-item:first-child {
    padding-top: 1.25em
}

.atcb-dropup .atcb-list.atcb-generated-button:not(.atcb-modal) .atcb-list-item:first-child,.atcb-dropoverlay .atcb-list.atcb-generated-button:not(.atcb-modal) .atcb-list-item:first-child {
    padding-top: .8em
}

.atcb-dropoverlay .atcb-list,.atcb-list.atcb-modal {
    border-radius: 6px
}

.atcb-list.atcb-modal {
    box-shadow: var(--atcb-shadow-list-modal)
}

.atcb-list-item .atcb-icon {
    margin-bottom: .5em;
    margin-right: .6em;
    width: 1.125em
}

.atcb-rtl .atcb-list-item .atcb-icon {
    margin-right: 0;
    margin-left: .6em
}

.atcb-no-text .atcb-list-item .atcb-icon {
    margin: 0 auto
}

.atcb-list-item-close {
    background-color: var(--atcb-close-background)
}

.atcb-list-item.atcb-list-item-close {
    color: var(--atcb-close-text)
}

.atcb-list-item-close svg {
    fill: currentcolor
}

.atcb-modal-no-scroll {
    overflow-y: hidden
}

.atcb-modal {
    display: block;
    margin: auto;
    min-width: 250px;
    width: auto;
    position: relative;
    z-index: 14000090
}

.atcb-modal-box {
    filter: var(--atcb-shadow-modal);
    color: var(--atcb-text-2);
    cursor: default;
    box-sizing: border-box;
    font-family: var(--font);
    line-height: 1.5em;
    text-align: left;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    width: 100%;
    margin-bottom: 20px;
    max-width: 32em;
    -webkit-tap-highlight-color: transparent
}

.atcb-modal-box.atcb-rtl {
    text-align: right;
    direction: rtl;
    padding: 1.25em 1em 1.25em 2em
}

.atcb-modal-icon {
    height: 2.5em;
    width: 2.5em;
    border-radius: 100%;
    background-color: var(--atcb-modal-background);
    padding: 1.75em;
    margin: auto
}

.atcb-modal-icon svg {
    height: auto;
    fill: currentcolor;
    width: 100%
}

.atcb-modal-headline {
    background-color: var(--atcb-modal-background);
    border-radius: 6px 6px 0 0;
    font-size: 1.3em;
    font-weight: 600;
    line-height: 1.5em;
    padding: 1.8em 2em 1.3em;
    text-transform: uppercase;
    text-align: center
}

.atcb-modal-icon+.atcb-modal-headline {
    margin-top: -2.6em;
    padding-top: 2.6em
}

.atcb-modal-content {
    background-color: var(--atcb-modal-background);
    font-size: 1em;
    padding: .3em 2.5em 2.25em
}

@media(max-width: 575px) {
    .atcb-modal-headline {
        padding:1.8em 1em 1em
    }

    .atcb-modal-content {
        padding: .3em 1em 2em
    }
}

.atcb-modal-buttons {
    background-color: var(--atcb-modal-buttons-bar);
    border-radius: 0 0 6px 6px;
    box-sizing: border-box;
    padding: .8em 1em;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-flow: row-reverse wrap;
    align-items: center
}

button.atcb-modal-btn,a.atcb-modal-btn {
    background-color: var(--atcb-modal-btn-sec-background);
    border: 0;
    border-radius: 6px;
    box-shadow: var(--atcb-shadow-modal-button);
    color: var(--atcb-modal-btn-sec-text);
    cursor: pointer;
    display: inline-block;
    font-family: var(--font);
    font-size: .9em;
    font-weight: 600;
    line-height: 1.5em;
    margin: .625em;
    padding: .625em 1.25em;
    position: relative;
    text-align: center;
    text-decoration: none;
    touch-action: manipulation;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    text-transform: uppercase
}

button.atcb-modal-btn.atcb-modal-btn-primary,a.atcb-modal-btn.atcb-modal-btn-primary {
    background-color: var(--atcb-modal-btn-background);
    color: var(--atcb-modal-btn-text)
}

button.atcb-modal-btn:hover,a.atcb-modal-btn:hover {
    background-color: var(--atcb-modal-btn-background-hover);
    box-shadow: var(--atcb-shadow-modal-button-hover);
    color: var(--atcb-modal-btn-text-hover);
    text-decoration: none
}

button.atcb-modal-btn:focus-visible,a.atcb-modal-btn:focus-visible {
    background-color: var(--atcb-modal-btn-background-hover);
    outline: 2px solid var(--atcb-keyboard-focus)
}

body.atcb-dark a.atcb-modal-btn {
    color: var(--atcb-modal-btn-sec-text)
}

body.atcb-dark a.atcb-modal-btn:focus-visible {
    background-color: var(--atcb-modal-btn-background-hover);
    outline: 2px solid var(--atcb-keyboard-focus)
}

body.atcb-dark a.atcb-modal-btn.atcb-modal-btn-primary {
    color: var(--atcb-modal-btn-text)
}

body.atcb-dark a.atcb-modal-btn:hover,body.atcb-dark a.atcb-modal-btn:active {
    color: var(--atcb-modal-btn-text-hover)
}

.atcb-subevent-btn {
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    font-family: var(--font);
    font-size: 1em;
    box-shadow: var(--atcb-shadow-modal-date-btn);
    background-color: var(--atcb-modal-date-btn-background);
    border: 0;
    border-radius: 6px;
    padding: 0;
    margin: 0;
    touch-action: manipulation;
    position: relative;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent
}

.atcb-subevent-btn:hover {
    align-items: center
}

.atcb-subevent-btn:hover,.atcb-subevent-btn:focus {
    background-color: var(--atcb-modal-date-btn-background-hover);
    box-shadow: var(--atcb-shadow-modal-date-btn-hover)
}

.atcb-subevent-btn:focus-visible {
    outline: 2px solid var(--atcb-keyboard-focus)
}

.atcb-subevent-btn+.atcb-subevent-btn {
    margin-top: 30px
}

.atcb-date-btn-left {
    border-radius: 4px 0 0 4px;
    align-self: stretch;
    background-color: var(--atcb-modal-date-btn-cal-background);
    color: var(--atcb-modal-date-btn-background-hover);
    padding: 15px;
    width: 2.7em;
    text-align: center
}

.atcb-rtl .atcb-date-btn-left {
    border-radius: 0 4px 4px 0
}

.atcb-subevent-btn:hover .atcb-date-btn-left {
    opacity: .8
}

.atcb-date-btn-day {
    color: var(--atcb-modal-date-btn-cal-text);
    font-weight: 300;
    font-size: 2em
}

.atcb-date-btn-month {
    color: var(--atcb-modal-date-btn-cal-text-2);
    font-weight: 600;
    font-size: 1em
}

.atcb-date-btn-right {
    position: relative;
    color: var(--atcb-modal-date-btn-text)
}

.atcb-date-btn-details {
    opacity: 1;
    padding: .8em;
    text-align: left
}

.atcb-rtl .atcb-date-btn-details {
    text-align: right
}

.atcb-date-btn-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 1em
}

.atcb-subevent-btn:hover .atcb-date-btn-details {
    opacity: 0
}

.atcb-subevent-btn:hover .atcb-date-btn-hover {
    opacity: 1
}

.atcb-date-btn-headline {
    font-weight: 600;
    font-size: .9em;
    margin-bottom: .5em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.atcb-date-btn-content {
    font-size: .8em;
    color: var(--atcb-modal-date-btn-text-2)
}

.atcb-date-btn-content-location {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all
}

.atcb-date-btn-content-icon {
    display: inline-block;
    height: .8em;
    width: 1.3em;
    flex: 0 0 1.3em
}

.atcb-rtl .atcb-date-btn-content-icon {
    margin-right: 0;
    margin-left: .5em
}

.atcb-date-btn-content-icon svg {
    height: 100%;
    fill: currentcolor;
    width: auto
}

.atcb-date-btn-content+.atcb-date-btn-content {
    margin-top: .3em
}

.atcb-date-btn-content-recurr-icon {
    padding-left: .3em
}

.atcb-checkmark {
    display: none
}

.atcb-saved .atcb-checkmark {
    box-sizing: content-box;
    color: var(--atcb-text);
    display: block;
    position: absolute;
    top: -1.2em;
    right: -.3em;
    padding: .5em;
    background: var(--atcb-checkmark-background);
    border-radius: 100%;
    height: 2em
}

.atcb-button.atcb-active:not(.atcb-modal-style,.atcb-dropoverlay) .atcb-checkmark,.atcb-button.atcb-single:focus .atcb-checkmark,.atcb-button.atcb-single:hover .atcb-checkmark {
    top: -1.07em;
    right: -.17em
}

.atcb-checkmark svg {
    height: 100%;
    fill: currentcolor;
    width: auto
}

#atcb-bgoverlay {
    animation: atcb-bgoverlay-animate .1s ease 0s 1 normal forwards;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    background-color: var(--atcb-overlay-background);
    box-sizing: border-box;
    display: flex;
    height: calc(100vh + 100px);
    left: 0;
    right: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    overflow-y: auto;
    padding: 20px 20px 130px;
    position: fixed;
    width: 100vw;
    z-index: 14000000
}

#atcb-bgoverlay.atcb-animate-bg {
    animation: atcb-bgoverlay-animate .3s ease 0s 1 normal forwards
}

#atcb-bgoverlay.atcb-no-animation {
    animation: none;
    opacity: 1
}

#atcb-bgoverlay.atcb-no-bg {
    animation: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    opacity: 0
}

@keyframes atcb-bgoverlay-animate {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

#atcb-bgoverlay.atcb-click:hover {
    cursor: var(--bg-cursor)
}

.atcb-icon .atcb-icon-apple svg {
    fill: currentcolor
}

.atcb-icon .atcb-icon-ical svg {
    fill: currentcolor
}

.atcb-icon .atcb-icon-ms365 svg {
    fill: var(--icon-ms365-color)
}

.atcb-icon .atcb-icon-yahoo svg {
    fill: var(--icon-yahoo-color)
}

.atcb-icon .atcb-icon-google svg,.atcb-icon .atcb-icon-msteams svg,.atcb-icon .atcb-icon-outlookcom svg {
    filter: var(--icon-filter)
}

:root {
    --bg-cursor: default
}

.atcb-button-wrapper {
    padding: 0
}

.atcb-button {
    height: 30px;
    width: 170px;
    border: 1px solid #7e5bd6;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    padding: 5px 16px 5px 0;
    justify-content: flex-start
}

.atcb-button:focus,.atcb-button:hover {
    border: 1px solid #8563dd;
    box-shadow: none
}

.atcb-button.atcb-active:not(.atcb-modal-style,.atcb-dropoverlay) {
    padding: 5px 16px 5px 0;
    box-shadow: none
}

.atcb-icon svg path:first-child {
    fill: #fff
}

.atcb-icon svg path:nth-child(2) {
    fill: #fafafa
}

.atcb-icon svg path:nth-child(3) {
    fill: #f5f5f5
}

.atcb-icon svg path:nth-child(4) {
    fill: #f0f0f0
}

.atcb-icon svg path:nth-child(5) {
    fill: #ebebeb
}

.atcb-icon svg path:nth-child(6) {
    fill: #e6e6e6
}

.atcb-icon svg path:nth-child(7) {
    fill: #e0e0e0
}

.atcb-icon svg path:nth-child(8) {
    fill: #dbdbdb
}

.atcb-icon svg path:nth-child(9) {
    fill: #d6d6d6
}

.atcb-icon svg path:nth-child(10) {
    fill: #d1d1d1
}

.atcb-icon svg path:nth-child(11) {
    fill: #ccc
}

.atcb-icon svg path:nth-child(12) {
    fill: #c7c7c7
}

.atcb-icon svg path:nth-child(13) {
    fill: #c2c2c2
}

.atcb-icon svg path:nth-child(14) {
    fill: #bdbdbd
}

.atcb-icon svg path:nth-child(15) {
    fill: #b8b8b8
}

.atcb-icon svg path:nth-child(16) {
    fill: #b3b3b3
}

.atcb-icon svg path:nth-child(17) {
    fill: #adadad
}

.atcb-button .atcb-icon {
    margin-left: 16px
}

.atcb-text {
    font-family: Roboto,sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #fff
}

.atcb-dropdown-anchor {
    left: 0
}

.atcb-list-wrapper {
    padding: 0
}

.atcb-list {
    border-radius: 0;
    margin: 8px 0 8px -1px;
    border: 1px solid #7e5bd6;
    box-sizing: unset;
    box-shadow: 0 4px 13px 0 rgba(0,0,0,.2509803922)
}

.atcb-list-item {
    border-radius: 0;
    height: 30px;
    padding: 5px 16px;
    background-color: transparent;
    border: none
}

.atcb-dropup .atcb-list.atcb-generated-button:not(.atcb-modal) .atcb-list-item:last-child,.atcb-dropup .atcb-list.atcb-generated-button:not(.atcb-modal) .atcb-list-item:first-child {
    border-radius: 0;
    padding: 5px 16px
}

.atcb-list-item:last-child {
    border-radius: 0
}

.atcb-list.atcb-generated-button:not(.atcb-modal) .atcb-list-item:first-child {
    padding-top: 5px
}

.purple-btn .atcb-text {
    font-size: 14px
}

.purple-btn .atcb-button,.purple-btn .atcb-button.atcb-active:not(.atcb-modal-style,.atcb-dropoverlay),.purple-btn .atcb-button:focus,.purple-btn .atcb-button:hover {
    background-color: #7e5bd6
}

.purple-btn .atcb-list {
    background-color: #2f1e59
}

.purple-btn .atcb-list-item:hover {
    background-color: #3e2778
}

.purple-bg .atcb-button,.purple-bg .atcb-button.atcb-active:not(.atcb-modal-style,.atcb-dropoverlay),.purple-bg .atcb-button:focus,.purple-bg .atcb-button:hover {
    background-color: #2f1e59
}

.purple-bg .atcb-list {
    background-color: #2f1e59
}

.purple-bg .atcb-list-item:hover {
    background-color: #3e2778
}

.dark-bg .atcb-button,.dark-bg .atcb-button.atcb-active:not(.atcb-modal-style,.atcb-dropoverlay),.dark-bg .atcb-button:focus,.dark-bg .atcb-button:hover {
    background-color: transparent
}

.dark-bg .atcb-list {
    background-color: #211f36
}

.dark-bg .atcb-list-item:hover {
    background-color: #3b375f
}

.atcb-saved .atcb-checkmark {
    display: none
}

html,body,#root {
    height: 100%
}

#root>div {
    height: 100%
}

#root>div>div {
    height: 100%
}

body {
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: lato,sans-serif;
    font-size: 14px;
    background: #16152d;
    color: #fff;
    overflow: hidden
}

body .loading {
    margin: 40px
}

.scroll-container {
    overflow-y: auto;
    height: 100%
}

.scroll-container .scroll-inner {
    background: #16152d url(../../images/background-desktop.jpg) center top no-repeat;
    background-size: 200% auto
}

@media only screen and (min-width: 640px) {
    .scroll-container .scroll-inner {
        background-size:100% auto
    }
}

.scroll-container .bar {
    background: transparent;
    box-shadow: 0 10px 30px transparent;
    transition: background-color .34s ease-in-out,box-shadow .54s ease-in-out
}

.scroll-container.scrolled .bar {
    background: rgba(22,21,45,.96);
    box-shadow: 0 10px 25px rgba(0,0,0,.6)
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #16152d;
    border-radius: 12px
}

::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,.4);
    border-radius: 12px
}

.loading-spinner {
    animation: spin 1s linear infinite;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px
}

@keyframes spin {
    0% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    6.25% {
        box-shadow: 0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px 8px -2px #fff,0 30px 16px 4px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    12.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px 8px -2px #fff,-10px 30px 16px 4px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    18.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px 8px -2px #fff,-20px 20px 16px 4px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px 8px -2px #fff,-30px 10px 16px 4px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    31.25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px 8px -2px #fff,-30px 0 16px 4px #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    37.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #cf2e8c,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 8px -2px #fff,-30px -10px 16px 4px #cf2e8c,-20px -20px transparent,-10px -30px transparent
    }

    43.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #cf2e8c,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px 8px -2px #fff,-20px -20px 16px 4px #cf2e8c,-10px -30px transparent
    }

    50% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #cf2e8c,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px 8px -2px #fff,-10px -30px 16px 4px #cf2e8c
    }

    56.25% {
        box-shadow: 0 -30px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px 8px -2px #fff,0 -30px 16px 4px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    62.5% {
        box-shadow: 0 -30px #fff,10px -30px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px 8px -2px #fff,10px -30px 16px 4px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    68.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px 8px -2px #fff,20px -20px 16px 4px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px 8px -2px #fff,30px -10px 16px 4px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    81.25% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px 8px -2px #fff,30px 0 16px 4px #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff
    }

    87.5% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 8px -2px #fff,30px 10px 16px 4px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff
    }

    93.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2),0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px 8px -2px #fff,20px 20px 16px 4px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2)
    }

    100% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }
}

.align-center {
    text-align: center
}

.uppercase {
    text-transform: uppercase
}

.flex {
    display: flex;
    align-items: center
}

.flex-col {
    flex-direction: column;
    align-items: flex-start
}

.flex-grow {
    flex: 1
}

.flex-space-between {
    justify-content: space-between
}

.overflow-auto {
    overflow: auto
}

@media only screen and (min-width: 640px) {
    #root>div.opensea-banner-active {
        height:calc(100% - 48px)
    }
}

@media only screen and (min-width: 640px) {
    #root>div.network-banner-active {
        height:calc(100% - 48px)
    }
}

#root>div.earn-banner-active {
    height: calc(100% - 201px)
}

@media only screen and (min-width: 640px) {
    #root>div.earn-banner-active {
        height:calc(100% - 147px)
    }
}

@media(min-width: 1280px) {
    #root>div.earn-banner-active {
        height:calc(100% - 180px)
    }
}

@media only screen and (min-width: 640px) {
    #root>div.network-banner-active.opensea-banner-active {
        height:calc(100% - 96px)
    }
}

@media only screen and (min-width: 640px) {
    #root>div.earn-banner-active.opensea-banner-active,#root>div.earn-banner-active.network-banner-active {
        height:calc(100% - 195px)
    }
}

@media(min-width: 1280px) {
    #root>div.earn-banner-active.opensea-banner-active,#root>div.earn-banner-active.network-banner-active {
        height:calc(100% - 228px)
    }
}

@media only screen and (min-width: 640px) {
    #root>div.opensea-banner-active.earn-banner-active.network-banner-active {
        height:calc(100% - 243px)
    }
}

@media(min-width: 1280px) {
    #root>div.opensea-banner-active.earn-banner-active.network-banner-active {
        height:calc(100% - 277px)
    }
}

#root>.network-banner-active nav.bar .menu {
    top: 80px
}

#root>.network-banner-active nav.bar .menu .menu-inner {
    height: calc(100vh - 80px)
}

@media only screen and (min-width: 640px) {
    #root>.network-banner-active nav.bar .menu {
        top:128px
    }

    #root>.network-banner-active nav.bar .menu .menu-inner {
        height: calc(100vh - 128px)
    }
}

@media(min-width: 1280px) {
    #root>.network-banner-active nav.bar .menu {
        top:unset
    }

    #root>.network-banner-active nav.bar .menu .menu-inner {
        height: unset
    }
}

#root>.earn-banner-active nav.bar .menu {
    top: 281px
}

#root>.earn-banner-active nav.bar .menu .menu-inner {
    height: calc(100vh - 281px)
}

@media only screen and (min-width: 640px) {
    #root>.earn-banner-active nav.bar .menu {
        top:227px
    }

    #root>.earn-banner-active nav.bar .menu .menu-inner {
        height: calc(100vh - 227px)
    }
}

@media(min-width: 1280px) {
    #root>.earn-banner-active nav.bar .menu {
        top:unset
    }

    #root>.earn-banner-active nav.bar .menu .menu-inner {
        height: unset
    }
}

#root>.earn-banner-active.network-banner-active nav.bar .menu {
    top: 280px
}

#root>.earn-banner-active.network-banner-active nav.bar .menu .menu-inner {
    height: calc(100vh - 280px)
}

@media only screen and (min-width: 640px) {
    #root>.earn-banner-active.network-banner-active nav.bar .menu {
        top:275px
    }

    #root>.earn-banner-active.network-banner-active nav.bar .menu .menu-inner {
        height: calc(100vh - 275px)
    }
}

@media(min-width: 1280px) {
    #root>.earn-banner-active.network-banner-active nav.bar .menu {
        top:unset
    }

    #root>.earn-banner-active.network-banner-active nav.bar .menu .menu-inner {
        height: unset
    }
}

.landing-page {
    background-color: #0f0d18;
    overflow-y: auto;
    height: 100%;
    position: relative
}

.landing-page * {
    box-sizing: border-box
}

@media(min-width: 1280px) {
    .landing-page {
        overflow-x:hidden
    }
}

@media only screen and (max-width: 639px) {
    .landing-page section {
        box-sizing:border-box;
        width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only screen and (min-width: 640px) {
    .landing-page section {
        width:100%;
        padding-left: calc(calc((100vw - 640px)/2) + 20px);
        padding-right: calc(calc((100vw - 640px)/2) + 20px);
        box-sizing: border-box
    }
}

@media(min-width: 1280px) {
    .landing-page section {
        width:100%;
        padding-left: calc(calc((100vw - 1280px)/2) + 20px);
        padding-right: calc(calc((100vw - 1280px)/2) + 20px);
        box-sizing: border-box
    }
}

@media only screen and (min-width: 640px) {
    .landing-page section:not(.intro) {
        z-index:2;
        position: relative
    }
}

.landing-page section.community,.landing-page section.features,.landing-page section.investors,.landing-page section.partners {
    margin-top: 28px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.landing-page section.community>*:not(.title),.landing-page section.features>*:not(.title),.landing-page section.investors>*:not(.title),.landing-page section.partners>*:not(.title) {
    flex: 0 0 48%;
    padding-right: 12px
}

.landing-page section.community .title,.landing-page section.features .title,.landing-page section.investors .title,.landing-page section.partners .title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 24px;
    width: 100%
}

@media(min-width: 1280px) {
    .landing-page section.community .title,.landing-page section.features .title,.landing-page section.investors .title,.landing-page section.partners .title {
        font-size:36px
    }
}

.landing-page section.community .copy,.landing-page section.features .copy,.landing-page section.investors .copy,.landing-page section.partners .copy {
    font-size: 12px
}

@media(min-width: 1280px) {
    .landing-page section.community .copy,.landing-page section.features .copy,.landing-page section.investors .copy,.landing-page section.partners .copy {
        font-size:22px
    }
}

.landing-page section.intro {
    position: relative;
    padding-top: 88px;
    padding-bottom: 24px
}

@media only screen and (min-width: 640px) {
    .landing-page section.intro {
        position:static
    }
}

@media(min-width: 1280px) {
    .landing-page section.intro {
        padding-top:248px;
        width: 620px;
        box-sizing: content-box
    }
}

.landing-page section.intro>div,.landing-page section.intro>span {
    position: relative;
    z-index: 3
}

.landing-page section.intro:before {
    content: "";
    width: 100vw;
    background-color: #16152d;
    height: 100%;
    display: block;
    margin: 0 -16px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.landing-page section.intro:after {
    content: "";
    width: 100vw;
    background-color: #0f0d18;
    height: 100%;
    display: block;
    margin: 0 -16px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    clip-path: ellipse(200% 200% at 175% 180%)
}

@media only screen and (min-width: 640px) {
    .landing-page section.intro:after {
        clip-path:ellipse(200% 200% at 147% 187%)
    }
}

@media(min-width: 1280px) {
    .landing-page section.intro:after {
        clip-path:ellipse(200% 200% at 190% 163%)
    }
}

.landing-page section.intro h1 {
    margin: 54px 0 24px;
    text-shadow: 4px 4px 0 #16152d;
    font-size: 32px;
    font-weight: 900;
    line-height: 1.14;
    color: #fff;
    position: relative;
    z-index: 3;
    letter-spacing: 1px
}

@media(min-width: 1280px) {
    .landing-page section.intro h1 {
        font-size:64px;
        padding-top: 24px
    }
}

@media(min-width: 1280px) {
    .landing-page section.intro>span {
        font-size:22px;
        display: inline-block;
        padding-top: 14px
    }
}

.landing-page section.intro .buttons {
    margin: 36px 0 0
}

.landing-page section.intro .buttons>a.btn,.landing-page section.intro section.subscribe form .buttons>a.register__submit,.landing-page section.subscribe form section.intro .buttons>a.register__submit {
    height: 48px
}

@media(min-width: 1280px) {
    .landing-page section.intro .buttons {
        display:flex;
        justify-content: space-between;
        margin: 64px 32px 0 0
    }

    .landing-page section.intro .buttons>a.btn,.landing-page section.intro section.subscribe form .buttons>a.register__submit,.landing-page section.subscribe form section.intro .buttons>a.register__submit {
        height: 64px;
        width: auto;
        flex: 0 0 280px;
        padding: 18px;
        font-size: 22px
    }
}

.landing-page section.intro .buttons .btn,.landing-page section.intro .buttons section.subscribe form .register__submit,.landing-page section.subscribe form section.intro .buttons .register__submit {
    width: 100%;
    margin-bottom: 24px;
    padding: 14px 24px
}

.landing-page section.intro .buttons .btn.lend,.landing-page section.intro .buttons section.subscribe form .lend.register__submit,.landing-page section.subscribe form section.intro .buttons .lend.register__submit {
    background-color: #cf2e8c
}

.landing-page section.intro .buttons .btn.lend:active,.landing-page section.intro .buttons section.subscribe form .lend.register__submit:active,.landing-page section.subscribe form section.intro .buttons .lend.register__submit:active {
    background-color: #a61d6e
}

.landing-page section.intro .buttons .btn.borrow,.landing-page section.intro .buttons section.subscribe form .borrow.register__submit,.landing-page section.subscribe form section.intro .buttons .borrow.register__submit {
    background-color: #7d5fd7
}

.landing-page section.intro .buttons .btn.borrow:active,.landing-page section.intro .buttons section.subscribe form .borrow.register__submit:active,.landing-page section.subscribe form section.intro .buttons .borrow.register__submit:active {
    background-color: #6e4aca
}

.landing-page section.intro .cat {
    position: absolute;
    top: 121px
}

@media(min-width: 1280px) {
    .landing-page section.intro .cat {
        top:288px
    }
}

.landing-page section.images {
    display: none
}

@media(min-width: 1280px) {
    .landing-page section.images {
        display:block
    }

    .landing-page section.images .images-container {
        position: absolute;
        right: calc((100vw - 1280px)/2);
        width: 600px;
        display: flex;
        top: -600px
    }

    .landing-page section.images .images-container .column img {
        margin-bottom: 24px;
        box-shadow: 5px 5px 0 0 #16152d,0 20px 31px -10px rgba(0,0,0,.5)
    }

    .landing-page section.images .images-container .column.one {
        padding-top: 64px
    }
}

.landing-page section.subscribe {
    margin: 16px;
    background-color: #33315c;
    padding: 16px 16px 40px;
    width: auto;
    box-shadow: 4px 4px 0 0 #16152d
}

@media only screen and (min-width: 640px) {
    .landing-page section.subscribe {
        width:612px;
        margin: 0 auto
    }
}

@media(min-width: 1280px) {
    .landing-page section.subscribe {
        width:588px;
        margin: 18px auto 0 calc(calc((100vw - 1280px)/2) + 16px);
        padding: 32px
    }
}

.landing-page section.subscribe form .register {
    text-shadow: 3px 3px 0 #16152d;
    font-size: 28px;
    font-weight: 900;
    margin-bottom: 16px
}

@media(min-width: 1280px) {
    .landing-page section.subscribe form .register {
        font-size:28px;
        margin-bottom: 36px
    }
}

.landing-page section.subscribe form .register__input {
    width: 100%;
    margin-bottom: 8px;
    padding: 15px 24px
}

.landing-page section.subscribe form .register__input::placeholder {
    color: rgba(22,21,45,.33)
}

@media(min-width: 1280px) {
    .landing-page section.subscribe form .register__input {
        font-size:18px;
        padding: 22px
    }
}

.landing-page section.subscribe form .copy {
    margin-bottom: 16px
}

@media(min-width: 1280px) {
    .landing-page section.subscribe form .copy {
        font-size:22px;
        margin-bottom: 36px
    }
}

.landing-page section.subscribe form .register__submit {
    box-shadow: 3px 3px 0 #16152d;
    margin-top: 8px;
    width: 100%;
    padding: 15px 24px
}

.landing-page section.subscribe form .register__submit:hover {
    transform: translate(-1px,-1px);
    box-shadow: 4px 4px 0 #16152d
}

.landing-page section.subscribe form .register__submit:hover:disabled {
    box-shadow: none;
    transform: none
}

.landing-page section.subscribe form .register__submit:active {
    outline: none;
    transform: translate(0px,0px);
    box-shadow: 0 0 0 #16152d
}

.landing-page section.subscribe form .register__submit:active {
    background-color: #1d1b1b
}

@media(min-width: 1280px) {
    .landing-page section.subscribe form .register__submit {
        font-size:22px;
        padding: 18px;
        margin-top: 16px;
        margin-bottom: 16px
    }
}

.landing-page section.borrowers {
    margin-top: 32px;
    position: relative;
    padding-top: 85px
}

@media(min-width: 1280px) {
    .landing-page section.borrowers {
        padding-left:calc(calc((100vw - 1280px)/2) + 550px);
        margin-top: 96px;
        margin-bottom: 32px
    }
}

.landing-page section.borrowers .user-type {
    font-size: 18px
}

@media(min-width: 1280px) {
    .landing-page section.borrowers .user-type {
        font-size:36px;
        margin-bottom: 16px
    }
}

.landing-page section.borrowers .title {
    font-size: 38px;
    font-weight: 700;
    line-height: 1.11;
    letter-spacing: normal;
    color: #7d5fd7
}

@media(min-width: 1280px) {
    .landing-page section.borrowers .title {
        font-size:48px;
        margin-bottom: 24px
    }
}

@media(min-width: 1280px) {
    .landing-page section.borrowers .copy {
        font-size:22px
    }

    .landing-page section.borrowers .copy p {
        margin-bottom: 28px
    }
}

.landing-page section.borrowers picture {
    position: absolute;
    top: 0;
    right: 0
}

@media only screen and (min-width: 640px) {
    .landing-page section.borrowers picture {
        top:-36px;
        right: calc(calc((100vw - 640px)/2) + 16px);
        transform: rotate(-90deg)
    }
}

@media(min-width: 1280px) {
    .landing-page section.borrowers picture {
        top:-132px;
        right: initial;
        left: calc(calc((100vw - 1280px)/2) + 64px);
        transform: rotate(72deg)
    }
}

.landing-page section.lenders {
    margin-top: 16px;
    position: relative;
    padding-top: 150px;
    overflow-x: hidden
}

@media only screen and (min-width: 640px) {
    .landing-page section.lenders {
        overflow-x:initial
    }
}

@media(min-width: 1280px) {
    .landing-page section.lenders {
        margin:32px auto 128px;
        padding-right: calc(calc((100vw - 1280px)/2) + 550px)
    }
}

.landing-page section.lenders .user-type {
    font-size: 18px
}

@media(min-width: 1280px) {
    .landing-page section.lenders .user-type {
        font-size:36px;
        margin-bottom: 16px
    }
}

.landing-page section.lenders .title {
    font-size: 38px;
    font-weight: 700;
    line-height: 1.11;
    letter-spacing: normal;
    color: #cf2e8c
}

@media(min-width: 1280px) {
    .landing-page section.lenders .title {
        font-size:48px;
        margin-bottom: 24px
    }
}

@media(min-width: 1280px) {
    .landing-page section.lenders .copy {
        font-size:22px
    }

    .landing-page section.lenders .copy p {
        margin-bottom: 28px
    }
}

.landing-page section.lenders picture {
    position: absolute;
    top: -24px;
    left: -74px
}

@media(min-width: 1280px) {
    .landing-page section.lenders picture {
        left:initial;
        top: 48px;
        right: calc(calc((100vw - 1280px)/2) - 188px)
    }
}

.landing-page section.lenders picture img {
    width: 100%
}

@media(min-width: 1280px) {
    .landing-page section.lenders picture img {
        width:740px
    }
}

.landing-page section.community {
    margin-bottom: 80px;
    margin-top: 56px
}

@media(min-width: 1280px) {
    .landing-page section.community {
        margin-bottom:148px
    }
}

@media(min-width: 1280px) {
    .landing-page section.community .social {
        display:flex;
        align-items: top;
        padding-top: 24px
    }

    .landing-page section.community .social .copy {
        margin-top: 8px
    }
}

.landing-page section.community .social .icon.discord,.landing-page section.community .social .icon.twitter {
    text-align: center
}

.landing-page section.community .social .icon.discord img,.landing-page section.community .social .icon.twitter img {
    margin-bottom: 16px
}

@media(min-width: 1280px) {
    .landing-page section.community .social .icon.discord img,.landing-page section.community .social .icon.twitter img {
        margin:0 32px 0 16px
    }
}

.landing-page section.features .feature {
    margin-bottom: 32px
}

.landing-page section.features .feature a {
    text-decoration: none;
    color: #fff
}

@media(min-width: 1280px) {
    .landing-page section.features .feature {
        flex:0 0 25%;
        padding-right: 12px;
        padding-top: 24px;
        padding-bottom: 64px
    }
}

.landing-page section.features .feature .icon {
    margin-bottom: 8px;
    height: 34px;
    color: #fff;
    display: flex;
    align-items: center;
    max-width: 124px
}

.landing-page section.features .feature .icon svg {
    width: 100%
}

@media(min-width: 1280px) {
    .landing-page section.features .feature .icon {
        height:72px;
        margin-bottom: 24px;
        max-width: 200px
    }
}

.landing-page section.features .feature .date {
    margin-bottom: 4px;
    font-size: 10px
}

@media(min-width: 1280px) {
    .landing-page section.features .feature .date {
        font-size:14px
    }
}

@media(min-width: 1280px) {
    .landing-page section.features .feature .heading {
        font-size:24px
    }
}

.landing-page section.investors {
    position: relative;
    margin-top: 48px
}

@media(min-width: 1280px) {
    .landing-page section.investors {
        align-items:center;
        margin-bottom: 80px
    }
}

.landing-page section.investors>* {
    position: relative;
    z-index: 3
}

.landing-page section.investors:before {
    content: "";
    width: 100vw;
    background-color: #16152d;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

@media only screen and (min-width: 640px) {
    .landing-page section.investors:before {
        display:none
    }
}

.landing-page section.investors:after {
    content: "";
    width: 100vw;
    background-color: #0f0d18;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    clip-path: ellipse(400% 200% at -50% -129%)
}

@media only screen and (min-width: 640px) {
    .landing-page section.investors:after {
        display:none
    }
}

.landing-page section.investors .title {
    margin-bottom: 0
}

.landing-page section.investors .investor {
    text-align: center;
    overflow: hidden;
    padding: 48px 0 12px
}

@media(min-width: 1280px) {
    .landing-page section.investors .investor {
        flex:0 0 20%;
        padding: 48px 0 32px
    }
}

.landing-page section.investors .investor.the-lao {
    font-family: porta,"sans-serif";
    color: #fff;
    text-decoration: none
}

.landing-page section.investors .investor.the-lao .the {
    font-size: 24px;
    animation-name: theFlicker;
    animation-duration: 2s;
    animation-iteration-count: infinite
}

@media(min-width: 1280px) {
    .landing-page section.investors .investor.the-lao .the {
        font-size:36px
    }
}

@keyframes theFlicker {
    0%,19%,21%,23%,25%,54%,56%,100% {
        text-shadow: -.15rem -.15rem 1rem #fff,.15rem .15rem 1rem #fff,0 0 1rem #fff,0 0 1.5rem #fff,0 0 2rem #fff,0 0 2.5rem #fff,0 0 3rem #fff
    }

    20%,24%,55% {
        text-shadow: none;
        box-shadow: none
    }
}

.landing-page section.investors .investor.the-lao .lao {
    font-size: 36px;
    animation-name: theFlicker;
    animation-duration: 3s;
    animation-iteration-count: infinite
}

@media(min-width: 1280px) {
    .landing-page section.investors .investor.the-lao .lao {
        font-size:48px
    }
}

@keyframes laoFlicker {
    0%,19%,21%,23%,25%,54%,56%,100% {
        text-shadow: -.15rem -.15rem 1rem #fff,.15rem .15rem 1rem #fff,0 0 1rem #fff,0 0 2rem #fff,0 0 6rem #fff,0 0 4rem #fff,0 0 8rem #fff
    }

    20%,24%,55% {
        text-shadow: none;
        box-shadow: none
    }
}

.landing-page section.investors .investor.coinfund {
    flex: 0 0 100%
}

@media(min-width: 1280px) {
    .landing-page section.investors .investor.coinfund {
        flex:0 0 20%
    }
}

.landing-page section.partners {
    background-color: #16152d;
    padding-bottom: 128px;
    margin-top: 0;
    padding-top: 56px
}

@media only screen and (min-width: 640px) {
    .landing-page section.partners {
        background-color:#0f0d18
    }
}

@media(min-width: 1280px) {
    .landing-page section.partners {
        justify-content:space-between
    }
}

.landing-page section.partners .title {
    margin-bottom: 32px;
    text-shadow: 3px 3px 0 #16152d
}

@media(min-width: 1280px) {
    .landing-page section.partners .title {
        margin-bottom:48px
    }
}

.landing-page section.partners .partner {
    padding-right: 24px
}

@media(min-width: 1280px) {
    .landing-page section.partners .partner {
        display:flex;
        padding: 24px 0
    }
}

.landing-page section.partners .partner .partner-logo {
    height: 64px
}

@media(min-width: 1280px) {
    .landing-page section.partners .partner .partner-logo {
        margin-right:32px
    }
}

@media(min-width: 1280px) {
    .landing-page section.partners .partner .copy {
        font-size:22px
    }
}

@keyframes laoFlicker {
    0%,19%,21%,23%,25%,54%,56%,100% {
        text-shadow: -.2rem -.2rem 1rem #fff,.2rem .2rem 1rem #fff,0 0 2rem #fff,0 0 4rem #fff,0 0 6rem #fff,0 0 8rem #fff,0 0 10rem #fff
    }

    20%,24%,55% {
        text-shadow: none;
        box-shadow: none
    }
}

.account-page .asset-container {
    grid-template-columns: 302px 1fr
}

.account-page .asset-container .categories {
    padding-right: 0
}

.account-page .loading {
    margin-left: 40px
}

.account-page .loading--categories {
    font-size: 14px;
    text-transform: none
}

@media screen and (max-width: 768px) {
    .account-page .asset-container {
        grid-template-columns:1fr;
        margin: 24px 16px
    }

    .account-page .loading {
        padding-left: 16px
    }
}

.lend-page,.borrow-page,.stats-page,.account-page,.airdrop-page,.terms-and-conditions-page,.notifications-page,.blocked-page {
    display: flex;
    flex-direction: column
}

.lend-page .page-content,.borrow-page .page-content,.stats-page .page-content,.account-page .page-content,.airdrop-page .page-content,.terms-and-conditions-page .page-content,.notifications-page .page-content,.blocked-page .page-content {
    position: relative;
    padding-top: 1px;
    flex-grow: 1;
    min-height: 250px
}

@media only screen and (max-width: 639px) {
    .lend-page .page-content,.borrow-page .page-content,.stats-page .page-content,.account-page .page-content,.airdrop-page .page-content,.terms-and-conditions-page .page-content,.notifications-page .page-content,.blocked-page .page-content {
        box-sizing:border-box;
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width: 640px) {
    .lend-page .page-content,.borrow-page .page-content,.stats-page .page-content,.account-page .page-content,.airdrop-page .page-content,.terms-and-conditions-page .page-content,.notifications-page .page-content,.blocked-page .page-content {
        width:100%;
        padding-left: calc(calc((100vw - 640px)/2) + 0px);
        padding-right: calc(calc((100vw - 640px)/2) + 0px);
        box-sizing: border-box
    }
}

@media(min-width: 1280px) {
    .lend-page .page-content,.borrow-page .page-content,.stats-page .page-content,.account-page .page-content,.airdrop-page .page-content,.terms-and-conditions-page .page-content,.notifications-page .page-content,.blocked-page .page-content {
        width:100%;
        padding-left: calc(calc((100vw - 1280px)/2) + 0px);
        padding-right: calc(calc((100vw - 1280px)/2) + 0px);
        box-sizing: border-box
    }
}

@media only screen and (min-width: 640px) {
    .lend-page .page-content,.borrow-page .page-content,.stats-page .page-content,.account-page .page-content,.airdrop-page .page-content,.terms-and-conditions-page .page-content,.notifications-page .page-content,.blocked-page .page-content {
        flex:1 0 640px;
        min-height: 460px
    }
}

@media only screen and (min-width: 640px)and (max-width:639px) {
    .lend-page .page-content,.borrow-page .page-content,.stats-page .page-content,.account-page .page-content,.airdrop-page .page-content,.terms-and-conditions-page .page-content,.notifications-page .page-content,.blocked-page .page-content {
        box-sizing:border-box;
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width: 640px)and (min-width:640px) {
    .lend-page .page-content,.borrow-page .page-content,.stats-page .page-content,.account-page .page-content,.airdrop-page .page-content,.terms-and-conditions-page .page-content,.notifications-page .page-content,.blocked-page .page-content {
        width:100%;
        padding-left: calc(calc((100vw - 640px)/2) + 16px);
        padding-right: calc(calc((100vw - 640px)/2) + 16px);
        box-sizing: border-box
    }
}

@media only screen and (min-width: 640px)and (min-width:1280px) {
    .lend-page .page-content,.borrow-page .page-content,.stats-page .page-content,.account-page .page-content,.airdrop-page .page-content,.terms-and-conditions-page .page-content,.notifications-page .page-content,.blocked-page .page-content {
        width:100%;
        padding-left: calc(calc((100vw - 1280px)/2) + 16px);
        padding-right: calc(calc((100vw - 1280px)/2) + 16px);
        box-sizing: border-box
    }
}

@media(min-width: 1280px) {
    .lend-page .page-content,.borrow-page .page-content,.stats-page .page-content,.account-page .page-content,.airdrop-page .page-content,.terms-and-conditions-page .page-content,.notifications-page .page-content,.blocked-page .page-content {
        z-index:1;
        flex: 1 0 640px
    }
}

@media only screen and (min-width: 1280px)and (max-width:639px) {
    .lend-page .page-content,.borrow-page .page-content,.stats-page .page-content,.account-page .page-content,.airdrop-page .page-content,.terms-and-conditions-page .page-content,.notifications-page .page-content,.blocked-page .page-content {
        box-sizing:border-box;
        width: 100%;
        padding-left: 64px;
        padding-right: 64px
    }
}

@media only screen and (min-width: 1280px)and (min-width:640px) {
    .lend-page .page-content,.borrow-page .page-content,.stats-page .page-content,.account-page .page-content,.airdrop-page .page-content,.terms-and-conditions-page .page-content,.notifications-page .page-content,.blocked-page .page-content {
        width:100%;
        padding-left: calc(calc((100vw - 640px)/2) + 64px);
        padding-right: calc(calc((100vw - 640px)/2) + 64px);
        box-sizing: border-box
    }
}

@media(min-width: 1280px)and (min-width:1280px) {
    .lend-page .page-content,.borrow-page .page-content,.stats-page .page-content,.account-page .page-content,.airdrop-page .page-content,.terms-and-conditions-page .page-content,.notifications-page .page-content,.blocked-page .page-content {
        width:100%;
        padding-left: calc(calc((100vw - 1280px)/2) + 64px);
        padding-right: calc(calc((100vw - 1280px)/2) + 64px);
        box-sizing: border-box
    }
}

.lend-page .page-content h2.tab-header,.borrow-page .page-content h2.tab-header,.stats-page .page-content h2.tab-header,.account-page .page-content h2.tab-header,.airdrop-page .page-content h2.tab-header,.terms-and-conditions-page .page-content h2.tab-header,.notifications-page .page-content h2.tab-header,.blocked-page .page-content h2.tab-header {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    font-weight: 400;
    color: #c7c7c7
}

.page-content {
    margin-bottom: 16px
}

@media(min-width: 1280px) {
    .page-content {
        margin-bottom:24px
    }
}

.page-content .back {
    font-size: 14px;
    font-weight: 500;
    font-family: Roboto,sans-serif;
    display: inline-flex;
    align-items: center;
    margin: 0 16px;
    padding: 3px 20px;
    border: 1px solid rgba(255,255,255,.2);
    color: #fff;
    position: absolute;
    top: -172px
}

@media only screen and (min-width: 640px) {
    .page-content .back {
        margin:0
    }
}

@media(min-width: 1280px) {
    .page-content .back {
        top:-202px
    }
}

.page-content .back svg {
    vertical-align: middle;
    margin-right: 8px;
    width: 12px
}

.borrow-page .page-content .back {
    border: 1px solid #7e5bd6
}

.lend-page .page-content .back {
    border: 1px solid #cf2e8c
}

.lend-page .loading-spinner {
    animation: spin 1s linear infinite;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px
}

@keyframes spin {
    0% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    6.25% {
        box-shadow: 0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px 8px -2px #fff,0 30px 16px 4px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    12.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px 8px -2px #fff,-10px 30px 16px 4px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    18.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px 8px -2px #fff,-20px 20px 16px 4px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px 8px -2px #fff,-30px 10px 16px 4px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    31.25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px 8px -2px #fff,-30px 0 16px 4px #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    37.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #cf2e8c,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 8px -2px #fff,-30px -10px 16px 4px #cf2e8c,-20px -20px transparent,-10px -30px transparent
    }

    43.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #cf2e8c,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px 8px -2px #fff,-20px -20px 16px 4px #cf2e8c,-10px -30px transparent
    }

    50% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #cf2e8c,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px 8px -2px #fff,-10px -30px 16px 4px #cf2e8c
    }

    56.25% {
        box-shadow: 0 -30px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px 8px -2px #fff,0 -30px 16px 4px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    62.5% {
        box-shadow: 0 -30px #fff,10px -30px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px 8px -2px #fff,10px -30px 16px 4px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    68.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px 8px -2px #fff,20px -20px 16px 4px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px 8px -2px #fff,30px -10px 16px 4px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    81.25% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px 8px -2px #fff,30px 0 16px 4px #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff
    }

    87.5% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 8px -2px #fff,30px 10px 16px 4px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff
    }

    93.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2),0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px 8px -2px #fff,20px 20px 16px 4px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2)
    }

    100% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }
}

.lend-page .accent-color {
    color: #cf2e8c
}

.lend-page .accent-secondary-color {
    color: #fff
}

.lend-page .accent-color-background {
    background-color: #cf2e8c
}

.lend-page .accent-secondary-color-background {
    background-color: #fff
}

.lend-page .accent-color-border {
    border-color: #cf2e8c
}

.lend-page .accent-color-fill {
    fill: #cf2e8c
}

.lend-page .accent-color-selection::selection {
    color: #fff;
    background: #cf2e8c
}

.lend-page .accent-color::placeholder {
    color: #cf2e8c;
    opacity: .7
}

.lend-page .toggle-switch input:checked+.slider {
    background-color: #cf2e8c
}

.lend-page .filter .search {
    color: #cf2e8c
}

.lend-page .filter label.checkbox .checkmark:after {
    border: solid #cf2e8c
}

.lend-page .filter label.checkbox:hover input~.checkmark {
    border-color: inherit
}

@media(hover: hover) {
    .lend-page .filter label.checkbox:hover input~.checkmark {
        border-color:#cf2e8c
    }
}

.lend-page .filter .count {
    background-color: #cf2e8c
}

.lend-page .filter .chevron {
    border: solid #cf2e8c
}

.lend-page .btn,.lend-page .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .lend-page .register__submit {
    background-color: #cb2b83;
    border-color: #cb2b83
}

.lend-page .btn:hover,.lend-page .landing-page section.subscribe form .register__submit:hover,.landing-page section.subscribe form .lend-page .register__submit:hover {
    background-color: #d13e8f;
    border-color: #d13e8f
}

.lend-page .btn:active,.lend-page .landing-page section.subscribe form .register__submit:active,.landing-page section.subscribe form .lend-page .register__submit:active {
    background-color: #a61d6e;
    border-color: #a61d6e
}

.lend-page .btn.white,.lend-page .landing-page section.subscribe form .white.register__submit,.landing-page section.subscribe form .lend-page .white.register__submit {
    color: #dbdadd;
    border-color: #dbdadd
}

.lend-page .btn.white:not(.btn-hollow),.lend-page .landing-page section.subscribe form .white.register__submit:not(.btn-hollow),.landing-page section.subscribe form .lend-page .white.register__submit:not(.btn-hollow) {
    background-color: #dbdadd
}

.lend-page .btn.white:hover,.lend-page .landing-page section.subscribe form .white.register__submit:hover,.landing-page section.subscribe form .lend-page .white.register__submit:hover {
    color: #fff;
    border-color: #fff
}

.lend-page .btn.white:hover:not(.btn-hollow),.lend-page .landing-page section.subscribe form .white.register__submit:hover:not(.btn-hollow),.landing-page section.subscribe form .lend-page .white.register__submit:hover:not(.btn-hollow) {
    background-color: #fff
}

.lend-page .btn.white:active,.lend-page .landing-page section.subscribe form .white.register__submit:active,.landing-page section.subscribe form .lend-page .white.register__submit:active {
    color: #aeaeae;
    border-color: #aeaeae
}

.lend-page .btn.white:active:not(.btn-hollow),.lend-page .landing-page section.subscribe form .white.register__submit:active:not(.btn-hollow),.landing-page section.subscribe form .lend-page .white.register__submit:active:not(.btn-hollow) {
    background-color: #aeaeae
}

.lend-page .btn.white:disabled,.lend-page .landing-page section.subscribe form .white.register__submit:disabled,.landing-page section.subscribe form .lend-page .white.register__submit:disabled {
    color: #dbdadd;
    border-color: rgba(219,218,221,.6)
}

.lend-page .btn:disabled,.lend-page .landing-page section.subscribe form .register__submit:disabled,.landing-page section.subscribe form .lend-page .register__submit:disabled {
    background-color: rgba(253,0,148,.6);
    border-color: rgba(253,0,148,.6)
}

.lend-page .btn.hollow,.lend-page .landing-page section.subscribe form .hollow.register__submit,.landing-page section.subscribe form .lend-page .hollow.register__submit {
    background-color: transparent;
    border: 1px solid #cb2b83
}

.lend-page .btn.hollow:hover,.lend-page .landing-page section.subscribe form .hollow.register__submit:hover,.landing-page section.subscribe form .lend-page .hollow.register__submit:hover {
    border: 1px solid #d13e8f
}

.lend-page .btn.hollow:active,.lend-page .landing-page section.subscribe form .hollow.register__submit:active,.landing-page section.subscribe form .lend-page .hollow.register__submit:active {
    border: 1px solid #a61d6e
}

.lend-page .btn.hollow:disabled,.lend-page .landing-page section.subscribe form .hollow.register__submit:disabled,.landing-page section.subscribe form .lend-page .hollow.register__submit:disabled {
    border: 1px solid rgba(253,0,148,.6)
}

.lend-page .link-color {
    color: #cf2e8c
}

.lend-page .link-color svg {
    fill: #cf2e8c
}

.lend-page .link-color:hover {
    color: #d858a4
}

.lend-page .link-color:hover svg {
    color: #d858a4;
    fill: #d858a4
}

.lend-page .link-color:active {
    color: #a61d6e
}

.lend-page .link-color:active svg {
    color: #a61d6e;
    fill: #a61d6e
}

.lend-page .react-select__indicator-separator {
    background-color: #cf2e8c
}

.lend-page .react-select__indicator {
    color: #fd0094
}

.lend-page .react-select__option {
    cursor: pointer
}

.lend-page .react-select__option:active {
    background-color: #fd0094
}

.lend-page .react-select__option--is-selected {
    background-color: #cf2e8c
}

.lend-page .react-select__option--is-focused {
    background-color: #bc4189
}

.lend-page input[type=text]:focus-visible,.lend-page input[type=number]:focus-visible {
    border: none;
    outline: 1px solid #cf2e8c
}

.borrow-page .loading-spinner {
    animation: spin 1s linear infinite;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px
}

@keyframes spin {
    0% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    6.25% {
        box-shadow: 0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px 8px -2px #fff,0 30px 16px 4px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    12.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px 8px -2px #fff,-10px 30px 16px 4px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    18.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px 8px -2px #fff,-20px 20px 16px 4px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px 8px -2px #fff,-30px 10px 16px 4px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    31.25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px 8px -2px #fff,-30px 0 16px 4px #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    37.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #cf2e8c,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 8px -2px #fff,-30px -10px 16px 4px #cf2e8c,-20px -20px transparent,-10px -30px transparent
    }

    43.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #cf2e8c,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px 8px -2px #fff,-20px -20px 16px 4px #cf2e8c,-10px -30px transparent
    }

    50% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #cf2e8c,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px 8px -2px #fff,-10px -30px 16px 4px #cf2e8c
    }

    56.25% {
        box-shadow: 0 -30px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px 8px -2px #fff,0 -30px 16px 4px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    62.5% {
        box-shadow: 0 -30px #fff,10px -30px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px 8px -2px #fff,10px -30px 16px 4px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    68.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px 8px -2px #fff,20px -20px 16px 4px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px 8px -2px #fff,30px -10px 16px 4px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    81.25% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px 8px -2px #fff,30px 0 16px 4px #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff
    }

    87.5% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 8px -2px #fff,30px 10px 16px 4px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff
    }

    93.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2),0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px 8px -2px #fff,20px 20px 16px 4px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2)
    }

    100% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }
}

.borrow-page .accent-color {
    color: #7d5fd7
}

.borrow-page .accent-secondary-color {
    color: #fff
}

.borrow-page .accent-color-background {
    background-color: #7d5fd7
}

.borrow-page .accent-secondary-color-background {
    background-color: #fff
}

.borrow-page .accent-color-border {
    border-color: #7d5fd7
}

.borrow-page .accent-color-fill {
    fill: #7d5fd7
}

.borrow-page .accent-color-selection::selection {
    color: #fff;
    background: #7d5fd7
}

.borrow-page .accent-color::placeholder {
    color: #7d5fd7;
    opacity: .7
}

.borrow-page .toggle-switch input:checked+.slider {
    background-color: #7d5fd7
}

.borrow-page .filter .search {
    color: #7d5fd7
}

.borrow-page .filter label.checkbox .checkmark:after {
    border: solid #7d5fd7
}

.borrow-page .filter label.checkbox:hover input~.checkmark {
    border-color: inherit
}

@media(hover: hover) {
    .borrow-page .filter label.checkbox:hover input~.checkmark {
        border-color:#7d5fd7
    }
}

.borrow-page .filter .count {
    background-color: #7d5fd7
}

.borrow-page .filter .chevron {
    border: solid #7d5fd7
}

.borrow-page .btn,.borrow-page .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .borrow-page .register__submit {
    background-color: #7e5bd6;
    border-color: #7e5bd6
}

.borrow-page .btn:hover,.borrow-page .landing-page section.subscribe form .register__submit:hover,.landing-page section.subscribe form .borrow-page .register__submit:hover {
    background-color: #8563dd;
    border-color: #8563dd
}

.borrow-page .btn:active,.borrow-page .landing-page section.subscribe form .register__submit:active,.landing-page section.subscribe form .borrow-page .register__submit:active {
    background-color: #6b4bbb;
    border-color: #6b4bbb
}

.borrow-page .btn.white,.borrow-page .landing-page section.subscribe form .white.register__submit,.landing-page section.subscribe form .borrow-page .white.register__submit {
    color: #dbdadd;
    border-color: #dbdadd
}

.borrow-page .btn.white:not(.btn-hollow),.borrow-page .landing-page section.subscribe form .white.register__submit:not(.btn-hollow),.landing-page section.subscribe form .borrow-page .white.register__submit:not(.btn-hollow) {
    background-color: #dbdadd
}

.borrow-page .btn.white:hover,.borrow-page .landing-page section.subscribe form .white.register__submit:hover,.landing-page section.subscribe form .borrow-page .white.register__submit:hover {
    color: #fff;
    border-color: #fff
}

.borrow-page .btn.white:hover:not(.btn-hollow),.borrow-page .landing-page section.subscribe form .white.register__submit:hover:not(.btn-hollow),.landing-page section.subscribe form .borrow-page .white.register__submit:hover:not(.btn-hollow) {
    background-color: #fff
}

.borrow-page .btn.white:active,.borrow-page .landing-page section.subscribe form .white.register__submit:active,.landing-page section.subscribe form .borrow-page .white.register__submit:active {
    color: #aeaeae;
    border-color: #aeaeae
}

.borrow-page .btn.white:active:not(.btn-hollow),.borrow-page .landing-page section.subscribe form .white.register__submit:active:not(.btn-hollow),.landing-page section.subscribe form .borrow-page .white.register__submit:active:not(.btn-hollow) {
    background-color: #aeaeae
}

.borrow-page .btn.white:disabled,.borrow-page .landing-page section.subscribe form .white.register__submit:disabled,.landing-page section.subscribe form .borrow-page .white.register__submit:disabled {
    color: #dbdadd;
    border-color: rgba(219,218,221,.6)
}

.borrow-page .btn:disabled,.borrow-page .landing-page section.subscribe form .register__submit:disabled,.landing-page section.subscribe form .borrow-page .register__submit:disabled {
    background-color: rgba(105,55,255,.6);
    border-color: rgba(105,55,255,.6)
}

.borrow-page .btn.hollow,.borrow-page .landing-page section.subscribe form .hollow.register__submit,.landing-page section.subscribe form .borrow-page .hollow.register__submit {
    background-color: transparent;
    border: 1px solid #7e5bd6
}

.borrow-page .btn.hollow:hover,.borrow-page .landing-page section.subscribe form .hollow.register__submit:hover,.landing-page section.subscribe form .borrow-page .hollow.register__submit:hover {
    border: 1px solid #8563dd
}

.borrow-page .btn.hollow:active,.borrow-page .landing-page section.subscribe form .hollow.register__submit:active,.landing-page section.subscribe form .borrow-page .hollow.register__submit:active {
    border: 1px solid #6b4bbb
}

.borrow-page .btn.hollow:disabled,.borrow-page .landing-page section.subscribe form .hollow.register__submit:disabled,.landing-page section.subscribe form .borrow-page .hollow.register__submit:disabled {
    border: 1px solid rgba(105,55,255,.6)
}

.borrow-page .link-color {
    color: #7d5fd7
}

.borrow-page .link-color svg {
    fill: #7d5fd7
}

.borrow-page .link-color:hover {
    color: #8e68f0
}

.borrow-page .link-color:hover svg {
    color: #8e68f0;
    fill: #8e68f0
}

.borrow-page .link-color:active {
    color: #6b4bbb
}

.borrow-page .link-color:active svg {
    color: #6b4bbb;
    fill: #6b4bbb
}

.borrow-page .react-select__indicator-separator {
    background-color: #7d5fd7
}

.borrow-page .react-select__indicator {
    color: #6937ff
}

.borrow-page .react-select__option {
    cursor: pointer
}

.borrow-page .react-select__option:active {
    background-color: #6937ff
}

.borrow-page .react-select__option--is-selected {
    background-color: #7d5fd7
}

.borrow-page .react-select__option--is-focused {
    background-color: #856ec8
}

.borrow-page input[type=text]:focus-visible,.borrow-page input[type=number]:focus-visible {
    border: none;
    outline: 1px solid #7d5fd7
}

.account-page .loading-spinner {
    animation: spin 1s linear infinite;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px
}

@keyframes spin {
    0% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    6.25% {
        box-shadow: 0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px 8px -2px #fff,0 30px 16px 4px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    12.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px 8px -2px #fff,-10px 30px 16px 4px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    18.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px 8px -2px #fff,-20px 20px 16px 4px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px 8px -2px #fff,-30px 10px 16px 4px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    31.25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px 8px -2px #fff,-30px 0 16px 4px #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    37.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #cf2e8c,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 8px -2px #fff,-30px -10px 16px 4px #cf2e8c,-20px -20px transparent,-10px -30px transparent
    }

    43.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #cf2e8c,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px 8px -2px #fff,-20px -20px 16px 4px #cf2e8c,-10px -30px transparent
    }

    50% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #cf2e8c,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px 8px -2px #fff,-10px -30px 16px 4px #cf2e8c
    }

    56.25% {
        box-shadow: 0 -30px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px 8px -2px #fff,0 -30px 16px 4px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    62.5% {
        box-shadow: 0 -30px #fff,10px -30px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px 8px -2px #fff,10px -30px 16px 4px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    68.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px 8px -2px #fff,20px -20px 16px 4px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px 8px -2px #fff,30px -10px 16px 4px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    81.25% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px 8px -2px #fff,30px 0 16px 4px #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff
    }

    87.5% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 8px -2px #fff,30px 10px 16px 4px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff
    }

    93.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2),0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px 8px -2px #fff,20px 20px 16px 4px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2)
    }

    100% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }
}

.account-page .accent-color {
    color: #7d5fd7
}

.account-page .accent-secondary-color {
    color: #fff
}

.account-page .accent-color-background {
    background-color: #7d5fd7
}

.account-page .accent-secondary-color-background {
    background-color: #fff
}

.account-page .accent-color-border {
    border-color: #7d5fd7
}

.account-page .accent-color-fill {
    fill: #7d5fd7
}

.account-page .accent-color-selection::selection {
    color: #fff;
    background: #7d5fd7
}

.account-page .accent-color::placeholder {
    color: #7d5fd7;
    opacity: .7
}

.account-page .toggle-switch input:checked+.slider {
    background-color: #7d5fd7
}

.account-page .filter .search {
    color: #7d5fd7
}

.account-page .filter label.checkbox .checkmark:after {
    border: solid #7d5fd7
}

.account-page .filter label.checkbox:hover input~.checkmark {
    border-color: inherit
}

@media(hover: hover) {
    .account-page .filter label.checkbox:hover input~.checkmark {
        border-color:#7d5fd7
    }
}

.account-page .filter .count {
    background-color: #7d5fd7
}

.account-page .filter .chevron {
    border: solid #7d5fd7
}

.account-page .btn,.account-page .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .account-page .register__submit {
    background-color: #7e5bd6;
    border-color: #7e5bd6
}

.account-page .btn:hover,.account-page .landing-page section.subscribe form .register__submit:hover,.landing-page section.subscribe form .account-page .register__submit:hover {
    background-color: #8563dd;
    border-color: #8563dd
}

.account-page .btn:active,.account-page .landing-page section.subscribe form .register__submit:active,.landing-page section.subscribe form .account-page .register__submit:active {
    background-color: #6b4bbb;
    border-color: #6b4bbb
}

.account-page .btn.white,.account-page .landing-page section.subscribe form .white.register__submit,.landing-page section.subscribe form .account-page .white.register__submit {
    color: #dbdadd;
    border-color: #dbdadd
}

.account-page .btn.white:not(.btn-hollow),.account-page .landing-page section.subscribe form .white.register__submit:not(.btn-hollow),.landing-page section.subscribe form .account-page .white.register__submit:not(.btn-hollow) {
    background-color: #dbdadd
}

.account-page .btn.white:hover,.account-page .landing-page section.subscribe form .white.register__submit:hover,.landing-page section.subscribe form .account-page .white.register__submit:hover {
    color: #fff;
    border-color: #fff
}

.account-page .btn.white:hover:not(.btn-hollow),.account-page .landing-page section.subscribe form .white.register__submit:hover:not(.btn-hollow),.landing-page section.subscribe form .account-page .white.register__submit:hover:not(.btn-hollow) {
    background-color: #fff
}

.account-page .btn.white:active,.account-page .landing-page section.subscribe form .white.register__submit:active,.landing-page section.subscribe form .account-page .white.register__submit:active {
    color: #aeaeae;
    border-color: #aeaeae
}

.account-page .btn.white:active:not(.btn-hollow),.account-page .landing-page section.subscribe form .white.register__submit:active:not(.btn-hollow),.landing-page section.subscribe form .account-page .white.register__submit:active:not(.btn-hollow) {
    background-color: #aeaeae
}

.account-page .btn.white:disabled,.account-page .landing-page section.subscribe form .white.register__submit:disabled,.landing-page section.subscribe form .account-page .white.register__submit:disabled {
    color: #dbdadd;
    border-color: rgba(219,218,221,.6)
}

.account-page .btn:disabled,.account-page .landing-page section.subscribe form .register__submit:disabled,.landing-page section.subscribe form .account-page .register__submit:disabled {
    background-color: rgba(105,55,255,.6);
    border-color: rgba(105,55,255,.6)
}

.account-page .btn.hollow,.account-page .landing-page section.subscribe form .hollow.register__submit,.landing-page section.subscribe form .account-page .hollow.register__submit {
    background-color: transparent;
    border: 1px solid #7e5bd6
}

.account-page .btn.hollow:hover,.account-page .landing-page section.subscribe form .hollow.register__submit:hover,.landing-page section.subscribe form .account-page .hollow.register__submit:hover {
    border: 1px solid #8563dd
}

.account-page .btn.hollow:active,.account-page .landing-page section.subscribe form .hollow.register__submit:active,.landing-page section.subscribe form .account-page .hollow.register__submit:active {
    border: 1px solid #6b4bbb
}

.account-page .btn.hollow:disabled,.account-page .landing-page section.subscribe form .hollow.register__submit:disabled,.landing-page section.subscribe form .account-page .hollow.register__submit:disabled {
    border: 1px solid rgba(105,55,255,.6)
}

.account-page .link-color {
    color: #7d5fd7
}

.account-page .link-color svg {
    fill: #7d5fd7
}

.account-page .link-color:hover {
    color: #8e68f0
}

.account-page .link-color:hover svg {
    color: #8e68f0;
    fill: #8e68f0
}

.account-page .link-color:active {
    color: #6b4bbb
}

.account-page .link-color:active svg {
    color: #6b4bbb;
    fill: #6b4bbb
}

.account-page .react-select__indicator-separator {
    background-color: #7d5fd7
}

.account-page .react-select__indicator {
    color: #6937ff
}

.account-page .react-select__option {
    cursor: pointer
}

.account-page .react-select__option:active {
    background-color: #6937ff
}

.account-page .react-select__option--is-selected {
    background-color: #7d5fd7
}

.account-page .react-select__option--is-focused {
    background-color: #856ec8
}

.account-page input[type=text]:focus-visible,.account-page input[type=number]:focus-visible {
    border: none;
    outline: 1px solid #7d5fd7
}

.stats-page .loading-spinner {
    animation: spin 1s linear infinite;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px
}

@keyframes spin {
    0% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    6.25% {
        box-shadow: 0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px 8px -2px #fff,0 30px 16px 4px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    12.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px 8px -2px #fff,-10px 30px 16px 4px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    18.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px 8px -2px #fff,-20px 20px 16px 4px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px 8px -2px #fff,-30px 10px 16px 4px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    31.25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px 8px -2px #fff,-30px 0 16px 4px #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    37.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #cf2e8c,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 8px -2px #fff,-30px -10px 16px 4px #cf2e8c,-20px -20px transparent,-10px -30px transparent
    }

    43.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #cf2e8c,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px 8px -2px #fff,-20px -20px 16px 4px #cf2e8c,-10px -30px transparent
    }

    50% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #cf2e8c,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px 8px -2px #fff,-10px -30px 16px 4px #cf2e8c
    }

    56.25% {
        box-shadow: 0 -30px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px 8px -2px #fff,0 -30px 16px 4px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    62.5% {
        box-shadow: 0 -30px #fff,10px -30px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px 8px -2px #fff,10px -30px 16px 4px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    68.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px 8px -2px #fff,20px -20px 16px 4px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px 8px -2px #fff,30px -10px 16px 4px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    81.25% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px 8px -2px #fff,30px 0 16px 4px #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff
    }

    87.5% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 8px -2px #fff,30px 10px 16px 4px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff
    }

    93.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2),0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px 8px -2px #fff,20px 20px 16px 4px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2)
    }

    100% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }
}

.stats-page .accent-color {
    color: #36a3d0
}

.stats-page .accent-secondary-color {
    color: #fff
}

.stats-page .accent-color-background {
    background-color: #36a3d0
}

.stats-page .accent-secondary-color-background {
    background-color: #fff
}

.stats-page .accent-color-border {
    border-color: #36a3d0
}

.stats-page .accent-color-fill {
    fill: #36a3d0
}

.stats-page .accent-color-selection::selection {
    color: #fff;
    background: #36a3d0
}

.stats-page .accent-color::placeholder {
    color: #36a3d0;
    opacity: .7
}

.stats-page .toggle-switch input:checked+.slider {
    background-color: #36a3d0
}

.stats-page .filter .search {
    color: #36a3d0
}

.stats-page .filter label.checkbox .checkmark:after {
    border: solid #36a3d0
}

.stats-page .filter label.checkbox:hover input~.checkmark {
    border-color: inherit
}

@media(hover: hover) {
    .stats-page .filter label.checkbox:hover input~.checkmark {
        border-color:#36a3d0
    }
}

.stats-page .filter .count {
    background-color: #36a3d0
}

.stats-page .filter .chevron {
    border: solid #36a3d0
}

.stats-page .btn.white,.stats-page .landing-page section.subscribe form .white.register__submit,.landing-page section.subscribe form .stats-page .white.register__submit {
    color: #dbdadd;
    border-color: #dbdadd
}

.stats-page .btn.white:not(.btn-hollow),.stats-page .landing-page section.subscribe form .white.register__submit:not(.btn-hollow),.landing-page section.subscribe form .stats-page .white.register__submit:not(.btn-hollow) {
    background-color: #dbdadd
}

.stats-page .btn.white:hover,.stats-page .landing-page section.subscribe form .white.register__submit:hover,.landing-page section.subscribe form .stats-page .white.register__submit:hover {
    color: #fff;
    border-color: #fff
}

.stats-page .btn.white:hover:not(.btn-hollow),.stats-page .landing-page section.subscribe form .white.register__submit:hover:not(.btn-hollow),.landing-page section.subscribe form .stats-page .white.register__submit:hover:not(.btn-hollow) {
    background-color: #fff
}

.stats-page .btn.white:active,.stats-page .landing-page section.subscribe form .white.register__submit:active,.landing-page section.subscribe form .stats-page .white.register__submit:active {
    color: #aeaeae;
    border-color: #aeaeae
}

.stats-page .btn.white:active:not(.btn-hollow),.stats-page .landing-page section.subscribe form .white.register__submit:active:not(.btn-hollow),.landing-page section.subscribe form .stats-page .white.register__submit:active:not(.btn-hollow) {
    background-color: #aeaeae
}

.stats-page .btn.white:disabled,.stats-page .landing-page section.subscribe form .white.register__submit:disabled,.landing-page section.subscribe form .stats-page .white.register__submit:disabled {
    color: #dbdadd;
    border-color: rgba(219,218,221,.6)
}

.stats-page .btn:disabled,.stats-page .landing-page section.subscribe form .register__submit:disabled,.landing-page section.subscribe form .stats-page .register__submit:disabled {
    background-color: rgba(7,183,255,.6);
    border-color: rgba(7,183,255,.6)
}

.stats-page .btn.hollow:disabled,.stats-page .landing-page section.subscribe form .hollow.register__submit:disabled,.landing-page section.subscribe form .stats-page .hollow.register__submit:disabled {
    border: 1px solid rgba(7,183,255,.6)
}

.stats-page .link-color {
    color: #36a3d0
}

.stats-page .link-color svg {
    fill: #36a3d0
}

.stats-page .react-select__indicator-separator {
    background-color: #36a3d0
}

.stats-page .react-select__indicator {
    color: #07b7ff
}

.stats-page .react-select__option {
    cursor: pointer
}

.stats-page .react-select__option:active {
    background-color: #07b7ff
}

.stats-page .react-select__option--is-selected {
    background-color: #36a3d0
}

.stats-page .react-select__option--is-focused {
    background-color: #499bbd
}

.stats-page input[type=text]:focus-visible,.stats-page input[type=number]:focus-visible {
    border: none;
    outline: 1px solid #36a3d0
}

.terms-and-conditions-page .page-content {
    padding-top: 24px;
    line-height: 20px
}

.projects-page {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 0 auto;
    padding-top: 81px
}

.notifications-page .page-content .notifications {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 16px
}

@media only screen and (min-width: 640px) {
    .notifications-page .page-content .notifications {
        margin:0 auto
    }
}

.notifications-page .page-content .notifications .top-bar {
    display: grid;
    padding-top: 0;
    padding-bottom: 0;
    grid-template-rows: 1fr 3fr;
    grid-template-columns: auto;
    background-color: transparent;
    justify-content: start;
    align-items: center;
    width: 100%
}

@media(min-width: 1280px) {
    .notifications-page .page-content .notifications .top-bar {
        grid-template-rows:auto;
        grid-template-columns: 1fr 1fr;
        background-color: #16152d;
        justify-content: normal;
        padding: 15px;
        width: calc(100% - 30px)
    }
}

.notifications-page .page-content .notifications .top-bar .recent-count {
    font-size: 16px
}

.notifications-page .page-content .notifications .top-bar .recent-count .load-new-notifications {
    display: inline-block;
    margin-left: 15px
}

.notifications-page .page-content .notifications .top-bar .recent-count .load-new-notifications button {
    display: flex;
    justify-content: space-around;
    color: #fff;
    background: transparent;
    align-items: center;
    padding: 5px 16px;
    position: relative;
    width: 204px;
    height: 32px;
    border: 1px solid #fff;
    box-sizing: border-box
}

.notifications-page .page-content .notifications .top-bar .recent-count .load-new-notifications button:hover {
    cursor: pointer
}

.notifications-page .page-content .notifications .top-bar .recent-count .load-new-notifications button:hover svg>path {
    fill: #d13e8f
}

.notifications-page .page-content .notifications .top-bar .recent-count .load-new-notifications button:active svg>path {
    fill: #a61d6e
}

.notifications-page .page-content .notifications .top-bar .recent-count .load-new-notifications button:disabled {
    color: #d82790;
    border-color: #d82790;
    filter: grayscale(1)
}

.notifications-page .page-content .notifications .top-bar .recent-count .load-new-notifications button:disabled:hover {
    cursor: default
}

.notifications-page .page-content .notifications .top-bar .mark-all-read button {
    background: 0 0;
    border: none;
    font-size: 14px;
    color: #d82790;
    cursor: pointer
}

.notifications-page .page-content .notifications .top-bar .toggle-system-events {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: calc(100% - 180px)
}

@media(min-width: 1280px) {
    .notifications-page .page-content .notifications .top-bar .toggle-system-events {
        display:flex;
        align-items: center;
        justify-content: flex-end;
        width: calc(100% - 180px)
    }
}

.notifications-page .page-content .notifications .top-bar .toggle-system-events .toggle {
    left: 20px
}

@media(min-width: 1280px) {
    .notifications-page .page-content .notifications .top-bar .toggle-system-events .toggle {
        left:auto;
        right: 0
    }
}

.notifications-page .page-content .notifications .notifications-list .group {
    position: relative;
    padding: 24px 0
}

.notifications-page .page-content .notifications .notifications-list .group::before {
    content: "";
    width: 2px;
    background: #fff;
    height: calc(100% - 75px);
    margin-left: 41px;
    margin-top: 22px;
    position: absolute;
    z-index: 0
}

.notifications-page .page-content .notifications .notifications-list .group>p {
    font-family: roboto,sans-serif;
    font-size: 18px;
    margin: 0 0 0 36px;
    padding: 12px 0
}

.notifications-page .page-content .notifications .notifications-list .group>p strong {
    font-weight: 900
}

.notifications-page .page-content .notifications .notifications-list .group>p::before {
    content: "";
    width: 12px;
    height: 12px;
    background-color: #fff;
    display: inline-block;
    position: relative;
    border-radius: 10px;
    border: 4px solid #16152d;
    left: -4px;
    top: 3px
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card {
    display: grid;
    min-height: 80px;
    grid-template-columns: [avatar] 57px;
    background-color: #fff;
    color: #0a1a21;
    border-radius: 5px;
    column-gap: 8px;
    border: 2px solid #fff;
    z-index: 10;
    position: relative;
    margin-top: 45px
}

@media(min-width: 1280px) {
    .notifications-page .page-content .notifications .notifications-list .group .notification-card {
        grid-template-columns:[avatar] 82px [message] auto [relativeTime] auto;
        border-radius: 42px;
        column-gap: 12px;
        min-width: 1148px
    }
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.system-notification {
    background-color: #16152d;
    color: #fff
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card:not(:last-child) {
    margin: 45px 0
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .loading-spinner {
    animation: spin 1s linear infinite;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px
}

@keyframes spin {
    0% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    6.25% {
        box-shadow: 0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px 8px -2px #fff,0 30px 16px 4px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    12.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px 8px -2px #fff,-10px 30px 16px 4px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    18.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px 8px -2px #fff,-20px 20px 16px 4px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px 8px -2px #fff,-30px 10px 16px 4px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    31.25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px 8px -2px #fff,-30px 0 16px 4px #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    37.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #cf2e8c,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 8px -2px #fff,-30px -10px 16px 4px #cf2e8c,-20px -20px transparent,-10px -30px transparent
    }

    43.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #cf2e8c,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px 8px -2px #fff,-20px -20px 16px 4px #cf2e8c,-10px -30px transparent
    }

    50% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #cf2e8c,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px 8px -2px #fff,-10px -30px 16px 4px #cf2e8c
    }

    56.25% {
        box-shadow: 0 -30px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px 8px -2px #fff,0 -30px 16px 4px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    62.5% {
        box-shadow: 0 -30px #fff,10px -30px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px 8px -2px #fff,10px -30px 16px 4px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    68.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px 8px -2px #fff,20px -20px 16px 4px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px 8px -2px #fff,30px -10px 16px 4px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    81.25% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px 8px -2px #fff,30px 0 16px 4px #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff
    }

    87.5% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 8px -2px #fff,30px 10px 16px 4px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff
    }

    93.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2),0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px 8px -2px #fff,20px 20px 16px 4px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2)
    }

    100% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .accent-color {
    color: #cf2e8c
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .accent-secondary-color {
    color: #fff
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .accent-color-background {
    background-color: #cf2e8c
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .accent-secondary-color-background {
    background-color: #fff
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .accent-color-border {
    border-color: #cf2e8c
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .accent-color-fill {
    fill: #cf2e8c
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .accent-color-selection::selection {
    color: #fff;
    background: #cf2e8c
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .accent-color::placeholder {
    color: #cf2e8c;
    opacity: .7
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .toggle-switch input:checked+.slider {
    background-color: #cf2e8c
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .filter .search {
    color: #cf2e8c
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .filter label.checkbox .checkmark:after {
    border: solid #cf2e8c
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .filter label.checkbox:hover input~.checkmark {
    border-color: inherit
}

@media(hover: hover) {
    .notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .filter label.checkbox:hover input~.checkmark {
        border-color:#cf2e8c
    }
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .filter .count {
    background-color: #cf2e8c
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .filter .chevron {
    border: solid #cf2e8c
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .btn,.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .register__submit {
    background-color: #cb2b83;
    border-color: #cb2b83
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .btn:hover,.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .landing-page section.subscribe form .register__submit:hover,.landing-page section.subscribe form .notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .register__submit:hover {
    background-color: #d13e8f;
    border-color: #d13e8f
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .btn:active,.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .landing-page section.subscribe form .register__submit:active,.landing-page section.subscribe form .notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .register__submit:active {
    background-color: #a61d6e;
    border-color: #a61d6e
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .btn.white,.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .landing-page section.subscribe form .white.register__submit,.landing-page section.subscribe form .notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .white.register__submit {
    color: #dbdadd;
    border-color: #dbdadd
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .btn.white:not(.btn-hollow),.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .landing-page section.subscribe form .white.register__submit:not(.btn-hollow),.landing-page section.subscribe form .notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .white.register__submit:not(.btn-hollow) {
    background-color: #dbdadd
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .btn.white:hover,.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .landing-page section.subscribe form .white.register__submit:hover,.landing-page section.subscribe form .notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .white.register__submit:hover {
    color: #fff;
    border-color: #fff
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .btn.white:hover:not(.btn-hollow),.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .landing-page section.subscribe form .white.register__submit:hover:not(.btn-hollow),.landing-page section.subscribe form .notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .white.register__submit:hover:not(.btn-hollow) {
    background-color: #fff
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .btn.white:active,.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .landing-page section.subscribe form .white.register__submit:active,.landing-page section.subscribe form .notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .white.register__submit:active {
    color: #aeaeae;
    border-color: #aeaeae
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .btn.white:active:not(.btn-hollow),.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .landing-page section.subscribe form .white.register__submit:active:not(.btn-hollow),.landing-page section.subscribe form .notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .white.register__submit:active:not(.btn-hollow) {
    background-color: #aeaeae
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .btn.white:disabled,.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .landing-page section.subscribe form .white.register__submit:disabled,.landing-page section.subscribe form .notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .white.register__submit:disabled {
    color: #dbdadd;
    border-color: rgba(219,218,221,.6)
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .btn:disabled,.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .landing-page section.subscribe form .register__submit:disabled,.landing-page section.subscribe form .notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .register__submit:disabled {
    background-color: rgba(253,0,148,.6);
    border-color: rgba(253,0,148,.6)
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .btn.hollow,.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .landing-page section.subscribe form .hollow.register__submit,.landing-page section.subscribe form .notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .hollow.register__submit {
    background-color: transparent;
    border: 1px solid #cb2b83
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .btn.hollow:hover,.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .landing-page section.subscribe form .hollow.register__submit:hover,.landing-page section.subscribe form .notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .hollow.register__submit:hover {
    border: 1px solid #d13e8f
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .btn.hollow:active,.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .landing-page section.subscribe form .hollow.register__submit:active,.landing-page section.subscribe form .notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .hollow.register__submit:active {
    border: 1px solid #a61d6e
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .btn.hollow:disabled,.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .landing-page section.subscribe form .hollow.register__submit:disabled,.landing-page section.subscribe form .notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .hollow.register__submit:disabled {
    border: 1px solid rgba(253,0,148,.6)
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .link-color {
    color: #cf2e8c
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .link-color svg {
    fill: #cf2e8c
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .link-color:hover {
    color: #d858a4
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .link-color:hover svg {
    color: #d858a4;
    fill: #d858a4
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .link-color:active {
    color: #a61d6e
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .link-color:active svg {
    color: #a61d6e;
    fill: #a61d6e
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .react-select__indicator-separator {
    background-color: #cf2e8c
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .react-select__indicator {
    color: #fd0094
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .react-select__option {
    cursor: pointer
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .react-select__option:active {
    background-color: #fd0094
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .react-select__option--is-selected {
    background-color: #cf2e8c
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender .react-select__option--is-focused {
    background-color: #bc4189
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender input[type=text]:focus-visible,.notifications-page .page-content .notifications .notifications-list .group .notification-card.lender input[type=number]:focus-visible {
    border: none;
    outline: 1px solid #cf2e8c
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .loading-spinner {
    animation: spin 1s linear infinite;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px
}

@keyframes spin {
    0% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    6.25% {
        box-shadow: 0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px 8px -2px #fff,0 30px 16px 4px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    12.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px 8px -2px #fff,-10px 30px 16px 4px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    18.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px 8px -2px #fff,-20px 20px 16px 4px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px 8px -2px #fff,-30px 10px 16px 4px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    31.25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px 8px -2px #fff,-30px 0 16px 4px #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    37.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #cf2e8c,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 8px -2px #fff,-30px -10px 16px 4px #cf2e8c,-20px -20px transparent,-10px -30px transparent
    }

    43.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #cf2e8c,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px 8px -2px #fff,-20px -20px 16px 4px #cf2e8c,-10px -30px transparent
    }

    50% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #cf2e8c,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px 8px -2px #fff,-10px -30px 16px 4px #cf2e8c
    }

    56.25% {
        box-shadow: 0 -30px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px 8px -2px #fff,0 -30px 16px 4px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    62.5% {
        box-shadow: 0 -30px #fff,10px -30px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px 8px -2px #fff,10px -30px 16px 4px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    68.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px 8px -2px #fff,20px -20px 16px 4px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px 8px -2px #fff,30px -10px 16px 4px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    81.25% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px 8px -2px #fff,30px 0 16px 4px #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff
    }

    87.5% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 8px -2px #fff,30px 10px 16px 4px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff
    }

    93.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2),0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px 8px -2px #fff,20px 20px 16px 4px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2)
    }

    100% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .accent-color {
    color: #7d5fd7
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .accent-secondary-color {
    color: #fff
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .accent-color-background {
    background-color: #7d5fd7
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .accent-secondary-color-background {
    background-color: #fff
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .accent-color-border {
    border-color: #7d5fd7
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .accent-color-fill {
    fill: #7d5fd7
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .accent-color-selection::selection {
    color: #fff;
    background: #7d5fd7
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .accent-color::placeholder {
    color: #7d5fd7;
    opacity: .7
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .toggle-switch input:checked+.slider {
    background-color: #7d5fd7
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .filter .search {
    color: #7d5fd7
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .filter label.checkbox .checkmark:after {
    border: solid #7d5fd7
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .filter label.checkbox:hover input~.checkmark {
    border-color: inherit
}

@media(hover: hover) {
    .notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .filter label.checkbox:hover input~.checkmark {
        border-color:#7d5fd7
    }
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .filter .count {
    background-color: #7d5fd7
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .filter .chevron {
    border: solid #7d5fd7
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .btn,.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .register__submit {
    background-color: #7e5bd6;
    border-color: #7e5bd6
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .btn:hover,.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .landing-page section.subscribe form .register__submit:hover,.landing-page section.subscribe form .notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .register__submit:hover {
    background-color: #8563dd;
    border-color: #8563dd
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .btn:active,.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .landing-page section.subscribe form .register__submit:active,.landing-page section.subscribe form .notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .register__submit:active {
    background-color: #6b4bbb;
    border-color: #6b4bbb
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .btn.white,.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .landing-page section.subscribe form .white.register__submit,.landing-page section.subscribe form .notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .white.register__submit {
    color: #dbdadd;
    border-color: #dbdadd
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .btn.white:not(.btn-hollow),.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .landing-page section.subscribe form .white.register__submit:not(.btn-hollow),.landing-page section.subscribe form .notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .white.register__submit:not(.btn-hollow) {
    background-color: #dbdadd
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .btn.white:hover,.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .landing-page section.subscribe form .white.register__submit:hover,.landing-page section.subscribe form .notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .white.register__submit:hover {
    color: #fff;
    border-color: #fff
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .btn.white:hover:not(.btn-hollow),.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .landing-page section.subscribe form .white.register__submit:hover:not(.btn-hollow),.landing-page section.subscribe form .notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .white.register__submit:hover:not(.btn-hollow) {
    background-color: #fff
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .btn.white:active,.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .landing-page section.subscribe form .white.register__submit:active,.landing-page section.subscribe form .notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .white.register__submit:active {
    color: #aeaeae;
    border-color: #aeaeae
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .btn.white:active:not(.btn-hollow),.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .landing-page section.subscribe form .white.register__submit:active:not(.btn-hollow),.landing-page section.subscribe form .notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .white.register__submit:active:not(.btn-hollow) {
    background-color: #aeaeae
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .btn.white:disabled,.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .landing-page section.subscribe form .white.register__submit:disabled,.landing-page section.subscribe form .notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .white.register__submit:disabled {
    color: #dbdadd;
    border-color: rgba(219,218,221,.6)
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .btn:disabled,.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .landing-page section.subscribe form .register__submit:disabled,.landing-page section.subscribe form .notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .register__submit:disabled {
    background-color: rgba(105,55,255,.6);
    border-color: rgba(105,55,255,.6)
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .btn.hollow,.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .landing-page section.subscribe form .hollow.register__submit,.landing-page section.subscribe form .notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .hollow.register__submit {
    background-color: transparent;
    border: 1px solid #7e5bd6
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .btn.hollow:hover,.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .landing-page section.subscribe form .hollow.register__submit:hover,.landing-page section.subscribe form .notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .hollow.register__submit:hover {
    border: 1px solid #8563dd
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .btn.hollow:active,.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .landing-page section.subscribe form .hollow.register__submit:active,.landing-page section.subscribe form .notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .hollow.register__submit:active {
    border: 1px solid #6b4bbb
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .btn.hollow:disabled,.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .landing-page section.subscribe form .hollow.register__submit:disabled,.landing-page section.subscribe form .notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .hollow.register__submit:disabled {
    border: 1px solid rgba(105,55,255,.6)
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .link-color {
    color: #7d5fd7
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .link-color svg {
    fill: #7d5fd7
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .link-color:hover {
    color: #8e68f0
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .link-color:hover svg {
    color: #8e68f0;
    fill: #8e68f0
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .link-color:active {
    color: #6b4bbb
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .link-color:active svg {
    color: #6b4bbb;
    fill: #6b4bbb
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .react-select__indicator-separator {
    background-color: #7d5fd7
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .react-select__indicator {
    color: #6937ff
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .react-select__option {
    cursor: pointer
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .react-select__option:active {
    background-color: #6937ff
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .react-select__option--is-selected {
    background-color: #7d5fd7
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower .react-select__option--is-focused {
    background-color: #856ec8
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower input[type=text]:focus-visible,.notifications-page .page-content .notifications .notifications-list .group .notification-card.borrower input[type=number]:focus-visible {
    border: none;
    outline: 1px solid #7d5fd7
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card .avatar-container {
    grid-column-start: 1;
    grid-row-start: 1;
    grid-row-end: 3;
    padding: 10px;
    justify-self: center;
    align-self: center;
    position: relative;
    width: 37px;
    height: 37px
}

@media(min-width: 1280px) {
    .notifications-page .page-content .notifications .notifications-list .group .notification-card .avatar-container {
        grid-column-start:1;
        grid-row-start: 1;
        grid-row-end: 3;
        padding: initial;
        width: 51px;
        height: 51px
    }
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card .avatar-container .badge {
    box-sizing: border-box;
    background-clip: padding-box;
    border-width: 1px;
    border-radius: 50%;
    height: 12px;
    right: 15%;
    position: absolute;
    bottom: 15%;
    width: 12px;
    z-index: 2
}

@media(min-width: 1280px) {
    .notifications-page .page-content .notifications .notifications-list .group .notification-card .avatar-container .badge {
        border:2px solid #fff;
        height: 16px;
        right: 0;
        bottom: 0;
        width: 16px
    }
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card .avatar-container .avatar {
    width: 37px;
    height: 37px;
    display: block;
    border-radius: 50%;
    background-color: rgba(0,0,0,.05)
}

@media(min-width: 1280px) {
    .notifications-page .page-content .notifications .notifications-list .group .notification-card .avatar-container .avatar {
        width:51px;
        height: 51px
    }
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card .avatar-container .avatar svg {
    height: 86%;
    width: 86%;
    padding: 7%
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card .title {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    padding-top: 0
}

@media(min-width: 1280px) {
    .notifications-page .page-content .notifications .notifications-list .group .notification-card .title {
        grid-row-start:1;
        grid-row-end: 2;
        padding-top: 10px;
        align-self: flex-end
    }
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card .title h4 {
    line-height: 18px;
    font-size: 14px;
    margin: 0
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card .message {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 3;
    justify-self: left;
    align-self: center;
    padding: 0 15px
}

@media(min-width: 1280px) {
    .notifications-page .page-content .notifications .notifications-list .group .notification-card .message {
        grid-column-start:2;
        grid-row-start: 2;
        justify-self: auto;
        align-self: auto;
        padding: 0 0 10px
    }
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card .message p {
    font-size: 14px;
    line-height: 16px;
    margin: 4px 0
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card .message a {
    font-weight: 700
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card .message a:hover {
    cursor: pointer;
    text-decoration: underline
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card .relative-time {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    padding-top: 10px;
    justify-self: start;
    align-self: start
}

@media(min-width: 1280px) {
    .notifications-page .page-content .notifications .notifications-list .group .notification-card .relative-time {
        grid-column-start:3;
        grid-column-end: auto;
        grid-row-end: 3;
        padding-top: 0;
        padding-right: 28px;
        justify-self: flex-end;
        align-self: center
    }
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card .relative-time span {
    font-size: 10px
}

@media(min-width: 1280px) {
    .notifications-page .page-content .notifications .notifications-list .group .notification-card .relative-time span {
        font-weight:700;
        font-size: 14px
    }
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card .more-actions {
    grid-column-start: 3;
    grid-row-start: 1;
    grid-row-end: 3;
    justify-self: center;
    align-self: center;
    margin-right: 12px
}

@media(min-width: 1280px) {
    .notifications-page .page-content .notifications .notifications-list .group .notification-card .more-actions {
        grid-column-start:4
    }
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card .more-actions a {
    position: relative;
    height: 27px;
    display: block
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card .more-actions a svg {
    height: 30px;
    width: 30px
}

.notifications-page .page-content .notifications .notifications-list .group .notification-card .more-actions button {
    background: transparent;
    border: none;
    font-weight: 700;
    font-size: 20px;
    line-height: 48px;
    cursor: pointer
}

.notifications-page .page-content .notifications #notification-actions button {
    background: 0 0;
    border: none
}

.notifications-page .page-content .notifications #notification-actions button:hover {
    cursor: pointer
}

.notifications-page .page-content .notifications #notification-actions button.lender .loading-spinner {
    animation: spin 1s linear infinite;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px
}

@keyframes spin {
    0% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    6.25% {
        box-shadow: 0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px 8px -2px #fff,0 30px 16px 4px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    12.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px 8px -2px #fff,-10px 30px 16px 4px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    18.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px 8px -2px #fff,-20px 20px 16px 4px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px 8px -2px #fff,-30px 10px 16px 4px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    31.25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px 8px -2px #fff,-30px 0 16px 4px #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    37.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #cf2e8c,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 8px -2px #fff,-30px -10px 16px 4px #cf2e8c,-20px -20px transparent,-10px -30px transparent
    }

    43.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #cf2e8c,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px 8px -2px #fff,-20px -20px 16px 4px #cf2e8c,-10px -30px transparent
    }

    50% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #cf2e8c,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px 8px -2px #fff,-10px -30px 16px 4px #cf2e8c
    }

    56.25% {
        box-shadow: 0 -30px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px 8px -2px #fff,0 -30px 16px 4px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    62.5% {
        box-shadow: 0 -30px #fff,10px -30px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px 8px -2px #fff,10px -30px 16px 4px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    68.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px 8px -2px #fff,20px -20px 16px 4px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px 8px -2px #fff,30px -10px 16px 4px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    81.25% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px 8px -2px #fff,30px 0 16px 4px #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff
    }

    87.5% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 8px -2px #fff,30px 10px 16px 4px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff
    }

    93.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2),0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px 8px -2px #fff,20px 20px 16px 4px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2)
    }

    100% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }
}

.notifications-page .page-content .notifications #notification-actions button.lender .accent-color {
    color: #cf2e8c
}

.notifications-page .page-content .notifications #notification-actions button.lender .accent-secondary-color {
    color: #fff
}

.notifications-page .page-content .notifications #notification-actions button.lender .accent-color-background {
    background-color: #cf2e8c
}

.notifications-page .page-content .notifications #notification-actions button.lender .accent-secondary-color-background {
    background-color: #fff
}

.notifications-page .page-content .notifications #notification-actions button.lender .accent-color-border {
    border-color: #cf2e8c
}

.notifications-page .page-content .notifications #notification-actions button.lender .accent-color-fill {
    fill: #cf2e8c
}

.notifications-page .page-content .notifications #notification-actions button.lender .accent-color-selection::selection {
    color: #fff;
    background: #cf2e8c
}

.notifications-page .page-content .notifications #notification-actions button.lender .accent-color::placeholder {
    color: #cf2e8c;
    opacity: .7
}

.notifications-page .page-content .notifications #notification-actions button.lender .toggle-switch input:checked+.slider {
    background-color: #cf2e8c
}

.notifications-page .page-content .notifications #notification-actions button.lender .filter .search {
    color: #cf2e8c
}

.notifications-page .page-content .notifications #notification-actions button.lender .filter label.checkbox .checkmark:after {
    border: solid #cf2e8c
}

.notifications-page .page-content .notifications #notification-actions button.lender .filter label.checkbox:hover input~.checkmark {
    border-color: inherit
}

@media(hover: hover) {
    .notifications-page .page-content .notifications #notification-actions button.lender .filter label.checkbox:hover input~.checkmark {
        border-color:#cf2e8c
    }
}

.notifications-page .page-content .notifications #notification-actions button.lender .filter .count {
    background-color: #cf2e8c
}

.notifications-page .page-content .notifications #notification-actions button.lender .filter .chevron {
    border: solid #cf2e8c
}

.notifications-page .page-content .notifications #notification-actions button.lender .btn,.notifications-page .page-content .notifications #notification-actions button.lender .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .notifications-page .page-content .notifications #notification-actions button.lender .register__submit {
    background-color: #cb2b83;
    border-color: #cb2b83
}

.notifications-page .page-content .notifications #notification-actions button.lender .btn:hover,.notifications-page .page-content .notifications #notification-actions button.lender .landing-page section.subscribe form .register__submit:hover,.landing-page section.subscribe form .notifications-page .page-content .notifications #notification-actions button.lender .register__submit:hover {
    background-color: #d13e8f;
    border-color: #d13e8f
}

.notifications-page .page-content .notifications #notification-actions button.lender .btn:active,.notifications-page .page-content .notifications #notification-actions button.lender .landing-page section.subscribe form .register__submit:active,.landing-page section.subscribe form .notifications-page .page-content .notifications #notification-actions button.lender .register__submit:active {
    background-color: #a61d6e;
    border-color: #a61d6e
}

.notifications-page .page-content .notifications #notification-actions button.lender .btn.white,.notifications-page .page-content .notifications #notification-actions button.lender .landing-page section.subscribe form .white.register__submit,.landing-page section.subscribe form .notifications-page .page-content .notifications #notification-actions button.lender .white.register__submit {
    color: #dbdadd;
    border-color: #dbdadd
}

.notifications-page .page-content .notifications #notification-actions button.lender .btn.white:not(.btn-hollow),.notifications-page .page-content .notifications #notification-actions button.lender .landing-page section.subscribe form .white.register__submit:not(.btn-hollow),.landing-page section.subscribe form .notifications-page .page-content .notifications #notification-actions button.lender .white.register__submit:not(.btn-hollow) {
    background-color: #dbdadd
}

.notifications-page .page-content .notifications #notification-actions button.lender .btn.white:hover,.notifications-page .page-content .notifications #notification-actions button.lender .landing-page section.subscribe form .white.register__submit:hover,.landing-page section.subscribe form .notifications-page .page-content .notifications #notification-actions button.lender .white.register__submit:hover {
    color: #fff;
    border-color: #fff
}

.notifications-page .page-content .notifications #notification-actions button.lender .btn.white:hover:not(.btn-hollow),.notifications-page .page-content .notifications #notification-actions button.lender .landing-page section.subscribe form .white.register__submit:hover:not(.btn-hollow),.landing-page section.subscribe form .notifications-page .page-content .notifications #notification-actions button.lender .white.register__submit:hover:not(.btn-hollow) {
    background-color: #fff
}

.notifications-page .page-content .notifications #notification-actions button.lender .btn.white:active,.notifications-page .page-content .notifications #notification-actions button.lender .landing-page section.subscribe form .white.register__submit:active,.landing-page section.subscribe form .notifications-page .page-content .notifications #notification-actions button.lender .white.register__submit:active {
    color: #aeaeae;
    border-color: #aeaeae
}

.notifications-page .page-content .notifications #notification-actions button.lender .btn.white:active:not(.btn-hollow),.notifications-page .page-content .notifications #notification-actions button.lender .landing-page section.subscribe form .white.register__submit:active:not(.btn-hollow),.landing-page section.subscribe form .notifications-page .page-content .notifications #notification-actions button.lender .white.register__submit:active:not(.btn-hollow) {
    background-color: #aeaeae
}

.notifications-page .page-content .notifications #notification-actions button.lender .btn.white:disabled,.notifications-page .page-content .notifications #notification-actions button.lender .landing-page section.subscribe form .white.register__submit:disabled,.landing-page section.subscribe form .notifications-page .page-content .notifications #notification-actions button.lender .white.register__submit:disabled {
    color: #dbdadd;
    border-color: rgba(219,218,221,.6)
}

.notifications-page .page-content .notifications #notification-actions button.lender .btn:disabled,.notifications-page .page-content .notifications #notification-actions button.lender .landing-page section.subscribe form .register__submit:disabled,.landing-page section.subscribe form .notifications-page .page-content .notifications #notification-actions button.lender .register__submit:disabled {
    background-color: rgba(253,0,148,.6);
    border-color: rgba(253,0,148,.6)
}

.notifications-page .page-content .notifications #notification-actions button.lender .btn.hollow,.notifications-page .page-content .notifications #notification-actions button.lender .landing-page section.subscribe form .hollow.register__submit,.landing-page section.subscribe form .notifications-page .page-content .notifications #notification-actions button.lender .hollow.register__submit {
    background-color: transparent;
    border: 1px solid #cb2b83
}

.notifications-page .page-content .notifications #notification-actions button.lender .btn.hollow:hover,.notifications-page .page-content .notifications #notification-actions button.lender .landing-page section.subscribe form .hollow.register__submit:hover,.landing-page section.subscribe form .notifications-page .page-content .notifications #notification-actions button.lender .hollow.register__submit:hover {
    border: 1px solid #d13e8f
}

.notifications-page .page-content .notifications #notification-actions button.lender .btn.hollow:active,.notifications-page .page-content .notifications #notification-actions button.lender .landing-page section.subscribe form .hollow.register__submit:active,.landing-page section.subscribe form .notifications-page .page-content .notifications #notification-actions button.lender .hollow.register__submit:active {
    border: 1px solid #a61d6e
}

.notifications-page .page-content .notifications #notification-actions button.lender .btn.hollow:disabled,.notifications-page .page-content .notifications #notification-actions button.lender .landing-page section.subscribe form .hollow.register__submit:disabled,.landing-page section.subscribe form .notifications-page .page-content .notifications #notification-actions button.lender .hollow.register__submit:disabled {
    border: 1px solid rgba(253,0,148,.6)
}

.notifications-page .page-content .notifications #notification-actions button.lender .link-color {
    color: #cf2e8c
}

.notifications-page .page-content .notifications #notification-actions button.lender .link-color svg {
    fill: #cf2e8c
}

.notifications-page .page-content .notifications #notification-actions button.lender .link-color:hover {
    color: #d858a4
}

.notifications-page .page-content .notifications #notification-actions button.lender .link-color:hover svg {
    color: #d858a4;
    fill: #d858a4
}

.notifications-page .page-content .notifications #notification-actions button.lender .link-color:active {
    color: #a61d6e
}

.notifications-page .page-content .notifications #notification-actions button.lender .link-color:active svg {
    color: #a61d6e;
    fill: #a61d6e
}

.notifications-page .page-content .notifications #notification-actions button.lender .react-select__indicator-separator {
    background-color: #cf2e8c
}

.notifications-page .page-content .notifications #notification-actions button.lender .react-select__indicator {
    color: #fd0094
}

.notifications-page .page-content .notifications #notification-actions button.lender .react-select__option {
    cursor: pointer
}

.notifications-page .page-content .notifications #notification-actions button.lender .react-select__option:active {
    background-color: #fd0094
}

.notifications-page .page-content .notifications #notification-actions button.lender .react-select__option--is-selected {
    background-color: #cf2e8c
}

.notifications-page .page-content .notifications #notification-actions button.lender .react-select__option--is-focused {
    background-color: #bc4189
}

.notifications-page .page-content .notifications #notification-actions button.lender input[type=text]:focus-visible,.notifications-page .page-content .notifications #notification-actions button.lender input[type=number]:focus-visible {
    border: none;
    outline: 1px solid #cf2e8c
}

.notifications-page .page-content .notifications #notification-actions button.borrower .loading-spinner {
    animation: spin 1s linear infinite;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px
}

@keyframes spin {
    0% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    6.25% {
        box-shadow: 0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px 8px -2px #fff,0 30px 16px 4px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    12.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px 8px -2px #fff,-10px 30px 16px 4px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    18.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px 8px -2px #fff,-20px 20px 16px 4px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px 8px -2px #fff,-30px 10px 16px 4px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    31.25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px 8px -2px #fff,-30px 0 16px 4px #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    37.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #cf2e8c,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 8px -2px #fff,-30px -10px 16px 4px #cf2e8c,-20px -20px transparent,-10px -30px transparent
    }

    43.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #cf2e8c,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px 8px -2px #fff,-20px -20px 16px 4px #cf2e8c,-10px -30px transparent
    }

    50% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #cf2e8c,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px 8px -2px #fff,-10px -30px 16px 4px #cf2e8c
    }

    56.25% {
        box-shadow: 0 -30px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px 8px -2px #fff,0 -30px 16px 4px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    62.5% {
        box-shadow: 0 -30px #fff,10px -30px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px 8px -2px #fff,10px -30px 16px 4px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    68.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px 8px -2px #fff,20px -20px 16px 4px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px 8px -2px #fff,30px -10px 16px 4px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    81.25% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px 8px -2px #fff,30px 0 16px 4px #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff
    }

    87.5% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 8px -2px #fff,30px 10px 16px 4px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff
    }

    93.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2),0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px 8px -2px #fff,20px 20px 16px 4px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2)
    }

    100% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }
}

.notifications-page .page-content .notifications #notification-actions button.borrower .accent-color {
    color: #7d5fd7
}

.notifications-page .page-content .notifications #notification-actions button.borrower .accent-secondary-color {
    color: #fff
}

.notifications-page .page-content .notifications #notification-actions button.borrower .accent-color-background {
    background-color: #7d5fd7
}

.notifications-page .page-content .notifications #notification-actions button.borrower .accent-secondary-color-background {
    background-color: #fff
}

.notifications-page .page-content .notifications #notification-actions button.borrower .accent-color-border {
    border-color: #7d5fd7
}

.notifications-page .page-content .notifications #notification-actions button.borrower .accent-color-fill {
    fill: #7d5fd7
}

.notifications-page .page-content .notifications #notification-actions button.borrower .accent-color-selection::selection {
    color: #fff;
    background: #7d5fd7
}

.notifications-page .page-content .notifications #notification-actions button.borrower .accent-color::placeholder {
    color: #7d5fd7;
    opacity: .7
}

.notifications-page .page-content .notifications #notification-actions button.borrower .toggle-switch input:checked+.slider {
    background-color: #7d5fd7
}

.notifications-page .page-content .notifications #notification-actions button.borrower .filter .search {
    color: #7d5fd7
}

.notifications-page .page-content .notifications #notification-actions button.borrower .filter label.checkbox .checkmark:after {
    border: solid #7d5fd7
}

.notifications-page .page-content .notifications #notification-actions button.borrower .filter label.checkbox:hover input~.checkmark {
    border-color: inherit
}

@media(hover: hover) {
    .notifications-page .page-content .notifications #notification-actions button.borrower .filter label.checkbox:hover input~.checkmark {
        border-color:#7d5fd7
    }
}

.notifications-page .page-content .notifications #notification-actions button.borrower .filter .count {
    background-color: #7d5fd7
}

.notifications-page .page-content .notifications #notification-actions button.borrower .filter .chevron {
    border: solid #7d5fd7
}

.notifications-page .page-content .notifications #notification-actions button.borrower .btn,.notifications-page .page-content .notifications #notification-actions button.borrower .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .notifications-page .page-content .notifications #notification-actions button.borrower .register__submit {
    background-color: #7e5bd6;
    border-color: #7e5bd6
}

.notifications-page .page-content .notifications #notification-actions button.borrower .btn:hover,.notifications-page .page-content .notifications #notification-actions button.borrower .landing-page section.subscribe form .register__submit:hover,.landing-page section.subscribe form .notifications-page .page-content .notifications #notification-actions button.borrower .register__submit:hover {
    background-color: #8563dd;
    border-color: #8563dd
}

.notifications-page .page-content .notifications #notification-actions button.borrower .btn:active,.notifications-page .page-content .notifications #notification-actions button.borrower .landing-page section.subscribe form .register__submit:active,.landing-page section.subscribe form .notifications-page .page-content .notifications #notification-actions button.borrower .register__submit:active {
    background-color: #6b4bbb;
    border-color: #6b4bbb
}

.notifications-page .page-content .notifications #notification-actions button.borrower .btn.white,.notifications-page .page-content .notifications #notification-actions button.borrower .landing-page section.subscribe form .white.register__submit,.landing-page section.subscribe form .notifications-page .page-content .notifications #notification-actions button.borrower .white.register__submit {
    color: #dbdadd;
    border-color: #dbdadd
}

.notifications-page .page-content .notifications #notification-actions button.borrower .btn.white:not(.btn-hollow),.notifications-page .page-content .notifications #notification-actions button.borrower .landing-page section.subscribe form .white.register__submit:not(.btn-hollow),.landing-page section.subscribe form .notifications-page .page-content .notifications #notification-actions button.borrower .white.register__submit:not(.btn-hollow) {
    background-color: #dbdadd
}

.notifications-page .page-content .notifications #notification-actions button.borrower .btn.white:hover,.notifications-page .page-content .notifications #notification-actions button.borrower .landing-page section.subscribe form .white.register__submit:hover,.landing-page section.subscribe form .notifications-page .page-content .notifications #notification-actions button.borrower .white.register__submit:hover {
    color: #fff;
    border-color: #fff
}

.notifications-page .page-content .notifications #notification-actions button.borrower .btn.white:hover:not(.btn-hollow),.notifications-page .page-content .notifications #notification-actions button.borrower .landing-page section.subscribe form .white.register__submit:hover:not(.btn-hollow),.landing-page section.subscribe form .notifications-page .page-content .notifications #notification-actions button.borrower .white.register__submit:hover:not(.btn-hollow) {
    background-color: #fff
}

.notifications-page .page-content .notifications #notification-actions button.borrower .btn.white:active,.notifications-page .page-content .notifications #notification-actions button.borrower .landing-page section.subscribe form .white.register__submit:active,.landing-page section.subscribe form .notifications-page .page-content .notifications #notification-actions button.borrower .white.register__submit:active {
    color: #aeaeae;
    border-color: #aeaeae
}

.notifications-page .page-content .notifications #notification-actions button.borrower .btn.white:active:not(.btn-hollow),.notifications-page .page-content .notifications #notification-actions button.borrower .landing-page section.subscribe form .white.register__submit:active:not(.btn-hollow),.landing-page section.subscribe form .notifications-page .page-content .notifications #notification-actions button.borrower .white.register__submit:active:not(.btn-hollow) {
    background-color: #aeaeae
}

.notifications-page .page-content .notifications #notification-actions button.borrower .btn.white:disabled,.notifications-page .page-content .notifications #notification-actions button.borrower .landing-page section.subscribe form .white.register__submit:disabled,.landing-page section.subscribe form .notifications-page .page-content .notifications #notification-actions button.borrower .white.register__submit:disabled {
    color: #dbdadd;
    border-color: rgba(219,218,221,.6)
}

.notifications-page .page-content .notifications #notification-actions button.borrower .btn:disabled,.notifications-page .page-content .notifications #notification-actions button.borrower .landing-page section.subscribe form .register__submit:disabled,.landing-page section.subscribe form .notifications-page .page-content .notifications #notification-actions button.borrower .register__submit:disabled {
    background-color: rgba(105,55,255,.6);
    border-color: rgba(105,55,255,.6)
}

.notifications-page .page-content .notifications #notification-actions button.borrower .btn.hollow,.notifications-page .page-content .notifications #notification-actions button.borrower .landing-page section.subscribe form .hollow.register__submit,.landing-page section.subscribe form .notifications-page .page-content .notifications #notification-actions button.borrower .hollow.register__submit {
    background-color: transparent;
    border: 1px solid #7e5bd6
}

.notifications-page .page-content .notifications #notification-actions button.borrower .btn.hollow:hover,.notifications-page .page-content .notifications #notification-actions button.borrower .landing-page section.subscribe form .hollow.register__submit:hover,.landing-page section.subscribe form .notifications-page .page-content .notifications #notification-actions button.borrower .hollow.register__submit:hover {
    border: 1px solid #8563dd
}

.notifications-page .page-content .notifications #notification-actions button.borrower .btn.hollow:active,.notifications-page .page-content .notifications #notification-actions button.borrower .landing-page section.subscribe form .hollow.register__submit:active,.landing-page section.subscribe form .notifications-page .page-content .notifications #notification-actions button.borrower .hollow.register__submit:active {
    border: 1px solid #6b4bbb
}

.notifications-page .page-content .notifications #notification-actions button.borrower .btn.hollow:disabled,.notifications-page .page-content .notifications #notification-actions button.borrower .landing-page section.subscribe form .hollow.register__submit:disabled,.landing-page section.subscribe form .notifications-page .page-content .notifications #notification-actions button.borrower .hollow.register__submit:disabled {
    border: 1px solid rgba(105,55,255,.6)
}

.notifications-page .page-content .notifications #notification-actions button.borrower .link-color {
    color: #7d5fd7
}

.notifications-page .page-content .notifications #notification-actions button.borrower .link-color svg {
    fill: #7d5fd7
}

.notifications-page .page-content .notifications #notification-actions button.borrower .link-color:hover {
    color: #8e68f0
}

.notifications-page .page-content .notifications #notification-actions button.borrower .link-color:hover svg {
    color: #8e68f0;
    fill: #8e68f0
}

.notifications-page .page-content .notifications #notification-actions button.borrower .link-color:active {
    color: #6b4bbb
}

.notifications-page .page-content .notifications #notification-actions button.borrower .link-color:active svg {
    color: #6b4bbb;
    fill: #6b4bbb
}

.notifications-page .page-content .notifications #notification-actions button.borrower .react-select__indicator-separator {
    background-color: #7d5fd7
}

.notifications-page .page-content .notifications #notification-actions button.borrower .react-select__indicator {
    color: #6937ff
}

.notifications-page .page-content .notifications #notification-actions button.borrower .react-select__option {
    cursor: pointer
}

.notifications-page .page-content .notifications #notification-actions button.borrower .react-select__option:active {
    background-color: #6937ff
}

.notifications-page .page-content .notifications #notification-actions button.borrower .react-select__option--is-selected {
    background-color: #7d5fd7
}

.notifications-page .page-content .notifications #notification-actions button.borrower .react-select__option--is-focused {
    background-color: #856ec8
}

.notifications-page .page-content .notifications #notification-actions button.borrower input[type=text]:focus-visible,.notifications-page .page-content .notifications #notification-actions button.borrower input[type=number]:focus-visible {
    border: none;
    outline: 1px solid #7d5fd7
}

.notifications-page .page-content .notifications .load-more {
    background: linear-gradient(270deg,rgba(56,54,81,0) 0%,#383651 49.94%,rgba(56,54,81,0) 100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 20px 0 40px;
    padding: 10px 0;
    width: 100%
}

.notifications-page .page-content .notifications .load-more button {
    display: flex;
    justify-content: space-around;
    color: #fff;
    background: transparent;
    align-items: center;
    padding: 5px 16px;
    position: relative;
    width: 204px;
    height: 32px;
    border: 1px solid #fff;
    box-sizing: border-box
}

.notifications-page .page-content .notifications .load-more button:hover {
    cursor: pointer
}

.notifications-page .page-content .notifications .load-more button:hover svg>path {
    fill: #d13e8f
}

.notifications-page .page-content .notifications .load-more button:active svg>path {
    fill: #a61d6e
}

.notifications-page .page-content .notifications .load-more button:disabled {
    color: #d82790;
    border-color: #d82790;
    filter: grayscale(1)
}

.notifications-page .page-content .notifications .load-more button:disabled:hover {
    cursor: default
}

.asset-page-container .page-content {
    margin-bottom: 48px
}

.asset-page-container .not-found {
    margin-left: 16px
}

@media only screen and (min-width: 640px) {
    .asset-page-container .not-found {
        margin-left:0
    }
}

.asset-page-container .private-offer-not-found {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 32px;
    font-size: 16px
}

.asset-page-container .private-offer-not-found svg {
    height: 16px;
    margin-right: 8px
}

.asset-page-container .offer-available {
    margin-top: 0
}

.asset-page-container .offer-available .form {
    flex-direction: column
}

.asset-page-container .offer-available .form .btn,.asset-page-container .offer-available .form .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .asset-page-container .offer-available .form .register__submit {
    width: 100%
}

@media(min-width: 1280px) {
    .asset-page-container .offer-available .form {
        flex-direction:row;
        justify-content: space-between
    }

    .asset-page-container .offer-available .form .btn,.asset-page-container .offer-available .form .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .asset-page-container .offer-available .form .register__submit {
        flex: 0 0 320px
    }
}

.asset-page-container .panel-grid {
    display: grid;
    grid-template-columns: 100%;
    gap: 8px
}

.asset-page-container .panel-grid .offers {
    min-height: 308px
}

@media(min-width: 1280px) {
    .asset-page-container .panel-grid {
        grid-template-rows:452px;
        grid-template-columns: repeat(3,377px)
    }

    .asset-page-container .panel-grid .offers {
        grid-column: 1/span 3;
        position: relative
    }

    .asset-page-container .panel-grid .bundle-contents {
        grid-column: 1/span 3
    }

    .asset-page-container .panel-grid .previous-loans {
        grid-column: 2/span 2;
        min-height: 380px;
        position: relative
    }

    .asset-page-container .panel-grid .owner-info {
        grid-column: 1/span 1
    }

    .asset-page-container .panel-grid .asset-graphs {
        grid-column: 1/span 3
    }
}

.collection-page .page-header {
    position: relative
}

@media(min-width: 1280px) {
    .collection-page .page-header {
        flex:0 0 304px
    }
}

.collection-page .page-content {
    margin-bottom: 40px
}

.collection-page .panel-grid {
    display: grid;
    grid-template-columns: 100%;
    grid-auto-rows: minmax(0px,min-content);
    gap: 8px
}

@media(min-width: 1280px) {
    .collection-page .panel-grid {
        grid-template-rows:435px auto minmax(0px,auto);
        grid-template-columns: repeat(3,1fr);
        grid-template-areas: "nfts info make-offer" "user-offers user-offers user-offers" "chart chart chart" "other-offers other-offers other-offers" "items items items"
    }

    .collection-page .panel-grid.one-row {
        grid-template-rows: 435px 0 0
    }

    .collection-page .panel-grid.no-user-offers {
        grid-template-areas: "nfts info make-offer" "chart chart chart" "other-offers other-offers other-offers" "items items items"
    }

    .collection-page .panel-grid.no-collection-offers {
        grid-template-areas: "nfts info make-offer" "items items items"
    }

    .collection-page .panel-grid .panel.collection-nfts {
        grid-area: nfts
    }

    .collection-page .panel-grid .panel.collection-info {
        grid-area: info
    }

    .collection-page .panel-grid .panel.collection-make-offer {
        grid-area: make-offer
    }

    .collection-page .panel-grid .panel.collection-chart {
        grid-area: chart
    }

    .collection-page .panel-grid .panel.collection-items {
        grid-area: items
    }

    .collection-page .panel-grid .panel.collection-3rd-party-offers {
        grid-area: other-offers
    }

    .collection-page .panel-grid .panel.collection-user-offers {
        grid-area: user-offers
    }
}

.collection-page .panel-grid .panel:not(.collection-make-offer) {
    background-color: #221e37
}

.collection-page .panel-grid .panel {
    box-shadow: 1px 1px 0 #000
}

.collection-page .panel-grid .panel:not(.collection-items,.collection-make-offer,.collection-3rd-party-offers,.collection-user-offers) {
    padding: 16px
}

@media only screen and (min-width: 640px) {
    .collection-page .panel-grid .panel:not(.collection-items,.collection-make-offer,.collection-3rd-party-offers,.collection-user-offers) {
        padding:24px
    }
}

.collection-page .panel-grid .panel .panel-title {
    margin: 0;
    font-family: lato,sans-serif
}

.collection-page .panel-grid .panel .panel-sub-title {
    font-family: lato,sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    margin-top: 2px;
    margin-bottom: 16px
}

.collection-page .panel-grid .panel.collection-items .table .body.list .row,.collection-page .panel-grid .panel.collection-items .table .head.list .header {
    min-width: 500px
}

.collection-page .panel-grid .panel.collection-items .table .body.list .row .header-cell.terms,.collection-page .panel-grid .panel.collection-items .table .body.list .row .cell.terms,.collection-page .panel-grid .panel.collection-items .table .head.list .header .header-cell.terms,.collection-page .panel-grid .panel.collection-items .table .head.list .header .cell.terms {
    padding-left: 100px
}

.collection-page .panel-grid .panel.collection-items .table.escrow .body.list .row,.collection-page .panel-grid .panel.collection-items .table.escrow .head.list .header {
    grid-template-columns: 20% 10% 10% 10% 25% 15% 10%
}

.collection-page .panel-grid .panel.collection-items .table.listed .body.list .row,.collection-page .panel-grid .panel.collection-items .table.listed .head.list .header {
    grid-template-columns: 20% 12% 15% 26% 17% 10%
}

.collection-page .panel-grid .panel.collection-3rd-party-offers .body.list .row,.collection-page .panel-grid .panel.collection-3rd-party-offers .head.list .header {
    min-width: 750px;
    grid-template-columns: 12% 8% 15% 10% 19% 19% 17%
}

.collection-page .panel-grid .panel.collection-user-offers .body.list .row,.collection-page .panel-grid .panel.collection-user-offers .head.list .header {
    min-width: 780px;
    grid-template-columns: 10% 7% 13% 9% 17% 18% 15% 11%
}

.bundle-edit-page {
    padding: 32px 0
}

.bundle-edit-page .panel-grid {
    grid-template-columns: repeat(2,33%) 1fr;
    grid-template-rows: minmax(168px,min-content) minmax(550px,min-content) minmax(550px,min-content)
}

@media(min-width: 1280px) {
    .bundle-edit-page .panel-grid {
        grid-template-rows:minmax(168px,min-content) minmax(550px,min-content) minmax(0,min-content)
    }
}

.bundle-edit-page .panel-grid .panel {
    grid-column: 1/span 3
}

@media(min-width: 1280px) {
    .bundle-edit-page .panel-grid .panel {
        grid-column:1/span 1
    }
}

.bundle-edit-page .panel-grid .your-bundles {
    grid-column: 1/span 3
}

@media(min-width: 1280px) {
    .bundle-edit-page .panel-grid .bundle-contents {
        grid-column:2/span 1
    }
}

.bundle-edit-page .panel-grid .txn-panel {
    display: flex
}

@media(min-width: 1280px) {
    .bundle-edit-page .panel-grid .txn-panel {
        grid-column:3/span 1
    }
}

.bundle-edit-page .panel>.title {
    height: 60px;
    font-size: 16px
}

.airdrop-page .loading-spinner {
    animation: spin 1s linear infinite;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px
}

@keyframes spin {
    0% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    6.25% {
        box-shadow: 0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px 8px -2px #fff,0 30px 16px 4px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    12.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px 8px -2px #fff,-10px 30px 16px 4px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    18.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px 8px -2px #fff,-20px 20px 16px 4px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px 8px -2px #fff,-30px 10px 16px 4px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    31.25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px 8px -2px #fff,-30px 0 16px 4px #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    37.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #cf2e8c,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 8px -2px #fff,-30px -10px 16px 4px #cf2e8c,-20px -20px transparent,-10px -30px transparent
    }

    43.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #cf2e8c,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px 8px -2px #fff,-20px -20px 16px 4px #cf2e8c,-10px -30px transparent
    }

    50% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #cf2e8c,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px 8px -2px #fff,-10px -30px 16px 4px #cf2e8c
    }

    56.25% {
        box-shadow: 0 -30px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px 8px -2px #fff,0 -30px 16px 4px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    62.5% {
        box-shadow: 0 -30px #fff,10px -30px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px 8px -2px #fff,10px -30px 16px 4px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    68.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px 8px -2px #fff,20px -20px 16px 4px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px 8px -2px #fff,30px -10px 16px 4px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    81.25% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px 8px -2px #fff,30px 0 16px 4px #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff
    }

    87.5% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 8px -2px #fff,30px 10px 16px 4px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff
    }

    93.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2),0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px 8px -2px #fff,20px 20px 16px 4px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2)
    }

    100% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }
}

.airdrop-page .accent-color {
    color: #7d5fd7
}

.airdrop-page .accent-secondary-color {
    color: #fff
}

.airdrop-page .accent-color-background {
    background-color: #7d5fd7
}

.airdrop-page .accent-secondary-color-background {
    background-color: #fff
}

.airdrop-page .accent-color-border {
    border-color: #7d5fd7
}

.airdrop-page .accent-color-fill {
    fill: #7d5fd7
}

.airdrop-page .accent-color-selection::selection {
    color: #fff;
    background: #7d5fd7
}

.airdrop-page .accent-color::placeholder {
    color: #7d5fd7;
    opacity: .7
}

.airdrop-page .toggle-switch input:checked+.slider {
    background-color: #7d5fd7
}

.airdrop-page .filter .search {
    color: #7d5fd7
}

.airdrop-page .filter label.checkbox .checkmark:after {
    border: solid #7d5fd7
}

.airdrop-page .filter label.checkbox:hover input~.checkmark {
    border-color: inherit
}

@media(hover: hover) {
    .airdrop-page .filter label.checkbox:hover input~.checkmark {
        border-color:#7d5fd7
    }
}

.airdrop-page .filter .count {
    background-color: #7d5fd7
}

.airdrop-page .filter .chevron {
    border: solid #7d5fd7
}

.airdrop-page .btn,.airdrop-page .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .airdrop-page .register__submit {
    background-color: #7e5bd6;
    border-color: #7e5bd6
}

.airdrop-page .btn:hover,.airdrop-page .landing-page section.subscribe form .register__submit:hover,.landing-page section.subscribe form .airdrop-page .register__submit:hover {
    background-color: #8563dd;
    border-color: #8563dd
}

.airdrop-page .btn:active,.airdrop-page .landing-page section.subscribe form .register__submit:active,.landing-page section.subscribe form .airdrop-page .register__submit:active {
    background-color: #6b4bbb;
    border-color: #6b4bbb
}

.airdrop-page .btn.white,.airdrop-page .landing-page section.subscribe form .white.register__submit,.landing-page section.subscribe form .airdrop-page .white.register__submit {
    color: #dbdadd;
    border-color: #dbdadd
}

.airdrop-page .btn.white:not(.btn-hollow),.airdrop-page .landing-page section.subscribe form .white.register__submit:not(.btn-hollow),.landing-page section.subscribe form .airdrop-page .white.register__submit:not(.btn-hollow) {
    background-color: #dbdadd
}

.airdrop-page .btn.white:hover,.airdrop-page .landing-page section.subscribe form .white.register__submit:hover,.landing-page section.subscribe form .airdrop-page .white.register__submit:hover {
    color: #fff;
    border-color: #fff
}

.airdrop-page .btn.white:hover:not(.btn-hollow),.airdrop-page .landing-page section.subscribe form .white.register__submit:hover:not(.btn-hollow),.landing-page section.subscribe form .airdrop-page .white.register__submit:hover:not(.btn-hollow) {
    background-color: #fff
}

.airdrop-page .btn.white:active,.airdrop-page .landing-page section.subscribe form .white.register__submit:active,.landing-page section.subscribe form .airdrop-page .white.register__submit:active {
    color: #aeaeae;
    border-color: #aeaeae
}

.airdrop-page .btn.white:active:not(.btn-hollow),.airdrop-page .landing-page section.subscribe form .white.register__submit:active:not(.btn-hollow),.landing-page section.subscribe form .airdrop-page .white.register__submit:active:not(.btn-hollow) {
    background-color: #aeaeae
}

.airdrop-page .btn.white:disabled,.airdrop-page .landing-page section.subscribe form .white.register__submit:disabled,.landing-page section.subscribe form .airdrop-page .white.register__submit:disabled {
    color: #dbdadd;
    border-color: rgba(219,218,221,.6)
}

.airdrop-page .btn:disabled,.airdrop-page .landing-page section.subscribe form .register__submit:disabled,.landing-page section.subscribe form .airdrop-page .register__submit:disabled {
    background-color: rgba(105,55,255,.6);
    border-color: rgba(105,55,255,.6)
}

.airdrop-page .btn.hollow,.airdrop-page .landing-page section.subscribe form .hollow.register__submit,.landing-page section.subscribe form .airdrop-page .hollow.register__submit {
    background-color: transparent;
    border: 1px solid #7e5bd6
}

.airdrop-page .btn.hollow:hover,.airdrop-page .landing-page section.subscribe form .hollow.register__submit:hover,.landing-page section.subscribe form .airdrop-page .hollow.register__submit:hover {
    border: 1px solid #8563dd
}

.airdrop-page .btn.hollow:active,.airdrop-page .landing-page section.subscribe form .hollow.register__submit:active,.landing-page section.subscribe form .airdrop-page .hollow.register__submit:active {
    border: 1px solid #6b4bbb
}

.airdrop-page .btn.hollow:disabled,.airdrop-page .landing-page section.subscribe form .hollow.register__submit:disabled,.landing-page section.subscribe form .airdrop-page .hollow.register__submit:disabled {
    border: 1px solid rgba(105,55,255,.6)
}

.airdrop-page .link-color {
    color: #7d5fd7
}

.airdrop-page .link-color svg {
    fill: #7d5fd7
}

.airdrop-page .link-color:hover {
    color: #8e68f0
}

.airdrop-page .link-color:hover svg {
    color: #8e68f0;
    fill: #8e68f0
}

.airdrop-page .link-color:active {
    color: #6b4bbb
}

.airdrop-page .link-color:active svg {
    color: #6b4bbb;
    fill: #6b4bbb
}

.airdrop-page .react-select__indicator-separator {
    background-color: #7d5fd7
}

.airdrop-page .react-select__indicator {
    color: #6937ff
}

.airdrop-page .react-select__option {
    cursor: pointer
}

.airdrop-page .react-select__option:active {
    background-color: #6937ff
}

.airdrop-page .react-select__option--is-selected {
    background-color: #7d5fd7
}

.airdrop-page .react-select__option--is-focused {
    background-color: #856ec8
}

.airdrop-page input[type=text]:focus-visible,.airdrop-page input[type=number]:focus-visible {
    border: none;
    outline: 1px solid #7d5fd7
}

.airdrop-page .page-header .badge-with-border {
    display: none
}

.airdrop-page .page-header .airdrop-banner {
    min-height: 167px
}

@media(min-width: 1280px) {
    .airdrop-page .page-header .airdrop-banner {
        min-height:276px
    }
}

.airdrop-page .page-content {
    padding-bottom: 32px;
    user-select: none
}

@media(min-width: 1280px) {
    .airdrop-page .page-content {
        padding-bottom:64px
    }
}

.airdrop-page .page-content .badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 267px;
    height: 114px;
    border: 3px solid #fff;
    border-radius: 114px;
    background: rgba(26,23,51,.55);
    backdrop-filter: blur(10px);
    margin: 32px auto auto;
    box-sizing: border-box
}

.airdrop-page .page-content .badge.un-authed {
    gap: 0;
    width: 280px;
    height: 125px
}

@media(min-width: 1280px) {
    .airdrop-page .page-content .badge {
        border:7px solid #fff;
        width: 383px;
        height: 188px
    }

    .airdrop-page .page-content .badge.unconnected {
        width: 383px;
        height: 154px
    }

    .airdrop-page .page-content .badge.un-authed {
        width: 475px;
        height: 186px
    }
}

.airdrop-page .page-content .badge p {
    margin: 0;
    font-family: Lato,sans-serif
}

.airdrop-page .page-content .badge p.yellow {
    color: #f5d662
}

.airdrop-page .page-content .badge p.uppercase {
    text-transform: uppercase
}

.airdrop-page .page-content .badge p.underline {
    text-decoration: underline
}

.airdrop-page .page-content .badge p.clickable {
    cursor: pointer
}

.airdrop-page .page-content .badge p.clickable.yellow:hover {
    color: #f8e08c
}

.airdrop-page .page-content .badge p.clickable.yellow:active {
    color: #f0c219
}

.airdrop-page .page-content .badge p.sm {
    font-family: roboto condensed,sans-serif;
    font-weight: 900;
    font-size: 17px
}

@media(min-width: 1280px) {
    .airdrop-page .page-content .badge p.sm {
        font-size:27px
    }
}

.airdrop-page .page-content .badge p.lg {
    font-size: 27px;
    line-height: 27px;
    text-shadow: 0 0 12px rgba(255,255,255,.5019607843)
}

@media(min-width: 1280px) {
    .airdrop-page .page-content .badge p.lg {
        font-size:36px;
        line-height: 36px
    }
}

.airdrop-page .page-content .badge p.xl {
    font-weight: 400;
    font-size: 42px;
    text-shadow: 0 0 12px rgba(255,255,255,.5019607843)
}

@media(min-width: 1280px) {
    .airdrop-page .page-content .badge p.xl {
        font-size:70px;
        line-height: 60px
    }
}

.airdrop-page .page-content .title {
    font-family: Lato,sans-serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: -.4px;
    margin-top: 64px;
    margin-bottom: 48px;
    text-align: center
}

@media(min-width: 1280px) {
    .airdrop-page .page-content .title {
        font-size:48px;
        font-weight: 500;
        line-height: 53px;
        letter-spacing: -.4px;
        margin: 32px 0
    }
}

.airdrop-page .page-content .tooltip {
    max-width: 200px;
    opacity: 1;
    font-weight: 400;
    font-size: 13px;
    line-height: 22px;
    text-transform: none;
    text-align: center
}

.airdrop-page .page-content .section-text {
    font-family: Lato,sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    text-align: center;
    font-size: 14px;
    line-height: 19px;
    margin-top: 16px
}

@media(min-width: 1280px) {
    .airdrop-page .page-content .section-text {
        font-size:24px;
        line-height: 52px;
        margin-top: 53px
    }
}

.airdrop-page .page-content .section-text p {
    margin: 8px 0 0
}

@media(min-width: 1280px) {
    .airdrop-page .page-content .section-text p {
        margin:0
    }

    .airdrop-page .page-content .section-text p.small {
        line-height: 40px
    }

    .airdrop-page .page-content .section-text p.space-top {
        margin-top: 16px
    }
}

.airdrop-page .page-content .section-text a {
    font-weight: 500
}

.airdrop-page .page-content .section-text span {
    font-weight: 800
}

.airdrop-page .page-content .airdrop-info {
    margin: 0 8px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.airdrop-page .page-content .airdrop-info .info-container {
    display: flex;
    border-radius: 5px;
    backdrop-filter: blur(10px);
    border: 2px solid #e7edea;
    margin: 32px 16px 0;
    width: 100%
}

@media(min-width: 1280px) {
    .airdrop-page .page-content .airdrop-info .info-container {
        max-width:956px;
        border: 3px solid #e7edea
    }
}

.airdrop-page .page-content .airdrop-info .info-container .form-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    padding: 24px 16px;
    box-sizing: border-box;
    gap: 32px
}

@media(min-width: 1280px) {
    .airdrop-page .page-content .airdrop-info .info-container .form-container {
        width:450px;
        padding: 42px
    }
}

.airdrop-page .page-content .airdrop-info .info-container .form-container .group {
    display: flex;
    flex-direction: column
}

.airdrop-page .page-content .airdrop-info .info-container .form-container .title {
    font-family: Lato,sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -.1px;
    text-align: left;
    margin: 0 0 8px
}

@media(min-width: 1280px) {
    .airdrop-page .page-content .airdrop-info .info-container .form-container .title {
        font-size:23px;
        line-height: 32px
    }
}

.airdrop-page .page-content .airdrop-info .info-container .form-container .explanation {
    font-family: Roboto,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0;
    text-align: left;
    margin-bottom: 16px
}

@media(min-width: 1280px) {
    .airdrop-page .page-content .airdrop-info .info-container .form-container .explanation {
        font-size:14px;
        line-height: 22px;
        margin-bottom: 24px
    }
}

.airdrop-page .page-content .airdrop-info .info-container .form-container .atcb-button-wrapper {
    width: 100%
}

.airdrop-page .page-content .airdrop-info .info-container .form-container .atcb-button-wrapper .atcb-button {
    justify-content: center;
    width: 100%;
    height: 100%;
    max-width: 100%
}

.airdrop-page .page-content .airdrop-info .info-container .form-container label.checkbox {
    display: flex;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.airdrop-page .page-content .airdrop-info .info-container .form-container label.checkbox input {
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
    margin: 0
}

.airdrop-page .page-content .airdrop-info .info-container .form-container label.checkbox input:checked~.checkmark:after {
    display: block
}

.airdrop-page .page-content .airdrop-info .info-container .form-container label.checkbox .checkmark {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 16px;
    width: 16px;
    min-width: 16px;
    border: 1.5px solid #eee;
    box-sizing: border-box;
    padding-bottom: 2px;
    margin-right: 8px
}

.airdrop-page .page-content .airdrop-info .info-container .form-container label.checkbox .checkmark:after {
    content: "";
    display: none;
    width: 4px;
    height: 8px;
    border-width: 0 2px 2px 0;
    border-color: #fff;
    border-style: solid;
    transform: rotate(45deg)
}

.airdrop-page .page-content .airdrop-info .info-container .form-container .subscribe {
    margin: 10px 0 13px
}

.airdrop-page .page-content .airdrop-info .info-container .form-container .consent {
    font-family: Roboto,sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 14px
}

.airdrop-page .page-content .airdrop-info .info-container .form-container .atcb-button-wrapper,.airdrop-page .page-content .airdrop-info .info-container .form-container input,.airdrop-page .page-content .airdrop-info .info-container .form-container .btn,.airdrop-page .page-content .airdrop-info .info-container .form-container .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .airdrop-page .page-content .airdrop-info .info-container .form-container .register__submit {
    height: 32px
}

@media(min-width: 1280px) {
    .airdrop-page .page-content .airdrop-info .info-container .form-container .atcb-button-wrapper,.airdrop-page .page-content .airdrop-info .info-container .form-container input,.airdrop-page .page-content .airdrop-info .info-container .form-container .btn,.airdrop-page .page-content .airdrop-info .info-container .form-container .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .airdrop-page .page-content .airdrop-info .info-container .form-container .register__submit {
        height:40px
    }
}

.airdrop-page .page-content .airdrop-info .info-container .form-container .btn,.airdrop-page .page-content .airdrop-info .info-container .form-container .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .airdrop-page .page-content .airdrop-info .info-container .form-container .register__submit {
    padding: 8px 16px
}

.airdrop-page .page-content .airdrop-info .info-container .form-container .socials-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 8px
}

@media(min-width: 1280px) {
    .airdrop-page .page-content .airdrop-info .info-container .form-container .socials-container {
        margin-top:16px;
        flex-direction: row
    }
}

.airdrop-page .page-content .airdrop-info .info-container .form-container .socials-container a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-family: Roboto,sans-serif
}

@media(min-width: 1280px) {
    .airdrop-page .page-content .airdrop-info .info-container .form-container .socials-container a {
        width:50%
    }
}

.airdrop-page .page-content .airdrop-info .info-container .form-container .socials-container a svg {
    width: 15px;
    height: 15px;
    fill: #fff;
    margin-right: 10px
}

.airdrop-page .page-content .airdrop-info .info-container img {
    display: none
}

@media(min-width: 1280px) {
    .airdrop-page .page-content .airdrop-info .info-container img {
        display:block;
        background-color: #fff
    }
}

.airdrop-page .page-content .earn {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    margin: 0 8px
}

@media(min-width: 1280px) {
    .airdrop-page .page-content .earn {
        margin:0;
        gap: 0
    }
}

.airdrop-page .page-content .earn .earn-disclaimer {
    border: 1px solid rgba(255,255,255,.2);
    background: rgba(255,255,255,.05);
    border-radius: 9px;
    padding: 8px 12px;
    margin-top: 32px;
    text-align: center;
    font-family: Lato,sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.airdrop-page .page-content .earn .earn-disclaimer a {
    font-weight: 700;
    text-decoration: underline;
    color: #fff
}

.airdrop-page .page-content .earn .earn-disclaimer a:hover {
    color: #f5f5f5;
    text-decoration: none
}

.airdrop-page .page-content .earn .earn-disclaimer a:active {
    color: #d6d6d6
}

@media(min-width: 1280px) {
    .airdrop-page .page-content .earn .earn-disclaimer {
        font-size:20px;
        line-height: 24px
    }
}

.airdrop-page .page-content .earn .earn-stats {
    border: 3px solid #fff;
    box-shadow: 0 0 14px 0 rgba(255,255,255,.5019607843);
    border-radius: 33px;
    background: rgba(0,0,0,.21);
    display: grid;
    grid-template-columns: 1.05fr 1fr;
    grid-template-rows: 1fr 1fr;
    column-gap: 8px;
    row-gap: 16px;
    padding: 14px 6px 4px;
    box-sizing: border-box
}

.airdrop-page .page-content .earn .earn-stats.finished {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    margin-bottom: 32px;
    margin-top: 0
}

@media(min-width: 1280px) {
    .airdrop-page .page-content .earn .earn-stats {
        width:100%;
        border: 7px solid #fff;
        border-radius: 2000px;
        grid-template-columns: 1fr 1.1fr 1fr 1.1fr;
        grid-template-rows: 1fr;
        padding: 14px 14px 34px;
        gap: 0;
        margin-top: 32px
    }

    .airdrop-page .page-content .earn .earn-stats.finished {
        margin-top: 0;
        margin-bottom: 64px;
        width: 560px
    }
}

.airdrop-page .page-content .earn .earn-stats .container {
    display: flex;
    flex-direction: column
}

.airdrop-page .page-content .earn .earn-stats .title {
    font-family: Roboto Condensed,sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #8972ff;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: -.7px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px
}

@media(min-width: 1280px) {
    .airdrop-page .page-content .earn .earn-stats .title {
        font-size:27px;
        line-height: 28px;
        letter-spacing: 0
    }
}

.airdrop-page .page-content .earn .earn-stats .sub-text {
    font-family: Roboto,sans-serif;
    font-size: 8px;
    font-weight: 400;
    line-height: 11px;
    text-align: center;
    color: #fff;
    flex: 1
}

@media(min-width: 1280px) {
    .airdrop-page .page-content .earn .earn-stats .sub-text {
        font-size:12px;
        line-height: 22px;
        margin-bottom: 16px
    }
}

.airdrop-page .page-content .earn .earn-stats .sub-text .total-explainer {
    font-size: 8px
}

@media(min-width: 1280px) {
    .airdrop-page .page-content .earn .earn-stats .sub-text .total-explainer {
        font-size:16px
    }
}

.airdrop-page .page-content .earn .earn-stats .value {
    font-family: Lato,sans-serif;
    font-size: 42px;
    font-weight: 400;
    line-height: 42px;
    text-align: center;
    text-shadow: 0 0 12px rgba(255,255,255,.5019607843)
}

@media(min-width: 1280px) {
    .airdrop-page .page-content .earn .earn-stats .value {
        font-size:70px;
        line-height: 60px
    }
}

.airdrop-page .page-content .earn .text {
    font-family: Lato,sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
    text-align: center
}

.airdrop-page .page-content .earn .text.finished {
    margin-top: 32px
}

@media(min-width: 1280px) {
    .airdrop-page .page-content .earn .text.finished {
        margin-top:64px
    }
}

@media(min-width: 1280px) {
    .airdrop-page .page-content .earn .text {
        font-family:Roboto,sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
        margin: 52px 0 36px
    }
}

.airdrop-page .page-content .earn .leaderboard {
    display: flex;
    flex-direction: column;
    align-items: center;
    border: 3px solid #fff;
    border-radius: 20px;
    background: rgba(0,0,0,.21);
    width: 100%
}

@media(min-width: 1280px) {
    .airdrop-page .page-content .earn .leaderboard {
        border:7px solid #fff
    }

    .airdrop-page .page-content .earn .leaderboard.finished {
        width: 615px
    }
}

.airdrop-page .page-content .earn .leaderboard .title-leaderboard {
    display: flex;
    align-items: flex-end;
    font-family: Lato,sans-serif;
    font-size: 30px;
    font-weight: 300;
    font-style: italic;
    line-height: 21px;
    letter-spacing: .015em;
    text-align: left;
    margin-bottom: 18px
}

.airdrop-page .page-content .earn .leaderboard .title-leaderboard span {
    margin-bottom: 4px
}

@media(min-width: 1280px) {
    .airdrop-page .page-content .earn .leaderboard .title-leaderboard {
        font-size:50px
    }

    .airdrop-page .page-content .earn .leaderboard .title-leaderboard span {
        margin-bottom: 12px
    }
}

.airdrop-page .page-content .earn .leaderboard svg {
    width: 102px;
    height: 40px;
    margin-top: 18px
}

@media(min-width: 1280px) {
    .airdrop-page .page-content .earn .leaderboard svg {
        width:120px;
        height: 46px
    }
}

.airdrop-page .page-content .earn .leaderboard .header,.airdrop-page .page-content .earn .leaderboard .row {
    display: grid;
    grid-template-columns: .9fr 1.8fr 1.8fr 2fr 2fr;
    align-items: center;
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box
}

.airdrop-page .page-content .earn .leaderboard .header :nth-last-child(2),.airdrop-page .page-content .earn .leaderboard .header :last-child,.airdrop-page .page-content .earn .leaderboard .row :nth-last-child(2),.airdrop-page .page-content .earn .leaderboard .row :last-child {
    justify-self: flex-end
}

@media(min-width: 1280px) {
    .airdrop-page .page-content .earn .leaderboard .header,.airdrop-page .page-content .earn .leaderboard .row {
        grid-template-columns:1.2fr 1.2fr 1fr .7fr 1fr;
        padding: 0 32px
    }
}

.airdrop-page .page-content .earn .leaderboard .header.finished,.airdrop-page .page-content .earn .leaderboard .row.finished {
    grid-template-columns: 1.5fr 1fr 1fr
}

.airdrop-page .page-content .earn .leaderboard .header {
    height: 32px;
    grid-template-rows: 1fr;
    background-color: #0d0c1a;
    font-family: Roboto Condensed,sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    padding: 0 16px
}

@media(min-width: 1280px) {
    .airdrop-page .page-content .earn .leaderboard .header {
        margin-bottom:13px;
        height: 34px
    }
}

.airdrop-page .page-content .earn .leaderboard .header .header-cell {
    display: flex;
    align-items: center;
    gap: 6px
}

.airdrop-page .page-content .earn .leaderboard .header .header-cell svg {
    margin: 0;
    width: 14px;
    height: 14px
}

.airdrop-page .page-content .earn .leaderboard .row-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 26px
}

.airdrop-page .page-content .earn .leaderboard .row {
    height: 42px;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px
}

.airdrop-page .page-content .earn .leaderboard .row:last-child {
    margin-bottom: 13px
}

.airdrop-page .page-content .earn .leaderboard .row.user-row {
    background-color: rgba(123,97,255,.2509803922)
}

.airdrop-page .page-content .earn .leaderboard .row :nth-child(2) {
    color: #7e5bd6
}

@media(min-width: 1280px) {
    .airdrop-page .page-content .earn .leaderboard .row {
        height:44px;
        font-size: 24px
    }

    .airdrop-page .page-content .earn .leaderboard .row.user-row {
        background-color: rgba(123,97,255,.2509803922)
    }
}

.blocked-page .page-content {
    margin: 0 auto;
    padding: 5em 0;
    max-width: 300px
}

@media(min-width: 1280px) {
    .blocked-page .page-content {
        padding:10em 0 6em;
        max-width: 850px
    }
}

.blocked-page .page-content .page-logo svg {
    margin: 0 auto;
    display: block;
    width: 145px;
    height: auto
}

@media(min-width: 1280px) {
    .blocked-page .page-content .page-logo svg {
        height:auto;
        width: auto
    }
}

.blocked-page .page-content p {
    font-family: lato;
    font-style: normal;
    text-align: center;
    font-weight: 700;
    font-size: 30px;
    line-height: 34px
}

@media(min-width: 1280px) {
    .blocked-page .page-content p {
        letter-spacing:-.5px;
        font-weight: 500;
        font-size: 48px;
        line-height: 53px
    }
}

nav.bar {
    position: relative;
    height: 80px;
    z-index: 99;
    padding: 16px 0;
    display: flex;
    justify-content: space-between;
    position: sticky;
    top: 0
}

@media only screen and (max-width: 639px) {
    nav.bar {
        box-sizing:border-box;
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width: 640px) {
    nav.bar {
        width:100%;
        padding-left: calc(calc((100vw - 640px)/2) + 16px);
        padding-right: calc(calc((100vw - 640px)/2) + 16px);
        box-sizing: border-box
    }
}

@media(min-width: 1280px) {
    nav.bar {
        width:100%;
        padding-left: calc(calc((100vw - 1280px)/2) + 16px);
        padding-right: calc(calc((100vw - 1280px)/2) + 16px);
        box-sizing: border-box
    }
}

@media only screen and (min-width: 640px) {
    nav.bar {
        padding-top:16px
    }
}

@media only screen and (min-width: 640px)and (max-width:639px) {
    nav.bar {
        box-sizing:border-box;
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width: 640px)and (min-width:640px) {
    nav.bar {
        width:100%;
        padding-left: calc(calc((100vw - 640px)/2) + 16px);
        padding-right: calc(calc((100vw - 640px)/2) + 16px);
        box-sizing: border-box
    }
}

@media only screen and (min-width: 640px)and (min-width:1280px) {
    nav.bar {
        width:100%;
        padding-left: calc(calc((100vw - 1280px)/2) + 16px);
        padding-right: calc(calc((100vw - 1280px)/2) + 16px);
        box-sizing: border-box
    }
}

@media(min-width: 1280px) {
    nav.bar {
        height:auto;
        display: flex;
        align-items: center;
        padding-top: 14px;
        padding-bottom: 14px
    }
}

@media only screen and (min-width: 1280px)and (max-width:639px) {
    nav.bar {
        box-sizing:border-box;
        width: 100%;
        padding-left: 64px;
        padding-right: 64px
    }
}

@media only screen and (min-width: 1280px)and (min-width:640px) {
    nav.bar {
        width:100%;
        padding-left: calc(calc((100vw - 640px)/2) + 64px);
        padding-right: calc(calc((100vw - 640px)/2) + 64px);
        box-sizing: border-box
    }
}

@media(min-width: 1280px)and (min-width:1280px) {
    nav.bar {
        width:100%;
        padding-left: calc(calc((100vw - 1280px)/2) + 64px);
        padding-right: calc(calc((100vw - 1280px)/2) + 64px);
        box-sizing: border-box
    }
}

nav.bar .logo {
    width: 36px
}

@media(min-width: 1280px) {
    nav.bar .logo {
        width:91px;
        height: 35px;
        margin-right: 100px
    }
}

nav.bar .logo svg {
    width: 75px;
    height: 50px;
    display: block
}

@media(min-width: 1280px) {
    nav.bar .logo svg {
        width:auto;
        height: auto
    }
}

nav.bar .hamburger,nav.bar .close-hamburger {
    position: absolute;
    right: 16px;
    top: 28px;
    z-index: 99;
    user-select: none
}

nav.bar .hamburger *,nav.bar .close-hamburger * {
    user-select: none
}

@media only screen and (min-width: 640px) {
    nav.bar .hamburger,nav.bar .close-hamburger {
        right:calc(calc((100vw - 640px)/2) + 16px)
    }
}

@media(min-width: 1280px) {
    nav.bar .hamburger,nav.bar .close-hamburger {
        display:none
    }
}

nav.bar .hamburger {
    user-select: none;
    z-index: 999
}

nav.bar .hamburger .notification-dot {
    position: absolute;
    left: -15%;
    width: 14px;
    height: 14px;
    bottom: -5%;
    opacity: 1;
    transition: opacity .4s
}

nav.bar .hamburger.menu-open .notification-dot {
    opacity: 0
}

nav.bar .hamburger>span {
    user-select: none;
    overflow: hidden;
    display: block;
    height: 22px;
    width: 22px;
    cursor: pointer
}

nav.bar .hamburger>span object#close-animation-svg {
    user-select: none;
    pointer-events: none;
    width: 100%;
    height: 22px;
    width: 22px
}

nav.bar .menu {
    position: fixed;
    top: 80px;
    left: -100%;
    height: 100%;
    width: 100vw;
    text-align: left;
    color: #fff;
    transition: left 0s;
    flex-grow: 1;
    background: rgba(0,0,0,.55)
}

@media(min-width: 1280px) {
    nav.bar .menu {
        display:block;
        flex-direction: column;
        align-items: center;
        font-size: 16px;
        flex-direction: initial;
        position: static;
        top: initial;
        left: initial;
        width: initial;
        height: initial;
        background: 0 0
    }
}

nav.bar .menu .menu-inner {
    height: calc(100vh - 80px);
    max-width: 80%;
    margin-left: auto;
    background: #16152d;
    text-align: left;
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 378px) {
    nav.bar .menu .menu-inner {
        max-width:55%
    }
}

@media only screen and (min-width: 640px) {
    nav.bar .menu .menu-inner {
        height:calc(100vh - 80px);
        max-width: 35%
    }
}

@media(min-width: 1280px) {
    nav.bar .menu .menu-inner {
        margin:unset;
        height: auto;
        max-width: none;
        background: 0 0;
        flex-direction: row;
        justify-content: unset;
        align-items: center
    }
}

nav.bar .menu .menu-inner>div>a,nav.bar .menu .menu-inner>div>span {
    display: block;
    padding: 18px 30px;
    font-size: 17px;
    position: relative;
    transition: top .2s,opacity .2s;
    transition-delay: 0s;
    font-weight: 700;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    cursor: pointer;
    user-select: none
}

nav.bar .menu .menu-inner>div>a *,nav.bar .menu .menu-inner>div>span * {
    user-select: none
}

@media(min-width: 1280px) {
    nav.bar .menu .menu-inner>div>a,nav.bar .menu .menu-inner>div>span {
        filter:drop-shadow(0px 24px 19px rgba(0,0,0,0.13833)) drop-shadow(4px 4px 0px #16152D)
    }
}

@media(min-width: 1280px) {
    nav.bar .menu .menu-inner>div>a,nav.bar .menu .menu-inner>div>span {
        padding:24px 0;
        font-size: 18px
    }
}

@media(min-width: 1280px) {
    nav.bar .menu .menu-inner>div>a.selected:after,nav.bar .menu .menu-inner>div>span.selected:after {
        background:linear-gradient(270deg,#FFFFFF 0%,rgba(255,255,255,0) 105.3%);
        transform: rotate(180deg);
        bottom: 11px;
        content: "";
        height: 4px;
        left: 0;
        position: absolute;
        transition: width .2s ease-in-out;
        width: 50%;
        pointer-events: none
    }
}

nav.bar .menu .menu-inner>div>a.mobile,nav.bar .menu .menu-inner>div>span.mobile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row
}

@media(min-width: 1280px) {
    nav.bar .menu .menu-inner>div>a.mobile,nav.bar .menu .menu-inner>div>span.mobile {
        display:none
    }
}

nav.bar .menu .menu-inner>div>a.mobile svg,nav.bar .menu .menu-inner>div>span.mobile svg {
    transition: transform .35s cubic-bezier(.46,.03,.52,.96)
}

nav.bar .menu .menu-inner>div>a.mobile.active svg,nav.bar .menu .menu-inner>div>span.mobile.active svg {
    transform: rotate(-180deg)
}

nav.bar .menu .menu-inner>div>a.desktop,nav.bar .menu .menu-inner>div>span.desktop {
    display: none
}

@media(min-width: 1280px) {
    nav.bar .menu .menu-inner>div>a.desktop,nav.bar .menu .menu-inner>div>span.desktop {
        display:inherit
    }
}

nav.bar .menu .menu-inner>div.grow {
    flex-grow: 1
}

nav.bar .menu .menu-inner>div.icon-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    order: -1;
    background: #222043;
    border-radius: 100px;
    margin: 16px
}

@media only screen and (min-width: 640px) {
    nav.bar .menu .menu-inner>div.icon-group {
        justify-content:space-evenly
    }
}

@media(min-width: 1280px) {
    nav.bar .menu .menu-inner>div.icon-group {
        background:0 0;
        order: unset;
        margin: unset
    }
}

@media(min-width: 1280px) {
    nav.bar .menu .menu-inner>div.dropdown {
        flex-grow:1;
        position: relative
    }
}

@media(min-width: 1280px) {
    nav.bar .menu .menu-inner>div.dropdown:hover .sub-links {
        max-height:250px;
        opacity: 1
    }
}

nav.bar .menu .sub-links {
    display: flex;
    flex-direction: column;
    max-height: 0;
    overflow: hidden;
    transition: max-height .35s cubic-bezier(.46,.03,.52,.96)
}

@media(min-width: 1280px) {
    nav.bar .menu .sub-links {
        box-shadow:0 4px 4px rgba(0,0,0,.25);
        overflow: hidden;
        position: absolute;
        opacity: 0;
        left: -12%;
        top: 100%;
        width: 138%;
        transition: opacity .2s,max-height .35s cubic-bezier(.46,.03,.52,.96);
        transition-timing-function: cubic-bezier(.4,0,.2,1);
        padding: 8px 4px;
        border-radius: 4px;
        border: 1px solid rgba(255,255,255,.25);
        box-shadow: drop-shadow(0px 24px 19px rgba(0,0,0,0.13833)) drop-shadow(2px 2px 0px #16152D);
        background: rgba(22,21,45,.5);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
        min-width: 168px
    }
}

nav.bar .menu .sub-links>a,nav.bar .menu .sub-links>span {
    padding: 12px 0 12px 44px;
    font-size: 14px;
    user-select: none
}

nav.bar .menu .sub-links>a *,nav.bar .menu .sub-links>span * {
    user-select: none
}

@media(min-width: 1280px) {
    nav.bar .menu .sub-links>a,nav.bar .menu .sub-links>span {
        display:block;
        padding: 12px 3%;
        margin: 0 3%;
        font-weight: 400;
        font-size: 16px;
        border-radius: 2px
    }
}

nav.bar .menu .sub-links>a:first-child,nav.bar .menu .sub-links>span:first-child {
    margin: 0
}

@media(min-width: 1280px) {
    nav.bar .menu .sub-links>a:first-child,nav.bar .menu .sub-links>span:first-child {
        margin:0 3%
    }
}

nav.bar .menu .sub-links>a:last-child,nav.bar .menu .sub-links>span:last-child {
    margin: 0
}

@media(min-width: 1280px) {
    nav.bar .menu .sub-links>a:last-child,nav.bar .menu .sub-links>span:last-child {
        margin:0 3%
    }
}

@media(min-width: 1280px) {
    nav.bar .menu .sub-links>a:hover,nav.bar .menu .sub-links>span:hover {
        background:rgba(139,125,212,.2)
    }
}

@media(min-width: 1280px) {
    nav.bar .menu .sub-links>a.selected {
        background:rgba(139,125,212,.2)
    }
}

nav.bar .menu .sub-links.active {
    max-height: 260px
}

nav.bar .menu div.wallet-not-connected {
    padding-top: 16px;
    padding-bottom: 16px
}

@media(min-width: 1280px) {
    nav.bar .menu div.wallet-not-connected {
        padding:0
    }
}

nav.bar .menu div.wallet-not-connected .btn,nav.bar .menu div.wallet-not-connected .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form nav.bar .menu div.wallet-not-connected .register__submit {
    border-radius: 100px;
    background: 0 0;
    border: 1px solid #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 15px;
    padding: 8px;
    letter-spacing: 2px;
    font-family: lato,roboto,sans-serif;
    display: block;
    width: 100%
}

nav.bar .menu div.wallet-not-connected .btn span,nav.bar .menu div.wallet-not-connected .landing-page section.subscribe form .register__submit span,.landing-page section.subscribe form nav.bar .menu div.wallet-not-connected .register__submit span {
    font-size: 12px;
    display: block
}

nav.bar .menu div.wallet-not-connected .btn:hover,nav.bar .menu div.wallet-not-connected .landing-page section.subscribe form .register__submit:hover,.landing-page section.subscribe form nav.bar .menu div.wallet-not-connected .register__submit:hover {
    background-color: #0f0d18
}

nav.bar .menu.open {
    left: 0;
    transition: left 0s;
    transition-delay: 0s;
    z-index: 999
}

@media(min-width: 1280px) {
    nav.bar .menu.open {
        z-index:unset;
        left: unset;
        overflow-y: unset
    }
}

nav.bar .menu.open:after {
    content: "";
    position: absolute;
    background: transparent;
    height: 80px;
    width: 100%;
    top: -80px
}

@media(min-width: 1280px) {
    nav.bar .menu.open:after {
        display:none
    }
}

nav.bar .menu.open a,nav.bar .menu.open span {
    top: 0;
    opacity: 1
}

@media(min-width: 1280px) {
    nav.bar .menu.open a,nav.bar .menu.open span {
        top:unset
    }
}

nav.bar .menu div.icon {
    position: relative
}

nav.bar .menu div.icon a,nav.bar .menu div.icon .image-version {
    display: block;
    padding: 10px 14px;
    user-select: none
}

nav.bar .menu div.icon a svg:not(.notification-dot),nav.bar .menu div.icon .image-version svg:not(.notification-dot) {
    display: block;
    height: 18px;
    width: 18px
}

@media(min-width: 1280px) {
    nav.bar .menu div.icon.selected:after {
        background:linear-gradient(270deg,#FFFFFF 0%,rgba(255,255,255,0) 105.3%);
        transform: rotate(180deg);
        bottom: 2px;
        content: "";
        height: 3px;
        left: 14px;
        position: absolute;
        transition: width .2s ease-in-out;
        width: 18px;
        pointer-events: none
    }
}

nav.bar .menu div.icon.ghost-icon {
    opacity: .2
}

nav.bar .menu div.icon.ghost-icon * {
    pointer-events: none
}

nav.bar .menu div.wallet-not-connected,nav.bar .menu div.accounts {
    padding: 14px 12px;
    width: auto
}

@media(min-width: 1280px) {
    nav.bar .menu div.wallet-not-connected,nav.bar .menu div.accounts {
        width:165px;
        padding: 0
    }
}

@media(min-width: 1280px) {
    nav.bar .menu>div {
        position:relative;
        margin-right: 16px;
        text-align: left;
        overflow: initial;
        box-sizing: border-box
    }

    nav.bar .menu>div::before {
        display: none;
        content: " ";
        width: 128px;
        position: absolute;
        left: 0;
        bottom: -2px;
        z-index: -1;
        height: 4px
    }

    nav.bar .menu>div a {
        opacity: 1;
        padding-right: 60px;
        top: initial;
        display: block
    }

    nav.bar .menu>div a.link {
        color: #fff;
        text-decoration: none;
        opacity: 1
    }

    nav.bar .menu>div a.link:visited {
        color: #fff
    }

    nav.bar .menu>div a.link.account {
        width: auto
    }

    nav.bar .menu>div .dropdown:hover .sub-links {
        opacity: 1;
        max-height: 215px
    }
}

nav.bar .menu div.notifications {
    display: block;
    background: transparent;
    border: none;
    position: relative
}

nav.bar .menu div.notifications .image-version {
    display: block
}

nav.bar .menu div.notifications a {
    display: inline;
    opacity: 1;
    font-size: 12px;
    position: static;
    padding: 0;
    top: 0
}

nav.bar .menu div.notifications:hover {
    cursor: pointer
}

nav.bar .menu div.notifications .notification-dot {
    position: absolute;
    left: 55%;
    z-index: 10
}

nav.bar .menu div.notifications #notifications-preview {
    padding: 0;
    box-shadow: 0 0 1px 0 #16152d;
    border-radius: 4px;
    opacity: 1;
    width: 220px;
    color: #fff;
    border: 1px solid rgba(255,255,255,.25);
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    background: rgba(22,21,45,.5);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px)
}

@media only screen and (min-width: 640px) {
    nav.bar .menu div.notifications #notifications-preview {
        width:330px
    }
}

nav.bar .menu div.notifications #notifications-preview.place-bottom::after {
    top: -11px;
    border-bottom-width: 10px;
    border-bottom-color: rgba(255,255,255,.25);
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    margin-left: -11px
}

nav.bar .menu div.notifications #notifications-preview.place-left::after {
    border-left-color: rgba(255,255,255,.25);
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    margin-top: -10px;
    right: -7px
}

nav.bar .menu div.notifications #notifications-preview:hover {
    cursor: default
}

nav.bar .menu div.notifications #notifications-preview .no-notifications {
    color: #fff;
    text-align: center;
    padding: 20px
}

nav.bar .menu div.notifications #notifications-preview .notification-card {
    display: grid;
    max-width: 220px;
    min-height: 55px;
    max-height: 75px;
    column-gap: 12px;
    position: relative;
    margin-bottom: 1px;
    box-shadow: 0 1px 0 0 rgba(0,0,0,.05);
    padding: 0 10px;
    grid-template-columns: [avatar] 20px [message] 100px [relativeTime] 60px
}

@media only screen and (min-width: 640px) {
    nav.bar .menu div.notifications #notifications-preview .notification-card {
        max-width:320px;
        grid-template-columns: [avatar] 40px [message] 172px [relativeTime] 70px;
        grid-template-rows: auto 1fr
    }
}

nav.bar .menu div.notifications #notifications-preview .notification-card:not(:last-child) {
    border-bottom: 1px solid rgba(255,255,255,.25)
}

nav.bar .menu div.notifications #notifications-preview .notification-card:hover {
    z-index: 1
}

nav.bar .menu div.notifications #notifications-preview .notification-card.lender .avatar-container .badge {
    background-color: #cf2e8c
}

nav.bar .menu div.notifications #notifications-preview .notification-card.lender .message a {
    color: #cf2e8c
}

nav.bar .menu div.notifications #notifications-preview .notification-card.lender .more-actions a svg {
    fill: #cf2e8c
}

nav.bar .menu div.notifications #notifications-preview .notification-card.borrower .avatar-container .badge {
    background-color: #7d5fd7
}

nav.bar .menu div.notifications #notifications-preview .notification-card.borrower .message a {
    color: #7d5fd7
}

nav.bar .menu div.notifications #notifications-preview .notification-card.borrower .more-actions a svg {
    fill: #7d5fd7
}

nav.bar .menu div.notifications #notifications-preview .notification-card .avatar-container {
    grid-column-start: 1;
    grid-row-start: 1;
    grid-row-end: 3;
    justify-self: center;
    align-self: center;
    position: relative;
    width: 30px;
    height: 30px
}

nav.bar .menu div.notifications #notifications-preview .notification-card .avatar-container .badge {
    box-sizing: border-box;
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    height: 12px;
    right: -2px;
    position: absolute;
    bottom: -2px;
    width: 12px;
    z-index: 2
}

nav.bar .menu div.notifications #notifications-preview .notification-card .avatar-container .avatar {
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 50%;
    background-color: rgba(0,0,0,.05)
}

nav.bar .menu div.notifications #notifications-preview .notification-card .avatar-container .avatar svg {
    height: 86%;
    width: 86%;
    padding: 7%
}

nav.bar .menu div.notifications #notifications-preview .notification-card .title {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    text-align: left;
    padding-top: 16px;
    display: none
}

@media only screen and (min-width: 640px) {
    nav.bar .menu div.notifications #notifications-preview .notification-card .title {
        display:block
    }
}

nav.bar .menu div.notifications #notifications-preview .notification-card .title h4 {
    line-height: 18px;
    font-size: 14px;
    margin: 0;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap
}

nav.bar .menu div.notifications #notifications-preview .notification-card .message {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    justify-self: left;
    align-self: center;
    text-align: left;
    padding-bottom: 12px;
    width: 100px
}

@media only screen and (min-width: 640px) {
    nav.bar .menu div.notifications #notifications-preview .notification-card .message {
        width:172px
    }
}

nav.bar .menu div.notifications #notifications-preview .notification-card .message p {
    font-family: roboto condensed,sans-serif;
    line-height: 120%;
    font-weight: 300;
    font-size: 12px;
    margin: 0;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

nav.bar .menu div.notifications #notifications-preview .notification-card .message a {
    font-weight: 700
}

nav.bar .menu div.notifications #notifications-preview .notification-card .message a:hover {
    cursor: pointer;
    text-decoration: underline
}

nav.bar .menu div.notifications #notifications-preview .notification-card .relative-time {
    grid-column-start: 3;
    grid-row-start: 1;
    grid-row-end: 3;
    justify-self: center;
    align-self: center;
    font-size: 10px
}

nav.bar .menu div.notifications #notifications-preview .go-to-notifications {
    color: #ef5da8;
    text-align: center;
    border: none;
    display: block;
    margin: 0;
    padding: 10px
}

nav.bar .menu div.notifications #notifications-preview .go-to-notifications:hover {
    color: #d82790
}

nav.bar .menu div.notifications #notifications-preview .go-to-notifications:active {
    color: #ef5da8
}

nav.bar .menu div.notifications #notifications-preview .go-to-notifications b {
    font-weight: 900
}

.tooltip-nav-bar {
    padding: 2px 10px!important
}

.tooltip-nav-bar.place-top {
    margin-top: 1px!important
}

.account-profile__links {
    font-size: 18px;
    color: #fff;
    line-height: 24px;
    display: flex;
    text-align: center;
    justify-content: space-between
}

@media(min-width: 1280px) {
    .account-profile__links {
        display:block;
        text-align: left
    }
}

.account-profile__links>div>a,.account-profile__links>div>span,.account-profile__links>div>button {
    color: #fff;
    text-decoration: none;
    display: flex;
    margin-bottom: 20px
}

.account-profile__links>div>button {
    padding: 0;
    text-align: left
}

.account-profile__links>*:not(:first-child) {
    color: #fff
}

@media(min-width: 1280px) {
    .account-profile__links>*:not(:first-child) {
        padding-left:16px
    }
}

@media(min-width: 1280px) {
    .account-profile__links>*:not(:first-child)::before {
        content:"";
        border: .5px solid #fff;
        margin-right: 16px
    }
}

.account-profile__link-icon {
    position: relative;
    top: 5px
}

.account-profile__link-name {
    vertical-align: sub;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 20vw;
    overflow: hidden;
    display: block
}

@media(min-width: 1280px) {
    .account-profile__link-name {
        padding-left:8px;
        display: inline-block
    }
}

.account-profile__links--button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: unset;
    background-color: unset;
    border: unset;
    cursor: pointer;
    font-size: 18px;
    text-decoration: underline;
    line-height: 22px
}

.account-profile__links--button:focus {
    outline: none
}

.account-profile__share-container {
    display: flex;
    margin: 16px;
    justify-content: center
}

.account-profile {
    display: flex;
    margin: 0 16px 32px;
    position: relative;
    flex-direction: column
}

@media only screen and (min-width: 640px) {
    .account-profile {
        margin:0 0 32px
    }
}

@media(min-width: 1280px) {
    .account-profile {
        flex-direction:row
    }
}

.account-profile .account-profile__card {
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 16px 0 24px
}

@media(min-width: 1280px) {
    .account-profile .account-profile__card {
        margin:0 32px 0 0;
        width: 300px
    }
}

.account-profile .account-profile__card .card-wrap {
    background-color: #2a2c38;
    box-shadow: 6px 6px 1px 0 #16152d
}

.account-profile .account-profile__image {
    display: block;
    width: 300px;
    height: 300px;
    margin: 0 auto;
    background-color: #292c38;
    object-fit: cover
}

.account-profile .account-profile__stats {
    background-color: #323a5f;
    font-size: 16px
}

.account-profile .account-profile__stat {
    margin: 0;
    padding: 10px 16px 0;
    display: flex;
    justify-content: space-between
}

.account-profile .account-profile__stat .amount,.account-profile .account-profile__stat .ratio {
    text-align: right
}

.account-profile .account-profile__stat:last-of-type {
    padding-bottom: 10px
}

.account-profile .account-profile__upload {
    display: none
}

@media(min-width: 1280px) {
    .account-profile .account-profile__main {
        margin-left:16px
    }
}

.account-profile .account-profile__card-lower--edit .account-profile__stats {
    display: none
}

.account-profile .account-profile__card-lower--edit .account-profile__upload {
    display: flex;
    padding: 30px 31.5px;
    background-color: #292c38;
    justify-content: center
}

.account-profile .account-profile__sub-container {
    position: relative
}

.account-profile .account-profile__form {
    width: 100%;
    display: none;
    padding-top: 16px
}

@media(min-width: 1280px) {
    .account-profile .account-profile__form {
        padding-top:0
    }
}

.account-profile .account-profile__form label {
    padding-bottom: 2px;
    font-size: 16px;
    text-transform: uppercase;
    color: #cfcfcf
}

.account-profile .account-profile__form input,.account-profile .account-profile__form textarea {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.account-profile .account-profile__detail input {
    height: 32px;
    padding: 0 10px
}

.account-profile .account-profile__detail--discord {
    margin-right: 16px
}

.account-profile .account-profile__form-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 16px 0
}

.account-profile .account-profile__detail--description {
    height: 242px;
    width: 100%;
    padding: 10px
}

.account-profile .account-profile__info {
    overflow-y: auto;
    font-size: 16px;
    margin: 0 16px 24px
}

@media(min-width: 1280px) {
    .account-profile .account-profile__info {
        margin:0 0 24px
    }
}

.account-profile .account-profile__info h4 {
    font-family: lato,sans-serif;
    font-size: 14px;
    margin-top: 16px;
    margin-bottom: 24px
}

.accont-profile--edit .account-profile .account-profile__info:after {
    display: none
}

.account-profile .account-profile__actions {
    display: flex;
    margin-top: 16px
}

.account-profile .action__button {
    padding: 0 20px;
    height: 44px;
    border: solid 1px #00a3d0;
    font-size: 20px;
    transition: all .1s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    box-shadow: 3px 3px 0 #16152d
}

.account-profile .action__button:hover {
    transform: translate(-1px,-1px);
    box-shadow: 4px 4px 0 #16152d
}

.account-profile .action__button:hover:disabled {
    box-shadow: none;
    transform: none
}

.account-profile .action__button:active {
    outline: none;
    transform: translate(0px,0px);
    box-shadow: 0 0 0 #16152d
}

.account-profile .action__button:disabled {
    opacity: .6;
    box-shadow: none;
    transform: none;
    cursor: default
}

.account-profile .action__button--upload-image {
    background-color: #292c38;
    color: #00a3d0
}

.account-profile .action__button--save {
    margin-left: 16px;
    background-color: #00a3d0;
    color: #000
}

.account-profile .action__button--cancel {
    background-color: #292c38;
    color: #00a3d0;
    margin-left: auto
}

.account-profile--edit:after {
    z-index: 2;
    background-position: 0 -100%
}

.account-profile--edit .account-profile__form {
    z-index: 3;
    display: unset;
    opacity: 0;
    animation: fadeInForm .3s;
    animation-delay: .35s;
    animation-fill-mode: forwards
}

@keyframes fadeInForm {
    from {
        opacity: 0;
        width: 100%
    }

    to {
        opacity: 1;
        width: 100%
    }
}

.account-profile--edit .account-profile__main {
    width: 0;
    height: 0;
    opacity: 0;
    display: none
}

@media screen and (max-width: 600px) {
    .account-profile--edit:after {
        z-index:-1
    }

    .account-profile--edit .account-profile__main {
        display: none
    }

    .account-profile--edit .account-profile__form {
        animation: none;
        opacity: 1
    }

    .account-profile--edit .account-profile__form-inner {
        display: block
    }

    .account-profile--edit .account-profile__form-inner--email {
        margin-top: 16px
    }

    .account-profile--edit .action__button--cancel {
        margin-left: 0
    }

    .account-profile--edit .account-profile__actions {
        position: unset;
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin: 16px 0
    }
}

.account-tab {
    display: flex;
    justify-content: space-between
}

.account-tab>* {
    margin: 0 16px
}

@media only screen and (min-width: 640px) {
    .account-tab>* {
        margin:0
    }
}

.account-tab .account-tab__container {
    padding: 0;
    width: 100%
}

.account-tab .account-tab__sub-container {
    display: flex
}

.account-tab .account-tab__heading {
    padding-top: 32px;
    padding-bottom: 5px;
    margin: 0;
    font-size: 24px;
    color: #fff;
    text-shadow: 3px 2px #16152d;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 240px
}

@media only screen and (min-width: 640px) {
    .account-tab .account-tab__heading {
        font-size:32px;
        max-width: 400px
    }
}

@media(min-width: 1280px) {
    .account-tab .account-tab__heading {
        max-width:1000px
    }
}

.account-tab .account-tab__sub-heading {
    padding-bottom: 36px;
    margin: 0;
    font-size: 18px;
    font-weight: 400
}

.account-tab .account-tab__address {
    margin: 0 0 24px;
    font-size: 14px;
    font-weight: 300;
    color: rgba(255,255,255,.87)
}

.account-tab .account-tab__links {
    margin: 4px auto 18px;
    display: block
}

@media(min-width: 1280px) {
    .account-tab .account-tab__links {
        margin-bottom:32px
    }
}

.account-tab .account-tab__links .account-profile__link-icon {
    width: 18px
}

.account-tab .account-tab__links .account-profile__link-name {
    font-size: 12px
}

@media only screen and (min-width: 640px) {
    .account-tab .account-tab__links .account-profile__link-name {
        font-size:16px
    }
}

.account-tab--lend {
    background-color: #cf2e8c
}

.account-tab--lend .account__address {
    color: #2a2c37
}

.account-tab--borrow {
    background-color: #7d5fd7
}

.account-tab--stats {
    background-color: #36a3d0
}

.account-tab__button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 24px 0 0 12px;
    padding: 0;
    color: unset;
    background-color: unset;
    border: unset;
    cursor: pointer;
    box-shadow: coral
}

.account-tab__button .edit-icon {
    width: 16px;
    height: 16px
}

@media only screen and (min-width: 640px) {
    .account-tab__button .edit-icon {
        width:24px;
        height: 24px;
        margin-top: 14px
    }
}

.account-tab__button--edit {
    display: none
}

.allowance-ui {
    display: flex;
    flex-direction: column;
    padding: 16px;
    background: #292c38;
    margin-bottom: 24px;
    box-shadow: 6px 6px 1px 0 #16152d
}

.allowance-ui .loading-spinner {
    position: static;
    margin: 60px auto
}

.allowance-ui>h4 {
    margin: 0 0 16px
}

.allowance-ui>p {
    margin: 0 0 16px
}

@media(min-width: 1280px) {
    .allowance-ui>p {
        margin:0 20% 16px 0
    }
}

.allowance-ui pre {
    padding: 0;
    margin: 0;
    display: inline-block
}

.allowance-ui a {
    text-decoration: underline
}

.allowance-ui .allowance-table abbr {
    cursor: pointer
}

.allowance-ui .allowance-table .tooltip {
    height: auto;
    padding: 8px;
    max-width: 152px;
    opacity: 1
}

.allowance-ui .allowance-table .tooltip>p {
    margin: 0;
    font-weight: 400;
    font-family: Roboto,sans-serif;
    line-height: 1.2em;
    font-size: 12px;
    font-style: normal
}

.allowance-ui .allowance-table svg.tooltip-icon {
    margin: 0 0 0 5px
}

.allowance-ui .allowance-table>div.header,.allowance-ui .allowance-table>div>div>div:not(.tooltip) {
    display: flex;
    gap: 4px;
    flex-direction: column;
    align-items: left;
    margin-bottom: 24px;
    padding-bottom: 24px
}

@media(min-width: 1280px) {
    .allowance-ui .allowance-table>div.header,.allowance-ui .allowance-table>div>div>div:not(.tooltip) {
        flex-direction:row;
        align-items: center;
        border: 0;
        margin: 0;
        padding: 0
    }

    .allowance-ui .allowance-table>div.header .heading,.allowance-ui .allowance-table>div>div>div:not(.tooltip) .heading {
        display: none
    }
}

.allowance-ui .allowance-table>div.header>div {
    border-bottom: 0;
    display: flex;
    align-items: center
}

.allowance-ui .allowance-table>div>div>div:not(.tooltip) {
    border-bottom: 1px solid rgba(255,255,255,.1)
}

.allowance-ui .allowance-table>div>div>div:not(.tooltip) .fixed-width {
    width: 42px;
    display: inline-block
}

.allowance-ui .allowance-table>div>div>div:not(.tooltip) .wait {
    display: block;
    font-weight: 600;
    text-align: center
}

@media(min-width: 1280px) {
    .allowance-ui .allowance-table>div>div>div:not(.tooltip) {
        margin:0;
        padding: 4px 0
    }
}

.allowance-ui .allowance-table>div>div:last-child>div:last-child {
    border: 0;
    margin: 0;
    padding: 0
}

.allowance-ui .allowance-table>div.header {
    display: none
}

@media(min-width: 1280px) {
    .allowance-ui .allowance-table>div.header {
        gap:0 4px;
        display: flex
    }
}

@media(min-width: 1280px) {
    .allowance-ui .allowance-table>div.header>div {
        margin:0!important;
        padding: 0!important
    }
}

.allowance-ui .allowance-table>div>div>div>div {
    font-size: 12px;
    padding: 4px 0
}

.allowance-ui .allowance-table>div>div>div .btn,.allowance-ui .allowance-table>div>div>div .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .allowance-ui .allowance-table>div>div>div .register__submit {
    width: 100%
}

.allowance-ui .allowance-table>div.header>div:not(.tooltip) {
    font-size: 12px;
    font-weight: 600;
    height: 32px
}

.allowance-ui .allowance-table>div.header>div:nth-child(1),.allowance-ui .allowance-table>div>div>div>div:nth-child(1) {
    width: 100%
}

@media(min-width: 1280px) {
    .allowance-ui .allowance-table>div.header>div:nth-child(1),.allowance-ui .allowance-table>div>div>div>div:nth-child(1) {
        width:23%
    }
}

.allowance-ui .allowance-table>div.header>div:nth-child(2),.allowance-ui .allowance-table>div>div>div>div:nth-child(2) {
    width: 100%
}

@media(min-width: 1280px) {
    .allowance-ui .allowance-table>div.header>div:nth-child(2),.allowance-ui .allowance-table>div>div>div>div:nth-child(2) {
        width:25%
    }
}

.allowance-ui .allowance-table>div.header>div:nth-child(3),.allowance-ui .allowance-table>div>div>div>div:nth-child(3) {
    width: 100%
}

@media(min-width: 1280px) {
    .allowance-ui .allowance-table>div.header>div:nth-child(3),.allowance-ui .allowance-table>div>div>div>div:nth-child(3) {
        width:12%
    }
}

.allowance-ui .allowance-table>div.header>div:nth-child(4),.allowance-ui .allowance-table>div>div>div>div:nth-child(4) {
    width: 100%
}

@media(min-width: 1280px) {
    .allowance-ui .allowance-table>div.header>div:nth-child(4),.allowance-ui .allowance-table>div>div>div>div:nth-child(4) {
        width:15%
    }
}

.allowance-ui .allowance-table>div.header>div:nth-child(5),.allowance-ui .allowance-table>div>div>div>div:nth-child(5) {
    width: 100%
}

@media(min-width: 1280px) {
    .allowance-ui .allowance-table>div.header>div:nth-child(5),.allowance-ui .allowance-table>div>div>div>div:nth-child(5) {
        width:15%
    }
}

.allowance-ui .allowance-table>div.header>div:nth-child(6),.allowance-ui .allowance-table>div>div>div>div:nth-child(6) {
    width: 100%
}

@media(min-width: 1280px) {
    .allowance-ui .allowance-table>div.header>div:nth-child(6),.allowance-ui .allowance-table>div>div>div>div:nth-child(6) {
        width:15%
    }
}

.email-digest-ui {
    display: flex;
    flex-direction: column;
    padding: 16px;
    background: #292c38;
    margin-bottom: 24px;
    box-shadow: 6px 6px 1px 0 #16152d
}

.email-digest-ui>h4 {
    margin: 0 0 16px
}

.email-digest-ui>p {
    margin: 0 0 16px
}

@media(min-width: 1280px) {
    .email-digest-ui>p {
        margin:0 20% 16px 0
    }
}

.email-digest-ui .radio-buttons {
    display: flex;
    flex-direction: row;
    gap: 24px
}

.account-page .asset-container {
    opacity: 1;
    transition: opacity .3s;
    transition-delay: 350ms
}

.account-page .asset-container--edit {
    opacity: 0
}

.asset-info {
    display: flex;
    justify-content: left;
    padding: 40px 0;
    margin-bottom: 64px;
    max-width: 100%;
    position: relative;
    flex-direction: column
}

@media(min-width: 1280px) {
    .asset-info {
        flex-direction:row
    }
}

.asset-info .properties {
    font-size: 16px;
    margin-bottom: 8px
}

.asset-info .properties>div {
    margin-bottom: 8px
}

.asset-info .properties .label {
    text-transform: uppercase;
    margin-right: 5px;
    font-weight: 600
}

.asset-info .properties .value {
    text-transform: uppercase;
    color: #fff
}

@media screen and (max-width: 768px) {
    .asset-info {
        flex-direction:column;
        padding: 16px
    }
}

.asset-info .container {
    padding: 0;
    flex: 1
}

@media(min-width: 1280px) {
    .asset-info .container {
        margin-right:40px
    }
}

@media screen and (max-width: 768px) {
    .asset-info .container {
        display:flex;
        flex-direction: column;
        padding-bottom: 8px
    }
}

.asset-info .container .image,.asset-info .container .video {
    display: block;
    background-color: #292c38;
    object-fit: cover;
    width: 100%;
    margin-right: 40px;
    box-shadow: 3px 3px 0 #16152d
}

.asset-info .asset-info__container {
    display: flex;
    flex-direction: column;
    margin-top: 16px
}

@media(min-width: 1280px) {
    .asset-info .asset-info__container {
        margin-top:0;
        overflow: hidden;
        flex: 0 0 700px;
        padding: 0 0 48px
    }
}

.asset-info .asset-info__category {
    margin: 0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    padding-top: 2px
}

.asset-info .asset-info__name {
    margin: 0 0 8px;
    font-size: 30px;
    font-weight: 500;
    text-shadow: 3px 2px #16152d
}

.asset-info .asset-info__links {
    display: flex;
    justify-content: center;
    position: relative;
    height: 0;
    width: 250px;
    top: 10px;
    margin-right: 24px;
    font-size: 11px
}

.asset-info .asset-info__owner {
    margin: 0
}

.asset-info .asset-info__owner a {
    margin: 0 8px 0 4px;
    color: #fff
}

.asset-info .asset-info__external-link {
    margin: 0 0 16px
}

.asset-info .asset-info__external-link a {
    padding-left: 8px;
    color: #fff
}

.asset-info .asset-info__external-link::before {
    content: "";
    border: .5px solid #fff
}

.asset-info .asset-info__desired-terms {
    margin: 0 0 16px;
    font-weight: 300;
    font-size: 21px;
    color: #fff
}

@media screen and (max-width: 768px) {
    .asset-info .asset-info__desired-terms {
        margin-bottom:10px
    }
}

.asset-info .asset-info__description {
    flex-grow: 1;
    margin: 0 0 32px;
    font-size: 14px;
    color: #fff;
    white-space: pre-line;
    width: 600px;
    overflow: hidden;
    text-overflow: ellipsis
}

.asset-info .asset-info__button {
    align-self: baseline;
    padding: 0 24px;
    height: 44px;
    margin: 32px 8px 0 0;
    border-radius: 0;
    border: none;
    font-size: 18px;
    color: #fff;
    transition: all .1s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    background-color: #2c2a2a;
    box-shadow: 3px 3px 0 #16152d
}

.asset-info .asset-info__button:hover {
    transform: translate(-1px,-1px);
    box-shadow: 4px 4px 0 #16152d
}

.asset-info .asset-info__button:hover:disabled {
    box-shadow: none;
    transform: none
}

.asset-info .asset-info__button:active {
    outline: none;
    transform: translate(0px,0px);
    box-shadow: 0 0 0 #16152d
}

.asset-info .asset-info__button:disabled {
    opacity: .6;
    box-shadow: none;
    transform: none;
    cursor: default
}

.asset-info .asset-info__button:focus {
    outline: none
}

.asset-info .asset-info__button--cancel {
    margin-top: 8px
}

.asset-info .button--disabled,.asset-info:disabled {
    box-shadow: none
}

.asset-info .button--disabled--listed,.asset-info .button--disabled--offer,.asset-info:disabled--listed,.asset-info:disabled--offer {
    background-color: rgba(58,255,255,.6)
}

.asset-info .button--disabled--escrow,.asset-info:disabled--escrow {
    background-color: #4c5241
}

.asset-info .button--disabled--defaulted,.asset-info:disabled--defaulted {
    background-color: #7d5fd7
}

.asset-info .button--disabled:hover,.asset-info:disabled:hover {
    cursor: not-allowed;
    box-shadow: none;
    transform: none
}

.asset-info .container__back-button {
    display: flex;
    justify-content: flex-end;
    height: 0;
    width: 32px
}

.asset-info .container__button-bar {
    right: 0;
    display: flex;
    position: absolute
}

@media screen and (max-width: 768px) {
    .asset-info .container__button-bar {
        display:none
    }
}

.asset-info .back-button,.asset-info .refresh-button {
    background-repeat: no-repeat;
    background-size: contain;
    background-color: initial;
    border: none;
    min-width: 26px;
    height: 26px;
    margin-left: -40px;
    cursor: pointer;
    box-shadow: 1px 2px 5px 0 rgba(0,0,0,.4);
    border-radius: 50%;
    transition: all .1s;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.asset-info .back-button:focus,.asset-info .refresh-button:focus {
    outline: none
}

.asset-info .back-button:hover,.asset-info .refresh-button:hover {
    transform: translate(0px,-1px);
    box-shadow: 1px 4px 5px 0 rgba(0,0,0,.4)
}

.asset-info .back-button:active,.asset-info .refresh-button:active {
    transform: translate(0px,0px);
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,.4)
}

.asset-info .back-button {
    background-image: url(../../images/svg/back.svg)
}

.asset-info .refresh-button {
    background-image: url(../../images/svg/refresh.svg)
}

.info-bubble {
    background: #292c38;
    height: 27px;
    padding: 9px 13px 7px;
    position: relative;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    margin-left: 8px;
    font-size: 16px
}

.info-bubble a {
    color: #fff
}

.info-bubble .info-bubble__button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    min-width: 60px;
    height: 27px;
    margin: auto auto auto 12px;
    padding-top: 1px;
    border-radius: 5px;
    box-shadow: 1px 2px 5px 0 rgba(0,0,0,.3);
    background-color: #38ffa6;
    border: 1px solid #38ffa6;
    font-size: 14px;
    font-weight: 600;
    color: #292c38;
    cursor: pointer;
    transition: all .1s;
    transition-timing-function: cubic-bezier(.4,0,.2,1)
}

.info-bubble .info-bubble__button:hover {
    cursor: pointer;
    transform: translate(0px,-1px);
    box-shadow: 1px 4px 5px 0 rgba(0,0,0,.4)
}

.info-bubble .info-bubble__button:active {
    transform: translate(0px,0px);
    box-shadow: 1px 1px 3px 0 rgba(0,0,0,.4)
}

.info-bubble .info-bubble__button:focus {
    outline: none
}

.info-bubble .icon {
    position: absolute;
    top: 12px
}

.info-bubble .text {
    padding-left: 30px;
    line-height: 28px
}

.info-bubble.no-arrow {
    margin-left: 0
}

.info-bubble:not(.no-arrow):after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-right-color: #292c38;
    border-left: 0;
    margin-top: -9px;
    margin-left: -9px
}

.asset-card__offer,.asset-card__terms {
    display: flex;
    flex-direction: column
}

@media(min-width: 1280px) {
    .asset-card__offer,.asset-card__terms {
        flex-direction:row
    }
}

.asset-card__offer label,.asset-card__terms label {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff
}

.asset-card__offer .offer__terms--cta,.asset-card__terms .offer__terms--cta {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    color: #cfcfcf
}

.asset-card__offer .offer__detail,.asset-card__offer .offer__terms,.asset-card__terms .offer__detail,.asset-card__terms .offer__terms {
    width: 180px;
    margin-right: 24px;
    margin-top: 24px
}

@media(min-width: 1280px) {
    .asset-card__offer .offer__detail,.asset-card__offer .offer__terms,.asset-card__terms .offer__detail,.asset-card__terms .offer__terms {
        margin-top:4px
    }
}

.asset-card__offer .offer__detail .loan-currency,.asset-card__offer .offer__terms .loan-currency,.asset-card__terms .offer__detail .loan-currency,.asset-card__terms .offer__terms .loan-currency {
    width: 80px;
    padding: 8px;
    font-size: 14px;
    border: none;
    border-radius: 0;
    background-color: #d8d8d8;
    color: #292c38
}

.asset-card__offer .offer__detail select,.asset-card__offer .offer__terms select,.asset-card__terms .offer__detail select,.asset-card__terms .offer__terms select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 160px;
    height: 37px;
    padding: 0 8px;
    background-image: url(../../images/svg/down.svg);
    background-position: right 8px center;
    background-repeat: no-repeat;
    border: none;
    font-size: 16px;
    color: #292c38
}

.asset-card__offer .offer__detail select:focus,.asset-card__offer .offer__terms select:focus,.asset-card__terms .offer__detail select:focus,.asset-card__terms .offer__terms select:focus {
    outline: none
}

.asset-card__offer .offer__detail select.duration,.asset-card__offer .offer__terms select.duration,.asset-card__terms .offer__detail select.duration,.asset-card__terms .offer__terms select.duration {
    margin-top: 4px
}

.asset-card__offer .offer__detail.apr,.asset-card__offer .offer__terms.apr,.asset-card__terms .offer__detail.apr,.asset-card__terms .offer__terms.apr {
    width: auto
}

.asset-card__offer .offer__terms--container,.asset-card__terms .offer__terms--container {
    margin-right: 24px
}

.asset-card__offer .offer__terms--option,.asset-card__terms .offer__terms--option {
    display: flex
}

.asset-card__offer .offer__terms--radio,.asset-card__terms .offer__terms--radio {
    padding: 8px 0 16px
}

.asset-card__offer .offer__terms--radio input:checked,.asset-card__offer .offer__terms--radio input:not(:checked),.asset-card__terms .offer__terms--radio input:checked,.asset-card__terms .offer__terms--radio input:not(:checked) {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: none;
    margin: 0 8px 0 0
}

.asset-card__offer .offer__terms--radio label,.asset-card__terms .offer__terms--radio label {
    position: relative;
    text-transform: none;
    padding-left: 28px;
    padding-right: 12px;
    margin-right: 8px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block
}

.asset-card__offer .offer__terms--radio label:before,.asset-card__terms .offer__terms--radio label:before {
    content: "";
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    background: #2c2a2a;
    border: 1px solid #fff
}

.asset-card__offer .offer__terms--radio input:checked+label:after,.asset-card__terms .offer__terms--radio input:checked+label:after {
    content: "";
    position: absolute;
    left: 4px;
    top: 4px;
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%
}

.asset-card__offer .offer__terms--link,.asset-card__terms .offer__terms--link {
    color: #cfcfcf;
    text-transform: none
}

.asset-card__offer .offer__detail--input,.asset-card__offer .offer__terms--input,.asset-card__terms .offer__detail--input,.asset-card__terms .offer__terms--input {
    display: grid;
    padding-bottom: 3px;
    margin-top: 4px
}

.asset-card__offer .offer__detail--input input,.asset-card__offer .offer__terms--input input,.asset-card__terms .offer__detail--input input,.asset-card__terms .offer__terms--input input {
    max-width: 84px;
    padding: 0 8px;
    border-right: 0;
    border: none;
    font-size: 16px
}

.asset-card__offer .offer__detail--input input:focus,.asset-card__offer .offer__terms--input input:focus,.asset-card__terms .offer__detail--input input:focus,.asset-card__terms .offer__terms--input input:focus {
    outline: none
}

.asset-card__offer .offer__detail--input input::-webkit-outer-spin-button,.asset-card__offer .offer__detail--input input::-webkit-inner-spin-button,.asset-card__offer .offer__terms--input input::-webkit-outer-spin-button,.asset-card__offer .offer__terms--input input::-webkit-inner-spin-button,.asset-card__terms .offer__detail--input input::-webkit-outer-spin-button,.asset-card__terms .offer__detail--input input::-webkit-inner-spin-button,.asset-card__terms .offer__terms--input input::-webkit-outer-spin-button,.asset-card__terms .offer__terms--input input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.asset-card__offer .offer__detail--input input[type=number],.asset-card__offer .offer__terms--input input[type=number],.asset-card__terms .offer__detail--input input[type=number],.asset-card__terms .offer__terms--input input[type=number] {
    -moz-appearance: textfield
}

.asset-card__offer .offer__detail--value,.asset-card__offer .offer__terms--input,.asset-card__terms .offer__detail--value,.asset-card__terms .offer__terms--input {
    grid-template-columns: 1fr 60px;
    width: 160px
}

.asset-card__offer .offer__detail--duration,.asset-card__terms .offer__detail--duration {
    width: 160px
}

.asset-card__offer .offer__detail--apr,.asset-card__terms .offer__detail--apr {
    grid-template-columns: 70px 24px
}

.asset-card__offer .offer__validation,.asset-card__terms .offer__validation {
    visibility: hidden
}

.asset-card__offer .offer__validation--required,.asset-card__offer .offer__validation--invalid,.asset-card__terms .offer__validation--required,.asset-card__terms .offer__validation--invalid {
    display: block;
    font-size: 12px;
    text-transform: none;
    color: #fff;
    height: 0;
    position: relative;
    top: 1px
}

.asset-card__offer .offer__terms--required,.asset-card__terms .offer__terms--required {
    display: block;
    font-size: 14px;
    text-transform: none;
    height: 0;
    position: relative;
    top: 1px;
    color: #fff
}

.asset-card__offer .offer__detail--percentage,.asset-card__terms .offer__detail--percentage {
    margin: 5px 0 0 8px;
    height: 32px;
    font-size: 21px;
    color: #fff
}

.asset-list .asset {
    width: 100%;
    box-shadow: 1px 1px 0 0 #000;
    margin-top: 8px;
    position: relative;
    box-sizing: border-box
}

@media(min-width: 1280px) {
    .asset-list .asset.row {
        width:unset
    }
}

.asset-list .asset:hover a.opensea-link {
    display: block
}

.asset-list .asset div.card-link,.asset-list .asset a.card-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #221e37
}

.asset-list .asset a.opensea-link {
    display: none;
    color: #cf2e8c;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 8px;
    z-index: 2
}

.asset-list .asset a.opensea-link svg {
    width: 24px;
    height: 24px
}

.asset-list .asset a.opensea-link:hover {
    color: #ff0597
}

.asset-list .asset.borrow a.opensea-link {
    color: #7d5fd7
}

.asset-list .asset img {
    height: 46vw;
    background-color: #33315c;
    object-fit: cover;
    width: 100%
}

@media only screen and (min-width: 640px) {
    .asset-list .asset img {
        height:145px
    }
}

@media(min-width: 1280px) {
    .asset-list .asset img {
        height:209px
    }
}

.asset-list .asset .status {
    display: inline-block;
    box-shadow: 2px 2px 0 0 #16152d;
    color: #fff;
    width: fit-content;
    padding: 1px 4px;
    text-align: center;
    min-width: 60px;
    position: relative;
    font-size: 10px;
    text-transform: uppercase;
    border-radius: 8px;
    top: -10px
}

@media(min-width: 1280px) {
    .asset-list .asset .status {
        font-size:12px
    }
}

.asset-list .asset.listed .status {
    background-color: #cf2e8c
}

.asset-list .asset.escrow .status {
    background-color: #36a3d0
}

.asset-list .asset.defaulted .status {
    background-color: #d8274c
}

.asset-list .asset.unlisted .status {
    background-color: #882358
}

.asset-list .asset .sub-container {
    padding: 0 8px 0;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    height: 86px;
    max-width: 140px
}

@media(min-width: 1280px) {
    .asset-list .asset .sub-container {
        max-width:178px
    }
}

.asset-list .asset .sub-container .name,.asset-list .asset .sub-container .project {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.asset-list .asset .sub-container .project-with-icon svg {
    color: #7d5fd7;
    height: 16px;
    width: 16px;
    margin-right: 5px;
    transform: translateY(3px)
}

@media(min-width: 1280px) {
    .asset-list .asset .sub-container {
        padding:0 16px 0;
        height: 96px
    }

    .asset-list .asset .sub-container .project {
        font-size: 12px;
        margin-top: 4px;
        text-align: center;
        position: relative
    }

    .asset-list .asset .sub-container .name {
        margin-top: 2px;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.2;
        text-align: center;
        color: #fff
    }

    .asset-list .asset .sub-container .last-price {
        margin: 16px 0 0;
        font-family: Roboto;
        font-size: 12px;
        font-weight: 300;
        color: #fff
    }
}

.asset-list .asset.booster-normal,.asset-list .asset.boosted-bluechip,.asset-list .asset.boosted-vip {
    padding: 25px 6px
}

.asset-list .asset.booster-normal img,.asset-list .asset.boosted-bluechip img,.asset-list .asset.boosted-vip img {
    height: 120px
}

@media(min-width: 1280px) {
    .asset-list .asset.booster-normal img,.asset-list .asset.boosted-bluechip img,.asset-list .asset.boosted-vip img {
        height:184px
    }
}

.asset-list .asset.booster-normal .sub-container,.asset-list .asset.boosted-bluechip .sub-container,.asset-list .asset.boosted-vip .sub-container {
    padding-bottom: 0;
    height: 61px
}

@media(min-width: 1280px) {
    .asset-list .asset.booster-normal .sub-container,.asset-list .asset.boosted-bluechip .sub-container,.asset-list .asset.boosted-vip .sub-container {
        height:71px
    }
}

.asset-list .asset.booster-normal a.opensea-link,.asset-list .asset.boosted-bluechip a.opensea-link,.asset-list .asset.boosted-vip a.opensea-link {
    top: 12px
}

.asset-list .asset.boosted-bluechip {
    background-color: #d2d2d2;
    border-radius: 3px
}

.asset-list .asset.boosted-vip {
    background-color: #ecce7d;
    border-radius: 3px
}

.asset-list .asset .boosted-heading,.asset-list .asset .boosted-footer {
    position: absolute;
    font-family: roboto,arial,sans-serif;
    line-height: 25px;
    text-transform: uppercase;
    font-style: italic;
    top: 0;
    left: 0;
    text-align: center;
    width: 100%;
    color: #34333f
}

@media only screen and (min-width: 640px) {
    .asset-list .asset .boosted-heading,.asset-list .asset .boosted-footer {
        font-size:13px;
        letter-spacing: 0
    }
}

@media(min-width: 1280px) {
    .asset-list .asset .boosted-heading,.asset-list .asset .boosted-footer {
        font-size:16px;
        letter-spacing: 1px
    }
}

.asset-list .asset .boosted-heading svg path,.asset-list .asset .boosted-footer svg path {
    fill: #34333f
}

.asset-list .asset .boosted-heading {
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center
}

.asset-list .asset .boosted-heading svg {
    height: 16px;
    width: 16px;
    vertical-align: text-top
}

.asset-list .asset .boosted-footer {
    top: unset;
    bottom: 0
}

.asset-list .asset.boosted-vip .boosted-heading {
    color: #48360c
}

.asset-list .asset.boosted-vip .boosted-heading svg path {
    fill: #48360c
}

.asset-list .asset.boosted-vip .boosted-footer {
    color: #48360c
}

.asset-list .carousel-index {
    position: absolute;
    top: 10px;
    right: 8px;
    z-index: 3;
    background: #7d5fd7;
    color: #fff;
    display: block;
    padding: 4px 6px;
    border-radius: 50px;
    font-size: 11px;
    box-shadow: 1px 1px 0 #000
}

.asset-list .carousel {
    background: #16152d
}

@media only screen and (min-width: 640px) {
    .asset-list .carousel .carousel-viewport {
        height:145px!important;
        min-height: 145px!important;
        width: 145px!important;
        min-width: 145px!important
    }
}

@media(min-width: 1280px) {
    .asset-list .carousel .carousel-viewport {
        height:209px!important;
        min-height: 209px!important;
        width: 209px!important;
        min-width: 209px!important
    }
}

.asset-list .carousel .carousel-track .carousel-slide {
    overflow: hidden
}

@media only screen and (min-width: 640px) {
    .asset-list .carousel .carousel-track .carousel-slide {
        height:145px!important;
        min-height: 145px!important;
        width: 145px!important;
        min-width: 145px!important
    }
}

@media(min-width: 1280px) {
    .asset-list .carousel .carousel-track .carousel-slide {
        height:209px!important;
        min-height: 209px!important;
        width: 209px!important;
        min-width: 209px!important
    }
}

.asset-list .carousel .carousel-track .carousel-slide img {
    height: 100%;
    width: auto;
    display: block;
    margin: 0 auto
}

.asset-list .carousel .carousel-arrow {
    color: #7d5fd7;
    border: 0!important;
    top: calc(50% - 16px);
    height: 32px;
    width: 32px;
    background: 0 0
}

.asset-list .carousel .carousel-arrow svg {
    height: 16px;
    width: 16px
}

.asset-list .carousel .carousel-arrow::before {
    content: none
}

.asset-list .carousel .carousel-arrow.carousel-left-arrow {
    left: 0;
    transform: rotate(90deg)
}

.asset-list .carousel .carousel-arrow.carousel-left-arrow svg {
    filter: drop-shadow(1px -1px 0px black)
}

.asset-list .carousel .carousel-arrow.carousel-right-arrow {
    right: 0;
    transform: rotate(-90deg)
}

.asset-list .carousel .carousel-arrow.carousel-right-arrow svg {
    filter: drop-shadow(-1px 1px 0px black)
}

.account-page a.opensea-link {
    color: #7d5fd7!important
}

.lend-page .asset-list .asset .sub-container .project-with-icon svg {
    color: #d82790
}

.lend-page .carousel-arrow {
    color: #d82790!important
}

.lend-page .carousel-index {
    background: #d82790!important
}

.offer-card {
    display: grid;
    grid-template: repeat(3,1fr)/3fr 3fr 2fr;
    grid-gap: 16px 20px;
    background-color: #221e37;
    padding: 24px 16px
}

@media(min-width: 1280px) {
    .offer-card {
        max-width:187px
    }
}

.offer-card .title {
    font-family: roboto condensed,sans-serif;
    font-size: 12px
}

.offer-card .value {
    font-family: roboto mono,sans-serif
}

.offer-card .value .loading-spinner {
    animation: spin 1s linear infinite;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px
}

@keyframes spin {
    0% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    6.25% {
        box-shadow: 0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px 8px -2px #fff,0 30px 16px 4px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    12.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px 8px -2px #fff,-10px 30px 16px 4px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    18.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px 8px -2px #fff,-20px 20px 16px 4px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px 8px -2px #fff,-30px 10px 16px 4px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    31.25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px 8px -2px #fff,-30px 0 16px 4px #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    37.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #cf2e8c,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 8px -2px #fff,-30px -10px 16px 4px #cf2e8c,-20px -20px transparent,-10px -30px transparent
    }

    43.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #cf2e8c,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px 8px -2px #fff,-20px -20px 16px 4px #cf2e8c,-10px -30px transparent
    }

    50% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #cf2e8c,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px 8px -2px #fff,-10px -30px 16px 4px #cf2e8c
    }

    56.25% {
        box-shadow: 0 -30px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px 8px -2px #fff,0 -30px 16px 4px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    62.5% {
        box-shadow: 0 -30px #fff,10px -30px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px 8px -2px #fff,10px -30px 16px 4px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    68.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px 8px -2px #fff,20px -20px 16px 4px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px 8px -2px #fff,30px -10px 16px 4px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    81.25% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px 8px -2px #fff,30px 0 16px 4px #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff
    }

    87.5% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 8px -2px #fff,30px 10px 16px 4px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff
    }

    93.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2),0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px 8px -2px #fff,20px 20px 16px 4px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2)
    }

    100% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }
}

.offer-card .value .accent-color {
    color: #cf2e8c
}

.offer-card .value .accent-secondary-color {
    color: #fff
}

.offer-card .value .accent-color-background {
    background-color: #cf2e8c
}

.offer-card .value .accent-secondary-color-background {
    background-color: #fff
}

.offer-card .value .accent-color-border {
    border-color: #cf2e8c
}

.offer-card .value .accent-color-fill {
    fill: #cf2e8c
}

.offer-card .value .accent-color-selection::selection {
    color: #fff;
    background: #cf2e8c
}

.offer-card .value .accent-color::placeholder {
    color: #cf2e8c;
    opacity: .7
}

.offer-card .value .toggle-switch input:checked+.slider {
    background-color: #cf2e8c
}

.offer-card .value .filter .search {
    color: #cf2e8c
}

.offer-card .value .filter label.checkbox .checkmark:after {
    border: solid #cf2e8c
}

.offer-card .value .filter label.checkbox:hover input~.checkmark {
    border-color: inherit
}

@media(hover: hover) {
    .offer-card .value .filter label.checkbox:hover input~.checkmark {
        border-color:#cf2e8c
    }
}

.offer-card .value .filter .count {
    background-color: #cf2e8c
}

.offer-card .value .filter .chevron {
    border: solid #cf2e8c
}

.offer-card .value .btn,.offer-card .value .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .offer-card .value .register__submit {
    background-color: #cb2b83;
    border-color: #cb2b83
}

.offer-card .value .btn:hover,.offer-card .value .landing-page section.subscribe form .register__submit:hover,.landing-page section.subscribe form .offer-card .value .register__submit:hover {
    background-color: #d13e8f;
    border-color: #d13e8f
}

.offer-card .value .btn:active,.offer-card .value .landing-page section.subscribe form .register__submit:active,.landing-page section.subscribe form .offer-card .value .register__submit:active {
    background-color: #a61d6e;
    border-color: #a61d6e
}

.offer-card .value .btn.white,.offer-card .value .landing-page section.subscribe form .white.register__submit,.landing-page section.subscribe form .offer-card .value .white.register__submit {
    color: #dbdadd;
    border-color: #dbdadd
}

.offer-card .value .btn.white:not(.btn-hollow),.offer-card .value .landing-page section.subscribe form .white.register__submit:not(.btn-hollow),.landing-page section.subscribe form .offer-card .value .white.register__submit:not(.btn-hollow) {
    background-color: #dbdadd
}

.offer-card .value .btn.white:hover,.offer-card .value .landing-page section.subscribe form .white.register__submit:hover,.landing-page section.subscribe form .offer-card .value .white.register__submit:hover {
    color: #fff;
    border-color: #fff
}

.offer-card .value .btn.white:hover:not(.btn-hollow),.offer-card .value .landing-page section.subscribe form .white.register__submit:hover:not(.btn-hollow),.landing-page section.subscribe form .offer-card .value .white.register__submit:hover:not(.btn-hollow) {
    background-color: #fff
}

.offer-card .value .btn.white:active,.offer-card .value .landing-page section.subscribe form .white.register__submit:active,.landing-page section.subscribe form .offer-card .value .white.register__submit:active {
    color: #aeaeae;
    border-color: #aeaeae
}

.offer-card .value .btn.white:active:not(.btn-hollow),.offer-card .value .landing-page section.subscribe form .white.register__submit:active:not(.btn-hollow),.landing-page section.subscribe form .offer-card .value .white.register__submit:active:not(.btn-hollow) {
    background-color: #aeaeae
}

.offer-card .value .btn.white:disabled,.offer-card .value .landing-page section.subscribe form .white.register__submit:disabled,.landing-page section.subscribe form .offer-card .value .white.register__submit:disabled {
    color: #dbdadd;
    border-color: rgba(219,218,221,.6)
}

.offer-card .value .btn:disabled,.offer-card .value .landing-page section.subscribe form .register__submit:disabled,.landing-page section.subscribe form .offer-card .value .register__submit:disabled {
    background-color: rgba(253,0,148,.6);
    border-color: rgba(253,0,148,.6)
}

.offer-card .value .btn.hollow,.offer-card .value .landing-page section.subscribe form .hollow.register__submit,.landing-page section.subscribe form .offer-card .value .hollow.register__submit {
    background-color: transparent;
    border: 1px solid #cb2b83
}

.offer-card .value .btn.hollow:hover,.offer-card .value .landing-page section.subscribe form .hollow.register__submit:hover,.landing-page section.subscribe form .offer-card .value .hollow.register__submit:hover {
    border: 1px solid #d13e8f
}

.offer-card .value .btn.hollow:active,.offer-card .value .landing-page section.subscribe form .hollow.register__submit:active,.landing-page section.subscribe form .offer-card .value .hollow.register__submit:active {
    border: 1px solid #a61d6e
}

.offer-card .value .btn.hollow:disabled,.offer-card .value .landing-page section.subscribe form .hollow.register__submit:disabled,.landing-page section.subscribe form .offer-card .value .hollow.register__submit:disabled {
    border: 1px solid rgba(253,0,148,.6)
}

.offer-card .value .link-color {
    color: #cf2e8c
}

.offer-card .value .link-color svg {
    fill: #cf2e8c
}

.offer-card .value .link-color:hover {
    color: #d858a4
}

.offer-card .value .link-color:hover svg {
    color: #d858a4;
    fill: #d858a4
}

.offer-card .value .link-color:active {
    color: #a61d6e
}

.offer-card .value .link-color:active svg {
    color: #a61d6e;
    fill: #a61d6e
}

.offer-card .value .react-select__indicator-separator {
    background-color: #cf2e8c
}

.offer-card .value .react-select__indicator {
    color: #fd0094
}

.offer-card .value .react-select__option {
    cursor: pointer
}

.offer-card .value .react-select__option:active {
    background-color: #fd0094
}

.offer-card .value .react-select__option--is-selected {
    background-color: #cf2e8c
}

.offer-card .value .react-select__option--is-focused {
    background-color: #bc4189
}

.offer-card .value input[type=text]:focus-visible,.offer-card .value input[type=number]:focus-visible {
    border: none;
    outline: 1px solid #cf2e8c
}

.offer-card .value span {
    font-size: 10px
}

.offer-card button {
    grid-column: 1/span 3;
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 14px;
    margin-top: 8px
}

.card-skeleton {
    display: grid;
    grid-template: 3fr 1fr 1fr/1fr;
    background-color: #221e37;
    grid-gap: 16px;
    padding: 10px
}

.card-skeleton .grey {
    background-color: #16152b;
    min-width: 40px;
    min-height: 30px;
    border-radius: 5px;
    overflow: hidden
}

@keyframes slide {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(300%)
    }
}

.card-skeleton .grey:after {
    content: "";
    transform: translateX(100%);
    width: 33%;
    display: block;
    height: 100%;
    z-index: 1;
    animation: slide 1s infinite;
    background: rgba(255,255,255,.13);
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.05) 40%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0.05) 80%,rgba(255,255,255,0) 100%)
}

#asset-in-escrow-panel {
    padding: 24px 16px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    min-height: 410px
}

@media(min-width: 1280px) {
    #asset-in-escrow-panel {
        min-height:auto
    }
}

#asset-in-escrow-panel .error-copy {
    font-size: 10px;
    font-style: italic;
    font-weight: 300;
    align-self: center;
    margin: 3px 0
}

#asset-in-escrow-panel.lend {
    background-color: #450c2e
}

#asset-in-escrow-panel.lend .renegotiation-offer-received {
    background-color: #cf2e8c
}

#asset-in-escrow-panel.borrow {
    background-color: #2f1e59
}

#asset-in-escrow-panel.borrow .renegotiation-offer-received {
    background-color: #7d5fd7
}

#asset-in-escrow-panel.borrow .meter-container .meter .progress {
    background-color: #7d5fd7
}

#asset-in-escrow-panel>.title {
    font-size: 16px;
    font-weight: 600;
    margin: 0 8px
}

#asset-in-escrow-panel .sub-title {
    color: #cbc9e4;
    font-family: Roboto,sans-serif;
    font-size: 14px;
    line-height: 22px;
    margin-top: 0;
    margin-bottom: 0
}

#asset-in-escrow-panel .sub-title .meter-container {
    margin: 0 0 8px
}

#asset-in-escrow-panel .renegotiation-offer-received {
    color: #fff;
    border-radius: 100px;
    padding: 4px;
    display: flex;
    align-items: center
}

#asset-in-escrow-panel .renegotiation-offer-received span {
    font-size: 12px
}

#asset-in-escrow-panel .renegotiation-offer-received svg {
    width: 20px;
    height: 20px;
    margin: 0 8px 0 4px
}

#asset-in-escrow-panel .loan-details {
    display: grid;
    grid-template-columns: 3fr 1fr;
    row-gap: 4px;
    column-gap: 24px;
    margin-bottom: 8px
}

#asset-in-escrow-panel .loan-details .header {
    font-family: Lato,sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 700
}

#asset-in-escrow-panel .loan-details .body {
    font-family: roboto,sans-serif;
    font-size: 18px;
    line-height: 24px
}

#asset-in-escrow-panel .loan-details :nth-child(even) {
    justify-self: end
}

#asset-in-escrow-panel .buttons {
    display: flex;
    margin-top: 12px
}

#asset-in-escrow-panel .buttons.flex-column {
    flex-direction: column
}

#asset-in-escrow-panel .buttons.flex-column .btn:not(:last-of-type),#asset-in-escrow-panel .buttons.flex-column .landing-page section.subscribe form .register__submit:not(:last-of-type),.landing-page section.subscribe form #asset-in-escrow-panel .buttons.flex-column .register__submit:not(:last-of-type) {
    margin-bottom: 4px
}

#asset-in-escrow-panel .buttons button.btn,#asset-in-escrow-panel .buttons .landing-page section.subscribe form button.register__submit,.landing-page section.subscribe form #asset-in-escrow-panel .buttons button.register__submit {
    font-size: 14px;
    font-weight: 400;
    padding: 8px 24px;
    flex-grow: 4
}

#asset-in-escrow-panel .buttons button.btn:last-child,#asset-in-escrow-panel .buttons .landing-page section.subscribe form button.register__submit:last-child,.landing-page section.subscribe form #asset-in-escrow-panel .buttons button.register__submit:last-child {
    margin-right: 0!important
}

#asset-in-escrow-panel .buttons button.btn.step-back,#asset-in-escrow-panel .buttons .landing-page section.subscribe form button.step-back.register__submit,.landing-page section.subscribe form #asset-in-escrow-panel .buttons button.step-back.register__submit {
    margin-right: 8px;
    box-shadow: none
}

#asset-in-escrow-panel .buttons button.btn.step-button-with-margin,#asset-in-escrow-panel .buttons .landing-page section.subscribe form button.step-button-with-margin.register__submit,.landing-page section.subscribe form #asset-in-escrow-panel .buttons button.step-button-with-margin.register__submit {
    margin-right: 10px
}

#asset-in-escrow-panel .buttons button.btn.step-back:not(.cancel):not(.ok):not(.fullwidth),#asset-in-escrow-panel .buttons .landing-page section.subscribe form button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth),.landing-page section.subscribe form #asset-in-escrow-panel .buttons button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth) {
    flex-grow: 0;
    box-shadow: none;
    padding-left: 10px;
    padding-right: 10px
}

#asset-in-escrow-panel .buttons button.btn.step-back:not(.cancel):not(.ok):not(.fullwidth) svg,#asset-in-escrow-panel .buttons .landing-page section.subscribe form button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth) svg,.landing-page section.subscribe form #asset-in-escrow-panel .buttons button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth) svg {
    height: 12px;
    width: 12px
}

#asset-in-escrow-panel .buttons button.btn:disabled,#asset-in-escrow-panel .buttons .landing-page section.subscribe form button.register__submit:disabled,.landing-page section.subscribe form #asset-in-escrow-panel .buttons button.register__submit:disabled {
    outline: 1px solid #3b3958;
    background-color: #0f0e20;
    color: #403d60;
    font-weight: 400;
    font-family: Roboto,sans-serif;
    font-size: 14px
}

#asset-in-escrow-panel .buttons.calendar {
    flex-grow: 4
}

#asset-in-escrow-panel .steps {
    display: flex;
    flex-grow: 1;
    overflow-x: hidden
}

#asset-in-escrow-panel .steps.step-0 .step {
    transform: translateX(0)
}

#asset-in-escrow-panel .steps.step-1 .step {
    transform: translateX(-100%)
}

#asset-in-escrow-panel .steps.step-2 .step {
    transform: translateX(-200%)
}

#asset-in-escrow-panel .steps.step-3 .step {
    transform: translateX(-300%)
}

#asset-in-escrow-panel .steps.step-4 .step {
    transform: translateX(-400%)
}

#asset-in-escrow-panel .steps .step {
    transition: transform .2s ease-in-out;
    display: flex;
    flex-direction: column;
    flex: 0 0 100%;
    padding: 0 8px 0;
    box-sizing: border-box
}

#asset-in-escrow-panel .explainer {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

#asset-in-escrow-panel .explainer p {
    font-family: roboto regular,sans-serif;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 0
}

#asset-in-escrow-panel .explainer p b {
    font-family: Roboto,sans-serif;
    font-weight: 700
}

.asset-info-panel {
    background: #221e37;
    box-shadow: 1px 1px 0 #000;
    display: flex;
    flex-direction: column;
    padding: 16px
}

@media only screen and (min-width: 640px) {
    .asset-info-panel {
        padding:24px
    }
}

.asset-info-panel p,.asset-info-panel span {
    margin: 0;
    font-family: Roboto,sans-serif
}

.asset-info-panel .header {
    letter-spacing: .01em;
    max-height: 140px;
    word-break: break-all
}

.asset-info-panel .header .summary {
    display: flex;
    justify-content: left;
    align-items: center;
    column-gap: 16px;
    margin-bottom: 14px
}

.asset-info-panel .header .summary .item {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 10px
}

.asset-info-panel .header .summary .item span {
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: 400
}

.asset-info-panel .header h2,.asset-info-panel .header h3,.asset-info-panel .header h4 {
    font-family: Lato,sans-serif;
    font-weight: 700;
    margin: 0
}

.asset-info-panel .header h2 {
    line-height: 32px
}

@media(min-width: 1280px) {
    .asset-info-panel .header h2 {
        line-height:1.2em
    }
}

.asset-info-panel .header h3 {
    line-height: 24px;
    margin-bottom: 8px
}

.asset-info-panel .header h4 {
    line-height: 16px
}

.asset-info-panel .header .header-status {
    display: inline-block;
    text-transform: uppercase;
    box-shadow: 2px 2px 0 #16152d;
    border-radius: 15px;
    margin: 8px 0 16px;
    padding: 4px 8px;
    font-size: 10px;
    line-height: 10px
}

.asset-info-panel .header .header-status.defaulted {
    background: #d32029!important
}

.asset-info-panel .body b {
    color: #fff
}

.asset-info-panel .body .listing p,.asset-info-panel .body .detail p {
    color: rgba(255,255,255,.6)
}

.asset-info-panel .body .listing {
    font-weight: 300;
    line-height: 18px
}

.asset-info-panel .body .listing .title {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.asset-info-panel .body .price-information h2 {
    font-size: 16px;
    line-height: 19px;
    margin: 14px 0 8px
}

.asset-info-panel .body .price-information>div {
    display: flex;
    flex-direction: column;
    row-gap: 20px
}

.asset-info-panel .body .price-information>div .group {
    display: flex;
    flex-wrap: nowrap;
    column-gap: 20px
}

.asset-info-panel .body .price-information>div .group .item {
    flex-grow: 1
}

.asset-info-panel .body .price-information>div .group .item h3 {
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 4px;
    display: flex;
    align-items: center;
    column-gap: 7px
}

@media only screen and (max-width: 379px) {
    .asset-info-panel .body .price-information>div .group .item h3 {
        font-size:11px
    }
}

.asset-info-panel .body .price-information>div .group .item p {
    font-size: 18px;
    font-weight: 300;
    line-height: 24px
}

.asset-info-panel .body .price-information>div .group .item p.not-available {
    font-style: italic;
    font-weight: 100
}

.asset-info-panel .disclaimer {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex-grow: 1;
    font-size: 10px;
    font-style: italic;
    font-weight: 300;
    line-height: 12px;
    margin-top: 50px
}

.asset-info-panel .disclaimer p {
    opacity: .6
}

.asset-info-panel.lend .loading-spinner {
    animation: spin 1s linear infinite;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px
}

@keyframes spin {
    0% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    6.25% {
        box-shadow: 0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px 8px -2px #fff,0 30px 16px 4px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    12.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px 8px -2px #fff,-10px 30px 16px 4px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    18.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px 8px -2px #fff,-20px 20px 16px 4px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px 8px -2px #fff,-30px 10px 16px 4px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    31.25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px 8px -2px #fff,-30px 0 16px 4px #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    37.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #cf2e8c,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 8px -2px #fff,-30px -10px 16px 4px #cf2e8c,-20px -20px transparent,-10px -30px transparent
    }

    43.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #cf2e8c,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px 8px -2px #fff,-20px -20px 16px 4px #cf2e8c,-10px -30px transparent
    }

    50% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #cf2e8c,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px 8px -2px #fff,-10px -30px 16px 4px #cf2e8c
    }

    56.25% {
        box-shadow: 0 -30px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px 8px -2px #fff,0 -30px 16px 4px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    62.5% {
        box-shadow: 0 -30px #fff,10px -30px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px 8px -2px #fff,10px -30px 16px 4px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    68.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px 8px -2px #fff,20px -20px 16px 4px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px 8px -2px #fff,30px -10px 16px 4px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    81.25% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px 8px -2px #fff,30px 0 16px 4px #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff
    }

    87.5% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 8px -2px #fff,30px 10px 16px 4px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff
    }

    93.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2),0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px 8px -2px #fff,20px 20px 16px 4px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2)
    }

    100% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }
}

.asset-info-panel.lend .accent-color {
    color: #cb2b83
}

.asset-info-panel.lend .accent-secondary-color {
    color: #7e5bd6
}

.asset-info-panel.lend .accent-color-background {
    background-color: #cb2b83
}

.asset-info-panel.lend .accent-secondary-color-background {
    background-color: #7e5bd6
}

.asset-info-panel.lend .accent-color-border {
    border-color: #cb2b83
}

.asset-info-panel.lend .accent-color-fill {
    fill: #cb2b83
}

.asset-info-panel.lend .accent-color-selection::selection {
    color: #fff;
    background: #cb2b83
}

.asset-info-panel.lend .accent-color::placeholder {
    color: #cb2b83;
    opacity: .7
}

.asset-info-panel.lend .toggle-switch input:checked+.slider {
    background-color: #cb2b83
}

.asset-info-panel.lend .filter .search {
    color: #cb2b83
}

.asset-info-panel.lend .filter label.checkbox .checkmark:after {
    border: solid #cb2b83
}

.asset-info-panel.lend .filter label.checkbox:hover input~.checkmark {
    border-color: inherit
}

@media(hover: hover) {
    .asset-info-panel.lend .filter label.checkbox:hover input~.checkmark {
        border-color:#cb2b83
    }
}

.asset-info-panel.lend .filter .count {
    background-color: #cb2b83
}

.asset-info-panel.lend .filter .chevron {
    border: solid #cb2b83
}

.asset-info-panel.lend .btn.white,.asset-info-panel.lend .landing-page section.subscribe form .white.register__submit,.landing-page section.subscribe form .asset-info-panel.lend .white.register__submit {
    color: #dbdadd;
    border-color: #dbdadd
}

.asset-info-panel.lend .btn.white:not(.btn-hollow),.asset-info-panel.lend .landing-page section.subscribe form .white.register__submit:not(.btn-hollow),.landing-page section.subscribe form .asset-info-panel.lend .white.register__submit:not(.btn-hollow) {
    background-color: #dbdadd
}

.asset-info-panel.lend .btn.white:hover,.asset-info-panel.lend .landing-page section.subscribe form .white.register__submit:hover,.landing-page section.subscribe form .asset-info-panel.lend .white.register__submit:hover {
    color: #fff;
    border-color: #fff
}

.asset-info-panel.lend .btn.white:hover:not(.btn-hollow),.asset-info-panel.lend .landing-page section.subscribe form .white.register__submit:hover:not(.btn-hollow),.landing-page section.subscribe form .asset-info-panel.lend .white.register__submit:hover:not(.btn-hollow) {
    background-color: #fff
}

.asset-info-panel.lend .btn.white:active,.asset-info-panel.lend .landing-page section.subscribe form .white.register__submit:active,.landing-page section.subscribe form .asset-info-panel.lend .white.register__submit:active {
    color: #aeaeae;
    border-color: #aeaeae
}

.asset-info-panel.lend .btn.white:active:not(.btn-hollow),.asset-info-panel.lend .landing-page section.subscribe form .white.register__submit:active:not(.btn-hollow),.landing-page section.subscribe form .asset-info-panel.lend .white.register__submit:active:not(.btn-hollow) {
    background-color: #aeaeae
}

.asset-info-panel.lend .btn.white:disabled,.asset-info-panel.lend .landing-page section.subscribe form .white.register__submit:disabled,.landing-page section.subscribe form .asset-info-panel.lend .white.register__submit:disabled {
    color: #dbdadd;
    border-color: rgba(219,218,221,.6)
}

.asset-info-panel.lend .btn:disabled,.asset-info-panel.lend .landing-page section.subscribe form .register__submit:disabled,.landing-page section.subscribe form .asset-info-panel.lend .register__submit:disabled {
    background-color: rgba(246,0,135,.6);
    border-color: rgba(246,0,135,.6)
}

.asset-info-panel.lend .btn.hollow:disabled,.asset-info-panel.lend .landing-page section.subscribe form .hollow.register__submit:disabled,.landing-page section.subscribe form .asset-info-panel.lend .hollow.register__submit:disabled {
    border: 1px solid rgba(246,0,135,.6)
}

.asset-info-panel.lend .link-color {
    color: #cb2b83
}

.asset-info-panel.lend .link-color svg {
    fill: #cb2b83
}

.asset-info-panel.lend .react-select__indicator-separator {
    background-color: #cb2b83
}

.asset-info-panel.lend .react-select__indicator {
    color: #f60087
}

.asset-info-panel.lend .react-select__option {
    cursor: pointer
}

.asset-info-panel.lend .react-select__option:active {
    background-color: #f60087
}

.asset-info-panel.lend .react-select__option--is-selected {
    background-color: #cb2b83
}

.asset-info-panel.lend .react-select__option--is-focused {
    background-color: #b93d81
}

.asset-info-panel.lend input[type=text]:focus-visible,.asset-info-panel.lend input[type=number]:focus-visible {
    border: none;
    outline: 1px solid #cb2b83
}

.asset-info-panel.borrow .loading-spinner {
    animation: spin 1s linear infinite;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px
}

@keyframes spin {
    0% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    6.25% {
        box-shadow: 0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px 8px -2px #fff,0 30px 16px 4px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    12.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px 8px -2px #fff,-10px 30px 16px 4px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    18.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px 8px -2px #fff,-20px 20px 16px 4px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px 8px -2px #fff,-30px 10px 16px 4px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    31.25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px 8px -2px #fff,-30px 0 16px 4px #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    37.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #cf2e8c,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 8px -2px #fff,-30px -10px 16px 4px #cf2e8c,-20px -20px transparent,-10px -30px transparent
    }

    43.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #cf2e8c,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px 8px -2px #fff,-20px -20px 16px 4px #cf2e8c,-10px -30px transparent
    }

    50% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #cf2e8c,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px 8px -2px #fff,-10px -30px 16px 4px #cf2e8c
    }

    56.25% {
        box-shadow: 0 -30px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px 8px -2px #fff,0 -30px 16px 4px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    62.5% {
        box-shadow: 0 -30px #fff,10px -30px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px 8px -2px #fff,10px -30px 16px 4px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    68.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px 8px -2px #fff,20px -20px 16px 4px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px 8px -2px #fff,30px -10px 16px 4px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    81.25% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px 8px -2px #fff,30px 0 16px 4px #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff
    }

    87.5% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 8px -2px #fff,30px 10px 16px 4px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff
    }

    93.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2),0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px 8px -2px #fff,20px 20px 16px 4px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2)
    }

    100% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }
}

.asset-info-panel.borrow .accent-color {
    color: #7e5bd6
}

.asset-info-panel.borrow .accent-secondary-color {
    color: #cb2b83
}

.asset-info-panel.borrow .accent-color-background {
    background-color: #7e5bd6
}

.asset-info-panel.borrow .accent-secondary-color-background {
    background-color: #cb2b83
}

.asset-info-panel.borrow .accent-color-border {
    border-color: #7e5bd6
}

.asset-info-panel.borrow .accent-color-fill {
    fill: #7e5bd6
}

.asset-info-panel.borrow .accent-color-selection::selection {
    color: #fff;
    background: #7e5bd6
}

.asset-info-panel.borrow .accent-color::placeholder {
    color: #7e5bd6;
    opacity: .7
}

.asset-info-panel.borrow .toggle-switch input:checked+.slider {
    background-color: #7e5bd6
}

.asset-info-panel.borrow .filter .search {
    color: #7e5bd6
}

.asset-info-panel.borrow .filter label.checkbox .checkmark:after {
    border: solid #7e5bd6
}

.asset-info-panel.borrow .filter label.checkbox:hover input~.checkmark {
    border-color: inherit
}

@media(hover: hover) {
    .asset-info-panel.borrow .filter label.checkbox:hover input~.checkmark {
        border-color:#7e5bd6
    }
}

.asset-info-panel.borrow .filter .count {
    background-color: #7e5bd6
}

.asset-info-panel.borrow .filter .chevron {
    border: solid #7e5bd6
}

.asset-info-panel.borrow .btn.white,.asset-info-panel.borrow .landing-page section.subscribe form .white.register__submit,.landing-page section.subscribe form .asset-info-panel.borrow .white.register__submit {
    color: #dbdadd;
    border-color: #dbdadd
}

.asset-info-panel.borrow .btn.white:not(.btn-hollow),.asset-info-panel.borrow .landing-page section.subscribe form .white.register__submit:not(.btn-hollow),.landing-page section.subscribe form .asset-info-panel.borrow .white.register__submit:not(.btn-hollow) {
    background-color: #dbdadd
}

.asset-info-panel.borrow .btn.white:hover,.asset-info-panel.borrow .landing-page section.subscribe form .white.register__submit:hover,.landing-page section.subscribe form .asset-info-panel.borrow .white.register__submit:hover {
    color: #fff;
    border-color: #fff
}

.asset-info-panel.borrow .btn.white:hover:not(.btn-hollow),.asset-info-panel.borrow .landing-page section.subscribe form .white.register__submit:hover:not(.btn-hollow),.landing-page section.subscribe form .asset-info-panel.borrow .white.register__submit:hover:not(.btn-hollow) {
    background-color: #fff
}

.asset-info-panel.borrow .btn.white:active,.asset-info-panel.borrow .landing-page section.subscribe form .white.register__submit:active,.landing-page section.subscribe form .asset-info-panel.borrow .white.register__submit:active {
    color: #aeaeae;
    border-color: #aeaeae
}

.asset-info-panel.borrow .btn.white:active:not(.btn-hollow),.asset-info-panel.borrow .landing-page section.subscribe form .white.register__submit:active:not(.btn-hollow),.landing-page section.subscribe form .asset-info-panel.borrow .white.register__submit:active:not(.btn-hollow) {
    background-color: #aeaeae
}

.asset-info-panel.borrow .btn.white:disabled,.asset-info-panel.borrow .landing-page section.subscribe form .white.register__submit:disabled,.landing-page section.subscribe form .asset-info-panel.borrow .white.register__submit:disabled {
    color: #dbdadd;
    border-color: rgba(219,218,221,.6)
}

.asset-info-panel.borrow .btn:disabled,.asset-info-panel.borrow .landing-page section.subscribe form .register__submit:disabled,.landing-page section.subscribe form .asset-info-panel.borrow .register__submit:disabled {
    background-color: rgba(108,50,255,.6);
    border-color: rgba(108,50,255,.6)
}

.asset-info-panel.borrow .btn.hollow:disabled,.asset-info-panel.borrow .landing-page section.subscribe form .hollow.register__submit:disabled,.landing-page section.subscribe form .asset-info-panel.borrow .hollow.register__submit:disabled {
    border: 1px solid rgba(108,50,255,.6)
}

.asset-info-panel.borrow .link-color {
    color: #7e5bd6
}

.asset-info-panel.borrow .link-color svg {
    fill: #7e5bd6
}

.asset-info-panel.borrow .react-select__indicator-separator {
    background-color: #7e5bd6
}

.asset-info-panel.borrow .react-select__indicator {
    color: #6c32ff
}

.asset-info-panel.borrow .react-select__option {
    cursor: pointer
}

.asset-info-panel.borrow .react-select__option:active {
    background-color: #6c32ff
}

.asset-info-panel.borrow .react-select__option--is-selected {
    background-color: #7e5bd6
}

.asset-info-panel.borrow .react-select__option--is-focused {
    background-color: #856ac7
}

.asset-info-panel.borrow input[type=text]:focus-visible,.asset-info-panel.borrow input[type=number]:focus-visible {
    border: none;
    outline: 1px solid #7e5bd6
}

.asset-info-panel.borrow .body .price-information>div {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap
}

.asset-info-panel.borrow .body .price-information>div .group {
    width: 100%
}

.asset-info-panel.borrow .body .price-information>div .group .item {
    flex-wrap: wrap
}

.sort-bar.row .row-headers {
    display: flex;
    padding: 6px 0;
    font-size: 12px;
    font-family: roboto;
    justify-content: space-between
}

.sort-bar.card .sort-dropdown {
    display: block
}

.sort-bar .row-headers {
    display: flex;
    display: none
}

.sort-bar .row-headers .sortable {
    cursor: pointer
}

.sort-bar .row-headers>* {
    box-sizing: border-box;
    padding-left: 8px;
    position: relative
}

.sort-bar .row-headers>*>span {
    margin-right: 4px
}

.sort-bar .row-headers .asc {
    transform: rotate(180deg);
    position: absolute;
    top: 5px
}

.sort-bar .row-headers .asc,.sort-bar .row-headers .desc {
    color: rgba(207,46,140,.3)
}

.sort-bar .row-headers .asc.active,.sort-bar .row-headers .desc.active {
    color: #cf2e8c
}

.sort-bar .row-headers .img {
    flex: 0 0 36px;
    margin-left: 8px
}

.sort-bar .row-headers .name {
    flex: 0 0 156px
}

.sort-bar .row-headers .project {
    flex: 0 0 156px
}

.sort-bar .row-headers .owner {
    flex: 0 0 60px
}

.sort-bar .row-headers .status {
    flex: 0 0 70px
}

.sort-bar .row-headers .terms {
    flex: 0 0 150px
}

.sort-bar .row-headers .last-price {
    flex: 0 0 96px
}

.sort-bar .row-headers .boosted {
    flex: 0 0 150px
}

.sort-bar .row-headers .grow {
    flex-grow: 1
}

.sort-bar .row-headers .actions {
    flex: 0 0 0;
    padding-left: 46px
}

.sort-bar .sort-dropdown {
    display: none
}

.asset-list .asset.row {
    width: 100%;
    grid-column: 1/span 4;
    margin: 0;
    border-bottom: 1px solid #0d0c1a;
    box-shadow: none;
    font-family: roboto condensed,arial narrow bold,sans-serif
}

.asset-list .asset.row>a {
    flex-direction: row;
    padding: 6px 0;
    font-size: 12px;
    justify-content: space-between
}

.asset-list .asset.row>a>* {
    box-sizing: border-box;
    padding-left: 8px
}

.asset-list .asset.row img {
    flex: 0 0 36px;
    height: 36px;
    width: 36px;
    margin-left: 8px;
    padding-left: 0
}

.asset-list .asset.row .name {
    flex: 0 0 156px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.asset-list .asset.row .project {
    flex: 0 0 156px
}

.asset-list .asset.row .owner {
    flex: 0 0 60px
}

.asset-list .asset.row .status {
    flex: 0 0 70px;
    background-color: transparent;
    position: static;
    box-shadow: none;
    text-align: left;
    transform: unset
}

.asset-list .asset.row .terms {
    flex: 0 0 150px;
    display: flex;
    align-items: center
}

.asset-list .asset.row .terms svg {
    height: 24px;
    width: 24px;
    margin-right: 5px
}

.asset-list .asset.row .boosted {
    flex: 0 0 150px
}

.asset-list .asset.row .actions {
    flex: 0 0 0
}

.asset-list .asset.row .opensea-link {
    flex: 0 0 0;
    position: static;
    display: block;
    padding: 0 12px
}

.asset-list .asset.row .grow {
    flex-grow: 1
}

.asset-list-container {
    display: flex;
    flex-direction: column;
    height: 100%
}

.asset-list-container .filters-container {
    background-color: #16152d;
    padding: 6px 0;
    margin: 16px 0 0;
    display: flex;
    overflow-x: auto
}

@media only screen and (max-width: 639px) {
    .asset-list-container .filters-container {
        box-sizing:border-box;
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width: 640px) {
    .asset-list-container .filters-container {
        width:100%;
        padding-left: calc(calc((100vw - 640px)/2) + 16px);
        padding-right: calc(calc((100vw - 640px)/2) + 16px);
        box-sizing: border-box
    }
}

@media(min-width: 1280px) {
    .asset-list-container .filters-container {
        width:100%;
        padding-left: calc(calc((100vw - 1280px)/2) + 16px);
        padding-right: calc(calc((100vw - 1280px)/2) + 16px);
        box-sizing: border-box
    }
}

@media only screen and (min-width: 640px) {
    .asset-list-container .filters-container {
        padding:6px
    }
}

.asset-list-container .filters-container.filter-open {
    margin-bottom: 640px
}

@media(min-width: 1280px) {
    .asset-list-container .filters-container.filter-open {
        margin-bottom:16px
    }
}

.asset-list-container .asset-list {
    margin-bottom: 150px
}

.asset-list-container .asset-list.filter-open {
    display: none
}

@media(min-width: 1280px) {
    .asset-list-container .asset-list.filter-open {
        display:block
    }
}

.asset-list-container .asset-list .results-bar {
    display: none
}

.asset-list-container .asset-list .assets {
    display: grid;
    grid: auto/1fr 1fr;
    column-gap: 8px;
    margin: 0 auto;
    padding: 0 16px
}

@media only screen and (min-width: 640px) {
    .asset-list-container .asset-list .assets {
        grid:auto/1fr 1fr 1fr 1fr;
        max-width: initial;
        margin: auto;
        padding: 0
    }
}

@media(min-width: 1280px) {
    .asset-list-container .asset-list .assets {
        margin:0 0 0 8px;
        padding-bottom: 8px;
        overflow-x: hidden;
        overflow-y: auto
    }
}

.asset-list-container .asset-list .loading-spinner {
    position: relative;
    top: initial;
    bottom: -75px;
    left: initial;
    margin: 0 auto
}

@media only screen and (min-width: 640px) {
    .asset-list-container {
        margin-bottom:0
    }

    .asset-list-container .filters-container {
        margin: 16px 0 0
    }
}

@media(min-width: 1280px) {
    .asset-list-container {
        flex-direction:row
    }

    .asset-list-container .filters-container {
        margin: 0;
        padding: 24px 0;
        flex-direction: column;
        flex: 0 0 278px;
        background-color: transparent;
        overflow-x: initial;
        position: sticky;
        top: 92px;
        align-self: flex-start
    }

    .asset-list-container .asset-list {
        position: relative;
        width: 100%;
        flex: 1 1 1px;
        padding: 24px 0 192px
    }

    .asset-list-container .asset-list .loading-spinner {
        position: relative;
        top: 96px;
        left: initial;
        margin: 0 auto
    }

    .asset-list-container .asset-list .results-bar {
        display: block;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin: 0 0 0 8px;
        padding: 0 12px;
        min-height: 54px;
        background-color: #221e37;
        box-shadow: 1px 1px 0 #000
    }

    .asset-list-container .asset-list .results-bar .heading {
        font-weight: 600;
        flex: 1 0 1px
    }

    .asset-list-container .asset-list .results-bar .toggle-container {
        background-color: #16152c;
        border-radius: 3px;
        padding: 2px
    }

    .asset-list-container .asset-list .results-bar .toggle-container .btn,.asset-list-container .asset-list .results-bar .toggle-container .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .asset-list-container .asset-list .results-bar .toggle-container .register__submit {
        display: inline-block;
        box-shadow: none;
        background-color: transparent;
        padding: 6px 16px;
        border-radius: 2px;
        font-size: 12px;
        color: #c3c0d6;
        font-family: Roboto,sans-serif;
        font-weight: 400
    }

    .asset-list-container .asset-list .results-bar .toggle-container .btn svg,.asset-list-container .asset-list .results-bar .toggle-container .landing-page section.subscribe form .register__submit svg,.landing-page section.subscribe form .asset-list-container .asset-list .results-bar .toggle-container .register__submit svg {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        margin-bottom: 1px;
        fill: none
    }

    .asset-list-container .asset-list .results-bar .toggle-container .btn.active,.asset-list-container .asset-list .results-bar .toggle-container .landing-page section.subscribe form .active.register__submit,.landing-page section.subscribe form .asset-list-container .asset-list .results-bar .toggle-container .active.register__submit {
        background-color: #221e37;
        cursor: auto;
        color: #fff
    }

    .asset-list-container .asset-list .sort-bar {
        display: none;
        background-color: #0d0c1a;
        flex: 1 0 100%;
        margin: 0 0 0 8px;
        padding: 6px 0
    }

    .asset-list-container .asset-list .sort-bar.row {
        display: block
    }

    .asset-list-container .asset-list .sort-bar .sort-dropdown {
        height: 28px
    }
}

.asset-graphs {
    padding: 16px
}

@media only screen and (min-width: 640px) {
    .asset-graphs {
        padding:24px
    }
}

.asset-graphs .panel-title {
    margin-bottom: 16px
}

.asset-graphs .panel-title span:last-child,.asset-graphs .panel-title span:first-child {
    font-size: 16px
}

.asset-graphs .panel-title span:first-child {
    font-weight: 700
}

.asset-graphs .panel-title span:last-child {
    font-weight: 300
}

.asset-graphs .charts-container {
    display: flex;
    flex-direction: column;
    gap: 16px
}

@media(min-width: 1280px) {
    .asset-graphs .charts-container {
        display:grid;
        grid-template-columns: repeat(2,calc((100% - 16px)/2))
    }
}

.asset-graphs .charts-container .chart {
    width: 100%;
    display: flex;
    flex-direction: column
}

.asset-graphs p span {
    cursor: pointer
}

.asset-graphs p.no-data {
    text-align: center;
    font-size: 12px;
    font-style: italic;
    font-weight: 300;
    line-height: 12px
}

.historical-loans .no-data {
    text-align: center;
    font-size: 14px;
    font-style: italic;
    line-height: 12px;
    color: #8784b5;
    display: block;
    margin: 0 auto;
    padding: 12px 0;
    width: 260px;
    border: dashed 2px #8784b5;
    margin-bottom: 16px
}

@media(min-width: 1280px) {
    .historical-loans .no-data {
        margin-left:24px
    }
}

.historical-loans .list .header .heading {
    font-family: Lato,sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    margin: 16px
}

@media only screen and (min-width: 640px) {
    .historical-loans .list .header .heading {
        margin:24px
    }
}

.historical-loans .list .header .search {
    display: none;
    align-self: center;
    justify-self: end;
    margin: 20px;
    position: relative
}

.historical-loans .list .header .search .search-field {
    color: #cbc9e4;
    font-family: roboto regular,sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    background-color: #07070f;
    border: none;
    width: 179px;
    height: 24px;
    padding: 6px 34px 6px 10px;
    margin: 0
}

.historical-loans .list .header .search .search-field::placeholder {
    color: #5d598c
}

.historical-loans .list .header .search svg {
    position: absolute;
    right: 5px;
    top: 5px
}

.historical-loans .list .table-container {
    overflow: auto
}

.historical-loans .list .table-container * {
    box-sizing: border-box
}

.historical-loans .list .table-container .table {
    margin: 0;
    padding: 0;
    width: 765px
}

@media(min-width: 1280px) {
    .historical-loans .list .table-container .table {
        width:auto;
        overflow: visible
    }
}

.historical-loans .list .table-container .li {
    list-style: none
}

.historical-loans .list .table-container .header,.historical-loans .list .table-container .row {
    display: grid;
    grid-template-columns: 64px 64px 1.1fr 64px 1fr 1fr 48px 1fr;
    align-items: center;
    justify-items: end;
    column-gap: 10px
}

.historical-loans .list .table-container .header>div:first-child,.historical-loans .list .table-container .row>div:first-child {
    padding-left: 20px
}

.historical-loans .list .table-container .header>div:last-child,.historical-loans .list .table-container .row>div:last-child {
    padding-right: 20px
}

.historical-loans .list .table-container .header {
    background-color: #0d0c1a;
    height: 34px
}

.historical-loans .list .table-container .header>div {
    position: relative
}

.historical-loans .list .table-container .header>div.sortable {
    cursor: pointer
}

.historical-loans .list .table-container .header>div>span {
    font-family: roboto condensed,sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 2em
}

.historical-loans .list .table-container .header>div svg {
    height: 12px;
    width: 12px
}

.historical-loans .list .table-container .header>div .asc,.historical-loans .list .table-container .header>div .desc {
    opacity: .5;
    position: absolute;
    right: -16px;
    top: calc(50% - 8px)
}

.historical-loans .list .table-container .header>div .asc.active,.historical-loans .list .table-container .header>div .desc.active {
    opacity: 1
}

.historical-loans .list .table-container .header>div .asc {
    transform: rotate(180deg);
    top: calc(50% - 4px)
}

.historical-loans .list .table-container .row {
    height: 38px
}

.historical-loans .list .table-container .row:not(:last-child) {
    border-bottom: 1px solid #16152d
}

.historical-loans .list .table-container .row>* {
    font-family: roboto,sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

.historical-loans .list .table-container .row .lender .loading-spinner {
    animation: spin 1s linear infinite;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px
}

@keyframes spin {
    0% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    6.25% {
        box-shadow: 0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px 8px -2px #fff,0 30px 16px 4px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    12.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px 8px -2px #fff,-10px 30px 16px 4px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    18.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px 8px -2px #fff,-20px 20px 16px 4px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px 8px -2px #fff,-30px 10px 16px 4px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    31.25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px 8px -2px #fff,-30px 0 16px 4px #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    37.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #cf2e8c,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 8px -2px #fff,-30px -10px 16px 4px #cf2e8c,-20px -20px transparent,-10px -30px transparent
    }

    43.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #cf2e8c,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px 8px -2px #fff,-20px -20px 16px 4px #cf2e8c,-10px -30px transparent
    }

    50% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #cf2e8c,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px 8px -2px #fff,-10px -30px 16px 4px #cf2e8c
    }

    56.25% {
        box-shadow: 0 -30px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px 8px -2px #fff,0 -30px 16px 4px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    62.5% {
        box-shadow: 0 -30px #fff,10px -30px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px 8px -2px #fff,10px -30px 16px 4px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    68.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px 8px -2px #fff,20px -20px 16px 4px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px 8px -2px #fff,30px -10px 16px 4px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    81.25% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px 8px -2px #fff,30px 0 16px 4px #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff
    }

    87.5% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 8px -2px #fff,30px 10px 16px 4px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff
    }

    93.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2),0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px 8px -2px #fff,20px 20px 16px 4px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2)
    }

    100% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }
}

.historical-loans .list .table-container .row .lender .accent-color {
    color: #cf2e8c
}

.historical-loans .list .table-container .row .lender .accent-secondary-color {
    color: #fff
}

.historical-loans .list .table-container .row .lender .accent-color-background {
    background-color: #cf2e8c
}

.historical-loans .list .table-container .row .lender .accent-secondary-color-background {
    background-color: #fff
}

.historical-loans .list .table-container .row .lender .accent-color-border {
    border-color: #cf2e8c
}

.historical-loans .list .table-container .row .lender .accent-color-fill {
    fill: #cf2e8c
}

.historical-loans .list .table-container .row .lender .accent-color-selection::selection {
    color: #fff;
    background: #cf2e8c
}

.historical-loans .list .table-container .row .lender .accent-color::placeholder {
    color: #cf2e8c;
    opacity: .7
}

.historical-loans .list .table-container .row .lender .toggle-switch input:checked+.slider {
    background-color: #cf2e8c
}

.historical-loans .list .table-container .row .lender .filter .search {
    color: #cf2e8c
}

.historical-loans .list .table-container .row .lender .filter label.checkbox .checkmark:after {
    border: solid #cf2e8c
}

.historical-loans .list .table-container .row .lender .filter label.checkbox:hover input~.checkmark {
    border-color: inherit
}

@media(hover: hover) {
    .historical-loans .list .table-container .row .lender .filter label.checkbox:hover input~.checkmark {
        border-color:#cf2e8c
    }
}

.historical-loans .list .table-container .row .lender .filter .count {
    background-color: #cf2e8c
}

.historical-loans .list .table-container .row .lender .filter .chevron {
    border: solid #cf2e8c
}

.historical-loans .list .table-container .row .lender .btn,.historical-loans .list .table-container .row .lender .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .historical-loans .list .table-container .row .lender .register__submit {
    background-color: #cb2b83;
    border-color: #cb2b83
}

.historical-loans .list .table-container .row .lender .btn:hover,.historical-loans .list .table-container .row .lender .landing-page section.subscribe form .register__submit:hover,.landing-page section.subscribe form .historical-loans .list .table-container .row .lender .register__submit:hover {
    background-color: #d13e8f;
    border-color: #d13e8f
}

.historical-loans .list .table-container .row .lender .btn:active,.historical-loans .list .table-container .row .lender .landing-page section.subscribe form .register__submit:active,.landing-page section.subscribe form .historical-loans .list .table-container .row .lender .register__submit:active {
    background-color: #a61d6e;
    border-color: #a61d6e
}

.historical-loans .list .table-container .row .lender .btn.white,.historical-loans .list .table-container .row .lender .landing-page section.subscribe form .white.register__submit,.landing-page section.subscribe form .historical-loans .list .table-container .row .lender .white.register__submit {
    color: #dbdadd;
    border-color: #dbdadd
}

.historical-loans .list .table-container .row .lender .btn.white:not(.btn-hollow),.historical-loans .list .table-container .row .lender .landing-page section.subscribe form .white.register__submit:not(.btn-hollow),.landing-page section.subscribe form .historical-loans .list .table-container .row .lender .white.register__submit:not(.btn-hollow) {
    background-color: #dbdadd
}

.historical-loans .list .table-container .row .lender .btn.white:hover,.historical-loans .list .table-container .row .lender .landing-page section.subscribe form .white.register__submit:hover,.landing-page section.subscribe form .historical-loans .list .table-container .row .lender .white.register__submit:hover {
    color: #fff;
    border-color: #fff
}

.historical-loans .list .table-container .row .lender .btn.white:hover:not(.btn-hollow),.historical-loans .list .table-container .row .lender .landing-page section.subscribe form .white.register__submit:hover:not(.btn-hollow),.landing-page section.subscribe form .historical-loans .list .table-container .row .lender .white.register__submit:hover:not(.btn-hollow) {
    background-color: #fff
}

.historical-loans .list .table-container .row .lender .btn.white:active,.historical-loans .list .table-container .row .lender .landing-page section.subscribe form .white.register__submit:active,.landing-page section.subscribe form .historical-loans .list .table-container .row .lender .white.register__submit:active {
    color: #aeaeae;
    border-color: #aeaeae
}

.historical-loans .list .table-container .row .lender .btn.white:active:not(.btn-hollow),.historical-loans .list .table-container .row .lender .landing-page section.subscribe form .white.register__submit:active:not(.btn-hollow),.landing-page section.subscribe form .historical-loans .list .table-container .row .lender .white.register__submit:active:not(.btn-hollow) {
    background-color: #aeaeae
}

.historical-loans .list .table-container .row .lender .btn.white:disabled,.historical-loans .list .table-container .row .lender .landing-page section.subscribe form .white.register__submit:disabled,.landing-page section.subscribe form .historical-loans .list .table-container .row .lender .white.register__submit:disabled {
    color: #dbdadd;
    border-color: rgba(219,218,221,.6)
}

.historical-loans .list .table-container .row .lender .btn:disabled,.historical-loans .list .table-container .row .lender .landing-page section.subscribe form .register__submit:disabled,.landing-page section.subscribe form .historical-loans .list .table-container .row .lender .register__submit:disabled {
    background-color: rgba(253,0,148,.6);
    border-color: rgba(253,0,148,.6)
}

.historical-loans .list .table-container .row .lender .btn.hollow,.historical-loans .list .table-container .row .lender .landing-page section.subscribe form .hollow.register__submit,.landing-page section.subscribe form .historical-loans .list .table-container .row .lender .hollow.register__submit {
    background-color: transparent;
    border: 1px solid #cb2b83
}

.historical-loans .list .table-container .row .lender .btn.hollow:hover,.historical-loans .list .table-container .row .lender .landing-page section.subscribe form .hollow.register__submit:hover,.landing-page section.subscribe form .historical-loans .list .table-container .row .lender .hollow.register__submit:hover {
    border: 1px solid #d13e8f
}

.historical-loans .list .table-container .row .lender .btn.hollow:active,.historical-loans .list .table-container .row .lender .landing-page section.subscribe form .hollow.register__submit:active,.landing-page section.subscribe form .historical-loans .list .table-container .row .lender .hollow.register__submit:active {
    border: 1px solid #a61d6e
}

.historical-loans .list .table-container .row .lender .btn.hollow:disabled,.historical-loans .list .table-container .row .lender .landing-page section.subscribe form .hollow.register__submit:disabled,.landing-page section.subscribe form .historical-loans .list .table-container .row .lender .hollow.register__submit:disabled {
    border: 1px solid rgba(253,0,148,.6)
}

.historical-loans .list .table-container .row .lender .link-color {
    color: #cf2e8c
}

.historical-loans .list .table-container .row .lender .link-color svg {
    fill: #cf2e8c
}

.historical-loans .list .table-container .row .lender .link-color:hover {
    color: #d858a4
}

.historical-loans .list .table-container .row .lender .link-color:hover svg {
    color: #d858a4;
    fill: #d858a4
}

.historical-loans .list .table-container .row .lender .link-color:active {
    color: #a61d6e
}

.historical-loans .list .table-container .row .lender .link-color:active svg {
    color: #a61d6e;
    fill: #a61d6e
}

.historical-loans .list .table-container .row .lender .react-select__indicator-separator {
    background-color: #cf2e8c
}

.historical-loans .list .table-container .row .lender .react-select__indicator {
    color: #fd0094
}

.historical-loans .list .table-container .row .lender .react-select__option {
    cursor: pointer
}

.historical-loans .list .table-container .row .lender .react-select__option:active {
    background-color: #fd0094
}

.historical-loans .list .table-container .row .lender .react-select__option--is-selected {
    background-color: #cf2e8c
}

.historical-loans .list .table-container .row .lender .react-select__option--is-focused {
    background-color: #bc4189
}

.historical-loans .list .table-container .row .lender input[type=text]:focus-visible,.historical-loans .list .table-container .row .lender input[type=number]:focus-visible {
    border: none;
    outline: 1px solid #cf2e8c
}

.historical-loans .list .table-container .row .borrower .loading-spinner {
    animation: spin 1s linear infinite;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px
}

@keyframes spin {
    0% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    6.25% {
        box-shadow: 0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px 8px -2px #fff,0 30px 16px 4px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    12.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px 8px -2px #fff,-10px 30px 16px 4px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    18.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px 8px -2px #fff,-20px 20px 16px 4px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px 8px -2px #fff,-30px 10px 16px 4px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    31.25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px 8px -2px #fff,-30px 0 16px 4px #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    37.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #cf2e8c,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 8px -2px #fff,-30px -10px 16px 4px #cf2e8c,-20px -20px transparent,-10px -30px transparent
    }

    43.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #cf2e8c,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px 8px -2px #fff,-20px -20px 16px 4px #cf2e8c,-10px -30px transparent
    }

    50% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #cf2e8c,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px 8px -2px #fff,-10px -30px 16px 4px #cf2e8c
    }

    56.25% {
        box-shadow: 0 -30px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px 8px -2px #fff,0 -30px 16px 4px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    62.5% {
        box-shadow: 0 -30px #fff,10px -30px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px 8px -2px #fff,10px -30px 16px 4px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    68.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px 8px -2px #fff,20px -20px 16px 4px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px 8px -2px #fff,30px -10px 16px 4px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    81.25% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px 8px -2px #fff,30px 0 16px 4px #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff
    }

    87.5% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 8px -2px #fff,30px 10px 16px 4px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff
    }

    93.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2),0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px 8px -2px #fff,20px 20px 16px 4px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2)
    }

    100% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }
}

.historical-loans .list .table-container .row .borrower .accent-color {
    color: #7d5fd7
}

.historical-loans .list .table-container .row .borrower .accent-secondary-color {
    color: #fff
}

.historical-loans .list .table-container .row .borrower .accent-color-background {
    background-color: #7d5fd7
}

.historical-loans .list .table-container .row .borrower .accent-secondary-color-background {
    background-color: #fff
}

.historical-loans .list .table-container .row .borrower .accent-color-border {
    border-color: #7d5fd7
}

.historical-loans .list .table-container .row .borrower .accent-color-fill {
    fill: #7d5fd7
}

.historical-loans .list .table-container .row .borrower .accent-color-selection::selection {
    color: #fff;
    background: #7d5fd7
}

.historical-loans .list .table-container .row .borrower .accent-color::placeholder {
    color: #7d5fd7;
    opacity: .7
}

.historical-loans .list .table-container .row .borrower .toggle-switch input:checked+.slider {
    background-color: #7d5fd7
}

.historical-loans .list .table-container .row .borrower .filter .search {
    color: #7d5fd7
}

.historical-loans .list .table-container .row .borrower .filter label.checkbox .checkmark:after {
    border: solid #7d5fd7
}

.historical-loans .list .table-container .row .borrower .filter label.checkbox:hover input~.checkmark {
    border-color: inherit
}

@media(hover: hover) {
    .historical-loans .list .table-container .row .borrower .filter label.checkbox:hover input~.checkmark {
        border-color:#7d5fd7
    }
}

.historical-loans .list .table-container .row .borrower .filter .count {
    background-color: #7d5fd7
}

.historical-loans .list .table-container .row .borrower .filter .chevron {
    border: solid #7d5fd7
}

.historical-loans .list .table-container .row .borrower .btn,.historical-loans .list .table-container .row .borrower .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .historical-loans .list .table-container .row .borrower .register__submit {
    background-color: #7e5bd6;
    border-color: #7e5bd6
}

.historical-loans .list .table-container .row .borrower .btn:hover,.historical-loans .list .table-container .row .borrower .landing-page section.subscribe form .register__submit:hover,.landing-page section.subscribe form .historical-loans .list .table-container .row .borrower .register__submit:hover {
    background-color: #8563dd;
    border-color: #8563dd
}

.historical-loans .list .table-container .row .borrower .btn:active,.historical-loans .list .table-container .row .borrower .landing-page section.subscribe form .register__submit:active,.landing-page section.subscribe form .historical-loans .list .table-container .row .borrower .register__submit:active {
    background-color: #6b4bbb;
    border-color: #6b4bbb
}

.historical-loans .list .table-container .row .borrower .btn.white,.historical-loans .list .table-container .row .borrower .landing-page section.subscribe form .white.register__submit,.landing-page section.subscribe form .historical-loans .list .table-container .row .borrower .white.register__submit {
    color: #dbdadd;
    border-color: #dbdadd
}

.historical-loans .list .table-container .row .borrower .btn.white:not(.btn-hollow),.historical-loans .list .table-container .row .borrower .landing-page section.subscribe form .white.register__submit:not(.btn-hollow),.landing-page section.subscribe form .historical-loans .list .table-container .row .borrower .white.register__submit:not(.btn-hollow) {
    background-color: #dbdadd
}

.historical-loans .list .table-container .row .borrower .btn.white:hover,.historical-loans .list .table-container .row .borrower .landing-page section.subscribe form .white.register__submit:hover,.landing-page section.subscribe form .historical-loans .list .table-container .row .borrower .white.register__submit:hover {
    color: #fff;
    border-color: #fff
}

.historical-loans .list .table-container .row .borrower .btn.white:hover:not(.btn-hollow),.historical-loans .list .table-container .row .borrower .landing-page section.subscribe form .white.register__submit:hover:not(.btn-hollow),.landing-page section.subscribe form .historical-loans .list .table-container .row .borrower .white.register__submit:hover:not(.btn-hollow) {
    background-color: #fff
}

.historical-loans .list .table-container .row .borrower .btn.white:active,.historical-loans .list .table-container .row .borrower .landing-page section.subscribe form .white.register__submit:active,.landing-page section.subscribe form .historical-loans .list .table-container .row .borrower .white.register__submit:active {
    color: #aeaeae;
    border-color: #aeaeae
}

.historical-loans .list .table-container .row .borrower .btn.white:active:not(.btn-hollow),.historical-loans .list .table-container .row .borrower .landing-page section.subscribe form .white.register__submit:active:not(.btn-hollow),.landing-page section.subscribe form .historical-loans .list .table-container .row .borrower .white.register__submit:active:not(.btn-hollow) {
    background-color: #aeaeae
}

.historical-loans .list .table-container .row .borrower .btn.white:disabled,.historical-loans .list .table-container .row .borrower .landing-page section.subscribe form .white.register__submit:disabled,.landing-page section.subscribe form .historical-loans .list .table-container .row .borrower .white.register__submit:disabled {
    color: #dbdadd;
    border-color: rgba(219,218,221,.6)
}

.historical-loans .list .table-container .row .borrower .btn:disabled,.historical-loans .list .table-container .row .borrower .landing-page section.subscribe form .register__submit:disabled,.landing-page section.subscribe form .historical-loans .list .table-container .row .borrower .register__submit:disabled {
    background-color: rgba(105,55,255,.6);
    border-color: rgba(105,55,255,.6)
}

.historical-loans .list .table-container .row .borrower .btn.hollow,.historical-loans .list .table-container .row .borrower .landing-page section.subscribe form .hollow.register__submit,.landing-page section.subscribe form .historical-loans .list .table-container .row .borrower .hollow.register__submit {
    background-color: transparent;
    border: 1px solid #7e5bd6
}

.historical-loans .list .table-container .row .borrower .btn.hollow:hover,.historical-loans .list .table-container .row .borrower .landing-page section.subscribe form .hollow.register__submit:hover,.landing-page section.subscribe form .historical-loans .list .table-container .row .borrower .hollow.register__submit:hover {
    border: 1px solid #8563dd
}

.historical-loans .list .table-container .row .borrower .btn.hollow:active,.historical-loans .list .table-container .row .borrower .landing-page section.subscribe form .hollow.register__submit:active,.landing-page section.subscribe form .historical-loans .list .table-container .row .borrower .hollow.register__submit:active {
    border: 1px solid #6b4bbb
}

.historical-loans .list .table-container .row .borrower .btn.hollow:disabled,.historical-loans .list .table-container .row .borrower .landing-page section.subscribe form .hollow.register__submit:disabled,.landing-page section.subscribe form .historical-loans .list .table-container .row .borrower .hollow.register__submit:disabled {
    border: 1px solid rgba(105,55,255,.6)
}

.historical-loans .list .table-container .row .borrower .link-color {
    color: #7d5fd7
}

.historical-loans .list .table-container .row .borrower .link-color svg {
    fill: #7d5fd7
}

.historical-loans .list .table-container .row .borrower .link-color:hover {
    color: #8e68f0
}

.historical-loans .list .table-container .row .borrower .link-color:hover svg {
    color: #8e68f0;
    fill: #8e68f0
}

.historical-loans .list .table-container .row .borrower .link-color:active {
    color: #6b4bbb
}

.historical-loans .list .table-container .row .borrower .link-color:active svg {
    color: #6b4bbb;
    fill: #6b4bbb
}

.historical-loans .list .table-container .row .borrower .react-select__indicator-separator {
    background-color: #7d5fd7
}

.historical-loans .list .table-container .row .borrower .react-select__indicator {
    color: #6937ff
}

.historical-loans .list .table-container .row .borrower .react-select__option {
    cursor: pointer
}

.historical-loans .list .table-container .row .borrower .react-select__option:active {
    background-color: #6937ff
}

.historical-loans .list .table-container .row .borrower .react-select__option--is-selected {
    background-color: #7d5fd7
}

.historical-loans .list .table-container .row .borrower .react-select__option--is-focused {
    background-color: #856ec8
}

.historical-loans .list .table-container .row .borrower input[type=text]:focus-visible,.historical-loans .list .table-container .row .borrower input[type=number]:focus-visible {
    border: none;
    outline: 1px solid #7d5fd7
}

.historical-loans .list .table-container .lender,.historical-loans .list .table-container .borrower {
    justify-self: start
}

.offers-received {
    overflow-x: hidden;
    position: relative
}

@media(min-width: 1280px) {
    .offers-received {
        grid-column:1/span 3
    }
}

.offers-received:not(.empty) {
    min-height: 580px
}

.offers-received .table-container .table .body.list .row:hover .btn.accept,.offers-received .table-container .table .body.list .row:hover .landing-page section.subscribe form .accept.register__submit,.landing-page section.subscribe form .offers-received .table-container .table .body.list .row:hover .accept.register__submit {
    background-color: #7e5bd6;
    color: #fff
}

.offers-received .btn.accept,.offers-received .landing-page section.subscribe form .accept.register__submit,.landing-page section.subscribe form .offers-received .accept.register__submit {
    width: 94px;
    padding: 4px 9px;
    font-weight: 400;
    font-size: 14px;
    background-color: transparent;
    color: #7e5bd6
}

.offers-received.accept .body.list .row,.offers-received.accept .head.list .header {
    min-width: 800px;
    grid-template-columns: 11% 13% 13% 13% 18% 16% 16%
}

.offers-received .body.list .row,.offers-received .head.list .header {
    min-width: 850px;
    grid-template-columns: 11% 1fr 1fr 1fr 1fr 15%
}

.offers-received .table-container .table .head.list .header .header-cell:first-child,.offers-received .table-container .table .body .row .cell:first-child {
    justify-self: flex-end
}

.offers-received .table-container .table .body .row .cell {
    font-family: roboto mono,sans-serif
}

#asset-owner-info-panel {
    padding: 16px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    row-gap: 16px;
    column-gap: 16px
}

@media only screen and (min-width: 640px) {
    #asset-owner-info-panel {
        padding:24px
    }
}

#asset-owner-info-panel>.title {
    font-size: 16px;
    font-weight: 600;
    margin: 0 8px 4px
}

#asset-owner-info-panel .cell-span {
    grid-row: 1/3;
    grid-column: 1/3
}

#asset-owner-info-panel .cell h3,#asset-owner-info-panel .cell h4 {
    margin: 0
}

@media only screen and (max-width: 379px) {
    #asset-owner-info-panel .cell h4 {
        font-size:11px
    }
}

#asset-owner-info-panel .cell .row {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    gap: 11px
}

#asset-owner-info-panel .cell .amount {
    font-family: Roboto,sans-serif;
    font-size: 18px;
    font-weight: 300
}

#asset-owner-info-panel .cell .amount.amount-not-available {
    font-weight: 100;
    font-style: italic
}

#asset-owner-info-panel .cell p {
    font-size: 14px;
    font-style: italic;
    font-weight: 300
}

#asset-owner-info-panel .cell .user-info {
    display: flex;
    align-items: center;
    column-gap: 8px
}

#asset-owner-info-panel .cell .tooltip {
    padding: 8px;
    max-width: 152px;
    opacity: 1
}

#asset-owner-info-panel .cell .tooltip>p {
    margin: 0;
    font-weight: 400;
    font-family: Roboto,sans-serif;
    line-height: 1.2em;
    font-size: 12px;
    font-style: normal
}

#asset-owner-info-panel .cell .tooltip-icon {
    color: #5d598c
}

#asset-owner-info-panel .cell .chart-container {
    display: flex;
    align-items: center;
    margin-top: 8px;
    max-width: 180px
}

#asset-owner-info-panel .cell .chart-container>ul {
    margin: 0
}

#asset-owner-info-panel .cell .chart-container .donut-chart {
    margin-right: 4px;
    width: 45px
}

#asset-owner-info-panel .cell .chart-container .donut-chart .donut {
    position: relative;
    float: left
}

#asset-owner-info-panel .cell .chart-container .donut-chart .donut .label {
    text-align: center;
    position: absolute;
    width: 100%;
    font-family: Roboto,sans-serif;
    line-height: 43px
}

#asset-owner-info-panel .cell .chart-container .donut-chart .donut svg {
    transform: rotate(90deg)
}

#asset-owner-info-panel .cell .chart-container .donut-chart .donut .circle_animation {
    animation: html 2s ease-out forwards
}

@keyframes donut {
}

#asset-owner-info-panel .cell .chart-container ul {
    padding-left: 8px;
    flex-grow: 3;
    list-style: none
}

#asset-owner-info-panel .cell .chart-container ul li {
    padding: 4px 0
}

#asset-owner-info-panel .cell .chart-container ul li.borrow .marker {
    background: #7b61ff
}

#asset-owner-info-panel .cell .chart-container ul li.lend .marker {
    background: #d82790
}

#asset-owner-info-panel .cell .chart-container ul li .legend {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-family: Roboto,sans-serif;
    font-size: 12px
}

@media only screen and (max-width: 379px) {
    #asset-owner-info-panel .cell .chart-container ul li .legend {
        font-size:11px
    }
}

#asset-owner-info-panel .cell .chart-container ul li .legend .marker {
    display: block;
    height: 5px;
    width: 5px;
    transform: translateX(-5px);
    border-radius: 100px
}

#asset-owner-info-panel .cell .chart-container ul li .legend .grow {
    flex-grow: 1
}

#asset-owner-info-panel .cell .chart-container ul li .legend>div:last-child {
    font-weight: 700
}

.boosted-pill-normal,.boosted-pill-bluechip,.boosted-pill-vip {
    display: inline-flex;
    align-items: center;
    border-radius: 100px;
    background-color: #d2d2d2;
    padding: 0 8px 0 5px;
    line-height: 24px;
    position: relative
}

.boosted-pill-normal>span,.boosted-pill-bluechip>span,.boosted-pill-vip>span {
    color: #34333f;
    font-family: roboto,Arial,Helvetica,sans-serif;
    font-style: italic;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 100
}

.boosted-pill-normal>span>strong,.boosted-pill-bluechip>span>strong,.boosted-pill-vip>span>strong {
    font-weight: 700
}

.boosted-pill-normal>span>strong>span,.boosted-pill-bluechip>span>strong>span,.boosted-pill-vip>span>strong>span {
    font-weight: 100
}

@media only screen and (min-width: 640px) {
    .boosted-pill-normal>span>strong>span,.boosted-pill-bluechip>span>strong>span,.boosted-pill-vip>span>strong>span {
        font-weight:700
    }
}

.boosted-pill-normal>span>em,.boosted-pill-bluechip>span>em,.boosted-pill-vip>span>em {
    display: none
}

@media only screen and (min-width: 640px) {
    .boosted-pill-normal>span>em,.boosted-pill-bluechip>span>em,.boosted-pill-vip>span>em {
        display:inline
    }
}

.boosted-pill-normal>svg:not(.tooltip-icon),.boosted-pill-bluechip>svg:not(.tooltip-icon),.boosted-pill-vip>svg:not(.tooltip-icon) {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 5px
}

.boosted-pill-normal>svg:not(.tooltip-icon) path,.boosted-pill-bluechip>svg:not(.tooltip-icon) path,.boosted-pill-vip>svg:not(.tooltip-icon) path {
    fill: #34333f
}

.boosted-pill-normal>.tooltip,.boosted-pill-bluechip>.tooltip,.boosted-pill-vip>.tooltip {
    padding: 8px;
    max-width: 152px
}

.boosted-pill-normal>.tooltip.show,.boosted-pill-bluechip>.tooltip.show,.boosted-pill-vip>.tooltip.show {
    opacity: 1
}

.boosted-pill-normal>.tooltip p,.boosted-pill-bluechip>.tooltip p,.boosted-pill-vip>.tooltip p {
    margin: 0;
    font-weight: 400;
    font-family: Roboto,sans-serif;
    line-height: 1.2em;
    font-size: 12px;
    font-style: normal
}

.boosted-pill-normal>svg.tooltip-icon,.boosted-pill-bluechip>svg.tooltip-icon,.boosted-pill-vip>svg.tooltip-icon {
    position: absolute;
    right: -30px;
    color: #5d598c;
    height: 24px;
    width: 24px
}

.boosted-pill-vip {
    background-color: #ecce7d
}

.boosted-pill-normal {
    background-color: #5d598c
}

.boosted-pill-normal>span {
    color: #fff
}

.boosted-pill-normal>svg:not(.tooltip-icon) path {
    fill: #fff
}

.categories {
    min-width: 215px;
    margin-bottom: 40px;
    padding-right: 16px
}

.categories .categories__title {
    margin-bottom: 8px;
    font-size: 16px;
    text-transform: uppercase;
    color: #c7c7c7;
    font-weight: 400
}

.categories .categories__list {
    list-style: none;
    padding: 0;
    margin: 0
}

.categories .categories__item {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-bottom: 4px;
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    outline: inherit
}

.categories .categories__item span {
    display: flex;
    justify-content: space-between
}

.categories .categories__item:hover {
    cursor: pointer
}

.categories .category__name,.categories .category__total {
    font-size: 14px;
    margin: 0;
    text-align: left
}

.categories .category__name:hover {
    text-decoration: underline
}

@media screen and (max-width: 768px) {
    .categories.categories--large-screen {
        display:none
    }

    .categories.categories--small-screen {
        width: 100%;
        padding: 0;
        margin: 0
    }

    .categories .categories__choice {
        display: block;
        width: 100%;
        margin-bottom: 12px;
        margin-top: 2px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        height: 37px;
        padding: 0 8px;
        background-image: url(../../images/svg/down.svg);
        background-position: right 8px center;
        background-repeat: no-repeat;
        border-radius: 5px;
        border: solid 1px #292c38;
        font-size: 16px;
        color: #292c38;
        background-color: #fff
    }

    .categories .categories__choice:focus {
        outline: none
    }
}

@media screen and (min-width: 769px) {
    .categories.categories--small-screen {
        display:none
    }
}

.coming-soon-modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0,0,0,.49)
}

.coming-soon-modal.visible {
    display: block
}

.coming-soon-modal .modal__content {
    max-width: 55%;
    margin: 120px auto auto;
    padding: 24px;
    border-radius: 5px;
    border: 1px solid #38ffa6;
    text-align: center;
    background-color: #2c2a2a
}

.coming-soon-modal .modal__header {
    margin-top: 0;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color: #38ffa6
}

.coming-soon-modal .modal__body {
    font-size: 14px;
    color: #fff
}

.coming-soon-modal .close {
    float: right;
    margin-top: -10px;
    margin-right: -10px;
    padding: 12px 6px 16px;
    border: 2px solid #fff;
    border-radius: 50%;
    background: #2c2a2a;
    font-size: 24px;
    line-height: 0;
    cursor: pointer;
    color: #fff
}

.coming-soon-modal .close::before {
    content: "x"
}

.connect-wallet {
    display: grid;
    min-height: 85vh;
    padding: 0 16px
}

.connect-wallet .loading-spinner {
    animation: spin 1s linear infinite;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px
}

@keyframes spin {
    0% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    6.25% {
        box-shadow: 0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px 8px -2px #fff,0 30px 16px 4px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    12.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px 8px -2px #fff,-10px 30px 16px 4px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    18.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px 8px -2px #fff,-20px 20px 16px 4px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px 8px -2px #fff,-30px 10px 16px 4px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    31.25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px 8px -2px #fff,-30px 0 16px 4px #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    37.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #cf2e8c,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 8px -2px #fff,-30px -10px 16px 4px #cf2e8c,-20px -20px transparent,-10px -30px transparent
    }

    43.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #cf2e8c,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px 8px -2px #fff,-20px -20px 16px 4px #cf2e8c,-10px -30px transparent
    }

    50% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #cf2e8c,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px 8px -2px #fff,-10px -30px 16px 4px #cf2e8c
    }

    56.25% {
        box-shadow: 0 -30px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px 8px -2px #fff,0 -30px 16px 4px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    62.5% {
        box-shadow: 0 -30px #fff,10px -30px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px 8px -2px #fff,10px -30px 16px 4px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    68.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px 8px -2px #fff,20px -20px 16px 4px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px 8px -2px #fff,30px -10px 16px 4px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    81.25% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px 8px -2px #fff,30px 0 16px 4px #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff
    }

    87.5% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 8px -2px #fff,30px 10px 16px 4px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff
    }

    93.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2),0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px 8px -2px #fff,20px 20px 16px 4px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2)
    }

    100% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }
}

.connect-wallet .container {
    text-align: center;
    align-self: center
}

.connect-wallet img,.connect-wallet svg {
    display: block;
    margin-bottom: 26px;
    height: 164px;
    width: 120px;
    margin: 0 auto;
    opacity: .25
}

@media(min-width: 1280px) {
    .connect-wallet img,.connect-wallet svg {
        height:140px;
        width: 320px;
        margin-bottom: 100px
    }
}

.connect-wallet .heading {
    margin-top: 0;
    margin-bottom: 26px;
    font-size: 22px;
    font-weight: 700;
    color: #fff
}

.connect-wallet .btn,.connect-wallet .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .connect-wallet .register__submit {
    background-color: #cf2e8c;
    height: 48px;
    width: 100%;
    margin-bottom: 24px;
    padding: 14px 24px;
    font-size: 16px
}

@media only screen and (min-width: 640px) {
    .connect-wallet .btn,.connect-wallet .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .connect-wallet .register__submit {
        height:64px;
        width: auto;
        flex: 0 0 280px;
        padding: 14px 24px
    }
}

.connect-wallet .unlock {
    position: relative;
    height: 100px
}

.current-loan__container .current-loan {
    display: flex;
    justify-content: space-between
}

.current-loan__container .current-loan__label {
    font-size: 16px;
    text-transform: uppercase;
    color: #cfcfcf;
    margin: 8px 0
}

.current-loan__container .current-loan__value {
    font-size: 21px;
    color: #fff;
    margin: 0 0 8px
}

@media screen and (max-width: 768px) {
    .current-loan__container {
        display:none
    }
}

.current-loan__container .current-loan {
    display: flex;
    justify-content: space-between
}

.current-loan__container .current-loan__label {
    font-size: 16px;
    text-transform: uppercase;
    color: #cfcfcf;
    margin: 8px 0
}

.current-loan__container .current-loan__value {
    font-size: 21px;
    color: #fff;
    margin: 0 0 8px
}

@media screen and (max-width: 768px) {
    .current-loan__container {
        display:none
    }
}

.current-offer {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    border-radius: 5px
}

@media screen and (max-width: 768px) {
    .current-offer {
        display:none
    }
}

.current-offer .current-offer__label {
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    margin: 0
}

.current-offer .current-offer__value {
    font-size: 21px;
    color: #fff;
    margin: 4px 0 12px
}

.email-container form {
    margin-top: 20px;
    flex-grow: 1
}

.email-container input {
    border: none;
    outline: none;
    font-size: 14px;
    color: #fff;
    background-color: #07070f;
    padding: 10px;
    width: 100%;
    box-sizing: border-box
}

.email-container input:-webkit-autofill,.email-container input:-webkit-autofill:hover,.email-container input:-webkit-autofill:focus,.email-container input:-webkit-autofill:active {
    -webkit-text-fill-color: #fff;
    -webkit-box-shadow: 0 0 0 3.25rem #07070f inset
}

.email-container .btn,.email-container .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .email-container .register__submit {
    font-size: 14px;
    font-weight: 400;
    padding: 8px 24px;
    flex-grow: 4;
    height: 32px;
    width: 50%
}

.empty-state {
    background: #26223e;
    padding: 16px
}

@media only screen and (min-width: 640px) {
    .empty-state {
        padding:24px
    }
}

.empty-state.no-spacing-top {
    padding-top: 0
}

.empty-state.compact {
    padding: 0
}

.empty-state.compact div {
    min-width: auto;
    width: auto
}

.empty-state.transparent {
    background-color: transparent
}

@media(min-width: 1280px) {
    .empty-state.listings {
        margin-left:8px
    }
}

.empty-state div {
    text-align: center;
    font-size: 14px;
    font-style: italic;
    line-height: 12px;
    color: #8784b5;
    display: block;
    padding: 12px 0;
    width: 100%;
    min-width: 260px;
    border: dashed 1px #8784b5;
    margin: 0 auto
}

.empty-state a {
    cursor: pointer
}

section.list .empty-state {
    box-shadow: none
}

.lend-page .page-header .heading {
    color: #cf2e8c
}

.borrow-page .page-header .heading {
    color: #7d5fd7
}

.account-page .page-header .heading {
    color: #fff
}

.notifications-page .page-header .heading {
    color: #fff
}

.collection-offers-page .page-header .heading {
    font-size: 18px;
    white-space: unset;
    overflow: unset;
    display: flex;
    align-items: flex-end;
    justify-content: center
}

@media only screen and (min-width: 640px) {
    .collection-offers-page .page-header .heading {
        font-size:36px;
        white-space: nowrap;
        overflow: unset;
        display: block
    }
}

@media(min-width: 1280px) {
    .collection-offers-page .page-header .heading {
        font-size:66px
    }
}

.page-header-has-banner {
    position: relative
}

.page-header {
    flex: 0 0 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 56px;
    padding-bottom: 56px;
    position: relative
}

@media only screen and (max-width: 639px) {
    .page-header {
        box-sizing:border-box;
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

@media only screen and (min-width: 640px) {
    .page-header {
        width:100%;
        padding-left: calc(calc((100vw - 640px)/2) + 0px);
        padding-right: calc(calc((100vw - 640px)/2) + 0px);
        box-sizing: border-box
    }
}

@media(min-width: 1280px) {
    .page-header {
        width:100%;
        padding-left: calc(calc((100vw - 1280px)/2) + 0px);
        padding-right: calc(calc((100vw - 1280px)/2) + 0px);
        box-sizing: border-box
    }
}

@media only screen and (min-width: 640px)and (max-width:639px) {
    .page-header {
        box-sizing:border-box;
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width: 640px)and (min-width:640px) {
    .page-header {
        width:100%;
        padding-left: calc(calc((100vw - 640px)/2) + 16px);
        padding-right: calc(calc((100vw - 640px)/2) + 16px);
        box-sizing: border-box
    }
}

@media only screen and (min-width: 640px)and (min-width:1280px) {
    .page-header {
        width:100%;
        padding-left: calc(calc((100vw - 1280px)/2) + 16px);
        padding-right: calc(calc((100vw - 1280px)/2) + 16px);
        box-sizing: border-box
    }
}

@media(min-width: 1280px) {
    .page-header {
        flex-direction:row;
        justify-content: space-between
    }
}

@media only screen and (min-width: 1280px)and (max-width:639px) {
    .page-header {
        box-sizing:border-box;
        width: 100%;
        padding-left: 64px;
        padding-right: 64px
    }
}

@media only screen and (min-width: 1280px)and (min-width:640px) {
    .page-header {
        width:100%;
        padding-left: calc(calc((100vw - 640px)/2) + 64px);
        padding-right: calc(calc((100vw - 640px)/2) + 64px);
        box-sizing: border-box
    }
}

@media(min-width: 1280px)and (min-width:1280px) {
    .page-header {
        width:100%;
        padding-left: calc(calc((100vw - 1280px)/2) + 64px);
        padding-right: calc(calc((100vw - 1280px)/2) + 64px);
        box-sizing: border-box
    }
}

@media(min-width: 1280px) {
    .page-header.with-banner {
        height:300px
    }

    .page-header.with-banner .back {
        top: 36px
    }
}

.page-header .header-banner-img {
    display: none;
    z-index: 0
}

@media(min-width: 1280px) {
    .page-header .header-banner-img {
        display:block;
        position: absolute;
        max-width: 1350px;
        right: calc((100vw - 1280px)/2 + 64px);
        top: 50%;
        transform: translateY(-50%);
        height: 180%;
        object-fit: contain;
        -webkit-mask-image: linear-gradient(0deg,rgba(0,0,0,0) 0%,rgb(0,0,0) 45%,rgb(0,0,0) 55%,rgba(0,0,0,0) 100%);
        opacity: .85
    }
}

.page-header .text {
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 16px
}

@media(min-width: 1280px) {
    .page-header .text {
        max-width:49%
    }
}

.page-header .heading {
    font-size: 36px;
    white-space: nowrap;
    overflow: hidden;
    font-weight: 800;
    text-align: left;
    text-overflow: ellipsis;
    width: calc(100% - 32px);
    padding-left: 16px;
    padding-right: 16px;
    z-index: 1;
    text-shadow: 4px 2px 2px rgba(0,0,0,.24);
    height: 40px
}

@media only screen and (min-width: 640px) {
    .page-header .heading {
        width:unset;
        padding: 0;
        height: unset
    }
}

@media(min-width: 1280px) {
    .page-header .heading {
        font-size:56px;
        font-weight: 600;
        line-height: .8em;
        overflow: visible
    }
}

.page-header .sub-heading {
    margin: 8px 16px 0;
    font-size: 14px;
    text-align: left;
    z-index: 1
}

@media only screen and (min-width: 640px) {
    .page-header .sub-heading {
        margin:0 0 12px
    }
}

@media(min-width: 1280px) {
    .page-header .sub-heading {
        font-size:18px
    }
}

.page-header .back {
    font-size: 14px;
    font-weight: 500;
    font-family: Roboto,sans-serif;
    display: inline-flex;
    align-items: center;
    margin: 0 16px;
    padding: 3px 20px;
    border: 1px solid rgba(255,255,255,.2);
    position: absolute;
    top: 0;
    z-index: 2
}

@media only screen and (min-width: 640px) {
    .page-header .back {
        margin:0
    }
}

.page-header .back svg {
    vertical-align: middle;
    margin-right: 8px;
    width: 12px
}

.page-header.page-header-promotion {
    position: relative;
    overflow: hidden;
    align-items: center;
    justify-content: space-between;
    display: flex;
    flex-direction: column-reverse;
    flex: 0 0 auto;
    padding-top: 0;
    padding-bottom: 0
}

.page-header.page-header-promotion>div:first-child {
    margin: 24px 0
}

@media only screen and (min-width: 640px) {
    .page-header.page-header-promotion {
        flex-direction:row;
        flex: 0 0 279px
    }

    .page-header.page-header-promotion>div:first-child {
        margin: unset
    }
}

.page-header.page-header-promotion *:not(picture) {
    position: relative;
    z-index: 2
}

.page-header.page-header-promotion picture {
    position: absolute;
    transform-origin: center center;
    mask-image: linear-gradient(to left,rgba(0,0,0,0.8) 40%,rgba(0,0,0,0) 55%);
    -webkit-mask-image: linear-gradient(to left,rgba(0,0,0,0.8) 40%,rgba(0,0,0,0) 55%);
    left: -100%;
    right: -100%;
    top: -640px;
    transform: scale(.5) rotate(270deg)
}

@media only screen and (min-width: 640px) {
    .page-header.page-header-promotion picture {
        left:50%;
        right: unset;
        top: unset;
        margin-left: -720px;
        transform: unset;
        animation: myOrbit 40s linear infinite;
        mask-image: radial-gradient(circle,#fff 10%,12%,rgba(0,0,0,0) 40%);
        -webkit-mask-image: radial-gradient(circle,#fff 10%,12%,rgba(0,0,0,0) 40%)
    }
}

@media(min-width: 1280px) {
    .page-header.page-header-promotion picture {
        margin-left:-510px;
        animation: myOrbit 40s linear infinite;
        mask-image: radial-gradient(circle,#fff 5%,35%,rgba(0,0,0,0) 50%);
        -webkit-mask-image: radial-gradient(circle,#fff 5%,35%,rgba(0,0,0,0) 50%)
    }
}

.page-header.page-header-promotion .heading {
    padding-top: 0
}

.borrow-page .page-header .back {
    border: 1px solid #7e5bd6
}

.borrow-page .page-header .back .loading-spinner {
    animation: spin 1s linear infinite;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px
}

@keyframes spin {
    0% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    6.25% {
        box-shadow: 0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px 8px -2px #fff,0 30px 16px 4px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    12.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px 8px -2px #fff,-10px 30px 16px 4px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    18.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px 8px -2px #fff,-20px 20px 16px 4px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px 8px -2px #fff,-30px 10px 16px 4px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    31.25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px 8px -2px #fff,-30px 0 16px 4px #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    37.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #cf2e8c,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 8px -2px #fff,-30px -10px 16px 4px #cf2e8c,-20px -20px transparent,-10px -30px transparent
    }

    43.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #cf2e8c,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px 8px -2px #fff,-20px -20px 16px 4px #cf2e8c,-10px -30px transparent
    }

    50% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #cf2e8c,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px 8px -2px #fff,-10px -30px 16px 4px #cf2e8c
    }

    56.25% {
        box-shadow: 0 -30px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px 8px -2px #fff,0 -30px 16px 4px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    62.5% {
        box-shadow: 0 -30px #fff,10px -30px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px 8px -2px #fff,10px -30px 16px 4px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    68.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px 8px -2px #fff,20px -20px 16px 4px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px 8px -2px #fff,30px -10px 16px 4px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    81.25% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px 8px -2px #fff,30px 0 16px 4px #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff
    }

    87.5% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 8px -2px #fff,30px 10px 16px 4px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff
    }

    93.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2),0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px 8px -2px #fff,20px 20px 16px 4px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2)
    }

    100% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }
}

.borrow-page .page-header .back .accent-color {
    color: #7d5fd7
}

.borrow-page .page-header .back .accent-secondary-color {
    color: #fff
}

.borrow-page .page-header .back .accent-color-background {
    background-color: #7d5fd7
}

.borrow-page .page-header .back .accent-secondary-color-background {
    background-color: #fff
}

.borrow-page .page-header .back .accent-color-border {
    border-color: #7d5fd7
}

.borrow-page .page-header .back .accent-color-fill {
    fill: #7d5fd7
}

.borrow-page .page-header .back .accent-color-selection::selection {
    color: #fff;
    background: #7d5fd7
}

.borrow-page .page-header .back .accent-color::placeholder {
    color: #7d5fd7;
    opacity: .7
}

.borrow-page .page-header .back .toggle-switch input:checked+.slider {
    background-color: #7d5fd7
}

.borrow-page .page-header .back .filter .search {
    color: #7d5fd7
}

.borrow-page .page-header .back .filter label.checkbox .checkmark:after {
    border: solid #7d5fd7
}

.borrow-page .page-header .back .filter label.checkbox:hover input~.checkmark {
    border-color: inherit
}

@media(hover: hover) {
    .borrow-page .page-header .back .filter label.checkbox:hover input~.checkmark {
        border-color:#7d5fd7
    }
}

.borrow-page .page-header .back .filter .count {
    background-color: #7d5fd7
}

.borrow-page .page-header .back .filter .chevron {
    border: solid #7d5fd7
}

.borrow-page .page-header .back .btn,.borrow-page .page-header .back .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .borrow-page .page-header .back .register__submit {
    background-color: #7e5bd6;
    border-color: #7e5bd6
}

.borrow-page .page-header .back .btn:hover,.borrow-page .page-header .back .landing-page section.subscribe form .register__submit:hover,.landing-page section.subscribe form .borrow-page .page-header .back .register__submit:hover {
    background-color: #8563dd;
    border-color: #8563dd
}

.borrow-page .page-header .back .btn:active,.borrow-page .page-header .back .landing-page section.subscribe form .register__submit:active,.landing-page section.subscribe form .borrow-page .page-header .back .register__submit:active {
    background-color: #6b4bbb;
    border-color: #6b4bbb
}

.borrow-page .page-header .back .btn.white,.borrow-page .page-header .back .landing-page section.subscribe form .white.register__submit,.landing-page section.subscribe form .borrow-page .page-header .back .white.register__submit {
    color: #dbdadd;
    border-color: #dbdadd
}

.borrow-page .page-header .back .btn.white:not(.btn-hollow),.borrow-page .page-header .back .landing-page section.subscribe form .white.register__submit:not(.btn-hollow),.landing-page section.subscribe form .borrow-page .page-header .back .white.register__submit:not(.btn-hollow) {
    background-color: #dbdadd
}

.borrow-page .page-header .back .btn.white:hover,.borrow-page .page-header .back .landing-page section.subscribe form .white.register__submit:hover,.landing-page section.subscribe form .borrow-page .page-header .back .white.register__submit:hover {
    color: #fff;
    border-color: #fff
}

.borrow-page .page-header .back .btn.white:hover:not(.btn-hollow),.borrow-page .page-header .back .landing-page section.subscribe form .white.register__submit:hover:not(.btn-hollow),.landing-page section.subscribe form .borrow-page .page-header .back .white.register__submit:hover:not(.btn-hollow) {
    background-color: #fff
}

.borrow-page .page-header .back .btn.white:active,.borrow-page .page-header .back .landing-page section.subscribe form .white.register__submit:active,.landing-page section.subscribe form .borrow-page .page-header .back .white.register__submit:active {
    color: #aeaeae;
    border-color: #aeaeae
}

.borrow-page .page-header .back .btn.white:active:not(.btn-hollow),.borrow-page .page-header .back .landing-page section.subscribe form .white.register__submit:active:not(.btn-hollow),.landing-page section.subscribe form .borrow-page .page-header .back .white.register__submit:active:not(.btn-hollow) {
    background-color: #aeaeae
}

.borrow-page .page-header .back .btn.white:disabled,.borrow-page .page-header .back .landing-page section.subscribe form .white.register__submit:disabled,.landing-page section.subscribe form .borrow-page .page-header .back .white.register__submit:disabled {
    color: #dbdadd;
    border-color: rgba(219,218,221,.6)
}

.borrow-page .page-header .back .btn:disabled,.borrow-page .page-header .back .landing-page section.subscribe form .register__submit:disabled,.landing-page section.subscribe form .borrow-page .page-header .back .register__submit:disabled {
    background-color: rgba(105,55,255,.6);
    border-color: rgba(105,55,255,.6)
}

.borrow-page .page-header .back .btn.hollow,.borrow-page .page-header .back .landing-page section.subscribe form .hollow.register__submit,.landing-page section.subscribe form .borrow-page .page-header .back .hollow.register__submit {
    background-color: transparent;
    border: 1px solid #7e5bd6
}

.borrow-page .page-header .back .btn.hollow:hover,.borrow-page .page-header .back .landing-page section.subscribe form .hollow.register__submit:hover,.landing-page section.subscribe form .borrow-page .page-header .back .hollow.register__submit:hover {
    border: 1px solid #8563dd
}

.borrow-page .page-header .back .btn.hollow:active,.borrow-page .page-header .back .landing-page section.subscribe form .hollow.register__submit:active,.landing-page section.subscribe form .borrow-page .page-header .back .hollow.register__submit:active {
    border: 1px solid #6b4bbb
}

.borrow-page .page-header .back .btn.hollow:disabled,.borrow-page .page-header .back .landing-page section.subscribe form .hollow.register__submit:disabled,.landing-page section.subscribe form .borrow-page .page-header .back .hollow.register__submit:disabled {
    border: 1px solid rgba(105,55,255,.6)
}

.borrow-page .page-header .back .link-color {
    color: #7d5fd7
}

.borrow-page .page-header .back .link-color svg {
    fill: #7d5fd7
}

.borrow-page .page-header .back .link-color:hover {
    color: #8e68f0
}

.borrow-page .page-header .back .link-color:hover svg {
    color: #8e68f0;
    fill: #8e68f0
}

.borrow-page .page-header .back .link-color:active {
    color: #6b4bbb
}

.borrow-page .page-header .back .link-color:active svg {
    color: #6b4bbb;
    fill: #6b4bbb
}

.borrow-page .page-header .back .react-select__indicator-separator {
    background-color: #7d5fd7
}

.borrow-page .page-header .back .react-select__indicator {
    color: #6937ff
}

.borrow-page .page-header .back .react-select__option {
    cursor: pointer
}

.borrow-page .page-header .back .react-select__option:active {
    background-color: #6937ff
}

.borrow-page .page-header .back .react-select__option--is-selected {
    background-color: #7d5fd7
}

.borrow-page .page-header .back .react-select__option--is-focused {
    background-color: #856ec8
}

.borrow-page .page-header .back input[type=text]:focus-visible,.borrow-page .page-header .back input[type=number]:focus-visible {
    border: none;
    outline: 1px solid #7d5fd7
}

.lend-page .page-header .back {
    border: 1px solid #cf2e8c
}

.lend-page .page-header .back .loading-spinner {
    animation: spin 1s linear infinite;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px
}

@keyframes spin {
    0% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    6.25% {
        box-shadow: 0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px 8px -2px #fff,0 30px 16px 4px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    12.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px 8px -2px #fff,-10px 30px 16px 4px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    18.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px 8px -2px #fff,-20px 20px 16px 4px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px 8px -2px #fff,-30px 10px 16px 4px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    31.25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px 8px -2px #fff,-30px 0 16px 4px #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    37.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #cf2e8c,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 8px -2px #fff,-30px -10px 16px 4px #cf2e8c,-20px -20px transparent,-10px -30px transparent
    }

    43.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #cf2e8c,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px 8px -2px #fff,-20px -20px 16px 4px #cf2e8c,-10px -30px transparent
    }

    50% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #cf2e8c,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px 8px -2px #fff,-10px -30px 16px 4px #cf2e8c
    }

    56.25% {
        box-shadow: 0 -30px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px 8px -2px #fff,0 -30px 16px 4px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    62.5% {
        box-shadow: 0 -30px #fff,10px -30px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px 8px -2px #fff,10px -30px 16px 4px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    68.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px 8px -2px #fff,20px -20px 16px 4px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px 8px -2px #fff,30px -10px 16px 4px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    81.25% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px 8px -2px #fff,30px 0 16px 4px #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff
    }

    87.5% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 8px -2px #fff,30px 10px 16px 4px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff
    }

    93.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2),0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px 8px -2px #fff,20px 20px 16px 4px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2)
    }

    100% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }
}

.lend-page .page-header .back .accent-color {
    color: #cf2e8c
}

.lend-page .page-header .back .accent-secondary-color {
    color: #fff
}

.lend-page .page-header .back .accent-color-background {
    background-color: #cf2e8c
}

.lend-page .page-header .back .accent-secondary-color-background {
    background-color: #fff
}

.lend-page .page-header .back .accent-color-border {
    border-color: #cf2e8c
}

.lend-page .page-header .back .accent-color-fill {
    fill: #cf2e8c
}

.lend-page .page-header .back .accent-color-selection::selection {
    color: #fff;
    background: #cf2e8c
}

.lend-page .page-header .back .accent-color::placeholder {
    color: #cf2e8c;
    opacity: .7
}

.lend-page .page-header .back .toggle-switch input:checked+.slider {
    background-color: #cf2e8c
}

.lend-page .page-header .back .filter .search {
    color: #cf2e8c
}

.lend-page .page-header .back .filter label.checkbox .checkmark:after {
    border: solid #cf2e8c
}

.lend-page .page-header .back .filter label.checkbox:hover input~.checkmark {
    border-color: inherit
}

@media(hover: hover) {
    .lend-page .page-header .back .filter label.checkbox:hover input~.checkmark {
        border-color:#cf2e8c
    }
}

.lend-page .page-header .back .filter .count {
    background-color: #cf2e8c
}

.lend-page .page-header .back .filter .chevron {
    border: solid #cf2e8c
}

.lend-page .page-header .back .btn,.lend-page .page-header .back .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .lend-page .page-header .back .register__submit {
    background-color: #cb2b83;
    border-color: #cb2b83
}

.lend-page .page-header .back .btn:hover,.lend-page .page-header .back .landing-page section.subscribe form .register__submit:hover,.landing-page section.subscribe form .lend-page .page-header .back .register__submit:hover {
    background-color: #d13e8f;
    border-color: #d13e8f
}

.lend-page .page-header .back .btn:active,.lend-page .page-header .back .landing-page section.subscribe form .register__submit:active,.landing-page section.subscribe form .lend-page .page-header .back .register__submit:active {
    background-color: #a61d6e;
    border-color: #a61d6e
}

.lend-page .page-header .back .btn.white,.lend-page .page-header .back .landing-page section.subscribe form .white.register__submit,.landing-page section.subscribe form .lend-page .page-header .back .white.register__submit {
    color: #dbdadd;
    border-color: #dbdadd
}

.lend-page .page-header .back .btn.white:not(.btn-hollow),.lend-page .page-header .back .landing-page section.subscribe form .white.register__submit:not(.btn-hollow),.landing-page section.subscribe form .lend-page .page-header .back .white.register__submit:not(.btn-hollow) {
    background-color: #dbdadd
}

.lend-page .page-header .back .btn.white:hover,.lend-page .page-header .back .landing-page section.subscribe form .white.register__submit:hover,.landing-page section.subscribe form .lend-page .page-header .back .white.register__submit:hover {
    color: #fff;
    border-color: #fff
}

.lend-page .page-header .back .btn.white:hover:not(.btn-hollow),.lend-page .page-header .back .landing-page section.subscribe form .white.register__submit:hover:not(.btn-hollow),.landing-page section.subscribe form .lend-page .page-header .back .white.register__submit:hover:not(.btn-hollow) {
    background-color: #fff
}

.lend-page .page-header .back .btn.white:active,.lend-page .page-header .back .landing-page section.subscribe form .white.register__submit:active,.landing-page section.subscribe form .lend-page .page-header .back .white.register__submit:active {
    color: #aeaeae;
    border-color: #aeaeae
}

.lend-page .page-header .back .btn.white:active:not(.btn-hollow),.lend-page .page-header .back .landing-page section.subscribe form .white.register__submit:active:not(.btn-hollow),.landing-page section.subscribe form .lend-page .page-header .back .white.register__submit:active:not(.btn-hollow) {
    background-color: #aeaeae
}

.lend-page .page-header .back .btn.white:disabled,.lend-page .page-header .back .landing-page section.subscribe form .white.register__submit:disabled,.landing-page section.subscribe form .lend-page .page-header .back .white.register__submit:disabled {
    color: #dbdadd;
    border-color: rgba(219,218,221,.6)
}

.lend-page .page-header .back .btn:disabled,.lend-page .page-header .back .landing-page section.subscribe form .register__submit:disabled,.landing-page section.subscribe form .lend-page .page-header .back .register__submit:disabled {
    background-color: rgba(253,0,148,.6);
    border-color: rgba(253,0,148,.6)
}

.lend-page .page-header .back .btn.hollow,.lend-page .page-header .back .landing-page section.subscribe form .hollow.register__submit,.landing-page section.subscribe form .lend-page .page-header .back .hollow.register__submit {
    background-color: transparent;
    border: 1px solid #cb2b83
}

.lend-page .page-header .back .btn.hollow:hover,.lend-page .page-header .back .landing-page section.subscribe form .hollow.register__submit:hover,.landing-page section.subscribe form .lend-page .page-header .back .hollow.register__submit:hover {
    border: 1px solid #d13e8f
}

.lend-page .page-header .back .btn.hollow:active,.lend-page .page-header .back .landing-page section.subscribe form .hollow.register__submit:active,.landing-page section.subscribe form .lend-page .page-header .back .hollow.register__submit:active {
    border: 1px solid #a61d6e
}

.lend-page .page-header .back .btn.hollow:disabled,.lend-page .page-header .back .landing-page section.subscribe form .hollow.register__submit:disabled,.landing-page section.subscribe form .lend-page .page-header .back .hollow.register__submit:disabled {
    border: 1px solid rgba(253,0,148,.6)
}

.lend-page .page-header .back .link-color {
    color: #cf2e8c
}

.lend-page .page-header .back .link-color svg {
    fill: #cf2e8c
}

.lend-page .page-header .back .link-color:hover {
    color: #d858a4
}

.lend-page .page-header .back .link-color:hover svg {
    color: #d858a4;
    fill: #d858a4
}

.lend-page .page-header .back .link-color:active {
    color: #a61d6e
}

.lend-page .page-header .back .link-color:active svg {
    color: #a61d6e;
    fill: #a61d6e
}

.lend-page .page-header .back .react-select__indicator-separator {
    background-color: #cf2e8c
}

.lend-page .page-header .back .react-select__indicator {
    color: #fd0094
}

.lend-page .page-header .back .react-select__option {
    cursor: pointer
}

.lend-page .page-header .back .react-select__option:active {
    background-color: #fd0094
}

.lend-page .page-header .back .react-select__option--is-selected {
    background-color: #cf2e8c
}

.lend-page .page-header .back .react-select__option--is-focused {
    background-color: #bc4189
}

.lend-page .page-header .back input[type=text]:focus-visible,.lend-page .page-header .back input[type=number]:focus-visible {
    border: none;
    outline: 1px solid #cf2e8c
}

@keyframes myRotateMobileLarge {
    0% {
        transform: translateY(-50%) translateX(58.5%) rotate(0deg)
    }

    100% {
        transform: translateY(-50%) translateX(58.5%) rotate(360deg)
    }
}

@keyframes myRotateDesktop {
    0% {
        transform: translateY(-50%) translateX(74%) rotate(0deg)
    }

    100% {
        transform: translateY(-50%) translateX(74%) rotate(360deg)
    }
}

@-webkit-keyframes myOrbit {
    from {
        -webkit-transform: rotate(0deg) translateX(.5%) translateY(-.5%) rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg) translateX(.5%) translateY(-.5%) rotate(-360deg)
    }
}

@keyframes myOrbit {
    from {
        transform: rotate(0deg) translateX(.5%) translateY(-.5%) rotate(0deg)
    }

    to {
        transform: rotate(360deg) translateX(.5%) translateY(-.5%) rotate(-360deg)
    }
}

.loan-list {
    background: #221e37
}

.loan-list:last-of-type {
    margin-bottom: 16px
}

@media(min-width: 1280px) {
    .loan-list:last-of-type {
        margin-bottom:24px
    }
}

.loan-list .table-header {
    background: #0f0d18
}

.loan-list .heading {
    padding: 16px;
    font-size: 14px;
    font-weight: 600;
    margin: 16px 0 0;
    display: flex;
    align-items: center;
    box-shadow: 1px 1px 0 #000
}

@media(min-width: 1280px) {
    .loan-list .heading {
        padding:24px;
        margin: 24px 0 0
    }
}

.loan-list .heading span.grow {
    flex-grow: 1
}

.loan-list .heading .button-download {
    border: 1px solid #fff;
    padding: 4px 16px;
    background: transparent;
    display: flex;
    align-items: center;
    color: #fff;
    cursor: pointer;
    margin-top: -10px;
    margin-bottom: -10px
}

.loan-list .heading .button-download:hover {
    background: #0f0d18
}

.loan-list .heading .button-download svg {
    margin-right: 10px
}

.loan-list .table-container {
    display: grid;
    grid-template-columns: repeat(11,auto);
    grid-template-rows: auto;
    overflow-x: auto
}

.loan-list .table-container span {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #000;
    white-space: nowrap;
    padding: 12px 0;
    font-family: roboto,sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

.loan-list .table-container span.name>a {
    width: 120px;
    text-overflow: ellipsis;
    overflow: hidden
}

@media(min-width: 1280px) {
    .loan-list .table-container span.name>a {
        width:200px
    }
}

@media only screen and (min-width: 640px) {
    .loan-list .table-container span {
        padding:12px 0 12px 8px
    }
}

.loan-list .table-container span.table-header {
    font-family: roboto condensed,sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 2em
}

.loan-list .table-container span:not(.table-header) {
    background: #26223e;
    padding: 6px 8px
}

.loan-list .table-container span:first-child {
    padding-left: 16px
}

@media only screen and (min-width: 640px) {
    .loan-list .table-container span:first-child {
        padding-left:24px
    }
}

.loan-list .table-container span img {
    width: 36px;
    height: 36px;
    background-color: #33315c;
    display: block
}

.loan-list .open-sea-container {
    justify-content: center
}

.loan-list .open-sea-container .opensea-link {
    height: 24px;
    width: 24px;
    color: #cf2e8c
}

.loan-list .open-sea-container .opensea-link svg {
    width: 24px;
    height: 24px
}

.loan-list .open-sea-container .opensea-link:hover {
    color: #ff0597
}

.loan-list .row {
    display: contents
}

.loan-list .rows {
    display: contents
}

.no-loans,.no-offers {
    background: #26223e;
    color: #8784b5;
    padding: 18px;
    text-align: center
}

.no-loans div,.no-offers div {
    text-align: center;
    font-size: 14px;
    font-style: italic;
    line-height: 12px;
    color: #8784b5;
    display: block;
    margin: 0 auto;
    padding: 12px 0;
    width: 260px;
    border: dashed 2px #8784b5
}

.lend-page .loan-list .heading .button-download {
    border-color: #d82790
}

.borrow-page .loan-list .heading .button-download {
    border-color: #7d5fd7
}

.loan-summary__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0 16px;
    background-color: #2c2a2a
}

.loan-summary__container .loan-summary {
    display: flex;
    justify-content: space-between
}

.loan-summary__container .loan-summary__label {
    font-size: 16px;
    text-transform: uppercase;
    color: #cfcfcf;
    margin: 0 0 8px
}

.loan-summary__container .loan-summary__value {
    font-size: 21px;
    color: #fff;
    margin: 0 0 8px
}

.loan-summary__container .loan-summary--right-align {
    text-align: right
}

@media screen and (min-width: 769px) {
    .loan-summary__container {
        display:none
    }
}

.meter-container {
    display: flex;
    align-items: center;
    gap: 8px
}

.meter-container .meter {
    height: 8px;
    position: relative;
    background: #0f0e20;
    overflow: hidden;
    border-radius: 10px;
    width: 100%;
    top: 1px
}

.meter-container .meter span {
    display: block;
    height: 100%
}

.meter-container .meter .progress {
    background-color: #cb2b83;
    border-radius: 10px;
    animation: progressBar 1s ease-in-out;
    animation-fill-mode: both
}

@keyframes progressBar {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

.meter-container .title {
    font-family: roboto regular,sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #cbc9e4;
    white-space: nowrap
}

.modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    background-color: rgba(0,0,0,.8)
}

.modal.visible {
    display: block
}

.modal .modal__content {
    display: flex;
    flex-direction: column;
    margin: 173px auto auto;
    padding: 0;
    text-align: center;
    background-color: #383651;
    box-shadow: 3px 3px 0 #16152d
}

.modal .modal__content .header-container {
    position: relative
}

.modal .modal__content .header-container .close-modal-button {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background: 0 0;
    border: none;
    cursor: pointer
}

.modal .modal__content--large {
    max-width: 558px
}

.modal .modal__content--medium {
    max-width: 340px
}

.modal .modal__header {
    margin: 0;
    height: 22px;
    padding: 14px 24px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    background-color: #00a3d0;
    text-shadow: 2px 2px #16152d
}

.modal .modal__icon {
    display: flex;
    align-items: center;
    margin: auto 34px
}

.modal .action {
    display: flex;
    height: 85px
}

.modal .action:nth-of-type(2) {
    border-top: 1px solid #0a1a21
}

.modal .modal__info {
    margin: auto 0;
    text-align: left
}

.modal .action__name {
    font-size: 14px;
    font-weight: 700;
    margin: 0
}

.modal .action__details {
    margin: 0 34px 0 0;
    font-size: 14px
}

.modal .action__button {
    padding: 2px 7px;
    min-width: 85px;
    height: 32px;
    margin: auto 34px auto auto;
    border: 0 solid #000;
    font-weight: 600;
    background-color: #16152d;
    color: #fff;
    cursor: pointer;
    border: 0 solid #000;
    transition: all .1s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    box-shadow: 0 9px 12px 0 rgba(0,0,0,.4),2px 2px 0 0 #16152d
}

.modal .action__button:hover {
    cursor: pointer;
    transform: translate(0px,-1px);
    box-shadow: 0 9px 12px 0 rgba(0,0,0,.4),4px 4px 0 0 #16152d
}

.modal .action__button:focus,.modal .action__button:active {
    transform: translate(0px,1px);
    outline: none;
    box-shadow: 0 9px 12px 0 rgba(0,0,0,.4),1px 1px 0 0 #16152d
}

.modal .action__button:disabled {
    opacity: .6
}

.modal .action__button:focus {
    outline: none
}

.modal .progress-bar--executing {
    width: 422px;
    height: 13px;
    margin: 4px 34px auto auto;
    overflow: hidden;
    border-radius: 6.5px;
    border: solid 1px #38ffa6;
    background-color: rgba(56,255,166,.2)
}

.modal .progress-bar--executing>span {
    display: block;
    height: 100%;
    background-color: #38ffa6;
    position: relative;
    overflow: hidden
}

.modal .modal--disabled {
    background-color: #383651
}

.modal .modal--disabled>* {
    opacity: .3;
    cursor: auto
}

.modal .modal__close {
    display: flex;
    margin-left: auto
}

.modal .dismiss {
    background-image: url(../../images/svg/close.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-color: initial;
    border: none;
    min-width: 19px;
    height: 19px;
    cursor: pointer;
    width: 100%;
    margin-top: -30px;
    margin-right: 12px
}

.network-banner {
    background-color: #d82790;
    color: #2c2a2a;
    font-size: 11px;
    font-weight: 500;
    height: 48px!important;
    display: none
}

@media only screen and (min-width: 640px) {
    .network-banner {
        font-size:13px;
        display: flex;
        padding: 0 16px;
        align-items: center;
        justify-content: center;
        text-align: center
    }
}

.network-banner p {
    padding: 0
}

.network-banner span {
    text-transform: capitalize;
    font-weight: 700
}

.network-banner a {
    color: #2c2a2a;
    text-decoration: underline
}

.pending-transaction {
    display: flex;
    border-radius: 4px;
    border: solid 1px #979797;
    background-color: #292c38;
    font-size: 16px
}

.pending-transaction>* {
    margin: 12px 0 12px 13px
}

.pending-transaction .icon {
    margin-left: 13px
}

.pending-transaction a {
    color: #fff
}

.project-container {
    padding: 10px;
    font-size: 14px;
    line-height: 22px;
    background: #221e37;
    display: flex;
    flex-direction: column;
    margin-bottom: 8px
}

@media screen and (min-width: 1280px) {
    .project-container {
        padding:24px;
        flex-direction: row
    }
}

.project-container .first-column {
    grid-row: 2
}

.project-container .details-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative
}

@media(min-width: 1280px) {
    .project-container .details-container {
        margin-left:140px
    }
}

.project-container .details-container a.image {
    position: absolute;
    display: block;
    left: -140px;
    max-height: 120px;
    padding-bottom: 25px;
    width: 120px;
    background-color: rgba(0,0,0,.2666666667)
}

.project-container .details-container a.image img {
    max-width: 120px;
    max-height: 100%;
    margin: 0 auto;
    display: block;
    margin-bottom: 2px;
    background: rgba(255,255,255,.0941176471)
}

.project-container .details-container a.image span {
    display: block;
    text-transform: uppercase;
    font-size: 11px;
    padding-left: 10px
}

@media screen and (min-width: 1280px) {
    .project-container .details-container a.image {
        margin-bottom:0
    }
}

.project-container .image-banner {
    top: 150px
}

@media screen and (min-width: 1280px) {
    .toggles-address-container {
        grid-column:span 2
    }
}

.field-container {
    display: flex;
    margin: 3px 0 0;
    padding-bottom: 3px;
    border-bottom: 1px solid rgba(255,255,255,.0941176471);
    flex-direction: column
}

@media(min-width: 1280px) {
    .field-container {
        flex-direction:row
    }
}

.field-container .__react_component_tooltip {
    padding: 6px 10px;
    opacity: 1;
    font-style: normal
}

.field-container .__react_component_tooltip+svg {
    margin-left: 10px
}

.field-container .__react_component_tooltip p {
    margin: 0
}

.field-container>span:first-child {
    color: rgba(255,255,255,.5);
    font-style: italic;
    display: block
}

@media(min-width: 1280px) {
    .field-container>span:first-child {
        width:250px;
        display: inline-block
    }
}

.field-container>span:nth-child(2) {
    display: block
}

@media(min-width: 1280px) {
    .field-container>span:nth-child(2) {
        width:650px;
        display: inline-block
    }
}

.contract-address {
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (min-width: 1280px) {
    .contract-address {
        overflow:auto
    }
}

.description {
    grid-column: 2;
    display: flex;
    flex-direction: column
}

.description:first-child {
    margin-bottom: 8px
}

.toggles-container {
    display: flex;
    margin: 5px 0 0;
    gap: 20px;
    flex-direction: column
}

@media(min-width: 1280px) {
    .toggles-container {
        flex-direction:row
    }
}

.image-url {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.metadata-controls-container {
    grid-row: 1/span 2;
    grid-column: 3;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

pre.metadata {
    background: #16152d;
    font-size: 12px;
    line-height: 20px;
    overflow: auto;
    padding: 10px;
    box-sizing: border-box;
    margin: 0
}

.edit-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 5px 16px;
    border-radius: 0;
    border: 0;
    background: #cf2e8c;
    cursor: pointer;
    height: 32px;
    color: #fff
}

.edit-button svg {
    margin-right: 9px
}

.edit-button-absolute {
    position: absolute;
    left: -140px;
    bottom: 0;
    width: 120px
}

.project-form {
    background: #16152d
}

.project-form .image {
    width: 120px;
    margin-right: 16px;
    margin-bottom: 26px;
    background: rgba(255,255,255,.0666666667)
}

.project-form .details-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    position: relative
}

@media(min-width: 1280px) {
    .project-form .details-container {
        margin-left:140px
    }
}

.project-form .toggles-address-container {
    grid-column: span 2
}

.project-form .toggles-container {
    display: flex;
    margin-bottom: 16px;
    gap: 20px;
    flex-direction: column
}

@media(min-width: 1280px) {
    .project-form .toggles-container {
        flex-direction:row
    }
}

.project-form .toggles-container .toggle-switch {
    margin-right: 16px
}

.project-form .first-column {
    grid-row: 2
}

.project-form .input-container {
    display: flex;
    margin: 3px 0 0;
    padding-bottom: 3px;
    flex-direction: column
}

@media(min-width: 1280px) {
    .project-form .input-container {
        flex-direction:row
    }
}

.project-form .input-container .__react_component_tooltip {
    padding: 6px 10px;
    opacity: 1;
    font-style: normal
}

.project-form .input-container .__react_component_tooltip+svg {
    margin-left: 10px
}

.project-form .input-container .__react_component_tooltip p {
    margin: 0
}

.project-form .input-container>span:first-child {
    color: rgba(255,255,255,.5);
    font-style: italic;
    display: block
}

@media(min-width: 1280px) {
    .project-form .input-container>span:first-child {
        width:250px;
        display: inline-block
    }
}

.project-form .input-container>span:nth-child(2) {
    display: block
}

@media(min-width: 1280px) {
    .project-form .input-container>span:nth-child(2) {
        width:650px;
        display: inline-block
    }
}

.project-form .input-container>span.refresh {
    padding: 5px
}

.project-form .input-container>span.refresh svg.rotate {
    animation: rotate .5s infinite ease-in-out
}

.project-form .input {
    background: #0f0d18;
    line-height: 32px;
    padding: 0 10px;
    border: 0;
    color: #fff;
    width: 100%;
    font-size: 13px;
    box-sizing: border-box
}

.project-form .textarea {
    background: #0f0d18;
    border: 0;
    color: #fff;
    font-family: inherit;
    height: 136px;
    width: 100%;
    margin: 0;
    font-size: 13px;
    box-sizing: border-box;
    padding: 10px
}

.project-form .metadata-controls-container {
    grid-row: 1/span 2;
    grid-column: 3;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.project-form .metadata-container {
    margin-bottom: 24px
}

.project-form pre.metadata {
    max-height: 120px;
    width: 100%;
    background: #16152d;
    overflow: auto;
    padding: 10px
}

.project-form .buttons-container {
    display: flex;
    padding-top: 20px
}

.project-form button {
    width: 100%;
    padding: 5px 16px;
    border-radius: 0;
    border: 0;
    cursor: pointer;
    height: 32px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.project-form button svg {
    margin-right: 9px
}

.project-form .cancel-button {
    background: #0f0d18;
    margin-right: 8px;
    color: #cbc9e4
}

.project-form .submit-button {
    background: #cf2e8c
}

.project-list {
    margin-bottom: 130px
}

.project-list .table-header {
    background: #0f0d18
}

.project-list .heading-filter-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px
}

@media(min-width: 1280px) {
    .project-list .heading-filter-container {
        gap:20px
    }
}

.project-list .heading-filter-container .grow {
    flex-grow: 1
}

.project-list .heading-filter-container .sorting {
    font-size: 11px;
    text-transform: uppercase;
    margin: 0 10px
}

@media(min-width: 1280px) {
    .project-list .heading-filter-container .sorting {
        margin:0
    }
}

.project-list .heading-filter-container .input {
    background: #0f0d18;
    height: 32px;
    padding: 5px 12px;
    border: 0;
    color: #fff;
    margin: 0 10px 20px
}

@media(min-width: 1280px) {
    .project-list .heading-filter-container .input {
        margin:0 0 20px
    }
}

@media(min-width: 1280px) {
    .project-list .heading-filter-container {
        flex-direction:row;
        align-items: center;
        margin: 32px 0 14px
    }

    .project-list .heading-filter-container .heading {
        margin: 0
    }

    .project-list .heading-filter-container .input {
        margin: 0;
        min-width: 250px
    }
}

.project-list .heading {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    color: #c7c7c7;
    margin: 10px
}

@media(min-width: 1280px) {
    .project-list .heading {
        margin:32px 0 14px
    }
}

.project-list .table-container {
    display: grid;
    grid-template-columns: repeat(11,auto);
    grid-template-rows: auto;
    overflow: scroll
}

.project-list .table-container span {
    display: flex;
    align-items: center;
    padding: 12px 8px;
    border-bottom: 1px solid #000;
    white-space: nowrap
}

.project-list .table-container span:not(.table-header) {
    background: #26223e;
    padding: 6px 8px
}

.project-list .table-container span img {
    width: 36px;
    height: 36px;
    border-bottom: 1px solid #16152d;
    background-color: #33315c
}

.project-list .open-sea-container {
    justify-content: center
}

.project-list .open-sea-container .opensea-link {
    height: 24px;
    width: 24px;
    color: #cf2e8c
}

.project-list .open-sea-container .opensea-link svg {
    width: 24px;
    height: 24px
}

.project-list .open-sea-container .opensea-link:hover {
    color: #ff0597
}

.project-list .row {
    display: contents
}

.project-list .rows {
    display: contents
}

.action-status {
    display: flex;
    position: fixed;
    right: 0;
    bottom: 0;
    width: 250px;
    height: 56px;
    z-index: 1;
    background-color: #2c2a2a;
    border-radius: 5px;
    box-shadow: 2px 2px 4px 0 rgba(0,0,0,.5);
    border: solid 1px #cfcfcf;
    margin: auto 14px 16px auto
}

.action-status .action-status__icon {
    padding-left: 12px;
    display: flex;
    align-items: center
}

.action-status .action-status__icon .success {
    color: #38ffa6
}

.action-status .action-status__icon .warn {
    color: #fff
}

.action-status .action-status__info {
    margin: auto auto auto 15px;
    text-align: left
}

.action-status .action-status__name {
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    line-height: 19px
}

.action-status .action-status__progress-bar--executing {
    width: 177px;
    height: 13px;
    margin-top: 2px;
    overflow: hidden;
    border-radius: 6.5px;
    border: solid 1px #38ffa6;
    background-color: rgba(56,255,166,.2)
}

.action-status .action-status__progress-bar--executing>span {
    display: block;
    height: 100%;
    background-color: #38ffa6;
    position: relative;
    overflow: hidden
}

.action-status .action-status__progress-bar--error {
    width: 177px;
    height: 13px;
    margin-top: 2px;
    overflow: hidden;
    border-radius: 6.5px;
    border: solid 1px #d82790;
    background-color: rgba(56,255,166,.2)
}

.action-status .action-status__progress-bar--error>span {
    display: block;
    height: 100%;
    width: 100%;
    background-color: #d82790;
    position: relative;
    overflow: hidden
}

.stats-card {
    margin-top: 16px;
    padding: 16px 0;
    margin: 32px 16px;
    height: 320px;
    overflow-x: auto;
    overflow-y: hidden
}

@media only screen and (min-width: 640px) {
    .stats-card {
        margin:32px 0
    }
}

.stats-card .stats-card__title {
    font-size: 18px;
    text-transform: uppercase
}

.stats-card .stats-card__chart {
    vertical-align: top;
    height: 270px;
    flex-basis: 25%;
    padding-top: 18px;
    padding-right: 32px
}

.stats-card .stats-card__chart-right {
    vertical-align: top;
    flex-basis: 70%;
    padding-top: 18px
}

.stats-card .stats-card__bar-chart-bar {
    margin-bottom: 23px;
    border-radius: 2px;
    height: 3px;
    background-color: #cfcfcf
}

.stats-card .stats-card__bar-chart-row,.stats-card .stats-card__bar-chart-row-inner {
    transition: all .15s ease;
    display: flex;
    justify-content: space-between;
    padding: 2px 0;
    color: #fff;
    text-decoration: none
}

.stats-card .stats-card__bar-chart-row-inner:hover {
    transition: all .15s ease;
    background-color: rgba(0,0,0,.1490196078);
    cursor: pointer;
    padding: 2px 6px;
    border-radius: 2px
}

.stats-card .stats-card__bar-chart-value,.stats-card .stats-card__bar-chart-label {
    white-space: nowrap
}

.stats-card .stats-card__bar-chart-label {
    min-width: 187px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.stats-card .stats-card__bar-chart-label a {
    color: #fff
}

.stats-card .stats-card__bar-chart-value {
    margin-left: 16px
}

.stats-card .stats-card__bar-chart-container {
    margin-right: 22px
}

.stats-container {
    margin: 16px 24px;
    overflow: hidden
}

@media screen and (max-width: 768px) {
    .stats-container {
        margin:0
    }
}

.stats-container .currency-select label {
    font-size: 14px;
    text-transform: uppercase
}

.stats-container .currency-select select {
    margin-left: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 160px;
    height: 37px;
    padding: 0 8px;
    background-size: 12px;
    background-image: url(../../images/svg/down.svg);
    background-position: right 10px center;
    background-repeat: no-repeat;
    border: solid 1px #292c38;
    font-size: 14px;
    color: #292c38
}

.stats-container .currency-select select:focus {
    outline: none
}

.tables {
    padding: 0;
    max-width: 100%
}

@media screen and (max-width: 768px) {
    .tables {
        table-layout:fixed;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 16px 0 0
    }
}

.tables .tables__table {
    table-layout: auto;
    width: 100%;
    padding-bottom: 16px;
    border-spacing: 0 16px;
    border-collapse: none
}

@media screen and (max-width: 768px) {
    .tables .tables__table {
        padding-right:16px
    }
}

.tables .tables__header {
    color: #fff;
    background: #221e37;
    padding: 16px;
    font-size: 14px;
    font-weight: 600;
    margin: 16px 0 0;
    display: flex;
    align-items: center;
    box-shadow: 1px 1px 0 #000
}

@media(min-width: 1280px) {
    .tables .tables__header {
        margin:24px 0 0;
        padding: 24px
    }
}

@media screen and (max-width: 768px) {
    .tables .tables__header {
        margin-top:0
    }
}

.tables .tables__table-header {
    font-size: 15px;
    text-transform: uppercase;
    text-align: left
}

@media screen and (max-width: 768px) {
    .tables .tables__table-header {
        min-width:100px
    }

    .tables .tables__table-header.cell--button {
        display: none
    }
}

.tables a {
    color: #fff
}

@media screen and (max-width: 768px) {
    .tables td {
        margin-top:0;
        min-width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.tables td:first-of-type,.tables td:last-of-type {
    font-size: 14px;
    margin: 2px 8px;
    padding: 0 8px
}

@media screen and (max-width: 768px) {
    .tables td:first-of-type,.tables td:last-of-type {
        padding:0
    }
}

.tables .cell--numeric {
    text-align: right
}

.tables .cell--button {
    width: 60px;
    padding-right: 0
}

@media screen and (max-width: 768px) {
    .tables .cell--button {
        display:none
    }
}

.tables .tables__button {
    align-self: baseline;
    min-width: 72px;
    height: 32px;
    border: none;
    font-size: 14px;
    color: #292c38;
    background-color: #00a3d0;
    box-shadow: 3px 3px 0 #16152d
}

.tables .tables__button:hover {
    transform: translate(-1px,-1px);
    box-shadow: 4px 4px 0 #16152d
}

.tables .tables__button:hover:disabled {
    box-shadow: none;
    transform: none
}

.tables .tables__button:active {
    outline: none;
    transform: translate(0px,0px);
    box-shadow: 0 0 0 #16152d
}

.tables .tables__button:hover {
    cursor: pointer
}

.tables .tables__button:disabled {
    opacity: .5;
    box-shadow: none;
    transform: none;
    cursor: not-allowed
}

.toggle-switch {
    display: flex;
    align-items: center
}

.toggle-switch .label {
    white-space: nowrap;
    line-height: 16px
}

.toggle-switch .switch {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 16px;
    margin-right: 8px
}

.toggle-switch .switch input {
    opacity: 0;
    width: 0;
    height: 0;
    visibility: hidden
}

.toggle-switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #2a2841;
    -webkit-transition: .4s;
    transition: .4s
}

.toggle-switch .slider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 2px;
    bottom: 2px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

.toggle-switch input:focus+.slider {
    box-shadow: 0 0 1px #cf2e8c
}

.toggle-switch input:checked+.slider:before {
    -webkit-transform: translateX(12px);
    -ms-transform: translateX(12px);
    transform: translateX(12px)
}

.toggle-switch .slider.round {
    border-radius: 16px
}

.toggle-switch .slider.round:before {
    border-radius: 50%
}

.transact-modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0,0,0,.49)
}

.transact-modal.visible {
    display: block
}

.transact-modal .modal__content {
    display: flex;
    flex-direction: column;
    max-width: 544px;
    height: 304px;
    margin: 112px auto auto;
    padding: 0;
    border-radius: 5px;
    border: 1px solid #cfcfcf;
    text-align: center;
    background-color: #2c2a2a
}

.transact-modal .modal__header {
    margin: 0;
    padding: 8px 24px;
    border-bottom: 1px solid #cfcfcf;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff
}

.transact-modal .modal__body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #fff
}

.transact-modal .modal__body>p {
    margin: 8px
}

.transact-modal .modal__actions {
    margin: 0;
    padding: 8px 24px;
    border-top: 1px solid #cfcfcf
}

.transact-modal .modal__actions>button {
    min-width: 136px;
    height: 44px;
    margin: auto auto auto 0;
    border-radius: 5px;
    border: 1px solid #38ffa6;
    font-size: 20px;
    color: #292c38;
    cursor: pointer
}

.transact-modal .modal__actions>button:nth-of-type(2) {
    margin-left: 16px
}

.transact-modal .modal__actions .modal__actions--cancel {
    background-color: #2c2a2a;
    color: #38ffa6
}

.transact-modal .modal__actions .modal__actions--confirm {
    background-color: #38ffa6;
    width: 170px
}

.transact-modal .modal__actions .modal__actions--wait {
    border: 1px solid #292c38;
    background-color: rgba(154,157,156,.5);
    pointer-events: none
}

.transact-modal .modal__error-message {
    padding-top: 8px
}

.account-balances {
    position: relative
}

.account-balances.dropdown-open .currency-dropdown {
    display: block;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px)
}

.account-balances.dropdown-open .action-icon svg {
    transform: rotateZ(180deg)
}

@media(min-width: 1280px) {
    .account-balances.dropdown-open .action-icon svg {
        transform:rotateZ(0deg)
    }
}

.account-balances .address {
    box-sizing: border-box;
    display: flex;
    gap: 5px;
    justify-content: space-between;
    align-items: center;
    border: 2px solid #cbc9e4;
    border-radius: 100px;
    width: 100%;
    padding: 3px;
    cursor: pointer;
    user-select: none;
    font-size: 16px;
    font-family: roboto mono,monospace
}

@media(min-width: 1280px) {
    .account-balances .address {
        width:165px
    }
}

.account-balances .address * {
    pointer-events: none
}

.account-balances .address:hover {
    background: rgba(0,0,0,.2)
}

.account-balances .address div {
    display: inline-flex
}

.account-balances .address .action-icon {
    padding-right: 10px;
    display: flex
}

.account-balances .address .action-icon svg {
    height: 10px;
    transition: all .2s linear;
    transform: rotate(180deg)
}

@media(min-width: 1280px) {
    .account-balances .address .action-icon svg {
        transform:rotate(0deg)
    }
}

.account-balances .address svg,.account-balances .address img {
    display: inline-block
}

.account-balances .currency-dropdown {
    padding: 0 3px;
    position: absolute;
    border: 2px solid #cbc9e4;
    border-radius: 12px;
    display: none;
    bottom: 40px;
    width: calc(100% - 12px);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px)
}

@media(min-width: 1280px) {
    .account-balances .currency-dropdown {
        top:40px;
        bottom: unset
    }
}

.account-balances .currency {
    display: flex;
    align-items: center;
    margin: 8px 0 8px 5px;
    font-size: 12px;
    font-family: roboto mono,monospace
}

.account-balances .currency span {
    white-space: nowrap
}

.account-balances .currency svg {
    margin-right: 6px;
    width: 24px;
    height: 24px
}

.account-balances .currency:not(:last-of-type) {
    margin-right: 5px
}

.account-balances .address,.account-balances .currency-dropdown {
    background: rgba(22,21,45,.25);
    filter: drop-shadow(0px 24px 19px rgba(0,0,0,0.13833)) drop-shadow(4px 4px 0px #16152D)
}

.lend-page nav.tab-menu ul {
    width: 520px
}

.borrow-page nav.tab-menu ul {
    width: 540px
}

nav.tab-menu {
    position: relative;
    border-bottom: 1px solid rgba(255,255,255,.35);
    overflow-x: scroll;
    background: linear-gradient(180deg,rgba(22,21,45,0) 0%,rgba(22,21,45,0.65) 45.31%,rgba(22,21,45,0.8) 100%)
}

@media only screen and (max-width: 639px) {
    nav.tab-menu {
        box-sizing:border-box;
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width: 640px) {
    nav.tab-menu {
        width:100%;
        padding-left: calc(calc((100vw - 640px)/2) + 16px);
        padding-right: calc(calc((100vw - 640px)/2) + 16px);
        box-sizing: border-box
    }
}

@media(min-width: 1280px) {
    nav.tab-menu {
        width:100%;
        padding-left: calc(calc((100vw - 1280px)/2) + 16px);
        padding-right: calc(calc((100vw - 1280px)/2) + 16px);
        box-sizing: border-box
    }
}

nav.tab-menu::-webkit-scrollbar {
    display: none
}

@media only screen and (min-width: 640px) {
    nav.tab-menu {
        overflow:unset
    }
}

@media only screen and (min-width: 1280px)and (max-width:639px) {
    nav.tab-menu {
        box-sizing:border-box;
        width: 100%;
        padding-left: 64px;
        padding-right: 64px
    }
}

@media only screen and (min-width: 1280px)and (min-width:640px) {
    nav.tab-menu {
        width:100%;
        padding-left: calc(calc((100vw - 640px)/2) + 64px);
        padding-right: calc(calc((100vw - 640px)/2) + 64px);
        box-sizing: border-box
    }
}

@media(min-width: 1280px)and (min-width:1280px) {
    nav.tab-menu {
        width:100%;
        padding-left: calc(calc((100vw - 1280px)/2) + 64px);
        padding-right: calc(calc((100vw - 1280px)/2) + 64px);
        box-sizing: border-box
    }
}

nav.tab-menu:after {
    content: " ";
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px
}

nav.tab-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    position: relative
}

@media only screen and (min-width: 640px) {
    nav.tab-menu ul {
        width:100%!important
    }
}

nav.tab-menu ul li:not(:last-of-type) {
    margin-right: 24px
}

@media(min-width: 1280px) {
    nav.tab-menu ul li:not(:last-of-type) {
        margin-right:68px
    }
}

nav.tab-menu ul li.grow {
    display: none
}

@media only screen and (min-width: 640px) {
    nav.tab-menu ul li.grow {
        display:block;
        flex-grow: 1
    }
}

nav.tab-menu ul li a {
    padding: 18px 0;
    min-height: 32px;
    display: flex;
    align-items: center;
    text-align: left
}

@media(min-width: 1280px) {
    nav.tab-menu ul li a {
        font-size:16px;
        font-weight: 500;
        height: auto
    }
}

nav.tab-menu ul li a.active {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    box-shadow: inset 0 -4px 0 0 #fff
}

nav.tab-menu ul li a svg {
    display: none
}

@media only screen and (min-width: 640px) {
    nav.tab-menu ul li a svg {
        display:inline-block;
        margin-right: 8px;
        width: 20px;
        height: 20px
    }
}

@media(min-width: 1280px) {
    nav.tab-menu ul li a svg {
        width:24px;
        height: 24px
    }
}

nav.tab-menu img {
    display: none
}

@media(min-width: 1280px) {
    nav.tab-menu img {
        display:block;
        position: absolute;
        top: -62px;
        right: 20px
    }
}

@media(-webkit-max-device-pixel-ratio: 1),(max-resolution:101dpi) {
    nav.tab-menu ul li a.active {
        -webkit-text-stroke-width:0;
        -webkit-text-stroke-color: transparent
    }
}

.asset-list-container {
    display: flex;
    flex-direction: column;
    height: 100%
}

.asset-list-container .filters-container {
    background-color: #16152d;
    padding: 6px 0;
    margin: 16px 0 0;
    display: flex;
    overflow-x: auto
}

@media only screen and (max-width: 639px) {
    .asset-list-container .filters-container {
        box-sizing:border-box;
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width: 640px) {
    .asset-list-container .filters-container {
        width:100%;
        padding-left: calc(calc((100vw - 640px)/2) + 16px);
        padding-right: calc(calc((100vw - 640px)/2) + 16px);
        box-sizing: border-box
    }
}

@media(min-width: 1280px) {
    .asset-list-container .filters-container {
        width:100%;
        padding-left: calc(calc((100vw - 1280px)/2) + 16px);
        padding-right: calc(calc((100vw - 1280px)/2) + 16px);
        box-sizing: border-box
    }
}

@media only screen and (min-width: 640px) {
    .asset-list-container .filters-container {
        padding:6px
    }
}

.asset-list-container .filters-container.filter-open {
    margin-bottom: 640px
}

@media(min-width: 1280px) {
    .asset-list-container .filters-container.filter-open {
        margin-bottom:16px
    }
}

.asset-list-container .asset-list {
    margin-bottom: 150px
}

.asset-list-container .asset-list.filter-open {
    display: none
}

@media(min-width: 1280px) {
    .asset-list-container .asset-list.filter-open {
        display:block
    }
}

.asset-list-container .asset-list .results-bar {
    display: none
}

.asset-list-container .asset-list .assets {
    display: grid;
    grid: auto/1fr 1fr;
    column-gap: 8px;
    margin: 0 auto;
    padding: 0 16px
}

@media only screen and (min-width: 640px) {
    .asset-list-container .asset-list .assets {
        grid:auto/1fr 1fr 1fr 1fr;
        max-width: initial;
        margin: auto;
        padding: 0
    }
}

@media(min-width: 1280px) {
    .asset-list-container .asset-list .assets {
        margin:0 0 0 8px;
        padding-bottom: 8px;
        overflow-x: hidden;
        overflow-y: auto
    }
}

.asset-list-container .asset-list .loading-spinner {
    position: relative;
    top: initial;
    bottom: -75px;
    left: initial;
    margin: 0 auto
}

@media only screen and (min-width: 640px) {
    .asset-list-container {
        margin-bottom:0
    }

    .asset-list-container .filters-container {
        margin: 16px 0 0
    }
}

@media(min-width: 1280px) {
    .asset-list-container {
        flex-direction:row
    }

    .asset-list-container .filters-container {
        margin: 0;
        padding: 24px 0;
        flex-direction: column;
        flex: 0 0 278px;
        background-color: transparent;
        overflow-x: initial;
        position: sticky;
        top: 92px;
        align-self: flex-start
    }

    .asset-list-container .asset-list {
        position: relative;
        width: 100%;
        flex: 1 1 1px;
        padding: 24px 0 192px
    }

    .asset-list-container .asset-list .loading-spinner {
        position: relative;
        top: 96px;
        left: initial;
        margin: 0 auto
    }

    .asset-list-container .asset-list .results-bar {
        display: block;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin: 0 0 0 8px;
        padding: 0 12px;
        min-height: 54px;
        background-color: #221e37;
        box-shadow: 1px 1px 0 #000
    }

    .asset-list-container .asset-list .results-bar .heading {
        font-weight: 600;
        flex: 1 0 1px
    }

    .asset-list-container .asset-list .results-bar .toggle-container {
        background-color: #16152c;
        border-radius: 3px;
        padding: 2px
    }

    .asset-list-container .asset-list .results-bar .toggle-container .btn,.asset-list-container .asset-list .results-bar .toggle-container .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .asset-list-container .asset-list .results-bar .toggle-container .register__submit {
        display: inline-block;
        box-shadow: none;
        background-color: transparent;
        padding: 6px 16px;
        border-radius: 2px;
        font-size: 12px;
        color: #c3c0d6;
        font-family: Roboto,sans-serif;
        font-weight: 400
    }

    .asset-list-container .asset-list .results-bar .toggle-container .btn svg,.asset-list-container .asset-list .results-bar .toggle-container .landing-page section.subscribe form .register__submit svg,.landing-page section.subscribe form .asset-list-container .asset-list .results-bar .toggle-container .register__submit svg {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        margin-bottom: 1px;
        fill: none
    }

    .asset-list-container .asset-list .results-bar .toggle-container .btn.active,.asset-list-container .asset-list .results-bar .toggle-container .landing-page section.subscribe form .active.register__submit,.landing-page section.subscribe form .asset-list-container .asset-list .results-bar .toggle-container .active.register__submit {
        background-color: #221e37;
        cursor: auto;
        color: #fff
    }

    .asset-list-container .asset-list .sort-bar {
        display: none;
        background-color: #0d0c1a;
        flex: 1 0 100%;
        margin: 0 0 0 8px;
        padding: 6px 0
    }

    .asset-list-container .asset-list .sort-bar.row {
        display: block
    }

    .asset-list-container .asset-list .sort-bar .sort-dropdown {
        height: 28px
    }
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    background-color: #cf2e8c;
    color: #fff;
    padding: 8px;
    font-size: 16px;
    position: sticky;
    bottom: 16px;
    box-shadow: 3px 3px 0 #16152d
}

@media(min-width: 1280px) {
    .pagination {
        margin-left:16px;
        margin-right: 2px
    }
}

.pagination li .prev-link::after {
    content: "";
    display: block;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(130deg);
    width: 8px;
    height: 8px;
    position: relative;
    top: 2px
}

.pagination li .next-link::after {
    content: "";
    display: block;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(315deg);
    width: 8px;
    height: 8px;
    position: relative;
    top: 2px
}

.pagination li a {
    padding: 5px;
    display: inline-block;
    cursor: pointer
}

.pagination li.active a {
    font-weight: 600
}

.paginator {
    list-style: none;
    display: flex;
    justify-content: center;
    padding: 8px 0;
    margin: 0;
    background-color: #0d0c1a;
    position: absolute;
    width: 100%;
    bottom: 0
}

.paginator.lend .loading-spinner {
    animation: spin 1s linear infinite;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px
}

@keyframes spin {
    0% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    6.25% {
        box-shadow: 0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px 8px -2px #fff,0 30px 16px 4px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    12.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px 8px -2px #fff,-10px 30px 16px 4px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    18.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px 8px -2px #fff,-20px 20px 16px 4px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px 8px -2px #fff,-30px 10px 16px 4px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    31.25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px 8px -2px #fff,-30px 0 16px 4px #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    37.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #cf2e8c,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 8px -2px #fff,-30px -10px 16px 4px #cf2e8c,-20px -20px transparent,-10px -30px transparent
    }

    43.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #cf2e8c,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px 8px -2px #fff,-20px -20px 16px 4px #cf2e8c,-10px -30px transparent
    }

    50% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #cf2e8c,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px 8px -2px #fff,-10px -30px 16px 4px #cf2e8c
    }

    56.25% {
        box-shadow: 0 -30px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px 8px -2px #fff,0 -30px 16px 4px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    62.5% {
        box-shadow: 0 -30px #fff,10px -30px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px 8px -2px #fff,10px -30px 16px 4px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    68.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px 8px -2px #fff,20px -20px 16px 4px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px 8px -2px #fff,30px -10px 16px 4px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    81.25% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px 8px -2px #fff,30px 0 16px 4px #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff
    }

    87.5% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 8px -2px #fff,30px 10px 16px 4px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff
    }

    93.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2),0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px 8px -2px #fff,20px 20px 16px 4px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2)
    }

    100% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }
}

.paginator.lend .accent-color {
    color: #cb2b83
}

.paginator.lend .accent-secondary-color {
    color: #7e5bd6
}

.paginator.lend .accent-color-background {
    background-color: #cb2b83
}

.paginator.lend .accent-secondary-color-background {
    background-color: #7e5bd6
}

.paginator.lend .accent-color-border {
    border-color: #cb2b83
}

.paginator.lend .accent-color-fill {
    fill: #cb2b83
}

.paginator.lend .accent-color-selection::selection {
    color: #fff;
    background: #cb2b83
}

.paginator.lend .accent-color::placeholder {
    color: #cb2b83;
    opacity: .7
}

.paginator.lend .toggle-switch input:checked+.slider {
    background-color: #cb2b83
}

.paginator.lend .filter .search {
    color: #cb2b83
}

.paginator.lend .filter label.checkbox .checkmark:after {
    border: solid #cb2b83
}

.paginator.lend .filter label.checkbox:hover input~.checkmark {
    border-color: inherit
}

@media(hover: hover) {
    .paginator.lend .filter label.checkbox:hover input~.checkmark {
        border-color:#cb2b83
    }
}

.paginator.lend .filter .count {
    background-color: #cb2b83
}

.paginator.lend .filter .chevron {
    border: solid #cb2b83
}

.paginator.lend .btn.white,.paginator.lend .landing-page section.subscribe form .white.register__submit,.landing-page section.subscribe form .paginator.lend .white.register__submit {
    color: #dbdadd;
    border-color: #dbdadd
}

.paginator.lend .btn.white:not(.btn-hollow),.paginator.lend .landing-page section.subscribe form .white.register__submit:not(.btn-hollow),.landing-page section.subscribe form .paginator.lend .white.register__submit:not(.btn-hollow) {
    background-color: #dbdadd
}

.paginator.lend .btn.white:hover,.paginator.lend .landing-page section.subscribe form .white.register__submit:hover,.landing-page section.subscribe form .paginator.lend .white.register__submit:hover {
    color: #fff;
    border-color: #fff
}

.paginator.lend .btn.white:hover:not(.btn-hollow),.paginator.lend .landing-page section.subscribe form .white.register__submit:hover:not(.btn-hollow),.landing-page section.subscribe form .paginator.lend .white.register__submit:hover:not(.btn-hollow) {
    background-color: #fff
}

.paginator.lend .btn.white:active,.paginator.lend .landing-page section.subscribe form .white.register__submit:active,.landing-page section.subscribe form .paginator.lend .white.register__submit:active {
    color: #aeaeae;
    border-color: #aeaeae
}

.paginator.lend .btn.white:active:not(.btn-hollow),.paginator.lend .landing-page section.subscribe form .white.register__submit:active:not(.btn-hollow),.landing-page section.subscribe form .paginator.lend .white.register__submit:active:not(.btn-hollow) {
    background-color: #aeaeae
}

.paginator.lend .btn.white:disabled,.paginator.lend .landing-page section.subscribe form .white.register__submit:disabled,.landing-page section.subscribe form .paginator.lend .white.register__submit:disabled {
    color: #dbdadd;
    border-color: rgba(219,218,221,.6)
}

.paginator.lend .btn:disabled,.paginator.lend .landing-page section.subscribe form .register__submit:disabled,.landing-page section.subscribe form .paginator.lend .register__submit:disabled {
    background-color: rgba(246,0,135,.6);
    border-color: rgba(246,0,135,.6)
}

.paginator.lend .btn.hollow:disabled,.paginator.lend .landing-page section.subscribe form .hollow.register__submit:disabled,.landing-page section.subscribe form .paginator.lend .hollow.register__submit:disabled {
    border: 1px solid rgba(246,0,135,.6)
}

.paginator.lend .link-color {
    color: #cb2b83
}

.paginator.lend .link-color svg {
    fill: #cb2b83
}

.paginator.lend .react-select__indicator-separator {
    background-color: #cb2b83
}

.paginator.lend .react-select__indicator {
    color: #f60087
}

.paginator.lend .react-select__option {
    cursor: pointer
}

.paginator.lend .react-select__option:active {
    background-color: #f60087
}

.paginator.lend .react-select__option--is-selected {
    background-color: #cb2b83
}

.paginator.lend .react-select__option--is-focused {
    background-color: #b93d81
}

.paginator.lend input[type=text]:focus-visible,.paginator.lend input[type=number]:focus-visible {
    border: none;
    outline: 1px solid #cb2b83
}

.paginator.borrow .loading-spinner {
    animation: spin 1s linear infinite;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px
}

@keyframes spin {
    0% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    6.25% {
        box-shadow: 0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px 8px -2px #fff,0 30px 16px 4px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    12.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px 8px -2px #fff,-10px 30px 16px 4px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    18.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px 8px -2px #fff,-20px 20px 16px 4px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px 8px -2px #fff,-30px 10px 16px 4px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    31.25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px 8px -2px #fff,-30px 0 16px 4px #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    37.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #cf2e8c,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 8px -2px #fff,-30px -10px 16px 4px #cf2e8c,-20px -20px transparent,-10px -30px transparent
    }

    43.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #cf2e8c,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px 8px -2px #fff,-20px -20px 16px 4px #cf2e8c,-10px -30px transparent
    }

    50% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #cf2e8c,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px 8px -2px #fff,-10px -30px 16px 4px #cf2e8c
    }

    56.25% {
        box-shadow: 0 -30px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px 8px -2px #fff,0 -30px 16px 4px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    62.5% {
        box-shadow: 0 -30px #fff,10px -30px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px 8px -2px #fff,10px -30px 16px 4px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    68.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px 8px -2px #fff,20px -20px 16px 4px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px 8px -2px #fff,30px -10px 16px 4px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    81.25% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px 8px -2px #fff,30px 0 16px 4px #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff
    }

    87.5% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 8px -2px #fff,30px 10px 16px 4px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff
    }

    93.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2),0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px 8px -2px #fff,20px 20px 16px 4px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2)
    }

    100% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }
}

.paginator.borrow .accent-color {
    color: #7e5bd6
}

.paginator.borrow .accent-secondary-color {
    color: #cb2b83
}

.paginator.borrow .accent-color-background {
    background-color: #7e5bd6
}

.paginator.borrow .accent-secondary-color-background {
    background-color: #cb2b83
}

.paginator.borrow .accent-color-border {
    border-color: #7e5bd6
}

.paginator.borrow .accent-color-fill {
    fill: #7e5bd6
}

.paginator.borrow .accent-color-selection::selection {
    color: #fff;
    background: #7e5bd6
}

.paginator.borrow .accent-color::placeholder {
    color: #7e5bd6;
    opacity: .7
}

.paginator.borrow .toggle-switch input:checked+.slider {
    background-color: #7e5bd6
}

.paginator.borrow .filter .search {
    color: #7e5bd6
}

.paginator.borrow .filter label.checkbox .checkmark:after {
    border: solid #7e5bd6
}

.paginator.borrow .filter label.checkbox:hover input~.checkmark {
    border-color: inherit
}

@media(hover: hover) {
    .paginator.borrow .filter label.checkbox:hover input~.checkmark {
        border-color:#7e5bd6
    }
}

.paginator.borrow .filter .count {
    background-color: #7e5bd6
}

.paginator.borrow .filter .chevron {
    border: solid #7e5bd6
}

.paginator.borrow .btn.white,.paginator.borrow .landing-page section.subscribe form .white.register__submit,.landing-page section.subscribe form .paginator.borrow .white.register__submit {
    color: #dbdadd;
    border-color: #dbdadd
}

.paginator.borrow .btn.white:not(.btn-hollow),.paginator.borrow .landing-page section.subscribe form .white.register__submit:not(.btn-hollow),.landing-page section.subscribe form .paginator.borrow .white.register__submit:not(.btn-hollow) {
    background-color: #dbdadd
}

.paginator.borrow .btn.white:hover,.paginator.borrow .landing-page section.subscribe form .white.register__submit:hover,.landing-page section.subscribe form .paginator.borrow .white.register__submit:hover {
    color: #fff;
    border-color: #fff
}

.paginator.borrow .btn.white:hover:not(.btn-hollow),.paginator.borrow .landing-page section.subscribe form .white.register__submit:hover:not(.btn-hollow),.landing-page section.subscribe form .paginator.borrow .white.register__submit:hover:not(.btn-hollow) {
    background-color: #fff
}

.paginator.borrow .btn.white:active,.paginator.borrow .landing-page section.subscribe form .white.register__submit:active,.landing-page section.subscribe form .paginator.borrow .white.register__submit:active {
    color: #aeaeae;
    border-color: #aeaeae
}

.paginator.borrow .btn.white:active:not(.btn-hollow),.paginator.borrow .landing-page section.subscribe form .white.register__submit:active:not(.btn-hollow),.landing-page section.subscribe form .paginator.borrow .white.register__submit:active:not(.btn-hollow) {
    background-color: #aeaeae
}

.paginator.borrow .btn.white:disabled,.paginator.borrow .landing-page section.subscribe form .white.register__submit:disabled,.landing-page section.subscribe form .paginator.borrow .white.register__submit:disabled {
    color: #dbdadd;
    border-color: rgba(219,218,221,.6)
}

.paginator.borrow .btn:disabled,.paginator.borrow .landing-page section.subscribe form .register__submit:disabled,.landing-page section.subscribe form .paginator.borrow .register__submit:disabled {
    background-color: rgba(108,50,255,.6);
    border-color: rgba(108,50,255,.6)
}

.paginator.borrow .btn.hollow:disabled,.paginator.borrow .landing-page section.subscribe form .hollow.register__submit:disabled,.landing-page section.subscribe form .paginator.borrow .hollow.register__submit:disabled {
    border: 1px solid rgba(108,50,255,.6)
}

.paginator.borrow .link-color {
    color: #7e5bd6
}

.paginator.borrow .link-color svg {
    fill: #7e5bd6
}

.paginator.borrow .react-select__indicator-separator {
    background-color: #7e5bd6
}

.paginator.borrow .react-select__indicator {
    color: #6c32ff
}

.paginator.borrow .react-select__option {
    cursor: pointer
}

.paginator.borrow .react-select__option:active {
    background-color: #6c32ff
}

.paginator.borrow .react-select__option--is-selected {
    background-color: #7e5bd6
}

.paginator.borrow .react-select__option--is-focused {
    background-color: #856ac7
}

.paginator.borrow input[type=text]:focus-visible,.paginator.borrow input[type=number]:focus-visible {
    border: none;
    outline: 1px solid #7e5bd6
}

.paginator .prev-link,.paginator .next-link,.paginator .page-link,.paginator .break-link {
    color: #fff;
    font-family: roboto,sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 30px;
    box-sizing: border-box;
    margin: 0 4px;
    padding: 0
}

.paginator .prev-link:hover,.paginator .next-link:hover,.paginator .page-link:hover,.paginator .break-link:hover {
    cursor: pointer
}

.paginator .prev-link,.paginator .next-link {
    padding: 0 12px;
    width: auto
}

.paginator .prev-link::before {
    content: "";
    background-image: url(../../images/svg/chevron-left.svg);
    background-repeat: no-repeat;
    width: 8px;
    height: 12px;
    margin: 0 8px
}

.paginator .next-link::after {
    content: "";
    background-image: url(../../images/svg/chevron-right.svg);
    background-repeat: no-repeat;
    width: 8px;
    height: 12px;
    margin: 0 8px
}

.paginator .break-link {
    border-color: transparent;
    margin: 0
}

.paginator .active .page-link {
    background-color: transparent;
    opacity: 35%;
    border-width: 1px;
    border-style: solid
}

.paginator .active .page-link:hover {
    cursor: default
}

.paginator .disabled .prev-link,.paginator .disabled .next-link {
    background-color: transparent;
    border-color: transparent;
    opacity: 30%;
    cursor: default
}

section.footer {
    background-color: #0c0b1a
}

@media(min-width: 1280px) {
    section.footer {
        margin-top:115px;
        margin-bottom: -40px
    }
}

section.footer .footer-inner {
    padding: 0;
    display: block
}

@media only screen and (min-width: 640px) {
    section.footer .footer-inner {
        width:auto
    }
}

@media(min-width: 1280px) {
    section.footer .footer-inner {
        margin-bottom:-66px;
        width: calc(100% - 40px)!important;
        margin: 0 20px;
        transform: translateY(-66px);
        display: flex;
        justify-content: space-between;
        background-color: #0c0b1a;
        padding-top: 37px
    }
}

@media only screen and (min-width: 1280px)and (max-width:639px) {
    section.footer .footer-inner {
        box-sizing:border-box;
        width: 100%;
        padding-left: 45px;
        padding-right: 45px
    }
}

@media only screen and (min-width: 1280px)and (min-width:640px) {
    section.footer .footer-inner {
        width:100%;
        padding-left: calc(calc((100vw - 640px)/2) + 45px);
        padding-right: calc(calc((100vw - 640px)/2) + 45px);
        box-sizing: border-box
    }
}

@media(min-width: 1280px)and (min-width:1280px) {
    section.footer .footer-inner {
        width:100%;
        padding-left: calc(calc((100vw - 1280px)/2) + 45px);
        padding-right: calc(calc((100vw - 1280px)/2) + 45px);
        box-sizing: border-box
    }
}

section.footer .footer-inner .footer-main {
    padding-top: 40px
}

@media only screen and (max-width: 639px) {
    section.footer .footer-inner .footer-main {
        box-sizing:border-box;
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width: 640px) {
    section.footer .footer-inner .footer-main {
        width:100%;
        padding-left: calc(calc((100vw - 640px)/2) + 16px);
        padding-right: calc(calc((100vw - 640px)/2) + 16px);
        box-sizing: border-box
    }
}

@media(min-width: 1280px) {
    section.footer .footer-inner .footer-main {
        width:100%;
        padding-left: calc(calc((100vw - 1280px)/2) + 16px);
        padding-right: calc(calc((100vw - 1280px)/2) + 16px);
        box-sizing: border-box
    }
}

@media only screen and (min-width: 640px)and (max-width:639px) {
    section.footer .footer-inner .footer-main {
        box-sizing:border-box;
        width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only screen and (min-width: 640px)and (min-width:640px) {
    section.footer .footer-inner .footer-main {
        width:100%;
        padding-left: calc(calc((100vw - 640px)/2) + 20px);
        padding-right: calc(calc((100vw - 640px)/2) + 20px);
        box-sizing: border-box
    }
}

@media only screen and (min-width: 640px)and (min-width:1280px) {
    section.footer .footer-inner .footer-main {
        width:100%;
        padding-left: calc(calc((100vw - 1280px)/2) + 20px);
        padding-right: calc(calc((100vw - 1280px)/2) + 20px);
        box-sizing: border-box
    }
}

@media(min-width: 1280px) {
    section.footer .footer-inner .footer-main {
        flex:0 0 30%;
        padding: 0;
        padding-right: 3%
    }
}

section.footer .footer-inner .footer-main .description {
    max-width: 360px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

section.footer .footer-inner .footer-panel {
    max-height: 60px;
    overflow: hidden;
    transition: max-height .35s cubic-bezier(.46,.03,.52,.96);
    cursor: pointer
}

@media(min-width: 1280px) {
    section.footer .footer-inner .footer-panel {
        max-height:none;
        overflow: auto;
        cursor: default;
        flex: 0 0 14%
    }

    section.footer .footer-inner .footer-panel:nth-child(3) {
        flex: 0 0 17%
    }

    section.footer .footer-inner .footer-panel:nth-child(4) {
        flex: 0 0 13%
    }

    section.footer .footer-inner .footer-panel:nth-child(5) {
        flex: 0 0 16%
    }

    section.footer .footer-inner .footer-panel:last-child() {
        flex: 0 0 10%
    }
}

section.footer .footer-inner .footer-panel .title {
    padding: 16px;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
    align-items: center
}

@media only screen and (min-width: 640px)and (max-width:639px) {
    section.footer .footer-inner .footer-panel .title {
        box-sizing:border-box;
        width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only screen and (min-width: 640px)and (min-width:640px) {
    section.footer .footer-inner .footer-panel .title {
        width:100%;
        padding-left: calc(calc((100vw - 640px)/2) + 20px);
        padding-right: calc(calc((100vw - 640px)/2) + 20px);
        box-sizing: border-box
    }
}

@media only screen and (min-width: 640px)and (min-width:1280px) {
    section.footer .footer-inner .footer-panel .title {
        width:100%;
        padding-left: calc(calc((100vw - 1280px)/2) + 20px);
        padding-right: calc(calc((100vw - 1280px)/2) + 20px);
        box-sizing: border-box
    }
}

@media(min-width: 1280px) {
    section.footer .footer-inner .footer-panel .title {
        padding:0 0 29px;
        flex-direction: column;
        align-items: baseline
    }
}

section.footer .footer-inner .footer-panel .title svg {
    transform: rotate(-90deg);
    transition: transform .35s cubic-bezier(.46,.03,.52,.96)
}

@media(min-width: 1280px) {
    section.footer .footer-inner .footer-panel .title svg {
        display:none
    }
}

section.footer .footer-inner .footer-panel.active {
    max-height: 300px
}

section.footer .footer-inner .footer-panel.active .title>svg {
    transform: rotate(0deg)
}

section.footer .footer-inner .footer-panel ul {
    margin: 0;
    padding: 0
}

section.footer .footer-inner .footer-panel ul li {
    list-style-type: none;
    display: block
}

@media only screen and (min-width: 640px)and (max-width:639px) {
    section.footer .footer-inner .footer-panel ul li {
        box-sizing:border-box;
        width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only screen and (min-width: 640px)and (min-width:640px) {
    section.footer .footer-inner .footer-panel ul li {
        width:100%;
        padding-left: calc(calc((100vw - 640px)/2) + 20px);
        padding-right: calc(calc((100vw - 640px)/2) + 20px);
        box-sizing: border-box
    }
}

@media only screen and (min-width: 640px)and (min-width:1280px) {
    section.footer .footer-inner .footer-panel ul li {
        width:100%;
        padding-left: calc(calc((100vw - 1280px)/2) + 20px);
        padding-right: calc(calc((100vw - 1280px)/2) + 20px);
        box-sizing: border-box
    }
}

@media(min-width: 1280px) {
    section.footer .footer-inner .footer-panel ul li {
        padding:0 0 12px;
        background-color: transparent
    }
}

section.footer .footer-inner .footer-panel ul li a {
    text-decoration: none;
    color: rgba(255,255,255,.6);
    display: block;
    padding: 10px 16px;
    display: flex;
    align-items: center
}

@media(min-width: 1280px) {
    section.footer .footer-inner .footer-panel ul li a {
        min-height:30px;
        padding: 0;
        color: #fff
    }
}

section.footer .footer-inner .footer-panel ul li a:hover {
    font-weight: 700
}

@media only screen and (min-width: 640px) {
    section.footer .footer-inner .footer-panel ul li.with-icon a {
        padding:10px 0
    }
}

@media(min-width: 1280px) {
    section.footer .footer-inner .footer-panel ul li.with-icon a {
        padding:0
    }
}

section.footer .footer-inner .footer-panel ul li.with-icon a img,section.footer .footer-inner .footer-panel ul li.with-icon a svg {
    width: 16px;
    margin-right: 12px
}

section.footer .footer-inner .footer-panel ul li.with-icon a img,section.footer .footer-inner .footer-panel ul li.with-icon a svg,section.footer .footer-inner .footer-panel ul li.with-icon a span {
    vertical-align: middle;
    display: inline-block
}

section.footer .footer-inner .footer-panel.social {
    padding-bottom: 60px
}

@media(min-width: 1280px) {
    section.footer .footer-inner .footer-panel.social {
        padding-bottom:0
    }
}

section.footer .footer-inner .footer-panel.social .title {
    display: none
}

@media(min-width: 1280px) {
    section.footer .footer-inner .footer-panel.social .title {
        display:block
    }
}

section.footer .footer-inner .footer-panel.social a {
    min-height: 30px
}

.checkbox.filter {
    background-color: #221e37
}

.checkbox.filter:not(:last-of-type) {
    margin-right: 5px
}

.checkbox.filter.active .name {
    background-color: #221e37
}

.checkbox.filter.active .search {
    display: block
}

@media only screen and (max-width: 639px) {
    .checkbox.filter.active .search {
        box-sizing:border-box;
        width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only screen and (min-width: 640px) {
    .checkbox.filter.active .search {
        width:100%;
        padding-left: calc(calc((100vw - 640px)/2) + 20px);
        padding-right: calc(calc((100vw - 640px)/2) + 20px);
        box-sizing: border-box
    }
}

@media(min-width: 1280px) {
    .checkbox.filter.active .search {
        width:100%;
        padding-left: calc(calc((100vw - 1280px)/2) + 20px);
        padding-right: calc(calc((100vw - 1280px)/2) + 20px);
        box-sizing: border-box
    }
}

@media(min-width: 1280px) {
    .checkbox.filter.active .search {
        padding:0 12px
    }
}

.checkbox.filter.active .checkbox-list {
    padding-top: 0;
    padding-bottom: 0;
    display: block;
    position: absolute;
    left: 0;
    top: 144px;
    box-sizing: border-box
}

@media only screen and (max-width: 639px) {
    .checkbox.filter.active .checkbox-list {
        box-sizing:border-box;
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width: 640px) {
    .checkbox.filter.active .checkbox-list {
        width:100%;
        padding-left: calc(calc((100vw - 640px)/2) + 16px);
        padding-right: calc(calc((100vw - 640px)/2) + 16px);
        box-sizing: border-box
    }
}

@media(min-width: 1280px) {
    .checkbox.filter.active .checkbox-list {
        width:100%;
        padding-left: calc(calc((100vw - 1280px)/2) + 16px);
        padding-right: calc(calc((100vw - 1280px)/2) + 16px);
        box-sizing: border-box
    }
}

@media(min-width: 1280px) {
    .checkbox.filter.active .checkbox-list {
        padding:8px 0;
        position: relative;
        width: auto
    }
}

.checkbox.filter.active .name .chevron {
    transform: rotate(225deg)
}

.checkbox.filter.active .no-saved-filters {
    background-color: #221e37
}

@media only screen and (min-width: 640px) {
    .checkbox.filter.active .no-saved-filters {
        padding-top:0
    }
}

.checkbox.filter.active .no-saved-filters div {
    text-align: center;
    font-size: 14px;
    font-style: italic;
    line-height: 12px;
    color: #8784b5;
    display: block;
    margin: 16px auto;
    padding: 12px 0;
    width: 260px;
    border: dashed 2px #8784b5
}

@media(min-width: 1280px) {
    .checkbox.filter.active .no-saved-filters div {
        margin:0 auto
    }
}

.checkbox.filter .icon-container {
    background-color: #fff;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    overflow: hidden;
    color: #0f0d18;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-weight: 900;
    box-sizing: border-box;
    margin-right: 12px
}

.checkbox.filter .icon-container img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.checkbox.filter .icon-container .letter {
    position: relative;
    left: 0;
    right: 0;
    top: 3px
}

.checkbox.filter label.checkbox {
    display: flex;
    position: relative;
    padding-left: 47px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0 0 8px
}

.checkbox.filter label.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.checkbox.filter label.checkbox input:checked~.checkmark:after {
    display: block
}

.checkbox.filter label.checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 12px;
    height: 16px;
    width: 16px;
    border: 2px solid #eee
}

.checkbox.filter label.checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 4px;
    top: 1px;
    width: 4px;
    height: 8px;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg)
}

.checkbox.filter .name {
    padding: 0 12px;
    min-height: 54px;
    font-size: 12px;
    text-transform: capitalize;
    background-color: #221e37;
    position: sticky;
    top: 0;
    z-index: 1;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px
}

@media(min-width: 1280px) {
    .checkbox.filter .name {
        font-size:14px;
        font-weight: 400;
        background-color: #221e37;
        border: none
    }
}

.checkbox.filter .name strong {
    font-weight: 900
}

.checkbox.filter .name .chevron {
    width: 6px;
    height: 6px;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    position: relative;
    top: -1px;
    margin: 0 6px;
    user-select: none;
    transition: transform .35s cubic-bezier(.46,.03,.52,.96)
}

@media(min-width: 1280px) {
    .checkbox.filter .name .chevron {
        width:6px;
        height: 6px;
        border-width: 0 2px 2px 0;
        top: 0
    }
}

.checkbox.filter .search {
    position: absolute;
    top: 96px;
    box-sizing: border-box;
    width: 100%;
    left: 0;
    padding: 0 20px;
    display: none
}

.checkbox.filter .search svg {
    position: absolute;
    top: 12px;
    left: 30px
}

@media only screen and (min-width: 640px) {
    .checkbox.filter .search svg {
        left:calc((100vw - 640px)/2 + 30px)
    }
}

@media(min-width: 1280px) {
    .checkbox.filter .search svg {
        left:30px
    }
}

.checkbox.filter .search input {
    width: 100%;
    padding: 10px 24px 10px 32px;
    border-radius: 0;
    border: none;
    font-size: 16px;
    color: #5d598c;
    box-sizing: border-box;
    background-color: #07070f
}

.checkbox.filter .search input:focus {
    outline: none
}

.checkbox.filter .checkbox-list {
    padding: 8px;
    display: none;
    position: absolute;
    width: 100%
}

.checkbox.filter .checkbox-list .checkbox-list-inner {
    padding: 12px 0 0;
    background-color: #16152d
}

@media(min-width: 1280px) {
    .checkbox.filter .checkbox-list .checkbox-list-inner {
        background-color:transparent
    }
}

.checkbox.filter .checkbox-list .checkbox .option-label-container {
    overflow: hidden;
    width: 188px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    padding-bottom: 12px
}

.checkbox.filter .checkbox-list .checkbox .option-label-container .count {
    font-size: 10px;
    padding: 1px 2px;
    border-radius: 8px;
    position: absolute;
    bottom: 6px;
    right: 158px;
    min-width: 10px;
    text-align: center
}

@media(min-width: 1280px) {
    .checkbox.filter .checkbox-list {
        padding:8px 0;
        position: relative;
        background-color: #221e37;
        width: auto
    }
}

.checkbox.filter .btn.btn-icon,.checkbox.filter .landing-page section.subscribe form .btn-icon.register__submit,.landing-page section.subscribe form .checkbox.filter .btn-icon.register__submit {
    box-shadow: none;
    background-color: transparent;
    padding: 8px
}

.checkbox.filter .btn.btn-icon:hover,.checkbox.filter .landing-page section.subscribe form .btn-icon.register__submit:hover,.landing-page section.subscribe form .checkbox.filter .btn-icon.register__submit:hover,.checkbox.filter .btn.btn-icon:active,.checkbox.filter .landing-page section.subscribe form .btn-icon.register__submit:active,.landing-page section.subscribe form .checkbox.filter .btn-icon.register__submit:active {
    box-shadow: none
}

@media(min-width: 1280px) {
    .checkbox.filter {
        position:relative;
        background-color: #221e37;
        margin: 0 0 8px;
        box-shadow: 1px 1px 0 0 #000
    }

    .checkbox.filter:not(:last-of-type) {
        margin-right: 0
    }

    .checkbox.filter .search {
        position: static;
        padding: 0 12px;
        margin-bottom: 12px
    }

    .checkbox.filter .search svg {
        position: absolute;
        top: 60px;
        left: 20px
    }

    .checkbox.filter .search input {
        padding: 8px 24px 8px 32px;
        font-size: 12px
    }

    .checkbox.filter.active .checkbox-list {
        max-height: 548px;
        margin: 0 0 16px;
        overflow-y: scroll
    }

    .checkbox.filter.active .checkbox-list.empty {
        overflow: auto
    }
}

@media(min-width: 1280px)and (min-width:1280px) {
    .checkbox.filter.active .checkbox-list {
        position:initial;
        left: initial;
        top: initial
    }
}

.current-filters-bar {
    background-color: #221e37;
    margin: 0;
    padding: 16px;
    box-shadow: 1px 1px 0 0 #000
}

@media only screen and (min-width: 640px) {
    .current-filters-bar {
        margin:0
    }
}

@media(min-width: 1280px) {
    .current-filters-bar {
        margin:0 0 8px 8px;
        position: sticky;
        top: 124px;
        z-index: 99
    }

    .current-filters-bar::before {
        content: "";
        position: absolute;
        top: -30px;
        background-color: transparent;
        width: 100%;
        height: 30px;
        left: 0
    }
}

.current-filters-bar .heading {
    margin-bottom: 18px;
    font-weight: 600
}

.current-filters-bar .content {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: column
}

.current-filters-bar .content .buttons-container {
    display: flex;
    flex: 0 0 100%;
    justify-content: center
}

@media only screen and (min-width: 640px) {
    .current-filters-bar .content .buttons-container {
        flex:auto;
        justify-content: flex-end
    }
}

.current-filters-bar .content .buttons-container .btn,.current-filters-bar .content .buttons-container .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .current-filters-bar .content .buttons-container .register__submit {
    width: 120px;
    border: 1px solid #fff;
    font-size: 12px;
    padding: 6px 0;
    display: flex;
    font-weight: 500;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    box-shadow: none
}

@media only screen and (min-width: 640px) {
    .current-filters-bar .content .buttons-container .btn,.current-filters-bar .content .buttons-container .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .current-filters-bar .content .buttons-container .register__submit {
        width:190px
    }
}

.current-filters-bar .content .buttons-container .btn:hover,.current-filters-bar .content .buttons-container .landing-page section.subscribe form .register__submit:hover,.landing-page section.subscribe form .current-filters-bar .content .buttons-container .register__submit:hover {
    box-shadow: none
}

.current-filters-bar .content .buttons-container .btn:focus,.current-filters-bar .content .buttons-container .landing-page section.subscribe form .register__submit:focus,.landing-page section.subscribe form .current-filters-bar .content .buttons-container .register__submit:focus {
    box-shadow: none
}

.current-filters-bar .content .buttons-container .btn:disabled,.current-filters-bar .content .buttons-container .landing-page section.subscribe form .register__submit:disabled,.landing-page section.subscribe form .current-filters-bar .content .buttons-container .register__submit:disabled {
    opacity: .6
}

.current-filters-bar .content .buttons-container .btn svg,.current-filters-bar .content .buttons-container .landing-page section.subscribe form .register__submit svg,.landing-page section.subscribe form .current-filters-bar .content .buttons-container .register__submit svg {
    margin-left: 8px;
    height: 17px;
    width: 17px
}

.current-filters-bar .content .buttons-container .btn:first-of-type,.current-filters-bar .content .buttons-container .landing-page section.subscribe form .register__submit:first-of-type,.landing-page section.subscribe form .current-filters-bar .content .buttons-container .register__submit:first-of-type {
    margin-right: 8px
}

.current-filters-bar .tags-container {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 4px
}

.current-filters-bar .tags-container.no-filters {
    font-family: roboto regular,sans-serif;
    font-size: 12px;
    color: #8784b5
}

.current-filters-bar .filter-tag {
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: 0 2px;
    border-radius: 13px 2px 2px 13px;
    margin-right: 8px;
    margin-bottom: 8px;
    height: 24px;
    max-width: 280px
}

.current-filters-bar .filter-tag img {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: block;
    margin-right: 8px
}

.current-filters-bar .filter-tag .letter {
    display: block;
    min-width: 18px;
    text-align: center;
    border-radius: 50%;
    background-color: gray;
    height: 18px;
    color: #fff;
    margin-right: 4px;
    line-height: 18px
}

.current-filters-bar .filter-tag .label {
    color: #16152d;
    font-size: 11px;
    margin-right: 8px;
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.current-filters-bar .filter-tag .btn,.current-filters-bar .filter-tag .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .current-filters-bar .filter-tag .register__submit {
    box-shadow: none;
    background-color: transparent;
    padding: 0;
    margin-right: 8px;
    display: block;
    font-size: 0
}

.current-filters-bar .filter-tag .btn svg,.current-filters-bar .filter-tag .landing-page section.subscribe form .register__submit svg,.landing-page section.subscribe form .current-filters-bar .filter-tag .register__submit svg {
    width: 14px;
    height: 14px
}

.current-filters-bar .filter-tag .btn:hover,.current-filters-bar .filter-tag .landing-page section.subscribe form .register__submit:hover,.landing-page section.subscribe form .current-filters-bar .filter-tag .register__submit:hover,.current-filters-bar .filter-tag .btn:active,.current-filters-bar .filter-tag .landing-page section.subscribe form .register__submit:active,.landing-page section.subscribe form .current-filters-bar .filter-tag .register__submit:active {
    box-shadow: none
}

.checkbox.filter.active .saved-filters {
    top: 100px;
    display: grid;
    gap: 2px;
    width: 100%
}

@media(min-width: 1280px) {
    .checkbox.filter.active .saved-filters {
        width:auto;
        margin: 8px;
        padding: 2px;
        background-color: #1c182c
    }
}

.checkbox.filter.active .saved-filters .saved-filter-wrap {
    background: #16152d;
    padding: 16px
}

@media(min-width: 1280px) {
    .checkbox.filter.active .saved-filters .saved-filter-wrap {
        background:unset;
        padding: unset
    }
}

.checkbox.filter.active .saved-filters .saved-filter {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    background-color: #221e37;
    padding: 0 12px;
    cursor: pointer;
    margin-bottom: 2px
}

.checkbox.filter.active .saved-filters .saved-filter:last-of-type {
    margin-bottom: 0
}

.checkbox.filter.active .saved-filters .saved-filter.delete,.checkbox.filter.active .saved-filters .saved-filter:hover {
    background-color: #1c182c
}

.checkbox.filter.active .saved-filters .saved-filter.active {
    font-weight: 600
}

.checkbox.filter.active .saved-filters .saved-filter .label {
    flex-grow: 1;
    margin-right: 8px
}

.checkbox.filter.active .saved-filters .saved-filter input {
    margin: 0 8px 0 0;
    font-weight: 600;
    width: 100%;
    padding: 4px 10px;
    border-radius: 0;
    border: none;
    font-size: 12px;
    color: #7b7c82;
    box-sizing: border-box;
    outline: none;
    line-height: 22px;
    margin-left: -9px;
    font-weight: 400;
    background-color: #0d0c1a
}

.checkbox.filter.active .saved-filters .saved-filter .btn.btn-icon.save,.checkbox.filter.active .saved-filters .saved-filter .landing-page section.subscribe form .btn-icon.save.register__submit,.landing-page section.subscribe form .checkbox.filter.active .saved-filters .saved-filter .btn-icon.save.register__submit,.checkbox.filter.active .saved-filters .saved-filter .btn.btn-icon.cancel,.checkbox.filter.active .saved-filters .saved-filter .landing-page section.subscribe form .btn-icon.cancel.register__submit,.landing-page section.subscribe form .checkbox.filter.active .saved-filters .saved-filter .btn-icon.cancel.register__submit {
    padding: 8px 6px
}

.checkbox.filter.active .saved-filters .saved-filter .btn.btn-icon.save svg,.checkbox.filter.active .saved-filters .saved-filter .landing-page section.subscribe form .btn-icon.save.register__submit svg,.landing-page section.subscribe form .checkbox.filter.active .saved-filters .saved-filter .btn-icon.save.register__submit svg,.checkbox.filter.active .saved-filters .saved-filter .btn.btn-icon.cancel svg,.checkbox.filter.active .saved-filters .saved-filter .landing-page section.subscribe form .btn-icon.cancel.register__submit svg,.landing-page section.subscribe form .checkbox.filter.active .saved-filters .saved-filter .btn-icon.cancel.register__submit svg {
    width: 14px;
    height: 14px
}

.checkbox.filter.active .saved-filters .saved-filter .edit-buttons-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 0 56px
}

.checkbox.filter.active .saved-filters .saved-filter .delete-buttons-container {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.checkbox.filter.active .saved-filters .saved-filter .delete-buttons-container span {
    font-size: 10px
}

.checkbox.filter.active .saved-filters .saved-filter .delete-buttons-container .btn,.checkbox.filter.active .saved-filters .saved-filter .delete-buttons-container .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .checkbox.filter.active .saved-filters .saved-filter .delete-buttons-container .register__submit {
    width: 100px;
    border: 1px solid #fff;
    font-size: 12px;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    box-shadow: none
}

.checkbox.filter.active .saved-filters .saved-filter .delete-buttons-container .btn:hover,.checkbox.filter.active .saved-filters .saved-filter .delete-buttons-container .landing-page section.subscribe form .register__submit:hover,.landing-page section.subscribe form .checkbox.filter.active .saved-filters .saved-filter .delete-buttons-container .register__submit:hover {
    box-shadow: none
}

.checkbox.filter.active .saved-filters .saved-filter .delete-buttons-container .btn:focus,.checkbox.filter.active .saved-filters .saved-filter .delete-buttons-container .landing-page section.subscribe form .register__submit:focus,.landing-page section.subscribe form .checkbox.filter.active .saved-filters .saved-filter .delete-buttons-container .register__submit:focus {
    box-shadow: none
}

.checkbox.filter.active .saved-filters .saved-filter .delete-buttons-container .btn:disabled,.checkbox.filter.active .saved-filters .saved-filter .delete-buttons-container .landing-page section.subscribe form .register__submit:disabled,.landing-page section.subscribe form .checkbox.filter.active .saved-filters .saved-filter .delete-buttons-container .register__submit:disabled {
    opacity: .6
}

.checkbox.filter.active .saved-filters .saved-filter .delete-buttons-container .btn svg,.checkbox.filter.active .saved-filters .saved-filter .delete-buttons-container .landing-page section.subscribe form .register__submit svg,.landing-page section.subscribe form .checkbox.filter.active .saved-filters .saved-filter .delete-buttons-container .register__submit svg {
    margin-left: 8px;
    height: 10px;
    width: 10px
}

.checkbox.filter.active .saved-filters .saved-filter .delete-buttons-container .btn:first-of-type,.checkbox.filter.active .saved-filters .saved-filter .delete-buttons-container .landing-page section.subscribe form .register__submit:first-of-type,.landing-page section.subscribe form .checkbox.filter.active .saved-filters .saved-filter .delete-buttons-container .register__submit:first-of-type {
    margin-right: 8px
}

.image-panel {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 16px
}

@media only screen and (min-width: 640px) {
    .image-panel {
        padding:24px
    }
}

@media(min-width: 1280px) {
    .image-panel {
        justify-content:space-around
    }
}

.image-panel .buttons-row {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    align-items: center;
    margin-bottom: 12px
}

.image-panel .buttons-row svg {
    width: 24px;
    height: 24px;
    overflow: visible
}

.image-panel .buttons-row button {
    background: transparent;
    border: none;
    padding: 0
}

.image-panel .buttons-row button:hover {
    cursor: pointer
}

.image-panel .buttons-row .rotate:active {
    transform: rotate(360deg);
    transition: 300ms linear all
}

.image-panel .button-with-tooltip {
    width: fit-content
}

.image-panel .tooltip {
    padding: 8px
}

.image-panel .tooltip.show {
    opacity: 1
}

.image-panel .tooltip>p {
    color: #07070f;
    margin: 0;
    font-weight: 400;
    font-family: Roboto,sans-serif;
    line-height: 1.2em;
    font-size: 12px;
    font-style: normal
}

.image-panel .tooltip-title {
    margin: 0
}

.image-panel .image-preview {
    background-color: #16152d;
    flex-grow: 1;
    height: calc(100% - 36px);
    display: flex;
    align-items: center;
    min-height: 220px
}

@media only screen and (min-width: 640px) {
    .image-panel .image-preview {
        min-height:330px;
        min-width: 330px
    }
}

@media(min-width: 1280px) {
    .image-panel .image-preview {
        height:330px;
        flex-grow: 0
    }
}

.image-panel .image-preview svg.waiting-icon {
    animation: rotateGlass 4s infinite ease-in-out;
    margin: 20px auto;
    display: block;
    height: 36px;
    width: 36px;
    opacity: .6
}

.image-panel .image-preview img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center
}

.toggle {
    position: relative;
    display: inline-block;
    width: 24px;
    height: 12px;
    outline: none;
    right: 180px
}

.toggle:hover {
    cursor: pointer
}

.toggle input {
    visibility: hidden
}

.toggle input:focus+.slider {
    box-shadow: 0 0 1px #d82790
}

.toggle input:checked+.slider {
    background-color: #d82790
}

.toggle input:checked+.slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px)
}

.toggle .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 2px;
    background-color: #cfcfcf;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 8px
}

.toggle .slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: -2px;
    bottom: -2px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%
}

.toggle .label-text {
    font-size: 14px;
    position: absolute;
    width: 180px;
    top: -5px;
    left: 35px
}

.toggle.disabled {
    color: #cfcfcf
}

.toggle.disabled *:hover {
    cursor: default
}

.toggle.disabled input:focus+.slider {
    box-shadow: 0 0 1px #cfcfcf
}

.toggle.disabled input:checked+.slider {
    background-color: #cfcfcf
}

.term-collapse-panel {
    border: 1px solid #201738;
    border-bottom: none;
    position: relative
}

.term-collapse-panel.error>.title {
    box-shadow: inset 0 0 0 2px red
}

.term-collapse-panel.error .error-message {
    color: red
}

.term-collapse-panel:last-of-type {
    border-bottom: 1px solid #201738
}

.term-collapse-panel .title {
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 400;
    height: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}

.term-collapse-panel .title b {
    font-weight: 900
}

.term-collapse-panel .title>div {
    display: flex;
    align-items: center
}

.term-collapse-panel .title .error {
    position: absolute;
    right: 14px;
    top: 8px
}

.term-collapse-panel .title .error svg {
    margin-left: 4px;
    width: 16px
}

.term-collapse-panel .title svg.chevron {
    transition: transform .4s ease-in-out
}

.term-collapse-panel .title svg.chevron.error {
    display: none
}

.term-collapse-panel .collapse-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height .4s 0s ease-in-out;
    background-color: #2a2841
}

.term-collapse-panel .collapse-content .content {
    padding: 14px;
    font-size: 12px;
    opacity: 0;
    transition: opacity 0s 0s ease
}

.term-collapse-panel .collapse-content .content .question {
    margin-bottom: 8px
}

.term-collapse-panel .collapse-content .content .radio-buttons {
    display: flex
}

.term-collapse-panel .collapse-content .content .radio-buttons .radio-button {
    margin-right: 24px
}

.term-collapse-panel .collapse-content .content .react-select__single-value {
    color: #fff
}

.term-collapse-panel .collapse-content .content .react-select__control {
    border-radius: 0;
    background-color: #07070f;
    border: none;
    cursor: pointer
}

.term-collapse-panel .collapse-content .content .react-select__control--is-focused {
    box-shadow: none
}

.term-collapse-panel .collapse-content .content .react-select__menu {
    border-radius: 0;
    background-color: #07070f;
    margin-top: 2px
}

.term-collapse-panel .collapse-content .content .react-select__option {
    font-size: 11px;
    line-height: 11px;
    padding-top: 6px;
    padding-bottom: 6px
}

.term-collapse-panel.expanded .title svg.chevron {
    transform: rotate(-180deg)
}

.term-collapse-panel.expanded .collapse-content {
    overflow: initial;
    max-height: 150px;
    transition: max-height .4s 0s ease-in-out
}

.term-collapse-panel.expanded .collapse-content .content {
    opacity: 1;
    transition: opacity .4s .2s ease
}

.term-collapse-panel.lend .title {
    background-color: #76154e
}

.radio-button {
    box-sizing: border-box;
    font-family: system-ui,sans-serif;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    display: grid;
    grid-template-columns: 1em auto;
    gap: 8px;
    margin-bottom: 4px
}

.radio-button input[type=radio] {
    appearance: none;
    background-color: #07070f;
    margin: 0;
    box-sizing: border-box;
    font: inherit;
    color: currentColor;
    width: 16px;
    height: 16px;
    border: 2px solid #3b3958;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.radio-button input[type=radio]:before {
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    background-color: currentColor
}

.radio-button input[type=radio]:checked {
    border: 2px solid currentColor
}

.radio-button input[type=radio]:checked:before {
    transform: scale(1)
}

.radio-button input[type=radio]:hover {
    border: 2px solid currentColor
}

.radio-button span {
    color: #fff;
    font-weight: 400
}

.inline .amount-field+.amount-field,.inline .select-field+.amount-field {
    margin-top: 0;
    margin-left: 16px
}

.amount-field {
    display: flex;
    flex-direction: column;
    position: relative
}

.amount-field+.amount-field {
    margin-top: 16px
}

.amount-field label {
    font-size: 12px;
    margin-bottom: 8px;
    color: #fff
}

.amount-field input[type=number],.amount-field input[type=text] {
    -moz-appearance: textfield;
    border: none;
    outline: none;
    font-size: 14px;
    color: #fff;
    background-color: #07070f;
    text-align: right;
    padding: 10px 32px;
    width: 100%;
    box-sizing: border-box
}

.amount-field input[type=number]::-webkit-outer-spin-button,.amount-field input[type=number]::-webkit-inner-spin-button,.amount-field input[type=text]::-webkit-outer-spin-button,.amount-field input[type=text]::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.amount-field .currency-icon {
    position: absolute;
    height: 18px;
    width: 24px;
    top: 15px;
    left: 4px;
    font-size: 14px
}

.amount-field .cancel-icon {
    position: absolute;
    right: 8px;
    height: 14px;
    top: 16px;
    cursor: pointer
}

.textarea-field {
    display: flex;
    flex-direction: column;
    position: relative
}

.textarea-field textarea {
    -moz-appearance: textfield;
    border: none;
    outline: none;
    resize: none;
    font-size: 14px;
    color: #fff;
    background-color: #07070f;
    text-align: left;
    padding: 10px 32px 10px 10px;
    width: 100%;
    box-sizing: border-box
}

.textarea-field textarea::-webkit-outer-spin-button,.textarea-field textarea::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.textarea-field svg {
    position: absolute;
    right: 8px;
    top: 14px
}

.inline .amount-field+.days-field,.inline .select-field+.days-field {
    margin-top: 0;
    margin-left: 16px
}

.days-field {
    display: flex;
    flex-direction: column;
    position: relative
}

.days-field+.amount-field {
    margin-top: 16px
}

.days-field label {
    font-size: 12px;
    margin-bottom: 8px;
    color: #fff
}

.days-field input[type=number],.days-field input[type=text] {
    -moz-appearance: textfield;
    border: none;
    outline: none;
    font-size: 14px;
    color: #fff;
    background-color: #07070f;
    text-align: right;
    padding: 0 44px 0 10px;
    height: 38px;
    width: 100%;
    box-sizing: border-box;
    margin-top: 0
}

.days-field input[type=number]::-webkit-outer-spin-button,.days-field input[type=number]::-webkit-inner-spin-button,.days-field input[type=text]::-webkit-outer-spin-button,.days-field input[type=text]::-webkit-inner-spin-button {
    -webkit-appearance: none
}

.days-field .cancel-icon {
    position: absolute;
    right: 8px;
    height: 14px;
    top: 11px;
    cursor: pointer
}

.days-field .days-label {
    position: absolute;
    height: 18px;
    top: 10px;
    right: 10px;
    font-size: 14px;
    text-align: right
}

.transaction-container {
    display: flex;
    align-items: center;
    padding: 10px
}

.transaction-container.grow {
    flex-grow: 1
}

.transaction-container h2 {
    font-size: 16px;
    line-height: 24px
}

.transaction-container p {
    font-size: 12px;
    line-height: 1em
}

.transaction-container h2,.transaction-container p {
    margin: 0;
    font-family: Roboto,sans-serif;
    font-weight: 400
}

.transaction-container .icon {
    display: flex;
    align-items: center;
    margin: 2px 6px 2px 0
}

.transaction-container .icon.waiting svg {
    animation: rotateGlass 4s infinite ease-in-out
}

.transaction-container .icon svg {
    width: 21px;
    height: 21px
}

.transaction-container.awaiting {
    background-color: #594214;
    border: 1px solid #aa7714;
    color: #faedb5
}

.transaction-container.executing {
    background-color: #2e3c10;
    border: 1px solid #6f9412;
    color: #faedb5
}

.transaction-container.executing svg {
    color: #a9d134
}

.transaction-container.error {
    background-color: #2a1215;
    border: 1px solid #58181c;
    color: #e84749
}

.revoke-offers {
    background: #26223e;
    color: #8784b5;
    padding: 18px;
    display: flex;
    align-items: baseline;
    position: sticky;
    bottom: 50px;
    margin-bottom: 50px
}

.revoke-offers .header {
    flex: 1;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
    color: #c7c7c7
}

.revoke-offers .confirm * {
    margin-right: 10px
}

.revoke-offers .confirm .cancel {
    background-color: #403d60;
    box-shadow: none
}

.revoke-offers .button {
    flex: 200px 0 0
}

.popin.popin-nfi-airdrop {
    background: rgba(255,255,255,.2);
    border-radius: 9px;
    padding: 14px;
    width: 391px;
    font-family: roboto,arial;
    background: linear-gradient(140.89deg,rgba(186,170,180,0.6) 4.33%,rgba(142,156,158,0.2) 95.94%);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    margin: 20px 20px 0;
    width: 260px
}

@media only screen and (min-width: 640px) {
    .popin.popin-nfi-airdrop {
        margin:0
    }
}

@media(min-width: 1280px) {
    .popin.popin-nfi-airdrop {
        width:390px
    }
}

.popin.popin-nfi-airdrop>div {
    text-align: center
}

.popin.popin-nfi-airdrop>div h4,.popin.popin-nfi-airdrop>div p,.popin.popin-nfi-airdrop>div .currency {
    margin-top: 0;
    margin-bottom: 12px
}

.popin.popin-nfi-airdrop>div h4 {
    font-size: 24px;
    font-weight: 300
}

.popin.popin-nfi-airdrop>div h4 strong {
    font-weight: 700
}

.popin.popin-nfi-airdrop>div p {
    font-size: 12px;
    line-height: 1.5em;
    max-width: 235px;
    font-weight: 100;
    margin-left: auto;
    margin-right: auto
}

.popin.popin-nfi-airdrop>div .currency {
    display: flex;
    justify-content: center;
    align-items: center
}

.popin.popin-nfi-airdrop>div .currency svg {
    height: 35px;
    width: 35px;
    margin-right: 6px
}

.popin.popin-nfi-airdrop>div .currency .amount {
    font-size: 36px;
    font-weight: 300
}

.popin.popin-nfi-airdrop>div .btn,.popin.popin-nfi-airdrop>div .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .popin.popin-nfi-airdrop>div .register__submit {
    background: #fff;
    color: #221e37;
    display: block;
    font-weight: 400;
    padding: 12px 0;
    border-radius: 3px;
    font-size: 15px
}

.table-container {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 1px 0 0 #000
}

.table-container .heading {
    padding: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #221e37
}

@media only screen and (min-width: 640px) {
    .table-container .heading {
        padding:16px
    }
}

.table-container .heading .title {
    font-family: Lato,sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 35px
}

.table-container .heading .title span {
    font-weight: 300
}

.table-container .heading .cta-container {
    border-radius: 3px;
    display: none
}

@media(min-width: 1280px) {
    .table-container .heading .cta-container {
        display:flex;
        gap: 18px
    }
}

.table-container .heading .cta-container .toggle-switch :not(input:checked)+.slider {
    background-color: #403d60
}

.table-container .heading .cta-container .list-card {
    background-color: #16152c;
    padding: 2px;
    border-radius: 2px
}

.table-container .heading .cta-container .list-card .btn,.table-container .heading .cta-container .list-card .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .table-container .heading .cta-container .list-card .register__submit {
    background-color: transparent;
    padding: 6px 16px;
    border-radius: 2px;
    font-size: 12px;
    color: #c3c0d6;
    font-weight: 400
}

.table-container .heading .cta-container .list-card .btn svg,.table-container .heading .cta-container .list-card .landing-page section.subscribe form .register__submit svg,.landing-page section.subscribe form .table-container .heading .cta-container .list-card .register__submit svg {
    vertical-align: middle;
    margin-bottom: 1px;
    height: 14px;
    margin-right: 10px
}

.table-container .heading .cta-container .list-card .btn.active,.table-container .heading .cta-container .list-card .landing-page section.subscribe form .active.register__submit,.landing-page section.subscribe form .table-container .heading .cta-container .list-card .active.register__submit {
    background-color: #221e37;
    cursor: auto;
    color: #fff
}

.table-container .heading .cta-container .list-card .btn.pointer,.table-container .heading .cta-container .list-card .landing-page section.subscribe form .pointer.register__submit,.landing-page section.subscribe form .table-container .heading .cta-container .list-card .pointer.register__submit {
    cursor: pointer
}

.table-container .react-select {
    height: 35px;
    min-height: 35px;
    cursor: pointer
}

.table-container .react-select__control {
    background-color: #221e37;
    border: 1px solid #0d0c1a;
    border-radius: 2px;
    cursor: pointer;
    height: 35px;
    min-height: 35px
}

.table-container .react-select__control:hover {
    border: 1px solid #0d0c1a
}

.table-container .react-select__indicators {
    height: 100%
}

.table-container .react-select__placeholder {
    color: #5d598c;
    line-height: 14px
}

.table-container .react-select__single-value {
    color: #fff;
    line-height: 14px
}

.table-container .react-select__control--is-focused {
    box-shadow: none
}

.table-container .react-select__menu {
    border: 1px solid #0d0c1a;
    border-radius: 2px;
    background-color: #221e37;
    margin-top: 2px
}

.table-container .react-select__option {
    font-size: 14px;
    padding-top: 4px;
    padding-bottom: 4px;
    height: 30px
}

.table-container .react-select__option--is-selected,.table-container .react-select__option--is-focused,.table-container .react-select__option:hover {
    background: rgba(0,0,0,.1215686275)
}

.table-container .offer-order-by-select {
    width: 180px
}

.table-container .offer-duration-select {
    width: 156px
}

.table-container .offer-currency-select {
    width: 164px
}

.table-container .offer-currency-select.with-copy .react-select__single-value::before {
    content: "Show "
}

.table-container .offer-currency-select.with-copy .react-select__single-value::after {
    content: " offers"
}

.table-container .offer-max-apr-input {
    height: 35px;
    width: 116px;
    border: 1px solid #0d0c1a;
    border-radius: 2px;
    box-sizing: border-box
}

.table-container .offer-max-apr-input .currency-icon {
    top: 7px
}

.table-container .offer-max-apr-input svg {
    top: 9px
}

.table-container .offer-max-apr-input input {
    margin: 0;
    padding: 10px 30px 10px 25px;
    height: 100%;
    background: rgba(13,12,26,.25)
}

.table-container .table {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-spacing: 0;
    background-color: #221e37;
    overflow: auto;
    margin-bottom: 46px
}

.table-container .table.infinite {
    margin-bottom: 8px;
    flex-grow: 1
}

.table-container .table .head.card {
    display: none
}

.table-container .table .header {
    background-color: #0d0c1a;
    height: 32px
}

.table-container .table .header .header-cell {
    padding: 7.5px 0;
    display: flex;
    gap: 10px;
    justify-self: flex-end;
    align-items: center
}

.table-container .table .header .header-cell.sortable {
    cursor: pointer;
    margin-right: -17px
}

.table-container .table .header .header-cell span {
    font-family: roboto condensed,sans-serif;
    font-weight: 400;
    font-size: 12px
}

.table-container .table .header .header-cell .asc {
    transform: rotate(180deg)
}

.table-container .table .header .header-cell .asc,.table-container .table .header .header-cell .desc {
    opacity: .7
}

.table-container .table .header .header-cell .asc.active,.table-container .table .header .header-cell .desc.active {
    opacity: 1
}

.table-container .table .header,.table-container .table .row {
    display: grid
}

.table-container .table .header.list,.table-container .table .row.list {
    justify-items: end
}

.table-container .table .header.list .cell:first-child,.table-container .table .header.list .header-cell:first-child,.table-container .table .row.list .cell:first-child,.table-container .table .row.list .header-cell:first-child {
    justify-self: flex-start;
    margin-left: 8px
}

@media(min-width: 1280px) {
    .table-container .table .header.list .cell:first-child,.table-container .table .header.list .header-cell:first-child,.table-container .table .row.list .cell:first-child,.table-container .table .row.list .header-cell:first-child {
        margin-left:24px
    }
}

.table-container .table .header.list .cell:last-child,.table-container .table .header.list .header-cell:last-child,.table-container .table .row.list .cell:last-child,.table-container .table .row.list .header-cell:last-child {
    margin-right: 8px;
    justify-self: flex-end
}

@media(min-width: 1280px) {
    .table-container .table .header.list .cell:last-child,.table-container .table .header.list .header-cell:last-child,.table-container .table .row.list .cell:last-child,.table-container .table .row.list .header-cell:last-child {
        margin-right:24px
    }
}

.table-container .table .header-cell.terms,.table-container .table .body .row .cell.terms {
    padding-left: 20px;
    justify-self: flex-start
}

.table-container .table .header.list .header-cell.borrower,.table-container .table .body .row .cell.borrow,.table-container .table .header.list .header-cell.lender,.table-container .table .body .row .cell.lend {
    justify-self: flex-start;
    margin-left: 50%
}

.table-container .table .body {
    display: grid
}

.table-container .table .body.card .row {
    margin: auto;
    width: 100%;
    gap: 16px
}

.table-container .table .body.list .row {
    border-bottom: 1px solid #16152d;
    padding: 8px 0
}

.table-container .table .body.list .row:hover {
    background-color: #272240
}

.table-container .table .body.list .row.dark-pink-bg {
    background: rgba(216,39,76,.3019607843);
    transition: background .25s ease
}

.table-container .table .body.list .row.purple-bg {
    background: #2f1e59;
    transition: background .25s ease
}

.table-container .table .body.list .row.dark-purple-bg {
    background: #272240;
    transition: background .25s ease
}

.table-container .table .body.list .row.invalid .cell:not(.offerStatus,:last-child) {
    opacity: 50%
}

.table-container .table .body.list .row.expired .cell {
    opacity: 50%
}

.table-container .table .body.list .cell {
    margin: 0;
    height: 26px;
    box-sizing: border-box
}

.table-container .table .body.card {
    padding: 0 16px
}

@media only screen and (min-width: 640px) {
    .table-container .table .body.card {
        padding:0 24px
    }
}

.table-container .table .body .row {
    grid-column: 1/span end
}

.table-container .table .body .row .cell {
    font-family: Roboto,sans-serif;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-self: flex-end;
    gap: 10px
}

.table-container .table .body .row .cell.asset-img-name {
    overflow: visible
}

.table-container .table .body .row .cell.capitalize {
    text-transform: capitalize
}

.table-container .table .body .row .cell.bold {
    font-weight: 500
}

.table-container .table .body .row .cell a {
    display: flex;
    align-items: center;
    column-gap: 10px
}

.table-container .table .body .row .cell a img {
    width: 36px;
    height: 36px
}

.table-container .table .body .row .cell.offerStatus {
    height: 20px;
    border-radius: 20px;
    padding: 0 3px 0 9px;
    text-transform: capitalize;
    align-self: center
}

.table-container .table .body .row .cell.offerStatus.underfunded {
    color: #221e37;
    background-color: #fff
}

.table-container .table .body .row .cell.offerStatus.invalid,.table-container .table .body .row .cell.offerStatus.error {
    background-color: #d8274c
}

.table-container .table .body .row .cell.lend .loading-spinner {
    animation: spin 1s linear infinite;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px
}

@keyframes spin {
    0% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    6.25% {
        box-shadow: 0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px 8px -2px #fff,0 30px 16px 4px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    12.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px 8px -2px #fff,-10px 30px 16px 4px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    18.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px 8px -2px #fff,-20px 20px 16px 4px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px 8px -2px #fff,-30px 10px 16px 4px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    31.25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px 8px -2px #fff,-30px 0 16px 4px #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    37.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #cf2e8c,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 8px -2px #fff,-30px -10px 16px 4px #cf2e8c,-20px -20px transparent,-10px -30px transparent
    }

    43.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #cf2e8c,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px 8px -2px #fff,-20px -20px 16px 4px #cf2e8c,-10px -30px transparent
    }

    50% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #cf2e8c,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px 8px -2px #fff,-10px -30px 16px 4px #cf2e8c
    }

    56.25% {
        box-shadow: 0 -30px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px 8px -2px #fff,0 -30px 16px 4px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    62.5% {
        box-shadow: 0 -30px #fff,10px -30px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px 8px -2px #fff,10px -30px 16px 4px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    68.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px 8px -2px #fff,20px -20px 16px 4px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px 8px -2px #fff,30px -10px 16px 4px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    81.25% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px 8px -2px #fff,30px 0 16px 4px #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff
    }

    87.5% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 8px -2px #fff,30px 10px 16px 4px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff
    }

    93.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2),0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px 8px -2px #fff,20px 20px 16px 4px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2)
    }

    100% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }
}

.table-container .table .body .row .cell.lend .accent-color {
    color: #cf2e8c
}

.table-container .table .body .row .cell.lend .accent-secondary-color {
    color: #fff
}

.table-container .table .body .row .cell.lend .accent-color-background {
    background-color: #cf2e8c
}

.table-container .table .body .row .cell.lend .accent-secondary-color-background {
    background-color: #fff
}

.table-container .table .body .row .cell.lend .accent-color-border {
    border-color: #cf2e8c
}

.table-container .table .body .row .cell.lend .accent-color-fill {
    fill: #cf2e8c
}

.table-container .table .body .row .cell.lend .accent-color-selection::selection {
    color: #fff;
    background: #cf2e8c
}

.table-container .table .body .row .cell.lend .accent-color::placeholder {
    color: #cf2e8c;
    opacity: .7
}

.table-container .table .body .row .cell.lend .toggle-switch input:checked+.slider {
    background-color: #cf2e8c
}

.table-container .table .body .row .cell.lend .filter .search {
    color: #cf2e8c
}

.table-container .table .body .row .cell.lend .filter label.checkbox .checkmark:after {
    border: solid #cf2e8c
}

.table-container .table .body .row .cell.lend .filter label.checkbox:hover input~.checkmark {
    border-color: inherit
}

@media(hover: hover) {
    .table-container .table .body .row .cell.lend .filter label.checkbox:hover input~.checkmark {
        border-color:#cf2e8c
    }
}

.table-container .table .body .row .cell.lend .filter .count {
    background-color: #cf2e8c
}

.table-container .table .body .row .cell.lend .filter .chevron {
    border: solid #cf2e8c
}

.table-container .table .body .row .cell.lend .btn,.table-container .table .body .row .cell.lend .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .table-container .table .body .row .cell.lend .register__submit {
    background-color: #cb2b83;
    border-color: #cb2b83
}

.table-container .table .body .row .cell.lend .btn:hover,.table-container .table .body .row .cell.lend .landing-page section.subscribe form .register__submit:hover,.landing-page section.subscribe form .table-container .table .body .row .cell.lend .register__submit:hover {
    background-color: #d13e8f;
    border-color: #d13e8f
}

.table-container .table .body .row .cell.lend .btn:active,.table-container .table .body .row .cell.lend .landing-page section.subscribe form .register__submit:active,.landing-page section.subscribe form .table-container .table .body .row .cell.lend .register__submit:active {
    background-color: #a61d6e;
    border-color: #a61d6e
}

.table-container .table .body .row .cell.lend .btn.white,.table-container .table .body .row .cell.lend .landing-page section.subscribe form .white.register__submit,.landing-page section.subscribe form .table-container .table .body .row .cell.lend .white.register__submit {
    color: #dbdadd;
    border-color: #dbdadd
}

.table-container .table .body .row .cell.lend .btn.white:not(.btn-hollow),.table-container .table .body .row .cell.lend .landing-page section.subscribe form .white.register__submit:not(.btn-hollow),.landing-page section.subscribe form .table-container .table .body .row .cell.lend .white.register__submit:not(.btn-hollow) {
    background-color: #dbdadd
}

.table-container .table .body .row .cell.lend .btn.white:hover,.table-container .table .body .row .cell.lend .landing-page section.subscribe form .white.register__submit:hover,.landing-page section.subscribe form .table-container .table .body .row .cell.lend .white.register__submit:hover {
    color: #fff;
    border-color: #fff
}

.table-container .table .body .row .cell.lend .btn.white:hover:not(.btn-hollow),.table-container .table .body .row .cell.lend .landing-page section.subscribe form .white.register__submit:hover:not(.btn-hollow),.landing-page section.subscribe form .table-container .table .body .row .cell.lend .white.register__submit:hover:not(.btn-hollow) {
    background-color: #fff
}

.table-container .table .body .row .cell.lend .btn.white:active,.table-container .table .body .row .cell.lend .landing-page section.subscribe form .white.register__submit:active,.landing-page section.subscribe form .table-container .table .body .row .cell.lend .white.register__submit:active {
    color: #aeaeae;
    border-color: #aeaeae
}

.table-container .table .body .row .cell.lend .btn.white:active:not(.btn-hollow),.table-container .table .body .row .cell.lend .landing-page section.subscribe form .white.register__submit:active:not(.btn-hollow),.landing-page section.subscribe form .table-container .table .body .row .cell.lend .white.register__submit:active:not(.btn-hollow) {
    background-color: #aeaeae
}

.table-container .table .body .row .cell.lend .btn.white:disabled,.table-container .table .body .row .cell.lend .landing-page section.subscribe form .white.register__submit:disabled,.landing-page section.subscribe form .table-container .table .body .row .cell.lend .white.register__submit:disabled {
    color: #dbdadd;
    border-color: rgba(219,218,221,.6)
}

.table-container .table .body .row .cell.lend .btn:disabled,.table-container .table .body .row .cell.lend .landing-page section.subscribe form .register__submit:disabled,.landing-page section.subscribe form .table-container .table .body .row .cell.lend .register__submit:disabled {
    background-color: rgba(253,0,148,.6);
    border-color: rgba(253,0,148,.6)
}

.table-container .table .body .row .cell.lend .btn.hollow,.table-container .table .body .row .cell.lend .landing-page section.subscribe form .hollow.register__submit,.landing-page section.subscribe form .table-container .table .body .row .cell.lend .hollow.register__submit {
    background-color: transparent;
    border: 1px solid #cb2b83
}

.table-container .table .body .row .cell.lend .btn.hollow:hover,.table-container .table .body .row .cell.lend .landing-page section.subscribe form .hollow.register__submit:hover,.landing-page section.subscribe form .table-container .table .body .row .cell.lend .hollow.register__submit:hover {
    border: 1px solid #d13e8f
}

.table-container .table .body .row .cell.lend .btn.hollow:active,.table-container .table .body .row .cell.lend .landing-page section.subscribe form .hollow.register__submit:active,.landing-page section.subscribe form .table-container .table .body .row .cell.lend .hollow.register__submit:active {
    border: 1px solid #a61d6e
}

.table-container .table .body .row .cell.lend .btn.hollow:disabled,.table-container .table .body .row .cell.lend .landing-page section.subscribe form .hollow.register__submit:disabled,.landing-page section.subscribe form .table-container .table .body .row .cell.lend .hollow.register__submit:disabled {
    border: 1px solid rgba(253,0,148,.6)
}

.table-container .table .body .row .cell.lend .link-color {
    color: #cf2e8c
}

.table-container .table .body .row .cell.lend .link-color svg {
    fill: #cf2e8c
}

.table-container .table .body .row .cell.lend .link-color:hover {
    color: #d858a4
}

.table-container .table .body .row .cell.lend .link-color:hover svg {
    color: #d858a4;
    fill: #d858a4
}

.table-container .table .body .row .cell.lend .link-color:active {
    color: #a61d6e
}

.table-container .table .body .row .cell.lend .link-color:active svg {
    color: #a61d6e;
    fill: #a61d6e
}

.table-container .table .body .row .cell.lend .react-select__indicator-separator {
    background-color: #cf2e8c
}

.table-container .table .body .row .cell.lend .react-select__indicator {
    color: #fd0094
}

.table-container .table .body .row .cell.lend .react-select__option {
    cursor: pointer
}

.table-container .table .body .row .cell.lend .react-select__option:active {
    background-color: #fd0094
}

.table-container .table .body .row .cell.lend .react-select__option--is-selected {
    background-color: #cf2e8c
}

.table-container .table .body .row .cell.lend .react-select__option--is-focused {
    background-color: #bc4189
}

.table-container .table .body .row .cell.lend input[type=text]:focus-visible,.table-container .table .body .row .cell.lend input[type=number]:focus-visible {
    border: none;
    outline: 1px solid #cf2e8c
}

.table-container .table .body .row .cell.borrow .loading-spinner {
    animation: spin 1s linear infinite;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -5px
}

@keyframes spin {
    0% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    6.25% {
        box-shadow: 0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px rgba(255,255,255,.2),20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px 8px -2px #fff,0 30px 16px 4px #cf2e8c,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    12.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px rgba(255,255,255,.2),30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px 8px -2px #fff,-10px 30px 16px 4px #cf2e8c,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    18.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px rgba(255,255,255,.2),30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px 8px -2px #fff,-20px 20px 16px 4px #cf2e8c,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 rgba(255,255,255,.2),30px 10px #fff,20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px 8px -2px #fff,-30px 10px 16px 4px #cf2e8c,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    31.25% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px rgba(255,255,255,.2),20px 20px #fff,10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px 8px -2px #fff,-30px 0 16px 4px #cf2e8c,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }

    37.5% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #cf2e8c,-20px -20px transparent,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px rgba(255,255,255,.2),10px 30px #fff,0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 8px -2px #fff,-30px -10px 16px 4px #cf2e8c,-20px -20px transparent,-10px -30px transparent
    }

    43.75% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #cf2e8c,-10px -30px transparent,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px rgba(255,255,255,.2),0 30px #fff,-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px 8px -2px #fff,-20px -20px 16px 4px #cf2e8c,-10px -30px transparent
    }

    50% {
        box-shadow: 0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #cf2e8c,0 -30px transparent,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px rgba(255,255,255,.2),-10px 30px #fff,-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px 8px -2px #fff,-10px -30px 16px 4px #cf2e8c
    }

    56.25% {
        box-shadow: 0 -30px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px 8px -2px #fff,0 -30px 16px 4px #cf2e8c,10px -30px transparent,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px rgba(255,255,255,.2),-20px 20px #fff,-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    62.5% {
        box-shadow: 0 -30px #fff,10px -30px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px 8px -2px #fff,10px -30px 16px 4px #cf2e8c,20px -20px transparent,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px rgba(255,255,255,.2),-30px 10px #fff,-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    68.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px 8px -2px #fff,20px -20px 16px 4px #cf2e8c,30px -10px transparent,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px rgba(255,255,255,.2),-30px 0 #fff,-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px 8px -2px #fff,30px -10px 16px 4px #cf2e8c,30px 0 transparent,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 rgba(255,255,255,.2),-30px -10px #fff,-20px -20px #fff,-10px -30px #fff
    }

    81.25% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px 8px -2px #fff,30px 0 16px 4px #cf2e8c,30px 10px transparent,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px rgba(255,255,255,.2),-20px -20px #fff,-10px -30px #fff
    }

    87.5% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff,0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 8px -2px #fff,30px 10px 16px 4px #cf2e8c,20px 20px transparent,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px rgba(255,255,255,.2),-10px -30px #fff
    }

    93.75% {
        box-shadow: 0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2),0 -30px #fff,10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px 8px -2px #fff,20px 20px 16px 4px #cf2e8c,10px 30px transparent,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px rgba(255,255,255,.2)
    }

    100% {
        box-shadow: 0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px #fff,10px 30px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent,0 -30px rgba(255,255,255,.2),10px -30px #fff,20px -20px #fff,30px -10px #fff,30px 0 #fff,30px 10px #fff,20px 20px 8px -2px #fff,10px 30px 16px 4px #cf2e8c,0 30px transparent,-10px 30px transparent,-20px 20px transparent,-30px 10px transparent,-30px 0 transparent,-30px -10px transparent,-20px -20px transparent,-10px -30px transparent
    }
}

.table-container .table .body .row .cell.borrow .accent-color {
    color: #7d5fd7
}

.table-container .table .body .row .cell.borrow .accent-secondary-color {
    color: #fff
}

.table-container .table .body .row .cell.borrow .accent-color-background {
    background-color: #7d5fd7
}

.table-container .table .body .row .cell.borrow .accent-secondary-color-background {
    background-color: #fff
}

.table-container .table .body .row .cell.borrow .accent-color-border {
    border-color: #7d5fd7
}

.table-container .table .body .row .cell.borrow .accent-color-fill {
    fill: #7d5fd7
}

.table-container .table .body .row .cell.borrow .accent-color-selection::selection {
    color: #fff;
    background: #7d5fd7
}

.table-container .table .body .row .cell.borrow .accent-color::placeholder {
    color: #7d5fd7;
    opacity: .7
}

.table-container .table .body .row .cell.borrow .toggle-switch input:checked+.slider {
    background-color: #7d5fd7
}

.table-container .table .body .row .cell.borrow .filter .search {
    color: #7d5fd7
}

.table-container .table .body .row .cell.borrow .filter label.checkbox .checkmark:after {
    border: solid #7d5fd7
}

.table-container .table .body .row .cell.borrow .filter label.checkbox:hover input~.checkmark {
    border-color: inherit
}

@media(hover: hover) {
    .table-container .table .body .row .cell.borrow .filter label.checkbox:hover input~.checkmark {
        border-color:#7d5fd7
    }
}

.table-container .table .body .row .cell.borrow .filter .count {
    background-color: #7d5fd7
}

.table-container .table .body .row .cell.borrow .filter .chevron {
    border: solid #7d5fd7
}

.table-container .table .body .row .cell.borrow .btn,.table-container .table .body .row .cell.borrow .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .table-container .table .body .row .cell.borrow .register__submit {
    background-color: #7e5bd6;
    border-color: #7e5bd6
}

.table-container .table .body .row .cell.borrow .btn:hover,.table-container .table .body .row .cell.borrow .landing-page section.subscribe form .register__submit:hover,.landing-page section.subscribe form .table-container .table .body .row .cell.borrow .register__submit:hover {
    background-color: #8563dd;
    border-color: #8563dd
}

.table-container .table .body .row .cell.borrow .btn:active,.table-container .table .body .row .cell.borrow .landing-page section.subscribe form .register__submit:active,.landing-page section.subscribe form .table-container .table .body .row .cell.borrow .register__submit:active {
    background-color: #6b4bbb;
    border-color: #6b4bbb
}

.table-container .table .body .row .cell.borrow .btn.white,.table-container .table .body .row .cell.borrow .landing-page section.subscribe form .white.register__submit,.landing-page section.subscribe form .table-container .table .body .row .cell.borrow .white.register__submit {
    color: #dbdadd;
    border-color: #dbdadd
}

.table-container .table .body .row .cell.borrow .btn.white:not(.btn-hollow),.table-container .table .body .row .cell.borrow .landing-page section.subscribe form .white.register__submit:not(.btn-hollow),.landing-page section.subscribe form .table-container .table .body .row .cell.borrow .white.register__submit:not(.btn-hollow) {
    background-color: #dbdadd
}

.table-container .table .body .row .cell.borrow .btn.white:hover,.table-container .table .body .row .cell.borrow .landing-page section.subscribe form .white.register__submit:hover,.landing-page section.subscribe form .table-container .table .body .row .cell.borrow .white.register__submit:hover {
    color: #fff;
    border-color: #fff
}

.table-container .table .body .row .cell.borrow .btn.white:hover:not(.btn-hollow),.table-container .table .body .row .cell.borrow .landing-page section.subscribe form .white.register__submit:hover:not(.btn-hollow),.landing-page section.subscribe form .table-container .table .body .row .cell.borrow .white.register__submit:hover:not(.btn-hollow) {
    background-color: #fff
}

.table-container .table .body .row .cell.borrow .btn.white:active,.table-container .table .body .row .cell.borrow .landing-page section.subscribe form .white.register__submit:active,.landing-page section.subscribe form .table-container .table .body .row .cell.borrow .white.register__submit:active {
    color: #aeaeae;
    border-color: #aeaeae
}

.table-container .table .body .row .cell.borrow .btn.white:active:not(.btn-hollow),.table-container .table .body .row .cell.borrow .landing-page section.subscribe form .white.register__submit:active:not(.btn-hollow),.landing-page section.subscribe form .table-container .table .body .row .cell.borrow .white.register__submit:active:not(.btn-hollow) {
    background-color: #aeaeae
}

.table-container .table .body .row .cell.borrow .btn.white:disabled,.table-container .table .body .row .cell.borrow .landing-page section.subscribe form .white.register__submit:disabled,.landing-page section.subscribe form .table-container .table .body .row .cell.borrow .white.register__submit:disabled {
    color: #dbdadd;
    border-color: rgba(219,218,221,.6)
}

.table-container .table .body .row .cell.borrow .btn:disabled,.table-container .table .body .row .cell.borrow .landing-page section.subscribe form .register__submit:disabled,.landing-page section.subscribe form .table-container .table .body .row .cell.borrow .register__submit:disabled {
    background-color: rgba(105,55,255,.6);
    border-color: rgba(105,55,255,.6)
}

.table-container .table .body .row .cell.borrow .btn.hollow,.table-container .table .body .row .cell.borrow .landing-page section.subscribe form .hollow.register__submit,.landing-page section.subscribe form .table-container .table .body .row .cell.borrow .hollow.register__submit {
    background-color: transparent;
    border: 1px solid #7e5bd6
}

.table-container .table .body .row .cell.borrow .btn.hollow:hover,.table-container .table .body .row .cell.borrow .landing-page section.subscribe form .hollow.register__submit:hover,.landing-page section.subscribe form .table-container .table .body .row .cell.borrow .hollow.register__submit:hover {
    border: 1px solid #8563dd
}

.table-container .table .body .row .cell.borrow .btn.hollow:active,.table-container .table .body .row .cell.borrow .landing-page section.subscribe form .hollow.register__submit:active,.landing-page section.subscribe form .table-container .table .body .row .cell.borrow .hollow.register__submit:active {
    border: 1px solid #6b4bbb
}

.table-container .table .body .row .cell.borrow .btn.hollow:disabled,.table-container .table .body .row .cell.borrow .landing-page section.subscribe form .hollow.register__submit:disabled,.landing-page section.subscribe form .table-container .table .body .row .cell.borrow .hollow.register__submit:disabled {
    border: 1px solid rgba(105,55,255,.6)
}

.table-container .table .body .row .cell.borrow .link-color {
    color: #7d5fd7
}

.table-container .table .body .row .cell.borrow .link-color svg {
    fill: #7d5fd7
}

.table-container .table .body .row .cell.borrow .link-color:hover {
    color: #8e68f0
}

.table-container .table .body .row .cell.borrow .link-color:hover svg {
    color: #8e68f0;
    fill: #8e68f0
}

.table-container .table .body .row .cell.borrow .link-color:active {
    color: #6b4bbb
}

.table-container .table .body .row .cell.borrow .link-color:active svg {
    color: #6b4bbb;
    fill: #6b4bbb
}

.table-container .table .body .row .cell.borrow .react-select__indicator-separator {
    background-color: #7d5fd7
}

.table-container .table .body .row .cell.borrow .react-select__indicator {
    color: #6937ff
}

.table-container .table .body .row .cell.borrow .react-select__option {
    cursor: pointer
}

.table-container .table .body .row .cell.borrow .react-select__option:active {
    background-color: #6937ff
}

.table-container .table .body .row .cell.borrow .react-select__option--is-selected {
    background-color: #7d5fd7
}

.table-container .table .body .row .cell.borrow .react-select__option--is-focused {
    background-color: #856ec8
}

.table-container .table .body .row .cell.borrow input[type=text]:focus-visible,.table-container .table .body .row .cell.borrow input[type=number]:focus-visible {
    border: none;
    outline: 1px solid #7d5fd7
}

.table-container .table .body .row .cell .countdown {
    display: flex;
    align-items: center;
    padding: 0 7px 0 3px;
    background-color: #fff;
    color: #221e37;
    font-weight: 500;
    height: 20px;
    border-radius: 22px
}

.table-container .table .body .row .cell .countdown svg {
    margin-right: 6px
}

.table-container .table .body .row .cell .countdown.expired {
    background-color: #cbc9e4
}

.table-container .table .body .row .cell.loading:not(.custom):after {
    content: "";
    transform: translateX(100%);
    width: 33%;
    height: 20px;
    z-index: 1;
    animation: slide 1s infinite;
    background: rgba(255,255,255,.13);
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.05) 40%,rgba(255,255,255,0.1) 50%,rgba(255,255,255,0.05) 80%,rgba(255,255,255,0) 100%)
}

@keyframes slide {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(300%)
    }
}

.table-container .table .body .row .cell.loading {
    overflow: hidden
}

.table-container .table .body .row .cell.loading:not(.custom) {
    width: 50%;
    height: 20px;
    border-radius: 20px;
    background-color: rgba(255,255,255,.1490196078)
}

.table-container .table .body .row .cell.loading.lend {
    background: #cb2b83;
    opacity: 25%
}

.table-container .table .body .row .cell.loading.borrow {
    background: #7e5bd6;
    opacity: 25%
}

.table-container .table .body .row .cell.loading.custom {
    opacity: 25%
}

.table-container .table .body .row.card {
    grid-template-columns: repeat(2,1fr)
}

@media(min-width: 1280px) {
    .table-container .table .body .row.card {
        grid-template-columns:repeat(5,1fr)
    }
}

.table-container .table .body .row.card .card:hover a.opensea-link {
    display: block
}

.table-container .table .body .card {
    width: 100%;
    position: relative;
    box-sizing: border-box;
    margin-bottom: 5px
}

.table-container .table .body .card .cell {
    box-shadow: 0 0 3px 0 #000
}

@media(min-width: 1280px) {
    .table-container .table .body .card {
        width:206px
    }
}

.table-container .table .body .card .row {
    height: 297px
}

.table-container .table .body .card a.opensea-link {
    display: none;
    color: #cf2e8c;
    position: absolute;
    top: 0;
    left: 0;
    padding: 12px
}

.table-container .table .body .card a.opensea-link svg {
    width: 24px;
    height: 24px
}

.table-container .table .body .card a.opensea-link:hover {
    color: #ff0597
}

.table-container .table .body .card a.card-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #2d2942;
    width: 100%
}

.table-container .table .body .card a.card-link img {
    height: 136px;
    border-bottom: 1px solid #16152d;
    background-color: #33315c;
    object-fit: cover;
    width: 100%
}

@media(min-width: 1280px) {
    .table-container .table .body .card a.card-link img {
        height:200px
    }
}

.table-container .table .body .card a.card-link .sub-container {
    padding: 0 8px 0;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    height: 86px
}

@media(min-width: 1280px) {
    .table-container .table .body .card a.card-link .sub-container {
        padding:0 16px 0;
        height: 96px
    }

    .table-container .table .body .card a.card-link .sub-container .project {
        font-size: 12px;
        margin-top: 4px;
        text-align: center
    }

    .table-container .table .body .card a.card-link .sub-container .name {
        margin-top: 2px;
        font-size: 16px;
        font-weight: 700;
        line-height: 1.2;
        text-align: center;
        color: #fff
    }
}

.table-container .table .body .card a.card-link .sub-container .status {
    display: inline-block;
    box-shadow: 2px 2px 0 0 #16152d;
    color: #fff;
    width: fit-content;
    padding: 1px 4px;
    text-align: center;
    min-width: 60px;
    position: relative;
    font-size: 10px;
    border-radius: 8px;
    top: -10px;
    text-transform: uppercase
}

.table-container .table .body .card a.card-link .sub-container .status.listed {
    background-color: #cf2e8c
}

.table-container .table .body .card a.card-link .sub-container .status.escrow {
    background-color: #36a3d0
}

.table-container .table .body .card a.card-link .sub-container .status.defaulted {
    background-color: #d8274c
}

.table-container .table .body .card a.card-link .sub-container .status.unlisted {
    background-color: #882358
}

.table-container .table .body .card a.card-link .sub-container .name,.table-container .table .body .card a.card-link .sub-container .project {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.table-container .table .tooltip {
    padding: 8px;
    max-width: 335px;
    opacity: 1;
    text-transform: none
}

.table-container .table .tooltip ul {
    padding: 12px;
    margin: 0
}

.table-container .table .actions-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    overflow: hidden;
    transition: width .5s ease-in-out;
    padding-right: 6px;
    height: 30px
}

.table-container .table .actions-container.confirm-visible {
    width: 168px
}

.table-container .table .actions-container .btn,.table-container .table .actions-container .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .table-container .table .actions-container .register__submit {
    width: 24px;
    height: 24px;
    padding: 0;
    align-items: center;
    justify-content: center;
    display: flex
}

.table-container .table .actions-container .btn.disabled,.table-container .table .actions-container .landing-page section.subscribe form .disabled.register__submit,.landing-page section.subscribe form .table-container .table .actions-container .disabled.register__submit {
    cursor: default;
    border: 1px solid rgba(59,57,88,.6);
    background-color: rgba(15,14,32,.6);
    color: #403d60
}

.table-container .table .actions-container .confirm-actions-container {
    position: absolute;
    right: -183px;
    transition: right .5s ease-in-out;
    display: flex;
    align-items: center;
    font-size: 14px;
    padding: 0 5px 0 10px;
    color: #221e37;
    background-color: #fff;
    width: 153px;
    height: 28px;
    border-radius: 28px
}

.table-container .table .actions-container .confirm-actions-container.visible {
    right: 0
}

.table-container .table .actions-container .confirm-actions-container .check,.table-container .table .actions-container .confirm-actions-container .close {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.table-container .table .actions-container .confirm-actions-container .check {
    background-color: #8bbb11;
    margin: 0 4px 0 10px
}

.table-container .table .actions-container .confirm-actions-container .close {
    background-color: #d32029
}

.table-container .table .actions-container .confirm-actions-container .close.disabled,.table-container .table .actions-container .confirm-actions-container .check.disabled {
    opacity: 50%;
    cursor: default
}

.table-container .table.infinite .body.skeleton {
    max-height: 0;
    overflow: hidden
}

.table-container .table.infinite .body.skeleton.animate {
    transition: max-height .5s ease-out
}

.table-container .table.infinite .body.skeleton .row:not(.card) {
    height: 26px
}

.table-container .table.infinite .body.skeleton .row-blank {
    height: 42px
}

.table-container .table.infinite .body.skeleton.body-loading {
    max-height: 700px
}

.table-container .table.infinite .body:not(.body.skeleton) .row:not(.card) {
    opacity: 0;
    height: 43px;
    box-sizing: border-box;
    animation: 1s fadein;
    animation-fill-mode: forwards
}

@keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@media(min-width: 1280px) {
    .table-container .table.infinite .body.card {
        padding:0
    }
}

.table-container .table.infinite .body.card .row {
    background-color: #16152b;
    padding: 8px;
    gap: 8px;
    grid-template-columns: 1fr
}

@media only screen and (min-width: 640px) {
    .table-container .table.infinite .body.card .row {
        grid-template-columns:repeat(2,1fr)
    }
}

@media(min-width: 1280px) {
    .table-container .table.infinite .body.card .row {
        grid-template-columns:repeat(5,1fr)
    }
}

.table-container .more-button-container {
    min-height: 24px;
    display: flex;
    justify-content: center
}

.table-container .more-button-container .more-button {
    width: 240px;
    margin-bottom: 16px;
    align-self: center;
    font-family: roboto,sans-serif;
    font-size: 14px;
    font-weight: 400
}

.table-container .error-container a {
    user-select: none
}

.borrow-page .table-container .table .body .card a.opensea-link {
    color: #7d5fd7
}

.borrow-page .table-container .table .body .card a.opensea-link:hover {
    color: #2f1e59
}

.gdpr {
    position: fixed;
    z-index: 999;
    height: unset!important;
    bottom: 16px
}

@media only screen and (max-width: 639px) {
    .gdpr {
        box-sizing:border-box;
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width: 640px) {
    .gdpr {
        width:100%;
        padding-left: calc(calc((100vw - 640px)/2) + 16px);
        padding-right: calc(calc((100vw - 640px)/2) + 16px);
        box-sizing: border-box
    }
}

@media(min-width: 1280px) {
    .gdpr {
        width:100%;
        padding-left: calc(calc((100vw - 1280px)/2) + 16px);
        padding-right: calc(calc((100vw - 1280px)/2) + 16px);
        box-sizing: border-box
    }
}

@media only screen and (min-width: 1280px)and (max-width:639px) {
    .gdpr {
        box-sizing:border-box;
        width: 100%;
        padding-left: 128px;
        padding-right: 128px
    }
}

@media only screen and (min-width: 1280px)and (min-width:640px) {
    .gdpr {
        width:100%;
        padding-left: calc(calc((100vw - 640px)/2) + 128px);
        padding-right: calc(calc((100vw - 640px)/2) + 128px);
        box-sizing: border-box
    }
}

@media(min-width: 1280px)and (min-width:1280px) {
    .gdpr {
        width:100%;
        padding-left: calc(calc((100vw - 1280px)/2) + 128px);
        padding-right: calc(calc((100vw - 1280px)/2) + 128px);
        box-sizing: border-box
    }
}

@media(min-width: 1280px) {
    .gdpr {
        bottom:5%
    }
}

.gdpr>div {
    display: flex;
    align-items: center;
    background: #fff;
    color: #333;
    padding: 20px 25px;
    gap: 20px;
    flex-direction: column;
    border-radius: 3px;
    box-shadow: 2px 2px 5px rgba(0,0,0,.4)
}

@media(min-width: 1280px) {
    .gdpr>div {
        flex-direction:row
    }
}

.gdpr>div div.icon {
    display: none
}

@media(min-width: 1280px) {
    .gdpr>div div.icon {
        display:block
    }
}

@media(min-width: 1280px) {
    .gdpr>div div.copy {
        width:45%
    }
}

.gdpr>div div.copy p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    font-family: Roboto,sans-serif;
    margin: 0 0 10px;
    text-align: center
}

@media(min-width: 1280px) {
    .gdpr>div div.copy p {
        text-align:left
    }
}

.gdpr>div div.copy p:last-of-type {
    margin-bottom: 0
}

@media(min-width: 1280px) {
    .gdpr>div div.actions {
        width:45%
    }
}

.gdpr>div div.actions div.buttons {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
    flex-direction: column-reverse
}

@media(min-width: 1280px) {
    .gdpr>div div.actions div.buttons {
        flex-direction:row
    }
}

.gdpr>div div.actions div.buttons .btn,.gdpr>div div.actions div.buttons .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .gdpr>div div.actions div.buttons .register__submit {
    display: block;
    width: 100%;
    padding: 14px 0;
    font-weight: 400;
    font-size: 14px;
    font-family: Roboto,sans-serif
}

.gdpr>div div.actions div.buttons .btn-hollow {
    border: 1px solid #333;
    background: #fff;
    color: #333
}

.gdpr>div div.actions div.buttons .btn-pink {
    border: 1px solid #d82790;
    background: #d82790;
    color: #fff
}

.gdpr>div div.actions div.privacy-text {
    font-size: 12px;
    font-weight: 400;
    text-align: center
}

.gdpr>div div.actions div.privacy-text a {
    color: #d82790
}

.panel-grid {
    display: grid;
    grid-template-columns: 100%;
    gap: 8px
}

.panel-grid .panel {
    background-color: #221e37;
    box-shadow: 0 1px 0 #000
}

@media only screen and (min-width: 640px) {
    .panel-grid .panel {
        box-shadow:1px 1px 0 #000
    }
}

.asset-delist-collateral-panel {
    min-height: 410px
}

@media(min-width: 1280px) {
    .asset-delist-collateral-panel {
        min-height:auto
    }
}

.asset-delist-collateral-panel.panel {
    background: #2f1e59
}

.asset-delist-collateral-panel .summary .buttons {
    flex-grow: 1;
    justify-content: flex-end;
    flex-direction: column
}

.asset-delist-collateral-panel .summary .buttons .btn,.asset-delist-collateral-panel .summary .buttons .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .asset-delist-collateral-panel .summary .buttons .register__submit {
    flex-grow: 0;
    width: 100%
}

.asset-delist-collateral-panel .summary .buttons .btn+.btn,.asset-delist-collateral-panel .summary .buttons .landing-page section.subscribe form .register__submit+.btn,.landing-page section.subscribe form .asset-delist-collateral-panel .summary .buttons .register__submit+.btn,.asset-delist-collateral-panel .summary .buttons .landing-page section.subscribe form .btn+.register__submit,.landing-page section.subscribe form .asset-delist-collateral-panel .summary .buttons .btn+.register__submit,.asset-delist-collateral-panel .summary .buttons .landing-page section.subscribe form .register__submit+.register__submit,.landing-page section.subscribe form .asset-delist-collateral-panel .summary .buttons .register__submit+.register__submit {
    margin-top: 8px
}

.asset-delist-collateral-panel .summary .buttons .btn.btn-secodary,.asset-delist-collateral-panel .summary .buttons .landing-page section.subscribe form .btn-secodary.register__submit,.landing-page section.subscribe form .asset-delist-collateral-panel .summary .buttons .btn-secodary.register__submit {
    background-color: transparent
}

.asset-delist-collateral-panel .summary .link {
    font-weight: 900;
    cursor: pointer
}

.asset-delist-collateral-panel .delist .buttons {
    flex-grow: 1;
    align-items: flex-end
}

.asset-list-collateral-panel,.asset-delist-collateral-panel,.asset-not-whitelisted,.asset-not-listed,.asset-accept-offer-panel,.asset-existing-offer-panel,.asset-renegotiate-panel,.asset-make-offer-panel,.collection-make-offer {
    background-color: #2e1e59;
    padding: 16px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 640px) {
    .asset-list-collateral-panel,.asset-delist-collateral-panel,.asset-not-whitelisted,.asset-not-listed,.asset-accept-offer-panel,.asset-existing-offer-panel,.asset-renegotiate-panel,.asset-make-offer-panel,.collection-make-offer {
        padding:24px
    }
}

@media(min-width: 1280px) {
    .asset-list-collateral-panel,.asset-delist-collateral-panel,.asset-not-whitelisted,.asset-not-listed,.asset-accept-offer-panel,.asset-existing-offer-panel,.asset-renegotiate-panel,.asset-make-offer-panel,.collection-make-offer {
        width:auto
    }
}

.asset-list-collateral-panel>.title,.asset-delist-collateral-panel>.title,.asset-not-whitelisted>.title,.asset-not-listed>.title,.asset-accept-offer-panel>.title,.asset-existing-offer-panel>.title,.asset-renegotiate-panel>.title,.asset-make-offer-panel>.title,.collection-make-offer>.title {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 4px
}

.asset-list-collateral-panel .sub-title,.asset-delist-collateral-panel .sub-title,.asset-not-whitelisted .sub-title,.asset-not-listed .sub-title,.asset-accept-offer-panel .sub-title,.asset-existing-offer-panel .sub-title,.asset-renegotiate-panel .sub-title,.asset-make-offer-panel .sub-title,.collection-make-offer .sub-title {
    font-size: 14px;
    margin-bottom: 12px;
    color: rgba(255,255,255,.4588235294)
}

.asset-list-collateral-panel .step-0 .step:nth-child(2) *,.asset-list-collateral-panel .step-0 .step:nth-child(3) *,.asset-list-collateral-panel .step-0 .step:nth-child(4) *,.asset-delist-collateral-panel .step-0 .step:nth-child(2) *,.asset-delist-collateral-panel .step-0 .step:nth-child(3) *,.asset-delist-collateral-panel .step-0 .step:nth-child(4) *,.asset-not-whitelisted .step-0 .step:nth-child(2) *,.asset-not-whitelisted .step-0 .step:nth-child(3) *,.asset-not-whitelisted .step-0 .step:nth-child(4) *,.asset-not-listed .step-0 .step:nth-child(2) *,.asset-not-listed .step-0 .step:nth-child(3) *,.asset-not-listed .step-0 .step:nth-child(4) *,.asset-accept-offer-panel .step-0 .step:nth-child(2) *,.asset-accept-offer-panel .step-0 .step:nth-child(3) *,.asset-accept-offer-panel .step-0 .step:nth-child(4) *,.asset-existing-offer-panel .step-0 .step:nth-child(2) *,.asset-existing-offer-panel .step-0 .step:nth-child(3) *,.asset-existing-offer-panel .step-0 .step:nth-child(4) *,.asset-renegotiate-panel .step-0 .step:nth-child(2) *,.asset-renegotiate-panel .step-0 .step:nth-child(3) *,.asset-renegotiate-panel .step-0 .step:nth-child(4) *,.asset-make-offer-panel .step-0 .step:nth-child(2) *,.asset-make-offer-panel .step-0 .step:nth-child(3) *,.asset-make-offer-panel .step-0 .step:nth-child(4) *,.collection-make-offer .step-0 .step:nth-child(2) *,.collection-make-offer .step-0 .step:nth-child(3) *,.collection-make-offer .step-0 .step:nth-child(4) * {
    display: none
}

.asset-list-collateral-panel .step-1 .step:nth-child(1) *,.asset-list-collateral-panel .step-1 .step:nth-child(3) *,.asset-list-collateral-panel .step-1 .step:nth-child(4) *,.asset-delist-collateral-panel .step-1 .step:nth-child(1) *,.asset-delist-collateral-panel .step-1 .step:nth-child(3) *,.asset-delist-collateral-panel .step-1 .step:nth-child(4) *,.asset-not-whitelisted .step-1 .step:nth-child(1) *,.asset-not-whitelisted .step-1 .step:nth-child(3) *,.asset-not-whitelisted .step-1 .step:nth-child(4) *,.asset-not-listed .step-1 .step:nth-child(1) *,.asset-not-listed .step-1 .step:nth-child(3) *,.asset-not-listed .step-1 .step:nth-child(4) *,.asset-accept-offer-panel .step-1 .step:nth-child(1) *,.asset-accept-offer-panel .step-1 .step:nth-child(3) *,.asset-accept-offer-panel .step-1 .step:nth-child(4) *,.asset-existing-offer-panel .step-1 .step:nth-child(1) *,.asset-existing-offer-panel .step-1 .step:nth-child(3) *,.asset-existing-offer-panel .step-1 .step:nth-child(4) *,.asset-renegotiate-panel .step-1 .step:nth-child(1) *,.asset-renegotiate-panel .step-1 .step:nth-child(3) *,.asset-renegotiate-panel .step-1 .step:nth-child(4) *,.asset-make-offer-panel .step-1 .step:nth-child(1) *,.asset-make-offer-panel .step-1 .step:nth-child(3) *,.asset-make-offer-panel .step-1 .step:nth-child(4) *,.collection-make-offer .step-1 .step:nth-child(1) *,.collection-make-offer .step-1 .step:nth-child(3) *,.collection-make-offer .step-1 .step:nth-child(4) * {
    display: none
}

.asset-list-collateral-panel .step-2 .step:nth-child(1) *,.asset-list-collateral-panel .step-2 .step:nth-child(2) *,.asset-list-collateral-panel .step-2 .step:nth-child(4) *,.asset-delist-collateral-panel .step-2 .step:nth-child(1) *,.asset-delist-collateral-panel .step-2 .step:nth-child(2) *,.asset-delist-collateral-panel .step-2 .step:nth-child(4) *,.asset-not-whitelisted .step-2 .step:nth-child(1) *,.asset-not-whitelisted .step-2 .step:nth-child(2) *,.asset-not-whitelisted .step-2 .step:nth-child(4) *,.asset-not-listed .step-2 .step:nth-child(1) *,.asset-not-listed .step-2 .step:nth-child(2) *,.asset-not-listed .step-2 .step:nth-child(4) *,.asset-accept-offer-panel .step-2 .step:nth-child(1) *,.asset-accept-offer-panel .step-2 .step:nth-child(2) *,.asset-accept-offer-panel .step-2 .step:nth-child(4) *,.asset-existing-offer-panel .step-2 .step:nth-child(1) *,.asset-existing-offer-panel .step-2 .step:nth-child(2) *,.asset-existing-offer-panel .step-2 .step:nth-child(4) *,.asset-renegotiate-panel .step-2 .step:nth-child(1) *,.asset-renegotiate-panel .step-2 .step:nth-child(2) *,.asset-renegotiate-panel .step-2 .step:nth-child(4) *,.asset-make-offer-panel .step-2 .step:nth-child(1) *,.asset-make-offer-panel .step-2 .step:nth-child(2) *,.asset-make-offer-panel .step-2 .step:nth-child(4) *,.collection-make-offer .step-2 .step:nth-child(1) *,.collection-make-offer .step-2 .step:nth-child(2) *,.collection-make-offer .step-2 .step:nth-child(4) * {
    display: none
}

.asset-list-collateral-panel .step-3 .step:nth-child(1) *,.asset-list-collateral-panel .step-3 .step:nth-child(2) *,.asset-list-collateral-panel .step-3 .step:nth-child(3) *,.asset-delist-collateral-panel .step-3 .step:nth-child(1) *,.asset-delist-collateral-panel .step-3 .step:nth-child(2) *,.asset-delist-collateral-panel .step-3 .step:nth-child(3) *,.asset-not-whitelisted .step-3 .step:nth-child(1) *,.asset-not-whitelisted .step-3 .step:nth-child(2) *,.asset-not-whitelisted .step-3 .step:nth-child(3) *,.asset-not-listed .step-3 .step:nth-child(1) *,.asset-not-listed .step-3 .step:nth-child(2) *,.asset-not-listed .step-3 .step:nth-child(3) *,.asset-accept-offer-panel .step-3 .step:nth-child(1) *,.asset-accept-offer-panel .step-3 .step:nth-child(2) *,.asset-accept-offer-panel .step-3 .step:nth-child(3) *,.asset-existing-offer-panel .step-3 .step:nth-child(1) *,.asset-existing-offer-panel .step-3 .step:nth-child(2) *,.asset-existing-offer-panel .step-3 .step:nth-child(3) *,.asset-renegotiate-panel .step-3 .step:nth-child(1) *,.asset-renegotiate-panel .step-3 .step:nth-child(2) *,.asset-renegotiate-panel .step-3 .step:nth-child(3) *,.asset-make-offer-panel .step-3 .step:nth-child(1) *,.asset-make-offer-panel .step-3 .step:nth-child(2) *,.asset-make-offer-panel .step-3 .step:nth-child(3) *,.collection-make-offer .step-3 .step:nth-child(1) *,.collection-make-offer .step-3 .step:nth-child(2) *,.collection-make-offer .step-3 .step:nth-child(3) * {
    display: none
}

.asset-list-collateral-panel .steps,.asset-delist-collateral-panel .steps,.asset-not-whitelisted .steps,.asset-not-listed .steps,.asset-accept-offer-panel .steps,.asset-existing-offer-panel .steps,.asset-renegotiate-panel .steps,.asset-make-offer-panel .steps,.collection-make-offer .steps {
    display: flex;
    flex-grow: 1;
    overflow-x: hidden
}

.asset-list-collateral-panel .steps.step-0 .step,.asset-delist-collateral-panel .steps.step-0 .step,.asset-not-whitelisted .steps.step-0 .step,.asset-not-listed .steps.step-0 .step,.asset-accept-offer-panel .steps.step-0 .step,.asset-existing-offer-panel .steps.step-0 .step,.asset-renegotiate-panel .steps.step-0 .step,.asset-make-offer-panel .steps.step-0 .step,.collection-make-offer .steps.step-0 .step {
    transform: translateX(0)
}

.asset-list-collateral-panel .steps.step-1 .step,.asset-delist-collateral-panel .steps.step-1 .step,.asset-not-whitelisted .steps.step-1 .step,.asset-not-listed .steps.step-1 .step,.asset-accept-offer-panel .steps.step-1 .step,.asset-existing-offer-panel .steps.step-1 .step,.asset-renegotiate-panel .steps.step-1 .step,.asset-make-offer-panel .steps.step-1 .step,.collection-make-offer .steps.step-1 .step {
    transform: translateX(-100%)
}

.asset-list-collateral-panel .steps.step-2 .step,.asset-delist-collateral-panel .steps.step-2 .step,.asset-not-whitelisted .steps.step-2 .step,.asset-not-listed .steps.step-2 .step,.asset-accept-offer-panel .steps.step-2 .step,.asset-existing-offer-panel .steps.step-2 .step,.asset-renegotiate-panel .steps.step-2 .step,.asset-make-offer-panel .steps.step-2 .step,.collection-make-offer .steps.step-2 .step {
    transform: translateX(-200%)
}

.asset-list-collateral-panel .steps.step-3 .step,.asset-delist-collateral-panel .steps.step-3 .step,.asset-not-whitelisted .steps.step-3 .step,.asset-not-listed .steps.step-3 .step,.asset-accept-offer-panel .steps.step-3 .step,.asset-existing-offer-panel .steps.step-3 .step,.asset-renegotiate-panel .steps.step-3 .step,.asset-make-offer-panel .steps.step-3 .step,.collection-make-offer .steps.step-3 .step {
    transform: translateX(-300%)
}

.asset-list-collateral-panel .steps.step-4 .step,.asset-delist-collateral-panel .steps.step-4 .step,.asset-not-whitelisted .steps.step-4 .step,.asset-not-listed .steps.step-4 .step,.asset-accept-offer-panel .steps.step-4 .step,.asset-existing-offer-panel .steps.step-4 .step,.asset-renegotiate-panel .steps.step-4 .step,.asset-make-offer-panel .steps.step-4 .step,.collection-make-offer .steps.step-4 .step {
    transform: translateX(-400%)
}

.asset-list-collateral-panel .steps .step,.asset-delist-collateral-panel .steps .step,.asset-not-whitelisted .steps .step,.asset-not-listed .steps .step,.asset-accept-offer-panel .steps .step,.asset-existing-offer-panel .steps .step,.asset-renegotiate-panel .steps .step,.asset-make-offer-panel .steps .step,.collection-make-offer .steps .step {
    transition: transform .2s ease-in-out;
    display: flex;
    flex-direction: column;
    flex: 0 0 100%;
    padding: 0;
    box-sizing: border-box
}

.asset-list-collateral-panel .steps .step .terms .term,.asset-delist-collateral-panel .steps .step .terms .term,.asset-not-whitelisted .steps .step .terms .term,.asset-not-listed .steps .step .terms .term,.asset-accept-offer-panel .steps .step .terms .term,.asset-existing-offer-panel .steps .step .terms .term,.asset-renegotiate-panel .steps .step .terms .term,.asset-make-offer-panel .steps .step .terms .term,.collection-make-offer .steps .step .terms .term {
    margin-bottom: 8px;
    line-height: 26px;
    border-radius: 16px;
    padding: 0 12px;
    width: fit-content
}

.asset-list-collateral-panel .steps .step .terms .term strong,.asset-delist-collateral-panel .steps .step .terms .term strong,.asset-not-whitelisted .steps .step .terms .term strong,.asset-not-listed .steps .step .terms .term strong,.asset-accept-offer-panel .steps .step .terms .term strong,.asset-existing-offer-panel .steps .step .terms .term strong,.asset-renegotiate-panel .steps .step .terms .term strong,.asset-make-offer-panel .steps .step .terms .term strong,.collection-make-offer .steps .step .terms .term strong {
    font-weight: 900
}

.asset-list-collateral-panel .buttons,.asset-delist-collateral-panel .buttons,.asset-not-whitelisted .buttons,.asset-not-listed .buttons,.asset-accept-offer-panel .buttons,.asset-existing-offer-panel .buttons,.asset-renegotiate-panel .buttons,.asset-make-offer-panel .buttons,.collection-make-offer .buttons {
    display: flex;
    margin-top: 16px;
    column-gap: 8px
}

.asset-list-collateral-panel .buttons button.btn,.asset-list-collateral-panel .buttons .landing-page section.subscribe form button.register__submit,.landing-page section.subscribe form .asset-list-collateral-panel .buttons button.register__submit,.asset-delist-collateral-panel .buttons button.btn,.asset-delist-collateral-panel .buttons .landing-page section.subscribe form button.register__submit,.landing-page section.subscribe form .asset-delist-collateral-panel .buttons button.register__submit,.asset-not-whitelisted .buttons button.btn,.asset-not-whitelisted .buttons .landing-page section.subscribe form button.register__submit,.landing-page section.subscribe form .asset-not-whitelisted .buttons button.register__submit,.asset-not-listed .buttons button.btn,.asset-not-listed .buttons .landing-page section.subscribe form button.register__submit,.landing-page section.subscribe form .asset-not-listed .buttons button.register__submit,.asset-accept-offer-panel .buttons button.btn,.asset-accept-offer-panel .buttons .landing-page section.subscribe form button.register__submit,.landing-page section.subscribe form .asset-accept-offer-panel .buttons button.register__submit,.asset-existing-offer-panel .buttons button.btn,.asset-existing-offer-panel .buttons .landing-page section.subscribe form button.register__submit,.landing-page section.subscribe form .asset-existing-offer-panel .buttons button.register__submit,.asset-renegotiate-panel .buttons button.btn,.asset-renegotiate-panel .buttons .landing-page section.subscribe form button.register__submit,.landing-page section.subscribe form .asset-renegotiate-panel .buttons button.register__submit,.asset-make-offer-panel .buttons button.btn,.asset-make-offer-panel .buttons .landing-page section.subscribe form button.register__submit,.landing-page section.subscribe form .asset-make-offer-panel .buttons button.register__submit,.collection-make-offer .buttons button.btn,.collection-make-offer .buttons .landing-page section.subscribe form button.register__submit,.landing-page section.subscribe form .collection-make-offer .buttons button.register__submit {
    font-size: 14px;
    font-weight: 400;
    padding: 8px;
    flex-grow: 4;
    height: 32px
}

.asset-list-collateral-panel .buttons button.btn.step-back,.asset-list-collateral-panel .buttons .landing-page section.subscribe form button.step-back.register__submit,.landing-page section.subscribe form .asset-list-collateral-panel .buttons button.step-back.register__submit,.asset-delist-collateral-panel .buttons button.btn.step-back,.asset-delist-collateral-panel .buttons .landing-page section.subscribe form button.step-back.register__submit,.landing-page section.subscribe form .asset-delist-collateral-panel .buttons button.step-back.register__submit,.asset-not-whitelisted .buttons button.btn.step-back,.asset-not-whitelisted .buttons .landing-page section.subscribe form button.step-back.register__submit,.landing-page section.subscribe form .asset-not-whitelisted .buttons button.step-back.register__submit,.asset-not-listed .buttons button.btn.step-back,.asset-not-listed .buttons .landing-page section.subscribe form button.step-back.register__submit,.landing-page section.subscribe form .asset-not-listed .buttons button.step-back.register__submit,.asset-accept-offer-panel .buttons button.btn.step-back,.asset-accept-offer-panel .buttons .landing-page section.subscribe form button.step-back.register__submit,.landing-page section.subscribe form .asset-accept-offer-panel .buttons button.step-back.register__submit,.asset-existing-offer-panel .buttons button.btn.step-back,.asset-existing-offer-panel .buttons .landing-page section.subscribe form button.step-back.register__submit,.landing-page section.subscribe form .asset-existing-offer-panel .buttons button.step-back.register__submit,.asset-renegotiate-panel .buttons button.btn.step-back,.asset-renegotiate-panel .buttons .landing-page section.subscribe form button.step-back.register__submit,.landing-page section.subscribe form .asset-renegotiate-panel .buttons button.step-back.register__submit,.asset-make-offer-panel .buttons button.btn.step-back,.asset-make-offer-panel .buttons .landing-page section.subscribe form button.step-back.register__submit,.landing-page section.subscribe form .asset-make-offer-panel .buttons button.step-back.register__submit,.collection-make-offer .buttons button.btn.step-back,.collection-make-offer .buttons .landing-page section.subscribe form button.step-back.register__submit,.landing-page section.subscribe form .collection-make-offer .buttons button.step-back.register__submit {
    padding-top: 6px;
    display: flex;
    justify-content: center;
    align-items: center
}

.asset-list-collateral-panel .buttons button.btn.step-back.fullwidth,.asset-list-collateral-panel .buttons .landing-page section.subscribe form button.step-back.fullwidth.register__submit,.landing-page section.subscribe form .asset-list-collateral-panel .buttons button.step-back.fullwidth.register__submit,.asset-delist-collateral-panel .buttons button.btn.step-back.fullwidth,.asset-delist-collateral-panel .buttons .landing-page section.subscribe form button.step-back.fullwidth.register__submit,.landing-page section.subscribe form .asset-delist-collateral-panel .buttons button.step-back.fullwidth.register__submit,.asset-not-whitelisted .buttons button.btn.step-back.fullwidth,.asset-not-whitelisted .buttons .landing-page section.subscribe form button.step-back.fullwidth.register__submit,.landing-page section.subscribe form .asset-not-whitelisted .buttons button.step-back.fullwidth.register__submit,.asset-not-listed .buttons button.btn.step-back.fullwidth,.asset-not-listed .buttons .landing-page section.subscribe form button.step-back.fullwidth.register__submit,.landing-page section.subscribe form .asset-not-listed .buttons button.step-back.fullwidth.register__submit,.asset-accept-offer-panel .buttons button.btn.step-back.fullwidth,.asset-accept-offer-panel .buttons .landing-page section.subscribe form button.step-back.fullwidth.register__submit,.landing-page section.subscribe form .asset-accept-offer-panel .buttons button.step-back.fullwidth.register__submit,.asset-existing-offer-panel .buttons button.btn.step-back.fullwidth,.asset-existing-offer-panel .buttons .landing-page section.subscribe form button.step-back.fullwidth.register__submit,.landing-page section.subscribe form .asset-existing-offer-panel .buttons button.step-back.fullwidth.register__submit,.asset-renegotiate-panel .buttons button.btn.step-back.fullwidth,.asset-renegotiate-panel .buttons .landing-page section.subscribe form button.step-back.fullwidth.register__submit,.landing-page section.subscribe form .asset-renegotiate-panel .buttons button.step-back.fullwidth.register__submit,.asset-make-offer-panel .buttons button.btn.step-back.fullwidth,.asset-make-offer-panel .buttons .landing-page section.subscribe form button.step-back.fullwidth.register__submit,.landing-page section.subscribe form .asset-make-offer-panel .buttons button.step-back.fullwidth.register__submit,.collection-make-offer .buttons button.btn.step-back.fullwidth,.collection-make-offer .buttons .landing-page section.subscribe form button.step-back.fullwidth.register__submit,.landing-page section.subscribe form .collection-make-offer .buttons button.step-back.fullwidth.register__submit {
    flex-grow: 1
}

.asset-list-collateral-panel .buttons button.btn.step-button-with-margin,.asset-list-collateral-panel .buttons .landing-page section.subscribe form button.step-button-with-margin.register__submit,.landing-page section.subscribe form .asset-list-collateral-panel .buttons button.step-button-with-margin.register__submit,.asset-delist-collateral-panel .buttons button.btn.step-button-with-margin,.asset-delist-collateral-panel .buttons .landing-page section.subscribe form button.step-button-with-margin.register__submit,.landing-page section.subscribe form .asset-delist-collateral-panel .buttons button.step-button-with-margin.register__submit,.asset-not-whitelisted .buttons button.btn.step-button-with-margin,.asset-not-whitelisted .buttons .landing-page section.subscribe form button.step-button-with-margin.register__submit,.landing-page section.subscribe form .asset-not-whitelisted .buttons button.step-button-with-margin.register__submit,.asset-not-listed .buttons button.btn.step-button-with-margin,.asset-not-listed .buttons .landing-page section.subscribe form button.step-button-with-margin.register__submit,.landing-page section.subscribe form .asset-not-listed .buttons button.step-button-with-margin.register__submit,.asset-accept-offer-panel .buttons button.btn.step-button-with-margin,.asset-accept-offer-panel .buttons .landing-page section.subscribe form button.step-button-with-margin.register__submit,.landing-page section.subscribe form .asset-accept-offer-panel .buttons button.step-button-with-margin.register__submit,.asset-existing-offer-panel .buttons button.btn.step-button-with-margin,.asset-existing-offer-panel .buttons .landing-page section.subscribe form button.step-button-with-margin.register__submit,.landing-page section.subscribe form .asset-existing-offer-panel .buttons button.step-button-with-margin.register__submit,.asset-renegotiate-panel .buttons button.btn.step-button-with-margin,.asset-renegotiate-panel .buttons .landing-page section.subscribe form button.step-button-with-margin.register__submit,.landing-page section.subscribe form .asset-renegotiate-panel .buttons button.step-button-with-margin.register__submit,.asset-make-offer-panel .buttons button.btn.step-button-with-margin,.asset-make-offer-panel .buttons .landing-page section.subscribe form button.step-button-with-margin.register__submit,.landing-page section.subscribe form .asset-make-offer-panel .buttons button.step-button-with-margin.register__submit,.collection-make-offer .buttons button.btn.step-button-with-margin,.collection-make-offer .buttons .landing-page section.subscribe form button.step-button-with-margin.register__submit,.landing-page section.subscribe form .collection-make-offer .buttons button.step-button-with-margin.register__submit {
    margin-right: 10px
}

.asset-list-collateral-panel .buttons button.btn.step-back:not(.cancel):not(.ok):not(.fullwidth),.asset-list-collateral-panel .buttons .landing-page section.subscribe form button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth),.landing-page section.subscribe form .asset-list-collateral-panel .buttons button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth),.asset-delist-collateral-panel .buttons button.btn.step-back:not(.cancel):not(.ok):not(.fullwidth),.asset-delist-collateral-panel .buttons .landing-page section.subscribe form button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth),.landing-page section.subscribe form .asset-delist-collateral-panel .buttons button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth),.asset-not-whitelisted .buttons button.btn.step-back:not(.cancel):not(.ok):not(.fullwidth),.asset-not-whitelisted .buttons .landing-page section.subscribe form button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth),.landing-page section.subscribe form .asset-not-whitelisted .buttons button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth),.asset-not-listed .buttons button.btn.step-back:not(.cancel):not(.ok):not(.fullwidth),.asset-not-listed .buttons .landing-page section.subscribe form button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth),.landing-page section.subscribe form .asset-not-listed .buttons button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth),.asset-accept-offer-panel .buttons button.btn.step-back:not(.cancel):not(.ok):not(.fullwidth),.asset-accept-offer-panel .buttons .landing-page section.subscribe form button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth),.landing-page section.subscribe form .asset-accept-offer-panel .buttons button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth),.asset-existing-offer-panel .buttons button.btn.step-back:not(.cancel):not(.ok):not(.fullwidth),.asset-existing-offer-panel .buttons .landing-page section.subscribe form button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth),.landing-page section.subscribe form .asset-existing-offer-panel .buttons button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth),.asset-renegotiate-panel .buttons button.btn.step-back:not(.cancel):not(.ok):not(.fullwidth),.asset-renegotiate-panel .buttons .landing-page section.subscribe form button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth),.landing-page section.subscribe form .asset-renegotiate-panel .buttons button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth),.asset-make-offer-panel .buttons button.btn.step-back:not(.cancel):not(.ok):not(.fullwidth),.asset-make-offer-panel .buttons .landing-page section.subscribe form button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth),.landing-page section.subscribe form .asset-make-offer-panel .buttons button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth),.collection-make-offer .buttons button.btn.step-back:not(.cancel):not(.ok):not(.fullwidth),.collection-make-offer .buttons .landing-page section.subscribe form button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth),.landing-page section.subscribe form .collection-make-offer .buttons button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth) {
    flex-grow: 0;
    box-shadow: none;
    padding-left: 10px;
    padding-right: 10px
}

.asset-list-collateral-panel .buttons button.btn.step-back:not(.cancel):not(.ok):not(.fullwidth) svg,.asset-list-collateral-panel .buttons .landing-page section.subscribe form button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth) svg,.landing-page section.subscribe form .asset-list-collateral-panel .buttons button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth) svg,.asset-delist-collateral-panel .buttons button.btn.step-back:not(.cancel):not(.ok):not(.fullwidth) svg,.asset-delist-collateral-panel .buttons .landing-page section.subscribe form button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth) svg,.landing-page section.subscribe form .asset-delist-collateral-panel .buttons button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth) svg,.asset-not-whitelisted .buttons button.btn.step-back:not(.cancel):not(.ok):not(.fullwidth) svg,.asset-not-whitelisted .buttons .landing-page section.subscribe form button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth) svg,.landing-page section.subscribe form .asset-not-whitelisted .buttons button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth) svg,.asset-not-listed .buttons button.btn.step-back:not(.cancel):not(.ok):not(.fullwidth) svg,.asset-not-listed .buttons .landing-page section.subscribe form button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth) svg,.landing-page section.subscribe form .asset-not-listed .buttons button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth) svg,.asset-accept-offer-panel .buttons button.btn.step-back:not(.cancel):not(.ok):not(.fullwidth) svg,.asset-accept-offer-panel .buttons .landing-page section.subscribe form button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth) svg,.landing-page section.subscribe form .asset-accept-offer-panel .buttons button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth) svg,.asset-existing-offer-panel .buttons button.btn.step-back:not(.cancel):not(.ok):not(.fullwidth) svg,.asset-existing-offer-panel .buttons .landing-page section.subscribe form button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth) svg,.landing-page section.subscribe form .asset-existing-offer-panel .buttons button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth) svg,.asset-renegotiate-panel .buttons button.btn.step-back:not(.cancel):not(.ok):not(.fullwidth) svg,.asset-renegotiate-panel .buttons .landing-page section.subscribe form button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth) svg,.landing-page section.subscribe form .asset-renegotiate-panel .buttons button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth) svg,.asset-make-offer-panel .buttons button.btn.step-back:not(.cancel):not(.ok):not(.fullwidth) svg,.asset-make-offer-panel .buttons .landing-page section.subscribe form button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth) svg,.landing-page section.subscribe form .asset-make-offer-panel .buttons button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth) svg,.collection-make-offer .buttons button.btn.step-back:not(.cancel):not(.ok):not(.fullwidth) svg,.collection-make-offer .buttons .landing-page section.subscribe form button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth) svg,.landing-page section.subscribe form .collection-make-offer .buttons button.step-back.register__submit:not(.cancel):not(.ok):not(.fullwidth) svg {
    height: 12px;
    width: 12px
}

.asset-list-collateral-panel .explainer,.asset-delist-collateral-panel .explainer,.asset-not-whitelisted .explainer,.asset-not-listed .explainer,.asset-accept-offer-panel .explainer,.asset-existing-offer-panel .explainer,.asset-renegotiate-panel .explainer,.asset-make-offer-panel .explainer,.collection-make-offer .explainer {
    flex-grow: 1;
    line-height: 20px;
    margin-bottom: 6px
}

.asset-list-collateral-panel .explainer a,.asset-delist-collateral-panel .explainer a,.asset-not-whitelisted .explainer a,.asset-not-listed .explainer a,.asset-accept-offer-panel .explainer a,.asset-existing-offer-panel .explainer a,.asset-renegotiate-panel .explainer a,.asset-make-offer-panel .explainer a,.collection-make-offer .explainer a {
    font-weight: 600
}

.asset-list-collateral-panel .explainer .terms,.asset-delist-collateral-panel .explainer .terms,.asset-not-whitelisted .explainer .terms,.asset-not-listed .explainer .terms,.asset-accept-offer-panel .explainer .terms,.asset-existing-offer-panel .explainer .terms,.asset-renegotiate-panel .explainer .terms,.asset-make-offer-panel .explainer .terms,.collection-make-offer .explainer .terms {
    margin-top: 8px
}

#asset-list-collateral-panel {
    background-color: #2f1e59;
    min-height: 410px
}

@media(min-width: 1280px) {
    #asset-list-collateral-panel {
        min-height:auto
    }
}

.asset-make-offer-panel {
    background-color: #5c113e!important;
    min-height: 410px
}

@media(min-width: 1280px) {
    .asset-make-offer-panel {
        min-height:auto
    }
}

.asset-make-offer-panel p.connect-wallet-note {
    margin-top: 50px;
    font-size: 10px;
    font-style: italic;
    font-weight: 300;
    margin-bottom: 0
}

.asset-make-offer-panel .terms {
    flex-grow: 1
}

.asset-existing-offer-panel {
    background-color: #5c113e!important;
    min-height: 410px
}

@media(min-width: 1280px) {
    .asset-existing-offer-panel {
        min-height:auto
    }
}

.asset-existing-offer-panel .buttons .btn:disabled,.asset-existing-offer-panel .buttons .landing-page section.subscribe form .register__submit:disabled,.landing-page section.subscribe form .asset-existing-offer-panel .buttons .register__submit:disabled {
    cursor: wait
}

.asset-existing-offer-panel .summary .buttons {
    flex-grow: 1;
    flex-direction: column;
    justify-content: flex-end
}

.asset-existing-offer-panel .summary .buttons .btn,.asset-existing-offer-panel .summary .buttons .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .asset-existing-offer-panel .summary .buttons .register__submit,.asset-existing-offer-panel .summary .buttons .btn.step-back {
    flex-grow: 0;
    width: 100%
}

.asset-existing-offer-panel .summary .buttons .btn:disabled,.asset-existing-offer-panel .summary .buttons .landing-page section.subscribe form .register__submit:disabled,.landing-page section.subscribe form .asset-existing-offer-panel .summary .buttons .register__submit:disabled,.asset-existing-offer-panel .summary .buttons .btn.step-back:disabled {
    cursor: wait
}

.asset-existing-offer-panel .summary .private-offer>div {
    margin-right: 8px
}

.asset-existing-offer-panel .share-links {
    margin: 16px 0 4px
}

.asset-existing-offer-panel .share-links>div {
    margin-bottom: 4px
}

.asset-existing-offer-panel .share-links .inline {
    display: flex
}

.asset-existing-offer-panel .share-links .label {
    font-size: 14px;
    margin-bottom: 8px;
    color: rgba(255,255,255,.4588235294)
}

.asset-existing-offer-panel .share-links input[type=text] {
    border: none;
    outline: none;
    font-size: 14px;
    color: #fff;
    background-color: #07070f;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    margin: 0
}

.asset-existing-offer-panel .share-links button {
    color: #fff;
    padding: 8px 10px
}

.asset-existing-offer-panel .share-links button svg {
    top: 2px;
    position: relative
}

.asset-existing-offer-panel .share-links button.btn-copy svg {
    transform: rotate(180deg)
}

.asset-existing-offer-panel .share-links .channel.email .success {
    background-color: #2e3c10;
    border: 1px solid #6f9412;
    color: #faedb5;
    display: flex;
    align-items: center
}

.asset-existing-offer-panel .share-links .channel.email .success svg {
    width: 16px;
    height: 16px;
    margin: 8px;
    color: #a9d134
}

.asset-existing-offer-panel .share-links .channel.email .success span {
    margin-bottom: 2px
}

.asset-existing-offer-panel .confirm .buttons {
    flex-grow: 1;
    align-items: flex-end
}

.asset-terms-form {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.asset-terms-form .copy-terms {
    margin-bottom: 8px
}

.asset-terms-form .collapse-panels {
    flex: 0 0 256px;
    overflow-y: hidden
}

.asset-terms-form .collapse-panels-with-overflow {
    overflow-y: visible
}

.asset-terms-form .buttons {
    flex-grow: 1;
    align-items: flex-end
}

.asset-terms-form .form .inline {
    display: flex
}

.asset-terms-form .form .inline .period-select {
    flex: 1 0 100px
}

.asset-terms-form .form .inline .period-custom-input {
    flex: 1 0 50px
}

.asset-terms-form .form .inline .repayment-amount {
    flex: 1 0 100px
}

.asset-terms-form .form .inline .apr-amount {
    flex: 0 0 100px
}

.asset-terms-form .form .error input[type=text],.asset-terms-form .form .error input[type=number] {
    border: none;
    outline: 1px solid #ff9800
}

.asset-terms-form .error-message {
    color: #ff9800;
    display: flex;
    align-items: center;
    margin: 8px 0 0 8px
}

.asset-terms-form .error-message.unchanged-terms {
    color: #fff
}

.asset-terms-form .error-message svg {
    width: 16px;
    margin-right: 8px
}

.asset-accept-offer-panel {
    position: fixed;
    border-radius: 8px 0 0 8px;
    padding: 16px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    box-shadow: 0 1px 7px 0 rgba(0,0,0,.32)!important;
    top: 0;
    z-index: 100;
    height: 100vh
}

@media only screen and (min-width: 640px) {
    .asset-accept-offer-panel {
        width:295px;
        padding: 24px
    }
}

@media(min-width: 1280px) {
    .asset-accept-offer-panel {
        position:absolute;
        height: 344px
    }
}

.asset-accept-offer-panel.asset-accept-offer-panel-enter-done {
    background: #2f1e59
}

.asset-accept-offer-panel .title {
    font-size: 16px;
    font-weight: 600;
    margin: 0 8px 4px 0
}

.asset-accept-offer-panel .terms {
    flex-grow: 1
}

.asset-accept-offer-panel .terms .lender {
    display: flex;
    align-items: center
}

.asset-accept-offer-panel .terms .lender .button-with-tooltip {
    cursor: pointer
}

.asset-accept-offer-panel .terms .lender .term {
    margin-right: 8px
}

.asset-accept-offer-panel .terms .lender svg {
    margin-bottom: 4px
}

.asset-accept-offer-panel .step.loan-started p {
    font-family: Roboto,sans-serif;
    font-size: 12px;
    margin-bottom: 24px
}

.asset-accept-offer-panel .step.loan-started .bold {
    font-weight: 700
}

.asset-accept-offer-panel .step.loan-started .dark-bg {
    flex-grow: 1
}

.asset-accept-offer-panel .tooltip {
    padding: 8px
}

.asset-accept-offer-panel .tooltip.show {
    opacity: 1
}

.asset-accept-offer-panel .tooltip>p {
    color: #07070f;
    margin: 0;
    font-weight: 400;
    font-family: Roboto,sans-serif;
    line-height: 1.2em;
    font-size: 12px;
    font-style: normal
}

.asset-accept-offer-panel .tooltip .tooltip-title {
    margin: 0
}

.asset-accept-offer-panel .buttons {
    align-items: flex-end;
    gap: 8px
}

.asset-accept-offer-panel-enter {
    right: -378px
}

.asset-accept-offer-panel-enter-active {
    right: 0;
    transition: right .2s ease-in-out
}

.asset-accept-offer-panel-enter-done {
    right: 0
}

.asset-accept-offer-panel-exit {
    right: 0
}

.asset-accept-offer-panel-exit-active {
    right: -378px;
    transition: right .2s ease-in-out
}

.accept-private-offer .asset-accept-offer-panel {
    position: relative;
    padding: 24px;
    background-color: #2f1e59;
    width: auto;
    border-radius: 0;
    height: 100%
}

.accept-private-offer .asset-accept-offer-panel .title {
    margin: 0 0 8px
}

.accept-private-offer .asset-accept-offer-panel .step {
    padding: 0 0 8px
}

.accept-private-offer .asset-accept-offer-panel .no-offer {
    margin-top: 16px
}

.asset-not-whitelisted .title,.asset-not-listed .title {
    display: flex;
    align-items: center;
    gap: 8px
}

.asset-not-whitelisted .link,.asset-not-listed .link {
    font-weight: 700
}

.asset-lookup-panel {
    padding: 22px;
    margin-bottom: 8px;
    background: #221e37;
    box-shadow: 1px 1px 0 #000
}

.asset-lookup-panel .panel-heading {
    font-size: 16px;
    font-weight: 600;
    margin: 0 8px 4px 0
}

.asset-lookup-panel .panel-sub-heading {
    font-size: 14px;
    margin-bottom: 16px;
    color: rgba(255,255,255,.4588235294)
}

@media(min-width: 1280px) {
    .asset-lookup-panel .panel-sub-heading-no-margin {
        margin-bottom:0
    }
}

.asset-lookup-panel .form {
    align-items: baseline;
    display: flex
}

.asset-lookup-panel .form input[type=text] {
    border: none;
    outline: none;
    font-size: 14px;
    color: #fff;
    background-color: #07070f;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    margin-right: 8px
}

.asset-lookup-panel .form .btn,.asset-lookup-panel .form .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .asset-lookup-panel .form .register__submit {
    font-size: 14px;
    font-weight: 400;
    padding: 8px 24px;
    height: 32px
}

.page-information-panel {
    padding: 22px;
    margin: 8px 0;
    background: #221e37
}

.page-information-panel .panel-heading {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 16px
}

.page-information-panel .notice {
    background: #302e4a;
    border-radius: 4px;
    padding: 16px;
    position: relative
}

.page-information-panel .notice .notice-heading,.page-information-panel .notice .notice-copy {
    color: #fff;
    font-size: 14px
}

.page-information-panel .notice .notice-heading {
    font-weight: 700;
    margin-bottom: 10px;
    padding-left: 24px
}

.page-information-panel .notice .notice-copy {
    line-height: 1.5em
}

.page-information-panel .notice .notice-copy>p:last-of-type {
    margin-bottom: 0
}

.page-information-panel .notice .notice-icon {
    position: absolute;
    left: 12px;
    top: 0%;
    margin-top: 13px;
    height: 18px;
    width: 18px;
    border-radius: 100px;
    border: 2px solid #fff;
    color: #d32029;
    background-color: #fff
}

.asset-renegotiate-panel {
    min-height: 410px
}

@media(min-width: 1280px) {
    .asset-renegotiate-panel {
        min-height:auto
    }
}

.asset-renegotiate-panel.borrow {
    background-color: #2f1e59
}

.asset-renegotiate-panel.borrow .result-copy {
    background-color: #2f1e59
}

.asset-renegotiate-panel.lend {
    background-color: #450c2e
}

.asset-renegotiate-panel.lend .result-copy {
    background-color: #450c2e
}

.asset-renegotiate-panel .explainer {
    flex-grow: initial
}

.asset-renegotiate-panel .explainer.flex-grow {
    flex-grow: 1
}

.asset-renegotiate-panel .result {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 40px;
    width: calc(100% - 2px)
}

.asset-renegotiate-panel .result svg {
    width: 16px;
    height: 16px;
    margin: 8px
}

.asset-renegotiate-panel .result span {
    margin-bottom: 2px
}

.asset-renegotiate-panel .result-copy {
    position: absolute;
    bottom: 72px;
    width: calc(100% - 20px);
    margin: 0;
    padding: 8px 0
}

.asset-renegotiate-panel .success {
    background-color: #2e3c10;
    border: 1px solid #6f9412;
    color: #faedb5
}

.asset-renegotiate-panel .success svg {
    color: #a9d134
}

.asset-renegotiate-panel .error-message.insufficient-fee-balance {
    position: absolute;
    bottom: 40px;
    width: calc(100% - 20px);
    margin: 0;
    padding: 9px;
    display: flex;
    font-size: 12px;
    background-color: #594214;
    border: 1px solid #aa7714;
    color: #faedb5
}

.asset-renegotiate-panel .error-message.insufficient-fee-balance svg {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    color: #faedb5;
    flex-shrink: 0
}

.asset-renegotiate-panel .new-due-date {
    margin-top: 6px
}

.asset-renegotiate-panel .transaction-container .error,.asset-renegotiate-panel .result.error {
    background-color: #2a1215;
    border: 1px solid #58181c;
    color: #e84749
}

.asset-renegotiate-panel .transaction-container .error svg,.asset-renegotiate-panel .result.error svg {
    color: #e84749
}

.asset-renegotiate-panel .buttons button.btn:not(:last-of-type),.asset-renegotiate-panel .buttons .landing-page section.subscribe form button.register__submit:not(:last-of-type),.landing-page section.subscribe form .asset-renegotiate-panel .buttons button.register__submit:not(:last-of-type) {
    margin-right: 8px
}

.asset-renegotiate-panel .buttons button.btn.icon,.asset-renegotiate-panel .buttons .landing-page section.subscribe form button.icon.register__submit,.landing-page section.subscribe form .asset-renegotiate-panel .buttons button.icon.register__submit {
    padding: 4px 6px
}

.asset-renegotiate-panel .buttons button.btn.icon svg,.asset-renegotiate-panel .buttons .landing-page section.subscribe form button.icon.register__submit svg,.landing-page section.subscribe form .asset-renegotiate-panel .buttons button.icon.register__submit svg {
    width: 14px;
    height: 14px
}

.asset-renegotiate-terms-summary {
    display: grid;
    grid-template-columns: repeat(2,110px) 1fr;
    grid-template-rows: 24px repeat(4,45px);
    line-height: 20px;
    overflow: auto
}

.asset-renegotiate-terms-summary .label {
    font-size: 10px
}

.asset-renegotiate-terms-summary .value {
    font-size: 14px;
    font-weight: 900
}

.asset-renegotiate-terms-summary .current {
    opacity: .7
}

.asset-renegotiate-terms-summary .current.heading .label {
    font-size: 12px
}

.asset-renegotiate-terms-summary .proposed.heading .label {
    font-size: 12px
}

.asset-renegotiate-terms-summary .explanation {
    font-size: 12px
}

.asset-renegotiate-terms-summary .user-message {
    grid-column-start: span 3;
    margin-bottom: 8px
}

@media(min-width: 1280px) {
    .asset-renegotiate-terms-summary .user-message {
        margin-bottom:0
    }
}

.asset-renegotiate-terms-summary .user-message .value {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px
}

.asset-terms-form.renegotiate .collapse-panels {
    flex: initial;
    flex-grow: 1
}

.asset-terms-form.renegotiate .buttons {
    flex-grow: 0
}

.asset-terms-form.renegotiate .textarea-field textarea {
    height: 61px;
    font-size: 12px;
    line-height: 20px
}

.collection-chart {
    width: 100%;
    box-sizing: border-box
}

.collection-chart .header {
    display: flex;
    flex-direction: column;
    gap: 8px
}

@media(min-width: 1280px) {
    .collection-chart .header {
        flex-direction:row;
        justify-content: space-between
    }
}

.collection-chart .toggle-switch .slider {
    background-color: #403d60
}

.collection-chart input:checked+.slider {
    background-color: #00a3d0
}

.collection-chart .charts-container .charts-grid {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-gap: 16px;
    margin-top: 16px
}

@media(min-width: 1280px) {
    .collection-chart .charts-container .charts-grid {
        width:calc(100% - 32px);
        grid-template-columns: repeat(3,33.33%);
        grid-template-areas: "principalWeth principalDai principalUsdc " "volWeth volDai volUsdc" "loanDuration defaultRate loanCost" "apr loanCount loanCount"
    }

    .collection-chart .charts-container .charts-grid.message {
        grid-template-areas: none
    }

    .collection-chart .charts-container .charts-grid .volWeth {
        grid-area: volWeth
    }

    .collection-chart .charts-container .charts-grid .volDai {
        grid-area: volDai
    }

    .collection-chart .charts-container .charts-grid .volUsdc {
        grid-area: volUsdc
    }

    .collection-chart .charts-container .charts-grid .loanCount {
        grid-area: loanCount
    }

    .collection-chart .charts-container .charts-grid .apr {
        grid-area: apr
    }

    .collection-chart .charts-container .charts-grid .loanCost {
        grid-area: loanCost
    }

    .collection-chart .charts-container .charts-grid .principalWeth {
        grid-area: principalWeth
    }

    .collection-chart .charts-container .charts-grid .principalDai {
        grid-area: principalDai
    }

    .collection-chart .charts-container .charts-grid .principalUsdc {
        grid-area: principalUsdc
    }

    .collection-chart .charts-container .charts-grid .loanDuration {
        grid-area: loanDuration
    }

    .collection-chart .charts-container .charts-grid .defaultRate {
        grid-area: defaultRate
    }
}

.collection-chart .charts-container .charts-grid .chart {
    display: flex;
    flex-direction: column;
    position: relative
}

@media(min-width: 1280px) {
    .collection-chart .charts-container .charts-grid .chart {
        min-height:184px
    }
}

.collection-chart .charts-container .charts-grid .chart .canvas-container {
    position: relative;
    height: 120px
}

.collection-chart .charts-container .dashed {
    border-bottom: 1px dotted #fff;
    height: 1px;
    width: 15px
}

.collection-chart .charts-container .legends {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: 30px
}

.collection-chart .charts-container .legends .color {
    width: 10px;
    height: 1px
}

.collection-chart .charts-container .legends .color:first-child {
    background-color: #fff
}

.collection-chart .charts-container .legends .color:nth-child(3) {
    background-color: #00a3d0
}

.collection-chart .charts-container .legends .text,.collection-chart .charts-container .dashed .text {
    font-family: lato,sans-serif;
    font-weight: 500;
    font-size: 12px
}

.collection-chart p span {
    cursor: pointer
}

.collection-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.collection-info h1 {
    font-family: lato,sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    margin: 0
}

.collection-info.panel .panel-title.price-info-title {
    margin-top: 24px
}

.collection-info.panel .panel-title.price-info-title.small-margin {
    margin-top: 12px
}

.collection-info .disclaimer {
    font-size: 10px;
    font-style: italic;
    font-weight: 300;
    margin: 6px 0 0;
    opacity: .6;
    font-family: Roboto,sans-serif
}

.collection-info .whitelisted-copy {
    font-size: 14px;
    font-weight: 300;
    margin: 6px 0 0
}

.collection-info .collection-price-container {
    display: grid;
    grid-template: auto/auto;
    grid-template-columns: 1fr 1fr;
    row-gap: 20px;
    column-gap: 8px;
    margin: 24px 0
}

@media only screen and (min-width: 640px) {
    .collection-info .collection-price-container {
        grid-template-columns:1fr 1fr
    }
}

.collection-info .collection-price-container .item h4 {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 0
}

.collection-info .collection-price-container .item p {
    font-weight: 300;
    font-size: 18px;
    margin: 5px 0 0
}

.collection-info .collection-price-container .item.supply>div {
    display: flex
}

.collection-info .collection-price-container .item.supply>div:first-child {
    margin-bottom: 8px
}

.collection-info .collection-price-container .item.supply>div span {
    line-height: 16px
}

.collection-info .collection-price-container .item.supply>div span.not-available {
    font-size: 14px
}

.collection-info .collection-price-container .item.supply>div h4 {
    width: 100px
}

.collection-info .collection-price-container .item .not-available {
    font-style: italic;
    font-weight: 300;
    font-size: 18px;
    margin: 5px 0 0
}

@media only screen and (min-width: 640px) {
    .collection-info .collection-price-container .item p,.collection-info .collection-price-container .item .not-available {
        margin-top:10px
    }
}

.collection-info .collection-price-container .item .disclaimer {
    font-size: 10px;
    font-style: italic;
    font-weight: 300;
    margin: 10px 0 0;
    line-height: 23px;
    opacity: 1
}

.chart {
    background-color: #2d2942;
    box-shadow: 0 27px 21px -18px rgba(0,0,0,.15),0 4px 4px 0 rgba(0,0,0,.1)
}

.chart .chart-title {
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: lato,sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin: 12px 12px 0
}

.chart .chart-title .tooltip {
    padding: 8px;
    max-width: 152px;
    opacity: 1
}

.chart .chart-title .tooltip>p {
    margin: 0;
    font-weight: 400;
    font-family: Roboto,sans-serif;
    line-height: 1.2em;
    font-size: 12px
}

.chart .chart-title .tooltip-icon {
    color: #8784b5
}

.chart .chart-values {
    font-size: 18px;
    font-weight: 300;
    margin: 7px 12px
}

.chart .chart-values>* {
    cursor: default
}

.chart .chart-values span:nth-child(2) {
    font-weight: 700
}

.chart .chart-values span:nth-child(3) {
    color: #00a3d0
}

.chart .no-data {
    display: flex;
    align-items: center;
    padding: 20px;
    gap: 10px;
    margin: auto;
    color: #8784b5;
    font-size: 16px;
    font-family: Roboto,sans-serif
}

.chart .no-data svg {
    width: 21px;
    height: 21px
}

.collection-list-container {
    display: flex;
    flex-direction: column;
    height: 100%
}

.collection-list-container .filters-container {
    background-color: #16152d;
    padding: 6px 0;
    margin: 16px 0 0;
    display: flex;
    overflow-x: auto
}

@media only screen and (max-width: 639px) {
    .collection-list-container .filters-container {
        box-sizing:border-box;
        width: 100%;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media only screen and (min-width: 640px) {
    .collection-list-container .filters-container {
        width:100%;
        padding-left: calc(calc((100vw - 640px)/2) + 16px);
        padding-right: calc(calc((100vw - 640px)/2) + 16px);
        box-sizing: border-box
    }
}

@media(min-width: 1280px) {
    .collection-list-container .filters-container {
        width:100%;
        padding-left: calc(calc((100vw - 1280px)/2) + 16px);
        padding-right: calc(calc((100vw - 1280px)/2) + 16px);
        box-sizing: border-box
    }
}

@media only screen and (min-width: 640px) {
    .collection-list-container .filters-container {
        padding:6px
    }
}

.collection-list-container .filters-container.filter-open {
    margin-bottom: 640px
}

@media(min-width: 1280px) {
    .collection-list-container .filters-container.filter-open {
        margin-bottom:16px
    }
}

.collection-list-container .collection-list {
    margin-bottom: 150px
}

.collection-list-container .collection-list.filter-open {
    display: none
}

@media(min-width: 1280px) {
    .collection-list-container .collection-list.filter-open {
        display:block
    }
}

.collection-list-container .collection-list .results-bar {
    display: none
}

.collection-list-container .collection-list .collections {
    display: grid;
    grid: auto/1fr;
    column-gap: 8px;
    margin: 0 auto;
    padding: 0 16px
}

@media only screen and (min-width: 480px) {
    .collection-list-container .collection-list .collections {
        grid:auto/1fr 1fr
    }
}

@media only screen and (min-width: 640px) {
    .collection-list-container .collection-list .collections {
        max-width:initial;
        margin: auto;
        padding: 0
    }
}

@media(min-width: 1280px) {
    .collection-list-container .collection-list .collections {
        grid:auto/1fr 1fr 1fr 1fr;
        margin: 0 0 0 8px;
        padding-bottom: 8px;
        overflow-x: hidden;
        overflow-y: auto
    }
}

.collection-list-container .collection-list .loading-spinner {
    position: relative;
    top: initial;
    bottom: -75px;
    left: initial;
    margin: 0 auto
}

@media only screen and (min-width: 640px) {
    .collection-list-container {
        margin-bottom:0
    }

    .collection-list-container .filters-container {
        margin: 16px 0 0
    }
}

@media(min-width: 1280px) {
    .collection-list-container {
        flex-direction:row
    }

    .collection-list-container .filters-container {
        margin: 0;
        padding: 32px 0;
        flex-direction: column;
        flex: 0 0 278px;
        background-color: transparent;
        overflow-x: initial;
        position: sticky;
        top: 92px;
        align-self: flex-start
    }

    .collection-list-container .current-filters-bar {
        position: static
    }

    .collection-list-container .current-filters-bar:before {
        display: none
    }

    .collection-list-container .collection-list {
        position: relative;
        width: 100%;
        flex: 1 1 1px;
        padding: 32px 0 192px
    }

    .collection-list-container .collection-list .loading-spinner {
        position: relative;
        top: 96px;
        left: initial;
        margin: 0 auto
    }

    .collection-list-container .collection-list .results-bar {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin: 0 0 0 8px;
        padding: 0 12px;
        min-height: 74px;
        background-color: #221e37;
        border-bottom: 1px solid #000
    }

    .collection-list-container .collection-list .results-bar .heading {
        font-weight: 600;
        flex: 1 0 1px
    }

    .collection-list-container .collection-list .results-bar .heading p {
        margin: 2px 0 0;
        font-weight: 300
    }

    .collection-list-container .collection-list .results-bar .toggle-container {
        background-color: #16152c;
        border-radius: 3px;
        padding: 2px
    }

    .collection-list-container .collection-list .results-bar .toggle-container .btn,.collection-list-container .collection-list .results-bar .toggle-container .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .collection-list-container .collection-list .results-bar .toggle-container .register__submit {
        display: inline-block;
        box-shadow: none;
        background-color: transparent;
        padding: 6px 16px;
        border-radius: 2px;
        font-size: 12px;
        color: #c3c0d6;
        font-family: Roboto,sans-serif;
        font-weight: 400
    }

    .collection-list-container .collection-list .results-bar .toggle-container .btn svg,.collection-list-container .collection-list .results-bar .toggle-container .landing-page section.subscribe form .register__submit svg,.landing-page section.subscribe form .collection-list-container .collection-list .results-bar .toggle-container .register__submit svg {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        margin-bottom: 1px;
        fill: none
    }

    .collection-list-container .collection-list .results-bar .toggle-container .btn.active,.collection-list-container .collection-list .results-bar .toggle-container .landing-page section.subscribe form .active.register__submit,.landing-page section.subscribe form .collection-list-container .collection-list .results-bar .toggle-container .active.register__submit {
        background-color: #221e37;
        cursor: auto;
        color: #fff
    }

    .collection-list-container .collection-list .sort-bar {
        display: none;
        top: 116px;
        position: sticky;
        z-index: 999;
        border-top: 8px transparent solid;
        background-color: #0d0c1a;
        flex: 1 0 100%;
        margin: 0 0 0 8px;
        padding: 6px 0
    }

    .collection-list-container .collection-list .sort-bar.row {
        display: block
    }

    .collection-list-container .collection-list .sort-bar .sort-dropdown {
        height: 28px
    }
}

.collection-list .collection {
    box-shadow: 2px 2px 0 0 #000;
    margin-top: 8px;
    position: relative;
    box-sizing: border-box
}

.collection-list .collection:hover a.opensea-link {
    display: block
}

.collection-list .collection a.card-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #221e37
}

.collection-list .collection a.opensea-link {
    display: none;
    color: #cf2e8c;
    position: absolute;
    top: 0;
    left: 0;
    padding: 12px
}

.collection-list .collection a.opensea-link svg {
    width: 24px;
    height: 24px
}

.collection-list .collection a.opensea-link:hover {
    color: #ff0597
}

.collection-list .collection img {
    border-bottom: 1px solid #16152d;
    background-color: #33315c;
    object-fit: cover;
    width: 100%;
    height: 210px
}

@media only screen and (min-width: 640px) {
    .collection-list .collection img {
        height:292px
    }
}

@media(min-width: 1280px) {
    .collection-list .collection img {
        height:207px
    }
}

@media(min-width: 1280px) {
    .collection-list .collection {
        width:auto
    }

    .collection-list .collection.row {
        width: unset
    }
}

.collection-list .collection .sub-container {
    padding: 0;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    height: 130px
}

@media only screen and (min-width: 640px) {
    .collection-list .collection .sub-container {
        height:130px
    }
}

@media(min-width: 1280px) {
    .collection-list .collection .sub-container {
        height:136px
    }
}

.collection-list .collection .sub-container .project {
    color: #d82790;
    background: #16152d;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
    overflow: hidden
}

.collection-list .collection .sub-container .project span {
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    margin: 0 auto;
    font-size: 16px;
    max-width: 250px
}

@media only screen and (min-width: 378px) {
    .collection-list .collection .sub-container .project span {
        max-width:160px
    }
}

@media only screen and (min-width: 640px) {
    .collection-list .collection .sub-container .project span {
        max-width:260px
    }
}

@media(min-width: 1280px) {
    .collection-list .collection .sub-container .project span {
        max-width:195px
    }
}

.collection-list .collection .sub-container .metrics {
    display: grid;
    grid-template-columns: 1fr 1fr;
    text-align: left;
    margin: 8px 16px 0;
    gap: 8px
}

@media only screen and (min-width: 640px) {
    .collection-list .collection .sub-container .metrics {
        margin:8px 16px 0
    }
}

.collection-list .collection .sub-container .metrics span:first-child {
    font-weight: 500;
    display: block;
    font-size: 12px;
    line-height: 1.5em
}

@media only screen and (min-width: 640px) {
    .collection-list .collection .sub-container .metrics span:first-child {
        font-weight:700;
        font-size: 12px
    }
}

.collection-list .collection .sub-container .metrics span:nth-child(2) {
    font-weight: 300;
    display: block;
    font-size: 13px;
    line-height: 1.25em
}

@media only screen and (min-width: 640px) {
    .collection-list .collection .sub-container .metrics span:nth-child(2) {
        line-height:1.5em;
        font-size: 13px
    }
}

@media(min-width: 1280px) {
    .collection-list .collection .sub-container .metrics span:nth-child(2) {
        line-height:1.7em
    }
}

.sort-bar.row .row-headers {
    display: flex;
    padding: 6px 0;
    font-size: 12px;
    font-family: roboto;
    justify-content: space-between
}

.sort-bar.card .sort-dropdown {
    display: block
}

.sort-bar .row-headers {
    display: flex;
    display: none
}

.sort-bar .row-headers .sortable {
    cursor: pointer
}

.sort-bar .row-headers>* {
    box-sizing: border-box;
    padding-left: 8px;
    position: relative
}

.sort-bar .row-headers>*>span {
    margin-right: 4px!important
}

.sort-bar .row-headers .asc {
    transform: rotate(180deg);
    position: absolute;
    top: 5px
}

.sort-bar .row-headers .asc,.sort-bar .row-headers .desc {
    color: rgba(207,46,140,.3)
}

.sort-bar .row-headers .asc.active,.sort-bar .row-headers .desc.active {
    color: #cf2e8c
}

.sort-bar .row-headers .img {
    flex: 0 0 36px;
    margin-left: 8px
}

.sort-bar .row-headers .collection {
    flex: 0 0 156px
}

.sort-bar .row-headers .metric {
    flex: 0 0 0;
    text-align: right;
    flex-grow: 1
}

.sort-bar .row-headers .opensea-link {
    flex: 0 0 0;
    position: static;
    display: block;
    padding: 0 12px
}

.sort-bar .row-headers .opensea-link span {
    display: inline-block;
    width: 24px
}

.sort-bar .row-headers .grow {
    flex-grow: 1
}

.sort-bar .sort-dropdown {
    display: none
}

.collection-list .collection.row {
    grid-column: 1/span 4;
    margin: 0;
    border-bottom: 1px solid #0d0c1a;
    box-shadow: none;
    font-family: roboto condensed,arial narrow bold,sans-serif
}

.collection-list .collection.row>a {
    flex-direction: row;
    padding: 6px 0;
    font-size: 14px;
    justify-content: space-between
}

.collection-list .collection.row>a>* {
    box-sizing: border-box;
    padding-left: 8px
}

.collection-list .collection.row img {
    flex: 0 0 36px;
    height: 36px;
    width: 36px;
    margin-left: 8px;
    padding-left: 0
}

.collection-list .collection.row .name {
    flex: 0 0 206px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media(min-width: 1280px) {
    .collection-list .collection.row .name {
        flex:0 0 154px
    }
}

.collection-list .collection.row .metric {
    flex: 0 0 0;
    text-align: right;
    flex-grow: 1;
    padding-right: 4px
}

.collection-list .collection.row .metric span {
    width: 45px;
    text-align: right;
    display: inline-block
}

.collection-list .collection.row .metric span.positive {
    color: #6abe39
}

.collection-list .collection.row .metric span.negative {
    color: #d8274c
}

.collection-list .collection.row .metric.metric-split {
    display: block
}

.collection-list .collection.row .metric.metric-split>span {
    display: inline-block;
    width: 120px;
    text-align: right;
    line-height: 1.3em
}

.collection-list .collection.row .metric.metric-split>span:nth-child(2) {
    opacity: .65;
    font-size: .9em
}

.collection-list .collection.row .opensea-link {
    flex: 0 0 0;
    position: static;
    display: block;
    padding: 0 12px
}

.collection-list .collection.row .grow {
    flex-grow: 1
}

.panel-grid .panel.collection-make-offer {
    background-color: #5c113e
}

.panel-grid .panel.collection-make-offer.panel.glow {
    box-shadow: 0 0 8px 0 rgba(216,39,144,.5019607843),0 4px 4px 0 rgba(0,0,0,.2509803922)
}

.panel-grid .panel.collection-make-offer .panel-title {
    display: flex;
    align-items: center
}

.panel-grid .panel.collection-make-offer .panel-title svg {
    margin-right: 4px
}

.panel-grid .panel.collection-make-offer .note {
    font-size: 10px;
    font-style: italic;
    font-weight: 300;
    margin-top: 4px
}

.collection-user-offers .edit-delete-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    overflow: hidden;
    width: 60px;
    transition: width .5s ease-in-out;
    padding-right: 6px;
    height: 30px
}

.collection-user-offers .edit-delete-container.delete-visible {
    width: 168px
}

.collection-user-offers .edit-delete-container .btn,.collection-user-offers .edit-delete-container .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .collection-user-offers .edit-delete-container .register__submit {
    width: 24px;
    height: 24px;
    padding: 0;
    align-items: center;
    justify-content: center;
    display: flex
}

.collection-user-offers .edit-delete-container .btn.disabled,.collection-user-offers .edit-delete-container .landing-page section.subscribe form .disabled.register__submit,.landing-page section.subscribe form .collection-user-offers .edit-delete-container .disabled.register__submit {
    cursor: default;
    border: 1px solid #3b3958;
    background-color: #0f0e20;
    color: #403d60
}

.collection-user-offers .edit-delete-container .confirm-delete {
    position: absolute;
    right: -183px;
    transition: right .5s ease-in-out;
    display: flex;
    align-items: center;
    font-size: 14px;
    padding: 0 5px 0 10px;
    color: #221e37;
    background-color: #fff;
    width: 153px;
    height: 28px;
    border-radius: 28px
}

.collection-user-offers .edit-delete-container .confirm-delete .check,.collection-user-offers .edit-delete-container .confirm-delete .close {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.collection-user-offers .edit-delete-container .confirm-delete .check {
    background-color: #8bbb11;
    margin: 0 4px 0 10px
}

.collection-user-offers .edit-delete-container .confirm-delete .close {
    background-color: #d32029
}

.collection-user-offers .edit-delete-container .confirm-delete .close.disabled,.collection-user-offers .edit-delete-container .confirm-delete .check.disabled {
    opacity: 50%;
    cursor: default
}

.collection-user-offers .edit-delete-container .confirm-delete.visible {
    right: 0
}

.standalone-heading {
    color: #fff;
    background: #221e37;
    padding: 16px;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    box-shadow: 1px 1px 0 #000;
    margin: 0
}

@media(min-width: 1280px) {
    .standalone-heading {
        padding:24px
    }
}

.standalone-heading.margin-top {
    margin: 16px 0 0
}

@media(min-width: 1280px) {
    .standalone-heading.margin-top {
        margin:24px 0 0
    }
}

.connect-wallet-panel {
    text-align: center;
    align-items: center;
    justify-content: center;
    background: #221e37;
    box-shadow: 1px 1px 0 #000;
    display: flex;
    flex-direction: column;
    padding: 120px 0;
    gap: 24px
}

@media only screen and (min-width: 640px) {
    .connect-wallet-panel {
        gap:32px
    }
}

.connect-wallet-panel.panel-has-header {
    padding: 80px 0 120px;
    margin-top: 0!important
}

.connect-wallet-panel .title {
    font-family: Lato;
    font-weight: 500;
    line-height: 1.2em;
    font-size: 26px
}

@media(min-width: 1280px) {
    .connect-wallet-panel .title {
        font-size:48px
    }
}

.connect-wallet-panel .sub-title {
    font-family: Lato;
    font-weight: 300;
    line-height: 19px;
    font-size: 14px;
    max-width: 260px
}

@media only screen and (min-width: 640px) {
    .connect-wallet-panel .sub-title {
        font-size:16px;
        max-width: 480px
    }
}

.connect-wallet-panel .cta .btn,.connect-wallet-panel .cta .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .connect-wallet-panel .cta .register__submit {
    border-radius: 100px;
    background: 0 0;
    border: 1px solid #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 12px;
    padding: 8px 12px;
    letter-spacing: 2px;
    display: inline-block
}

.connect-wallet-panel .cta .btn:hover,.connect-wallet-panel .cta .landing-page section.subscribe form .register__submit:hover,.landing-page section.subscribe form .connect-wallet-panel .cta .register__submit:hover {
    background: rgba(22,21,45,.25)
}

.lend-page .connect-wallet-panel,.borrow-page .connect-wallet-panel {
    margin: 16px 0 0
}

@media only screen and (min-width: 640px) {
    .lend-page .connect-wallet-panel,.borrow-page .connect-wallet-panel {
        margin:32px 0 0
    }
}

.collection-page .connect-wallet-panel.lend-asset-make-offer-panel,.collection-page .connect-wallet-panel.lend-collection-make-offer-panel,.asset-page-container .connect-wallet-panel.lend-asset-make-offer-panel,.asset-page-container .connect-wallet-panel.lend-collection-make-offer-panel {
    margin: 0!important;
    padding: 32px
}

.collection-page .connect-wallet-panel.lend-asset-make-offer-panel .title,.collection-page .connect-wallet-panel.lend-collection-make-offer-panel .title,.asset-page-container .connect-wallet-panel.lend-asset-make-offer-panel .title,.asset-page-container .connect-wallet-panel.lend-collection-make-offer-panel .title {
    font-size: 23px
}

.collection-page .connect-wallet-panel.lend-asset-make-offer-panel .sub-title,.collection-page .connect-wallet-panel.lend-collection-make-offer-panel .sub-title,.asset-page-container .connect-wallet-panel.lend-asset-make-offer-panel .sub-title,.asset-page-container .connect-wallet-panel.lend-collection-make-offer-panel .sub-title {
    max-width: 200px
}

.collection-page.lend-page .connect-wallet-panel.lend-asset-make-offer-panel,.collection-page.lend-page .connect-wallet-panel.lend-collection-make-offer-panel,.asset-page-container.lend-page .connect-wallet-panel.lend-asset-make-offer-panel,.asset-page-container.lend-page .connect-wallet-panel.lend-collection-make-offer-panel {
    background-color: #5c113e
}

.connect-wallet-panel.listing-connect {
    margin: 8px 0 0
}

@media(min-width: 1280px) {
    .connect-wallet-panel.listing-connect {
        margin:8px 0 0 8px
    }
}

.bundle-list .heading {
    display: flex;
    align-items: center;
    padding: 24px;
    justify-content: space-between
}

.bundle-list .heading .title {
    font-size: 16px;
    font-weight: 700
}

.bundle-list .heading .sub-title {
    font-size: 14px;
    font-weight: 300
}

.bundle-list .sync-icon {
    padding: 4px
}

.bundle-list .table-container .heading .cta-container {
    display: flex
}

.bundle-list .table-container .table .header,.bundle-list .table-container .table .body {
    min-width: 800px
}

.bundle-list .table-container .table .header.list,.bundle-list .table-container .table .row.list {
    grid-template-columns: 25% 20% 8% 9% 15% auto
}

.bundle-list .table-container .table .header.list .header-cell,.bundle-list .table-container .table .row.list .header-cell {
    justify-self: flex-start
}

.bundle-list .table-container .table .header.list>.cell:last-child,.bundle-list .table-container .table .row.list>.cell:last-child {
    margin-right: 8px
}

@media(min-width: 1280px) {
    .bundle-list .table-container .table .header.list,.bundle-list .table-container .table .row.list {
        grid-template-columns:30% 15% 8% 10% 10% auto
    }
}

.bundle-list .table-container .table .body .row .cell:not(:last-child) {
    justify-self: flex-start
}

.bundle-list .table-container .table .header.list .header-cell .tooltip-icon,.bundle-list .table-container .table .body .row .cell .tooltip-icon {
    color: #8784b5;
    vertical-align: middle
}

.bundle-list .table-container .table .actions-container {
    width: 180px
}

.bundle-list .table-container .table .actions-container .confirm-actions-container {
    width: 170px;
    right: -190px
}

.bundle-list .table-container .table .actions-container .confirm-actions-container.visible {
    right: 0
}

.bundle-list .table-container .table .actions-container .confirm-actions-container .tooltip::before {
    display: none
}

.bundle-list .table-container .table .actions-container .confirm-actions-container .tooltip p {
    margin: 0
}

.bundle-list .table-container .table .actions-container .confirm-actions-container .tooltip-icon {
    margin-left: 5px;
    width: 16px;
    height: 16px
}

.bundle-asset-list-panel {
    height: 100%;
    display: flex;
    flex-direction: column
}

.bundle-asset-list-panel .title {
    font-size: 16px;
    font-weight: 700;
    margin: 24px 24px 0
}

.bundle-asset-list-panel .sub-title {
    font-size: 14px;
    font-weight: 300;
    margin: 4px 24px 16px
}

.bundle-asset-list-panel .react-select {
    margin: 0 24px
}

.bundle-asset-list-panel .react-select__single-value,.bundle-asset-list-panel .react-select__multi-value__label {
    color: #fff
}

.bundle-asset-list-panel .react-select__multi-value__remove {
    padding-top: 1px
}

.bundle-asset-list-panel .react-select__control {
    border-radius: 0;
    background-color: #07070f;
    border: none;
    cursor: pointer;
    min-height: 34px
}

.bundle-asset-list-panel .react-select__control--is-focused {
    box-shadow: none
}

.bundle-asset-list-panel .react-select__menu {
    border-radius: 0;
    background-color: #07070f;
    margin-top: 2px
}

.bundle-asset-list-panel .react-select__option {
    font-size: 11px;
    line-height: 11px;
    padding-top: 6px;
    padding-bottom: 6px
}

.bundle-asset-list-panel .react-select__multi-value {
    background-color: #7e5bd6
}

.bundle-asset-list-panel>.btn,.landing-page section.subscribe form .bundle-asset-list-panel>.register__submit {
    margin: 0 24px
}

.bundle-asset-list-panel .btn.load-more,.bundle-asset-list-panel .landing-page section.subscribe form .load-more.register__submit,.landing-page section.subscribe form .bundle-asset-list-panel .load-more.register__submit {
    margin: 0 24px 24px
}

.bundle-asset-list-panel.account-assets .table-container {
    flex: 1 0 600px;
    height: auto;
    overflow-y: auto
}

.bundle-asset-list-panel.account-assets .table-container .table {
    margin-bottom: 24px
}

.bundle-asset-list-panel .buttons-container {
    display: flex;
    gap: 5px;
    margin: 0 24px
}

.bundle-asset-list-panel .buttons-container>.btn,.bundle-asset-list-panel .landing-page section.subscribe form .buttons-container>.register__submit,.landing-page section.subscribe form .bundle-asset-list-panel .buttons-container>.register__submit {
    flex: 1 0 150px
}

.bundle-asset-list-panel .removed {
    opacity: 50%
}

.bundle-asset-list-panel .edit-bundle {
    margin-right: 25px
}

.bundle-asset-list-panel .table-container:not(.card) .table {
    flex: 1 0 0
}

.bundle-asset-list-panel .table-container .table {
    margin-top: 16px
}

.bundle-asset-list-panel .table-container .table .header.list,.bundle-asset-list-panel .table-container .table .row.list {
    grid-template-columns: 40% 30% 15% auto
}

.bundle-asset-list-panel .table-container .table .header.list>.cell:not(:first-child),.bundle-asset-list-panel .table-container .table .row.list>.cell:not(:first-child) {
    text-align: right
}

.bundle-asset-list-panel .table-container .table .header.list>.cell:last-child,.bundle-asset-list-panel .table-container .table .row.list>.cell:last-child {
    margin-right: 8px
}

.bundle-asset-list-panel .table-container .table .body .row .cell:not(.asset-img-name) {
    overflow: hidden
}

.bundle-asset-list-panel .table-container .table .body .row .cell:not(.asset-img-name)>a {
    height: 100%
}

.bundle-asset-list-panel .table-container .table .name {
    overflow: hidden;
    max-height: 26px;
    flex: 1 0 24px
}

.bundle-edit-page .bundle-transaction-step {
    padding: 4px 8px 32px;
    margin-left: 26px;
    border-left: 1px dashed #7d5fd7;
    position: relative;
    display: flex;
    flex-direction: column
}

.bundle-edit-page .bundle-transaction-step.disabled {
    color: rgba(255,255,255,.3019607843)
}

.bundle-edit-page .bundle-transaction-step.is-complete {
    border-left-style: solid
}

.bundle-edit-page .bundle-transaction-step:last-of-type {
    border-left: 1px dashed transparent
}

.bundle-edit-page .bundle-transaction-step .title {
    font-size: 14px;
    font-weight: 700;
    margin: 0 24px 0
}

.bundle-edit-page .bundle-transaction-step .sub-title,.bundle-edit-page .bundle-transaction-step .help-copy,.bundle-edit-page .bundle-transaction-step .disabled-copy,.bundle-edit-page .bundle-transaction-step .copy {
    margin-top: 2px;
    display: flex;
    font-size: 12px;
    font-weight: 300;
    margin: 4px 24px 6px
}

.bundle-edit-page .bundle-transaction-step .help-copy,.bundle-edit-page .bundle-transaction-step .copy {
    font-size: 12px
}

.bundle-edit-page .bundle-transaction-step .help-copy svg,.bundle-edit-page .bundle-transaction-step .copy svg {
    rotate: 180deg;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    vertical-align: bottom
}

.bundle-edit-page .bundle-transaction-step .disabled-copy {
    font-size: 12px
}

.bundle-edit-page .bundle-transaction-step .disabled-copy svg {
    width: 16px;
    height: 16px
}

.bundle-edit-page .bundle-transaction-step .step-indicator {
    border-radius: 50%;
    border: 2px solid #7d5fd7;
    background-color: #0f0d18;
    color: #7d5fd7;
    width: 24px;
    height: 24px;
    position: absolute;
    left: -14px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    top: 0
}

.bundle-edit-page .bundle-transaction-step.is-complete .step-indicator {
    background-color: #7d5fd7;
    color: #fff
}

.bundle-edit-page .bundle-transaction-step .btn-container {
    margin: 8px 16px 0 24px;
    display: flex;
    gap: 8px
}

.bundle-edit-page .bundle-transaction-step .btn-container .btn,.bundle-edit-page .bundle-transaction-step .btn-container .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .bundle-edit-page .bundle-transaction-step .btn-container .register__submit {
    margin: 0;
    flex: 1
}

.bundle-edit-page .bundle-transaction-step .transaction-container {
    margin: 10px
}

.bundle-edit-page .bundle-transaction-step .btn,.bundle-edit-page .bundle-transaction-step .landing-page section.subscribe form .register__submit,.landing-page section.subscribe form .bundle-edit-page .bundle-transaction-step .register__submit {
    margin: 8px 16px 0 24px;
    height: 34px;
    box-sizing: border-box
}

.bundle-transactions-panel {
    padding-top: 20px;
    background-color: #2f1e59
}

.bundle-transactions-panel .pending-add-remove {
    margin-top: 2px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 12px;
    font-weight: 300;
    margin: 4px 24px 6px
}

.bundle-transactions-panel .pending-add-remove svg {
    rotate: 180deg;
    width: 16px;
    height: 16px;
    margin-right: 4px;
    vertical-align: bottom
}

.bundle-transactions-panel .title {
    margin-top: 2px;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    margin: 4px 24px 6px;
    align-items: center
}

.bundle-transactions-panel .title svg {
    width: 16px;
    margin-right: 4px
}

.bundle-transactions-panel .sub-title {
    margin-top: 2px;
    display: flex;
    font-size: 14px;
    font-weight: 300;
    margin: 4px 24px 18px
}

.earn-banner {
    height: auto!important;
    background: #2e1e59;
    border-bottom: 1px solid rgba(255,255,255,.1)
}

@media(min-width: 1280px) {
    .earn-banner {
        border:0
    }
}

.earn-banner .container {
    align-items: flex-start;
    opacity: 0;
    animation: fadeIn 1s;
    animation-delay: 0s;
    animation-fill-mode: forwards;
    height: 200px;
    background: url(../../images/earn-banner-mobile@2x.jpg) no-repeat;
    background-size: cover
}

@media only screen and (max-width: 639px) {
    .earn-banner .container {
        box-sizing:border-box;
        width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }
}

@media only screen and (min-width: 640px) {
    .earn-banner .container {
        width:100%;
        padding-left: calc(calc((100vw - 640px)/2) + 20px);
        padding-right: calc(calc((100vw - 640px)/2) + 20px);
        box-sizing: border-box
    }
}

@media(min-width: 1280px) {
    .earn-banner .container {
        width:100%;
        padding-left: calc(calc((100vw - 1280px)/2) + 20px);
        padding-right: calc(calc((100vw - 1280px)/2) + 20px);
        box-sizing: border-box
    }
}

@media only screen and (min-width: 640px) {
    .earn-banner .container {
        background-position:calc(50% + 70px) 0%;
        height: 146px;
        background: url(../../images/earn-banner@2x.jpg) no-repeat top center;
        background-position: calc(50% + 186px) 50%;
        background-size: contain
    }
}

@media(min-width: 1280px) {
    .earn-banner .container {
        height:180px;
        background-position: calc(50% + 186px) 50%;
        background-size: contain
    }
}

@media only screen and (min-width: 1280px)and (max-width:639px) {
    .earn-banner .container {
        box-sizing:border-box;
        width: 100%;
        padding-left: 64px;
        padding-right: 64px
    }
}

@media only screen and (min-width: 1280px)and (min-width:640px) {
    .earn-banner .container {
        width:100%;
        padding-left: calc(calc((100vw - 640px)/2) + 64px);
        padding-right: calc(calc((100vw - 640px)/2) + 64px);
        box-sizing: border-box
    }
}

@media(min-width: 1280px)and (min-width:1280px) {
    .earn-banner .container {
        width:100%;
        padding-left: calc(calc((100vw - 1280px)/2) + 64px);
        padding-right: calc(calc((100vw - 1280px)/2) + 64px);
        box-sizing: border-box
    }
}

.earn-banner .container div.action {
    height: 100px;
    width: calc(100% + 40px);
    text-align: right;
    margin-left: -20px;
    margin-right: -20px
}

@media only screen and (min-width: 640px) {
    .earn-banner .container div.action {
        height:100%;
        margin: 0;
        background: 0 0;
        background-size: 150%;
        text-align: right;
        width: auto
    }
}

.earn-banner .container div.copy {
    width: 100%;
    padding: 20px 0;
    width: 100%;
    opacity: 0;
    animation: fadeIn 2s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

@media only screen and (min-width: 640px) {
    .earn-banner .container div.copy {
        width:100%;
        padding: 0
    }
}

.earn-banner .container div.copy span {
    display: block
}

.earn-banner .container div.copy span.title {
    font-family: lato;
    font-size: 38px;
    font-weight: 500;
    line-height: 38px;
    margin: 34px 0 9px;
    letter-spacing: 1.5px;
    text-shadow: 0 4px 4px rgba(46,30,89,.5);
    width: 262px
}

@media only screen and (min-width: 640px) {
    .earn-banner .container div.copy span.title {
        width:unset;
        font-size: 40px;
        margin: 40px 0 2px;
        line-height: 50px
    }
}

@media(min-width: 1280px) {
    .earn-banner .container div.copy span.title {
        font-size:64px;
        margin: 60px 0 11px
    }
}

.earn-banner .container div.copy span.title b {
    font-weight: 700
}

.earn-banner .container div.copy span.cta {
    font-family: lato;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 0;
    color: #7d5fd7;
    font-size: 18px
}

@media only screen and (min-width: 640px) {
    .earn-banner .container div.copy span.cta {
        font-size:20px;
        line-height: 28px
    }
}

@media(min-width: 1280px) {
    .earn-banner .container div.copy span.cta {
        font-size:28px;
        line-height: 38px
    }
}

.earn-banner .container div.copy span.cta a:hover {
    color: #8563dd
}

.earn-banner .container div.copy span.cta a:active {
    color: #6b4bbb
}

.earn-banner .container div.copy span.cta a u {
    text-decoration: none;
    padding-bottom: 4px;
    border-bottom: 1px solid #7b58d0
}

.earn-banner .container button.close {
    font-family: lato;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    padding: 4px;
    margin: 10px 0 0 auto;
    box-sizing: border-box;
    background: #2e1e59;
    border: 0;
    border-radius: 23px;
    color: #cbc9e4;
    opacity: 0;
    animation: fadeIn .5s;
    transition: all .2s ease-in-out;
    animation-delay: 2s;
    animation-fill-mode: forwards;
    text-transform: uppercase;
    display: flex;
    align-items: flex-end;
    position: absolute;
    right: -10px;
    top: 0
}

@media only screen and (min-width: 640px) {
    .earn-banner .container button.close {
        margin:10px 0 0 auto
    }
}

@media(min-width: 1280px) {
    .earn-banner .container button.close {
        align-items:center;
        padding: 2px;
        margin: 10px 0 10px 0;
        border: 1px solid #cbc9e4
    }
}

.earn-banner .container button.close span:first-child {
    display: none
}

@media(min-width: 1280px) {
    .earn-banner .container button.close span:first-child {
        display:inline;
        padding: 0 0 1px 8px
    }
}

.earn-banner .container button.close span:last-child {
    display: inline-block;
    border-radius: 50px;
    transition: all .2s ease-in-out;
    height: 24px;
    width: 24px;
    line-height: 24px;
    font-size: 14px;
    background-color: #cbc9e4;
    color: #16152c;
    display: flex;
    justify-content: center;
    align-items: center
}

@media(min-width: 1280px) {
    .earn-banner .container button.close span:last-child {
        margin-left:5px;
        height: 16px;
        width: 16px;
        line-height: 16px;
        font-size: 10px
    }
}

.earn-banner .container button.close span:last-child svg {
    height: 10px;
    width: 10px
}

@media(min-width: 1280px) {
    .earn-banner .container button.close span:last-child svg {
        height:8px;
        width: 8px
    }
}

.earn-banner .container button.close:hover {
    cursor: pointer;
    color: #fff;
    border-color: #fff
}

.earn-banner .container button.close:hover span:last-child {
    background-color: #fff
}

.airdrop-banner {
    min-height: 276px;
    margin-top: 20px;
    margin-bottom: -124px;
    max-width: 1280px;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center
}

@media(min-width: 1280px) {
    .airdrop-banner {
        align-items:center;
        position: absolute;
        top: -37px;
        bottom: -68px;
        margin: 0;
        width: calc(100% - ((100vw - 1280px)/2 + 64px))
    }
}

.airdrop-banner .clickable {
    cursor: pointer
}

.airdrop-banner .badge-with-border {
    width: 254px;
    height: 171px;
    margin-top: 25px;
    position: relative
}

@media(min-width: 1280px) {
    .airdrop-banner .badge-with-border {
        position:absolute;
        right: 142px;
        width: 356px;
        height: 240px;
        margin-top: 0;
        margin-bottom: 60px
    }
}

.airdrop-banner .badge {
    position: absolute;
    width: 100%;
    height: 100%;
    clip-path: polygon(97% 20%,98% 22%,98% 77%,97% 80%,50% 99%,4% 81%,2% 75%,2% 22%,3% 20%,50% 1%);
    backdrop-filter: blur(10px);
    display: flex;
    flex-direction: column;
    align-items: center;
    background: rgba(26,23,51,.55);
    box-sizing: border-box;
    padding: 18px 12px;
    justify-content: center;
    gap: 4px;
    user-select: none
}

@media(min-width: 1280px) {
    .airdrop-banner .badge {
        padding:35px 12px
    }
}

.airdrop-banner .badge-border {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    filter: drop-shadow(0px 2px 5px rgba(0,0,0,0.54)) drop-shadow(0px 34px 54px rgba(0,0,0,0.35))
}

.airdrop-banner p,.airdrop-banner button {
    margin: 0;
    font-family: Lato,sans-serif;
    font-weight: 700
}

.airdrop-banner p.semibold,.airdrop-banner button.semibold {
    font-weight: 500
}

.airdrop-banner p.center,.airdrop-banner button.center {
    text-align: center
}

.airdrop-banner p.yellow,.airdrop-banner button.yellow {
    color: #f5d662
}

.airdrop-banner p.uppercase,.airdrop-banner button.uppercase {
    text-transform: uppercase
}

.airdrop-banner p.underline,.airdrop-banner button.underline {
    text-decoration: underline
}

.airdrop-banner p.mt,.airdrop-banner button.mt {
    margin-top: 10px
}

.airdrop-banner p.xxs,.airdrop-banner button.xxs {
    font-size: 10px
}

@media(min-width: 1280px) {
    .airdrop-banner p.xxs,.airdrop-banner button.xxs {
        font-size:14px;
        line-height: 14px
    }
}

.airdrop-banner p.xs,.airdrop-banner button.xs {
    font-size: 12px
}

@media(min-width: 1280px) {
    .airdrop-banner p.xs,.airdrop-banner button.xs {
        font-size:17px;
        line-height: 22px
    }
}

.airdrop-banner p.sm,.airdrop-banner button.sm {
    font-size: 14px;
    line-height: 14px
}

@media(min-width: 1280px) {
    .airdrop-banner p.sm,.airdrop-banner button.sm {
        font-size:20px;
        line-height: 24px
    }
}

.airdrop-banner p.md,.airdrop-banner button.md {
    font-size: 24px;
    line-height: 24px
}

@media(min-width: 1280px) {
    .airdrop-banner p.md,.airdrop-banner button.md {
        font-size:32px;
        line-height: 32px
    }
}

.airdrop-banner p.mds,.airdrop-banner button.mds {
    font-size: 19px;
    line-height: 19px
}

@media(min-width: 1280px) {
    .airdrop-banner p.mds,.airdrop-banner button.mds {
        font-size:24px;
        line-height: 24px
    }
}

.airdrop-banner p.lg,.airdrop-banner button.lg {
    font-size: 27px;
    line-height: 27px
}

@media(min-width: 1280px) {
    .airdrop-banner p.lg,.airdrop-banner button.lg {
        font-size:36px;
        line-height: 36px
    }
}

@media(min-width: 1280px) {
    .airdrop-banner p.lg2,.airdrop-banner button.lg2 {
        font-size:40px;
        line-height: 51px
    }
}

.airdrop-banner p.xl,.airdrop-banner button.xl {
    font-size: 30px;
    line-height: 30px
}

@media(min-width: 1280px) {
    .airdrop-banner p.xl,.airdrop-banner button.xl {
        font-size:42px;
        line-height: 42px
    }
}

.airdrop-banner p.xl2,.airdrop-banner button.xl2 {
    font-size: 32px;
    line-height: 32px
}

@media(min-width: 1280px) {
    .airdrop-banner p.xl2,.airdrop-banner button.xl2 {
        font-size:47px;
        line-height: 47px
    }
}

.airdrop-banner p.xl3,.airdrop-banner button.xl3 {
    font-size: 44px;
    line-height: 36px
}

@media(min-width: 1280px) {
    .airdrop-banner p.xl3,.airdrop-banner button.xl3 {
        font-size:62px;
        line-height: 54px
    }
}

.airdrop-banner .banner-text {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    user-select: none;
    z-index: 2
}

.airdrop-banner button {
    cursor: pointer;
    padding: 0;
    border: none;
    background: 0 0;
    z-index: 2;
    user-select: none
}

.airdrop-banner button.yellow:hover {
    color: #f8e08c;
    text-decoration: none
}

.airdrop-banner button.yellow:active {
    color: #f0c219
}

.airdrop-banner button.white {
    color: #fff
}

.airdrop-banner button.white:hover {
    color: #f5f5f5;
    text-decoration: none
}

.airdrop-banner button.white:active {
    color: #d6d6d6
}

.newsletter form {
    display: flex;
    flex-direction: column
}

.newsletter form input[type=email] {
    margin-bottom: 10px
}

.newsletter form .btn,.newsletter .landing-page section.subscribe form .register__submit,.landing-page section.subscribe .newsletter form .register__submit {
    width: 100%
}

.newsletter form .btn:disabled,.newsletter .landing-page section.subscribe form .register__submit:disabled,.landing-page section.subscribe .newsletter form .register__submit:disabled {
    background-color: #2f1e59;
    color: #5d598c
}

.carousel {
    text-align: center;
    position: relative;
    opacity: 0;
    margin: 0 auto;
    transition: opacity .5s
}

.carousel .carousel-container-inner {
    margin: 0 auto;
    position: relative
}

.carousel .carousel-viewport {
    overflow: hidden;
    white-space: nowrap;
    text-align: left
}

.carousel .carousel-arrow-default {
    border: 3px solid!important;
    border-radius: 50%;
    color: rgba(255,255,255,.9);
    height: 32px;
    width: 32px;
    font-weight: 900;
    background: rgba(0,0,0,.15)
}

.carousel .carousel-arrow {
    position: absolute;
    z-index: 1;
    bottom: 23px;
    padding: 0;
    cursor: pointer;
    border: none
}

.carousel .carousel-arrow:focus {
    outline: none
}

.carousel .carousel-arrow:before {
    font-size: 19px;
    display: block;
    margin-top: -2px
}

.carousel .carousel-arrow:disabled {
    cursor: not-allowed;
    opacity: .5
}

.carousel .carousel-left-arrow {
    left: 23px
}

.carousel .carousel-right-arrow {
    right: 23px
}

.carousel .carousel-left-arrow.carousel-arrow-default:before {
    content: "<";
    padding-right: 2px
}

.carousel .carousel-right-arrow.carousel-arrow-default:before {
    content: ">";
    padding-left: 2px
}

.carousel .carousel-top-arrow {
    top: 75px
}

.carousel .carousel-bottom-arrow {
    bottom: 75px
}

.carousel .carousel-top-arrow.carousel-arrow-default:before {
    content: "ᐱ";
    padding-bottom: 2px
}

.carousel .carousel-bottom-arrow.carousel-arrow-default:before {
    content: "ᐯ";
    padding-top: 2px
}

.carousel .carousel-track {
    list-style: none;
    padding: 0;
    margin: 0;
    touch-action: pan-y pinch-zoom
}

.carousel .carousel-track .carousel-slide {
    display: inline-block;
    opacity: .7;
    transition: opacity .5s ease-in-out
}

.carousel .carousel-track .carousel-slide>* {
    display: block;
    white-space: normal
}

.carousel .carousel-track .carousel-slide.carousel-slide-loading {
    background: rgba(204,204,204,.7)
}

.carousel .carousel-track .carousel-slide.carousel-slide-fade {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0
}

.carousel .carousel-track .carousel-slide.carousel-slide-selected {
    opacity: 1;
    z-index: 1
}

.carousel.loaded {
    opacity: 1
}

.carousel .carousel-dots {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -30px;
    text-align: center
}

.carousel .carousel-dots li {
    display: inline-block
}

.carousel .carousel-dots button {
    border: 0;
    background: transparent;
    font-size: 1.1em;
    cursor: pointer;
    color: #ccc;
    padding-left: 6px;
    padding-right: 6px
}

.carousel .carousel-dots button.selected {
    color: #000
}

.carousel .carousel-dots button:focus {
    outline: none
}

[dir=rtl] .carousel .carousel-viewport {
    text-align: right
}

[dir=rtl] .carousel .carousel-left-arrow {
    left: unset;
    right: 23px
}

[dir=rtl] .carousel .carousel-right-arrow {
    right: unset;
    left: 23px
}

[dir=rtl] .carousel .carousel-left-arrow.carousel-arrow-default:before {
    padding-left: 2px;
    padding-right: unset
}

[dir=rtl] .carousel .carousel-right-arrow.carousel-arrow-default:before {
    padding-right: 2px;
    padding-left: unset
}