/* /Components/AddressField.razor.rz.scp.css */
.AddressField.disabled[b-m7fxhwk47r] {
    opacity: .2;
    cursor: not-allowed;
}

.AddressField.disabled[b-m7fxhwk47r]  input,
.AddressField.disabled[b-m7fxhwk47r]  label {
    cursor: not-allowed !important;
}

.AddressField input[b-m7fxhwk47r] {
    font-size: 11px;
    padding-right: 35px;
}

.AddressField .field-wrap[b-m7fxhwk47r] {
    position: relative;
}
.AddressField .field-wrap[b-m7fxhwk47r]   .Copy {
    position: absolute;
    right: 10px;
    top: 10px;
}
/* /Components/AdminSection.razor.rz.scp.css */
.TokenAddressField.disabled[b-nesocpgxxz] {
    opacity: .2;
    cursor: not-allowed;
}

    .TokenAddressField.disabled[b-nesocpgxxz]  input,
    .TokenAddressField.disabled[b-nesocpgxxz]  label {
        cursor: not-allowed !important;
    }

.TokenAddressField input[b-nesocpgxxz] {
    font-size: 11px;
    padding-right: 35px;
}

.TokenAddressField .label-row[b-nesocpgxxz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.TokenAddressField .add-brz[b-nesocpgxxz] {
    text-transform: none;
    font-size: 12px;
    justify-content: flex-end;
    display: flex;
    align-items: center;
    margin-top: -5px;
}

    .TokenAddressField .add-brz button[b-nesocpgxxz] {
        margin-left: 5px;
    }

.TokenAddressField .field-wrap[b-nesocpgxxz] {
    position: relative;
}

    .TokenAddressField .field-wrap[b-nesocpgxxz]  .Copy {
        position: absolute;
        right: 10px;
        top: 10px;
    }
/* /Components/AmountField.razor.rz.scp.css */
.AmountField.disabled[b-2k94bxm9bl] {
    opacity: .2;
    cursor: not-allowed;
}

.AmountField > .field[b-2k94bxm9bl] {
    color: var(--colorTextPrimary);
    font-size: 14px;
    width: 100%;
    min-height: 42px;
    padding: 0 10px 0 10px;
    border: solid 1px var(--colorSecondary);
    border-radius: 21px;
    background-color: var(--colorElementBG);
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.AmountField .row-1[b-2k94bxm9bl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.AmountField .status[b-2k94bxm9bl] {
    font-size: 10px;
    color: var(--colorSuccess);
    background-color: var(--colorSuccessBG);
    padding: 2px 5px;
    border-radius: 16px;
}
    .AmountField .status.offline[b-2k94bxm9bl] {
        background-color: transparent;
        color: var(--colorError);
    }

.AmountField .figure[b-2k94bxm9bl] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
}
    .AmountField .figure img[b-2k94bxm9bl] {
        margin-right: 10px;
        width: 100%;
        max-width: 30px;
        max-height: 30px;
    }

    .AmountField .figure figure[b-2k94bxm9bl] {
        margin-bottom: 3px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
        .AmountField .figure figure img[b-2k94bxm9bl] {
            max-width: 20px;
        }

.AmountField .content[b-2k94bxm9bl] {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 32px;
    width: 100%;
}
    .AmountField .content > span[b-2k94bxm9bl] {
        display: block;
        padding-right: 10px;
    }
/* /Components/Button.razor.rz.scp.css */
.GetTokens[b-ipm3dtnhrz] {
    padding: 0 20px;
    max-width: 260px;
}

.GetTokens button.is-loading[b-ipm3dtnhrz] {
    background-color: var(--colorPrimary) !important;
    cursor: wait;
}

.GetTokens  img[b-ipm3dtnhrz] {
    height: 40px;
    margin: 0 auto;
}

@media (max-width: 900px) {
    .GetTokens[b-ipm3dtnhrz] {
        max-width: 380px;
    }
}
/* /Components/Card.razor.rz.scp.css */
.Card[b-fsa4atjdst] {
    background-color: var(--colorCardBG);
    border-radius: 16px;
    max-width: 380px;
    width: 100%;
}

    .Card > .header[b-fsa4atjdst] {
        border-bottom: 1px solid var(--colorElementBG);
        padding: 12px 30px;
        font-size: 24px;
        font-weight: 400;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
.Card > .header img[b-fsa4atjdst] {
    cursor: pointer;
    max-width: 15px;
}

.Card > .content[b-fsa4atjdst] {
    padding: 30px;
}

.Card[b-fsa4atjdst]  > .content > div {
    margin-bottom: 20px;
}
.Card[b-fsa4atjdst]  > .content > div:last-child {
    margin-bottom: 5px;
}

.Card[b-fsa4atjdst]  > .content > p {
    color: var(--colorSecondary);
    font-size: 14px;
    margin-bottom: 25px;
}

@media (max-width: 900px) {
    .Card[b-fsa4atjdst] {
        margin: 0 auto;
    }
}

@media (max-width: 400px) {
    .Card .content[b-fsa4atjdst],
    .Card .header[b-fsa4atjdst] {
        padding-left: 15px;
        padding-right: 15px;
    }
}
/* /Components/ConnectedBadge.razor.rz.scp.css */
.ConnectedBadge[b-3thyr4l2kc] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.ConnectedBadge img[b-3thyr4l2kc] {
    max-width: 15px;
    margin-right: 5px;
}

.ConnectedBadge span[b-3thyr4l2kc] {
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.ConnectedBadge span[b-3thyr4l2kc]::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    margin-right: 3px;
}

.ConnectedBadge span.connected[b-3thyr4l2kc] {
    color: var(--colorSuccess);
}
.ConnectedBadge span.connected[b-3thyr4l2kc]::before {
    background-color: var(--colorSuccess);
}

.ConnectedBadge span.not-connected[b-3thyr4l2kc] {
    color: var(--colorSecondary);
}
.ConnectedBadge span.not-connected[b-3thyr4l2kc]::before {
    background-color: var(--colorSecondary);
}

.ConnectedBadge span.wrong-network[b-3thyr4l2kc] {
    color: var(--colorError);
}
.ConnectedBadge span.wrong-network[b-3thyr4l2kc]::before {
    background-color: var(--colorError);
}
/* /Components/Copy.razor.rz.scp.css */
.Copy[b-cjhwl2fdjc] {
    overflow: hidden;
    position: relative;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.Copy img[b-cjhwl2fdjc] {
    max-width: 15px;
}

.Copy img.ok[b-cjhwl2fdjc] {
    display: none;
}

.Copy input[b-cjhwl2fdjc] {
    opacity: 0;
    border: 0;
    position: absolute;
    top: -100000px;
    left: -100000px;
}

.Copy.copied img.ok[b-cjhwl2fdjc] {
    display: block;
}
.Copy.copied img.default[b-cjhwl2fdjc] {
    display: none;
}
/* /Components/Dropdown.razor.rz.scp.css */
.Dropdown[b-fxo4x8rc2q] {
    position: relative;
}

.Dropdown ul[b-fxo4x8rc2q] {
    position: absolute;
    width: 235px;
    right: 0;
    top: 26px;
    background-color: var(--colorElementBG);
    border-radius: 8px;
    border: solid 1px var(--colorSecondary);
    overflow: hidden;
    padding: 5px 0;
    display: none;
    z-index: 10;
}
.Dropdown.opened ul[b-fxo4x8rc2q] {
    display: block;
    -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.15); 
    box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.15);
}

.Dropdown li[b-fxo4x8rc2q],
.Dropdown li > div[b-fxo4x8rc2q] {
    display: flex;
    align-items: center;
}
.Dropdown li[b-fxo4x8rc2q] {
    justify-content: space-between;
    padding: 5px 10px;
    cursor: pointer;
    border-bottom: solid 1px var(--colorElementBGLight);
    font-size: 14px;
    min-height: 45px;
}
.Dropdown li:hover[b-fxo4x8rc2q] {
    background-color: var(--colorElementBGLight);
}
.Dropdown li:last-child[b-fxo4x8rc2q] {
    border-bottom: none;
}
.Dropdown li.disabled[b-fxo4x8rc2q] {
    opacity: .3;
    cursor: not-allowed;
    background-color: var(--colorElementBG) !important;
}

.Dropdown li > div[b-fxo4x8rc2q] {
    justify-content: flex-start;
}

.Dropdown img[b-fxo4x8rc2q] {
    width: 20px;
    margin-right: 10px;
}

.Dropdown .selected[b-fxo4x8rc2q] {
    display: block;
    background: url(img/ok.svg) no-repeat center;
    background-size: 10px;
    width: 15px;
    height: 15px;
}
/* /Components/Faq.razor.rz.scp.css */
.faq[b-d95wu2g12r] {
    color: var(--colorTextPrimary);
}
.faq.container[b-d95wu2g12r] {
    margin: 50px 30%;
}

.faq.question[b-d95wu2g12r] {
    padding-top: 10px;
}
.faq.question p[b-d95wu2g12r] {
    margin-top: 5px;
    padding-bottom: 10px;
}

.faq.question ol[b-d95wu2g12r] {
    margin-top: 10px;
    margin-left: 15px;
}
.faq.question li[b-d95wu2g12r] {
    margin-top: 5px;
}
.faq.question li[b-d95wu2g12r]::marker {
    content: '>  ';
}


.faq .accordion[b-d95wu2g12r] {
    background-color: white;
    color: var(--colorTextPrimary);
    cursor: pointer;
    padding: 8px 5px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.2s;
    border: 1px solid transparent;
    font-weight: 700;
    border-bottom: 1px solid transparent;
    border-radius: 10px;
}
.faq .accordion.active[b-d95wu2g12r] {
    border-bottom: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.faq .accordion[b-d95wu2g12r]:after {
    content: '\002B'; /* Unicode character for "plus" sign (+) */
    font-size: 18px;
    color: var(--colorTextSecondary);
    float: right;
    margin-left: 5px;
}
.faq .active[b-d95wu2g12r]:after {
    content: "\2212"; /* Unicode character for "minus" sign (-) */
}

.faq .panel[b-d95wu2g12r] {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    text-align: left;
}
.faq .panel.active[b-d95wu2g12r] {
    max-height: fit-content;
    border: 1px solid transparent;
    border-top: 0px;
    border-radius: 10px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}
.faq .panel.active[b-d95wu2g12r]:after {
    content:"";
}
/* /Components/NetworkField.razor.rz.scp.css */
.NetworkField.disabled[b-ivbqmht20r] {
    opacity: .2;
    cursor: not-allowed;
}

.NetworkField > .field[b-ivbqmht20r] {
    color: var(--colorTextPrimary);
    font-size: 14px;
    width: 100%;
    min-height: 42px;
    padding: 0 10px 0 10px;
    border: solid 1px var(--colorSecondary);
    border-radius: 21px;
    background-color: var(--colorElementBG);
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.NetworkField .row-1[b-ivbqmht20r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.NetworkField .status[b-ivbqmht20r] {
    font-size: 10px;
    color: var(--colorSuccess);
    background-color: var(--colorSuccessBG);
    padding: 2px 5px;
    border-radius: 16px;
}
    .NetworkField .status.offline[b-ivbqmht20r] {
        background-color: transparent;
        color: var(--colorError);
    }

.NetworkField .figure[b-ivbqmht20r] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
}
    .NetworkField .figure img[b-ivbqmht20r] {
        margin-right: 10px;
        width: 100%;
        max-width: 30px;
        max-height: 30px;
    }

    .NetworkField .figure figure[b-ivbqmht20r] {
        margin-bottom: 3px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
        .NetworkField .figure figure img[b-ivbqmht20r] {
            max-width: 20px;
        }

.NetworkField .content[b-ivbqmht20r] {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 32px;
    width: 100%;
}
    .NetworkField .content > span[b-ivbqmht20r] {
        display: block;
        padding-right: 10px;
    }
/* /Components/SelectedWallet.razor.rz.scp.css */
.SelectedWallet[b-snqr0ube7q] {
    position: relative;
    min-width: 130px;
}

    .SelectedWallet > div[b-snqr0ube7q],
    .SelectedWallet .wrong-network[b-snqr0ube7q] {
        cursor: pointer;
        height: 32px;
        line-height: 32px;
        border-radius: 16px;
        background-color: var(--colorCardBG);
        color: var(--colorTextSecondary);
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0 10px;
    }

.SelectedWallet span.network[b-snqr0ube7q] {
    width: 100%;
    display: block;
    position: absolute;
    top: -18px;
    left: 10px;
    font-size: 12px;
}

.SelectedWallet > div img[b-snqr0ube7q],
.SelectedWallet .wrong-network img[b-snqr0ube7q] {
    width: 100%;
    max-width: 20px;
    max-height: 20px;
    margin-right: 10px;
}

    .SelectedWallet .content[b-snqr0ube7q] {
        width: 100%;
        background-color: var(--colorCardBG);
        color: var(--colorTextPrimary);
        position: absolute;
        top: 35px;
        left: 0;
        z-index: 9;
        display: none;
    }
.SelectedWallet.opened .content[b-snqr0ube7q] {
    display: flex;
    justify-content: center;
}

    .SelectedWallet .wrong-network[b-snqr0ube7q] {
        background-color: var(--colorError);
        color: var(--colorTextTernary);
        white-space: nowrap;
    }
/* /Components/TokenAddressField.razor.rz.scp.css */
.TokenAddressField.disabled[b-k5vh3vqqdu] {
    opacity: .2;
    cursor: not-allowed;
}

    .TokenAddressField.disabled[b-k5vh3vqqdu]  input,
    .TokenAddressField.disabled[b-k5vh3vqqdu]  label {
        cursor: not-allowed !important;
    }

.TokenAddressField input[b-k5vh3vqqdu] {
    font-size: 11px;
    padding-right: 35px;
}

.TokenAddressField .label-row[b-k5vh3vqqdu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.TokenAddressField .add-brz[b-k5vh3vqqdu] {
    text-transform: none;
    font-size: 12px;
    justify-content: flex-end;
    display: flex;
    align-items: center;
    margin-top: -5px;
}
.TokenAddressField .add-brz button[b-k5vh3vqqdu] {
    margin-left: 5px;
}

.TokenAddressField .field-wrap[b-k5vh3vqqdu] {
    position: relative;
}
.TokenAddressField .field-wrap[b-k5vh3vqqdu]   .Copy {
    position: absolute;
    right: 10px;
    top: 10px;
}
/* /Pages/Index.razor.rz.scp.css */
.IndexPage .container[b-b9nk6z3osm] {
    align-items: stretch;
    padding: 0 20px;
}

.IndexPage[b-b9nk6z3osm]  .GetTokens {
    padding-top: 40px;
}

@media (max-width: 900px) {
    .IndexPage .container[b-b9nk6z3osm] {
        display: block;
    }
}

.actions-container[b-b9nk6z3osm]{
    display: flex;
    justify-content: center;
}
/* /Shared/MainFooter.razor.rz.scp.css */
.MainFooter[b-tiqyp5asgt] {
    padding: 0px 20px 20px 20px;
    text-align: center;
    color: var(--colorSecondary);
    font-size: 12px;
}
/* /Shared/MainHeader.razor.rz.scp.css */
.MainHeader img[b-jxf3hwckb9] {
    width: 200px;
}

.MainHeader > div[b-jxf3hwckb9] {
    max-width: 960px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 20px;
}

.MainHeader > div > div[b-jxf3hwckb9]  {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.MainHeader[b-jxf3hwckb9]  .SelectedWallet {
    margin-right: 10px;
}

@media (max-width: 600px) {
    .MainHeader > div[b-jxf3hwckb9] {
        display: block;
        padding-bottom: 15px;
    }
    .MainHeader > div > figure[b-jxf3hwckb9] {
        margin-bottom: 30px;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.MainLayout > main[b-drurynqjnh] {
    min-height: calc(100vh - 502px);
    padding-top: 30px;
    position: relative;
    overflow: hidden;
}

/* .MainLayout > main::before {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: var(--colorBackground);
    opacity: .75;
}

.MainLayout > main.is-connected::before {
    display: none;
} */