@import '_content/LiveChartsCore.SkiaSharpView.Blazor/LiveChartsCore.SkiaSharpView.Blazor.i4zkn35tfz.bundle.scp.css';

/* /Components/Debug/PricingDebugTable.razor.rz.scp.css */
/*DEBUG WINDOW*/
.pricing-debug-window[b-j57dk5557f] {
    position: absolute;
    left: 15px;
    top: 5px;
    background-color: var(--theme-color-3);
    width: calc(calc(100% - 460px) - 40px);
    border-radius: var(--default-radius);
    border: 1px solid var(--accent-color);
    padding: 5px;
    opacity: 0.7;
}

.debug-pricing-row[b-j57dk5557f] {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
}

    .debug-pricing-row > .pricing-debug-prop[b-j57dk5557f] {
        width: 25%;
    }

.pricing-debug-prop > .pricing-debug-prop-name[b-j57dk5557f] {
    font-weight: 600;
    color: var(--accent-color);
}

.pricing-debug-prop-name.turbo-prop[b-j57dk5557f] {
    color: orange;
}

.pricing-debug-prop-name.classic-prop[b-j57dk5557f] {
    color: #1DE9B6;
}

#pricing-debug-close-btn[b-j57dk5557f] {
    position: absolute;
    top: 5px;
    right: 10px;
    color: #FFFFFF;
}

.pricing-debug-window[data-updown-visible=false][b-j57dk5557f] {
    display: none !important;
}

.th-table-holder[b-j57dk5557f] {
    position: relative;
}
/* /Components/Debug/THTable.razor.rz.scp.css */
.th-container[b-84ai1t1q02] {
    position: absolute;
    left: 0;
    top: 10px;
    width: 100%;
    background-color: var(--theme-color-3);
    border-radius: var(--default-radius);
    border: 1px solid #006064;
    padding: 5px;
}

    .th-container > .close-btn[b-84ai1t1q02] {
        position: absolute;
        top: 5px;
        right: 10px;
        color: #FFFFFF;
    }

    .th-container > .th-tab-title[b-84ai1t1q02] {
        text-align: center;
        color: #006064;
        font-weight: 600;
        padding-top: 5px;
    }

.th-flex-table[b-84ai1t1q02] {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.th-elem[b-84ai1t1q02] {

}

    .th-elem.tit-th-elem[b-84ai1t1q02] {
        font-weight: 600;
    }

    .th-elem > .th-val[b-84ai1t1q02] {
    }

    .th-elem > .th-val-diff[b-84ai1t1q02] {
        padding-top: 2px;
    }

        .th-elem[data-val-change="-1"] > .th-val-diff[b-84ai1t1q02], .th-elem[data-val-change="-1"] > .th-val[b-84ai1t1q02] {
            color: red;
        }

        .th-elem[data-val-change="1"] > .th-val-diff[b-84ai1t1q02], .th-elem[data-val-change="1"] > .th-val[b-84ai1t1q02] {
            color: lightgreen;
        }

        .th-elem[data-val-change="0"] > .th-val-diff[b-84ai1t1q02], .th-elem[data-val-change="-1"] > .th-val[b-84ai1t1q02] {
        }

    .th-elem > .th-time-diff[b-84ai1t1q02] {
        padding-top: 2px;
    }
/* /Components/Design/DialogCloseButton.razor.rz.scp.css */
.dialog-cancel-box[b-pzhd1uvb5n] {
    position: absolute;
    right: 10px;
    top: 10px;
}
/* /Components/Design/Loading.razor.rz.scp.css */
.loading-indicator-container[data-vertical-centered=true][b-klsfwbb6wy] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loading-indicator[b-klsfwbb6wy] {
    width: 100%;
    text-align: center;
}

    .loading-text[b-klsfwbb6wy] {
    }
/* /Components/Design/Nested/CardSegment.razor.rz.scp.css */
.updown-card-section[b-cz9p56ijd9] {
    padding: 5px;
    border-bottom: 1px dashed var(--text-muted-color);
    margin-top: 10px;
}

.updown-card-section-heading[b-cz9p56ijd9] {
    padding-bottom: 10px;
}

.updown-card-section-title[b-cz9p56ijd9] {
    font-size: 16px;
    font-weight: 300;
    color: var(--color-white);
}

.updown-card-section-desc[b-cz9p56ijd9] {
    font-size: 11px;
    color: var(--text-muted-color);
}

.updown-card-section-body[b-cz9p56ijd9] {
    padding-bottom: 5px;
}

.updown-card-body > .updown-card-section:last-child[b-cz9p56ijd9] {
    border-bottom: none;
}
/* /Components/Design/PageCard.razor.rz.scp.css */
.updown-card[b-d51xa6itom] {
    width: 90%;
    margin-left: 5%;
    background-color: var(--theme-color-2);
    margin-top: 20px;
    box-shadow: 2px 2px 10px var(--color-black);
    border-radius: var(--default-radius);
    padding: 20px;
}

.updown-card-heading[b-d51xa6itom] {
    padding-bottom: 0px;
}

.updown-card-title[b-d51xa6itom] {
    font-weight: 300;
    font-size: 20px;
    color: var(--accent-color);
}

.updown-card-description[b-d51xa6itom] {
    font-weight: 400;
    font-size: 12px;
    color: var(--text-muted-color);
}

.updown-card-body[b-d51xa6itom] {
    
}
/* /Components/Design/PageHeading.razor.rz.scp.css */
.page-heading-section[b-zr37w17abl] {
    text-align: center;
}

.page-heading[b-zr37w17abl] {
    font-weight: 300;
    text-align: center;
    color: var(--color-white);
}

.page-heading-separator[b-zr37w17abl] {
    color: var(--accent-color);
    width: 256px;
    background-color: var(--accent-color);
    border-color: var(--accent-color);
    height: 1px;
    margin: 5px auto;
}
/* /Components/Design/PageSection.razor.rz.scp.css */
/* /Components/Design/SettingsSwitch.razor.rz.scp.css */
.mud-dialog-actions > .settings-switch[b-6ektu7c7lg] {
    position: absolute;
    left: 10px;
}
/* /Components/Design/UltraLoading.razor.rz.scp.css */
.loading-container[b-u0ktqzvxc1] {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
/* /Components/Trading/CryptoCurrencyRateComponent.razor.rz.scp.css */
.debugging-prices > table[b-xpaqmmimx8] {
    box-shadow: 2px 2px 20px var(--accent-color);
    margin-top: 20px;
    animation-name: pulsation-b-xpaqmmimx8;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

button[b-xpaqmmimx8] {
    margin: 10px 5px;
}

.chart-settings[b-xpaqmmimx8] {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background-color: #9932cc80;
    border-radius: 10px;
    padding: 20px;
    width: 80%;
    top: 20px;
    backdrop-filter: blur(3px);
    z-index: 100;
}

.chart-strike-settings[b-xpaqmmimx8] {
    padding: 10px 20px;
    display: flex;
    justify-content: space-around;
}

    .chart-strike-settings > .settings-group[b-xpaqmmimx8] {
        width: 20%;
    }

.chart-strike-values[b-xpaqmmimx8] {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    padding: 10px;
}

    .chart-strike-values > .chart-strike-values[b-xpaqmmimx8] {
        width: fit-content;
    }

@keyframes pulsation-b-xpaqmmimx8 {
    0% {
        box-shadow: 2px 2px 20px var(--accent-color);
    }
    25% {
        box-shadow: 2px 2px 10px var(--accent-color);
    }
    50% {
        box-shadow: 2px 2px 15px var(--accent-color);
    }
    750% {
        box-shadow: 2px 2px 10px var(--accent-color);
    }
    100% {
        box-shadow: 2px 2px 20px var(--accent-color);
    }
}
/* /Components/Trading/InstrumentTimeNavigationButton.razor.rz.scp.css */
@media (min-width: 1300px) {
    .trading-inst-nav-btn[b-98eaivjnzd] {
        color: var(--accent-color);
    }

        .trading-inst-nav-btn:disabled[b-98eaivjnzd] {
            color: var(--text-muted-color);
            cursor: not-allowed;
        }

        .trading-inst-nav-btn:not(:disabled):hover[b-98eaivjnzd] {
            text-shadow: 2px 2px 10px var(--accent-color);
        }

        .trading-inst-nav-btn:not(:disabled):active[b-98eaivjnzd] {
            color: var(--color-white);
            text-shadow: 2px 2px 10px var(--color-white);
        }

        .trading-inst-nav-btn.tbtn-left[b-98eaivjnzd] {
            margin-right: 20px;
        }

        .trading-inst-nav-btn.tbtn-right[b-98eaivjnzd] {
            position: absolute;
            right: 0;
        }
}

@media (max-width: 1300px) {
    .trading-inst-nav-btn[b-98eaivjnzd] {
        color: var(--color-white);
        padding: 0 10px;
        height: 32px;
        background-color: var(--theme-color-3);
        border: 1px solid var(--theme-color-0);
    }

        .trading-inst-nav-btn:disabled[b-98eaivjnzd] {
            color: var(--text-muted-color);
            cursor: not-allowed;
        }

        .trading-inst-nav-btn:not(:disabled):hover[b-98eaivjnzd] {
            background-color: var(--theme-color-4);
        }

        .trading-inst-nav-btn:not(:disabled):active[b-98eaivjnzd] {
            background-color: var(--accent-color);
        }
}
/* /Components/Trading/InstrumentTimer.razor.rz.scp.css */
/* /Components/Trading/StakeInput.razor.rz.scp.css */
.trading-stake-buttons[b-il4q4zno3p] {
    display: flex;
    flex-wrap: wrap;
    width: 30px;
}

.updown-stake-input[b-il4q4zno3p] {
    display: flex;
    margin: 16px 0;
    border-radius: 10px;
    background-color: var(--theme-color-3);
    width: 100%;
}

.trading-stake-buttons > button:first-child[b-il4q4zno3p] {
    /*border-bottom: 1px solid var(--theme-color-4);*/
    margin-bottom: 2px;
}

.trading-stake-buttons[data-mode=compact] > button[b-il4q4zno3p] {
    background-color: transparent !important;
}

.trading-stake-buttons > button[b-il4q4zno3p] {
    width: 30px;
    height: 29px;
    font-size: 20px;
    line-height: 30px;
    padding: 0;
    outline: none;
    border: none;
    color: var(--text-color);
    background-color: var(--theme-color-3);
    border-radius: 10px;
    cursor: pointer;
}

    .trading-stake-buttons > button:hover[b-il4q4zno3p] {
        background-color: var(--theme-color-4);
    }

    .trading-stake-buttons > button:active[b-il4q4zno3p] {
        background-color: transparent;
        filter: drop-shadow(1px 1px 5px var(--text-color));
    }

    .trading-stake-buttons > button:first-child:active[b-il4q4zno3p] {
        transform: translateY(-2px);
        padding-bottom: 2px;
    }

    .trading-stake-buttons > button:last-child:active[b-il4q4zno3p] {
        transform: translateY(2px);
    }

#trading-stake-input[b-il4q4zno3p] {
    -moz-appearance: textfield;
    text-align: right;
    background-color: transparent;
    color: var(--text-color);
    border: none;
    outline: none;
    font-size: 22px;
    padding-right: 10px;
    caret-color: var(--accent-color);
    width: 90%;
}

.updown-stake-input[data-mode=compact] > #trading-stake-input[b-il4q4zno3p] {
    font-size: 16px;
}

#trading-stake-input[b-il4q4zno3p]::-webkit-inner-spin-button,
#trading-stake-input[b-il4q4zno3p]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.trading-stake-unit[b-il4q4zno3p] {
    font-size: 22px;
    line-height: 40px;
    background-color: var(--theme-color-2);
    padding: 0px 10px;
    margin: 10px 5px;
    border-radius: var(--default-radius);
}

.updown-stake-input[data-mode=compact][b-il4q4zno3p] {
    background-color: transparent !important;
    margin: 0;
}

    .updown-stake-input[data-mode=compact] > .trading-stake-unit[b-il4q4zno3p] {
        display: none;
    }

.syntetic-input-background[b-il4q4zno3p] {
    background-color: var(--theme-color-3);
    width: 100%;
    height: 50px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    border-radius: var(--default-radius);
}

.mobile-stake-label[b-il4q4zno3p] {
    position: relative;
}

    .mobile-stake-label > .mobile-stake-label-text[b-il4q4zno3p] {
        position: absolute;
        left: -5px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 10px;
        background-color: var(--theme-color-2);
        padding: 5px;
        border-radius: var(--default-radius);
        text-transform: uppercase;
    }

@media (max-width: 1300px) {
}
/* /Components/Trading/TradingComponent.razor.rz.scp.css */
.trading-component[b-us6o8hiy50] {
    /*box-shadow: 1px 1px 5px var(--accent-color);*/
    border-radius: 10px;
}

.timing-section[b-us6o8hiy50] {
    padding: 10px 20px;
    display: flex;
    font-size: 20px;
    margin-top: 0 !important;
    height: 50px;
    line-height: 32px;
}

    .timing-section > .time-left-label[b-us6o8hiy50] {
        color: var(--accent-color);
        font-weight: 600;
        padding-right: 10px;
    }

    .timing-section > .time-left-value[b-us6o8hiy50] {
        font-weight: 100;
    }

.master-trading-component-section[b-us6o8hiy50] {
    background-color: var(--theme-color-2);
    border-radius: 10px;
    margin: 20px 0;
    overflow: hidden;
}

.betting-section[b-us6o8hiy50] {
    margin-top: 0 !important;
}

.section-above[b-us6o8hiy50] {
    overflow: hidden;
    border-radius: 0px 10px 0 0;
    border-top: 1px solid var(--color-success);
}

.section-below[b-us6o8hiy50] {
    border-bottom: 1px solid var(--color-danger);
    border-right: 1px solid var(--color-danger);
    border-radius: 0 0 10px 0;
    overflow: hidden;
}

.trading-section-right[b-us6o8hiy50] {
    z-index: 10;
}

.section-above > .trading-section-right[b-us6o8hiy50], .section-below > .trading-section-right[b-us6o8hiy50] {
    color: var(--theme-color-2);
}

.trading-component-section[b-us6o8hiy50] {
    display: flex;
    align-items: center;
    justify-content: space-around;
    position: relative;
    width: 100%;
}

.trading-section-left > button[b-us6o8hiy50] {
    outline: none;
    background-color: transparent;
    border: none;
    cursor: pointer;
    transition: 200ms;
    border-radius: 10px;
    padding: 10px 20px;
    margin-right: 30px;
}

    .trading-section-left > button.trade-btn-active:hover[b-us6o8hiy50] {
        border-radius: 30px;
    }

    .trading-section-left > button.trade-btn-active:active[b-us6o8hiy50] {
        transform: rotateX(30deg);
        transition: 100ms;
    }

.section-above > .trading-section-left > button[b-us6o8hiy50] {
    color: var(--color-success);
    margin-top: 10px;
}

    .section-above > .trading-section-left > button.trade-btn-active:hover[b-us6o8hiy50] {
        background-color: var(--theme-color-4);
    }

    .section-above > .trading-section-left > button.trade-btn-active:active[b-us6o8hiy50] {
        filter: drop-shadow(5px 5px 10px var(--color-success));
        background-color: transparent;
        text-shadow: 1px 1px 80px;
    }

.section-below > .trading-section-left > button.trade-btn-active[b-us6o8hiy50] {
    color: var(--color-danger);
    margin-bottom: 10px;
}

    .section-below > .trading-section-left > button.trade-btn-active:hover[b-us6o8hiy50] {
        background-color: var(--theme-color-4);
    }

    .section-below > .trading-section-left > button.trade-btn-active:active[b-us6o8hiy50] {
        filter: drop-shadow(5px 5px 10px var(--color-danger));
        background-color: transparent;
        text-shadow: 1px 1px 80px;
    }

.trading-section-left > button[disabled][b-us6o8hiy50] {
    color: var(--text-muted-color);
    cursor: not-allowed;
}

.trading-btn-holder[b-us6o8hiy50] {
    width: 150px;
    height: 150px;
    margin-right: 80px;
}

.trading-desktop-btn[b-us6o8hiy50] {
    height: 140px;
    width: 128px;
}

    .trading-desktop-btn > span[b-us6o8hiy50] {
        font-size: 11px;
        width: 100%;
        position: absolute;
        left: 0;
    }

.trading-section-left > button > i[b-us6o8hiy50], .trading-section-left > button > .mud-tooltip-root > i[b-us6o8hiy50] {
    font-size: 80px;
    margin: 10px 0;
}

.trading-section-right > .section-content[b-us6o8hiy50] {
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    width: 120px;
}

.section-stake > .trading-section-right[b-us6o8hiy50] {
    z-index: 10;
    font-size: 20px;
    background-color: var(--theme-color-3);
    padding: 5px 10px;
    border-radius: 10px;
    text-transform: uppercase;
}

.trading-section-left.section-stake[b-us6o8hiy50] {
    width: 70%;
    z-index: 10;
}

.trading-stake-separator[b-us6o8hiy50] {
    height: 5px;
    width: 100%;
    z-index: 0;
    position: absolute;
    background-color: var(--theme-color-3);
}

.trading-section-decorator[b-us6o8hiy50] {
    width: 230px;
    height: 300px;
    position: absolute;
    right: -20px;
    z-index: -1;
}

.section-above > .trading-section-right > .trading-section-decorator[b-us6o8hiy50] {
    background-color: var(--color-success);
    position: absolute;
    top: -100px;
    transform: rotateZ(-30deg);
}

.section-below > .trading-section-right > .trading-section-decorator[b-us6o8hiy50] {
    background-color: var(--color-danger);
    position: absolute;
    bottom: -100px;
    transform: rotateZ(30deg);
}

.trading-profit-label[b-us6o8hiy50] {
    font-size: 24px;
}

.trading-profit[b-us6o8hiy50] {
    font-size: 24px;
}

/*Trades list*/

.fa-thumbs-up.trade-settled-status[b-us6o8hiy50] {
    color: var(--color-success);
}

.fa-thumbs-down.trade-settled-status[b-us6o8hiy50] {
    color: var(--color-danger);
}

.fa-xmark.trade-voided-status[b-us6o8hiy50] {
    color: var(--text-muted-color) !important;
}

.collecting-section[b-us6o8hiy50] {
    max-height: calc(var(--trading-height) - 560px);
    padding: 10px 20px;
    overflow-y: auto !important;
}

.master-trading-component-section > h3[b-us6o8hiy50] {
    color: var(--accent-color);
    font-size: 16px;
    font-weight: 600;
}

.master-trading-component-section > hr[b-us6o8hiy50] {
    color: var(--accent-color);
    background-color: var(--accent-color);
    border-color: var(--accent-color);
    display: none;
}

.collecting-section-trades-list[b-us6o8hiy50] {
    padding-top: 10px;
}

    .collecting-section-trades-list > table[b-us6o8hiy50] {
        width: 100%;
        position: relative;
    }

    .collecting-section-trades-list > table[b-us6o8hiy50], .collecting-section-trades-list th[b-us6o8hiy50], .collecting-section-trades-list td[b-us6o8hiy50] {
        border-collapse: collapse;
        background-color: var(--theme-color-2);
    }

    .collecting-section-trades-list > .no-trades[b-us6o8hiy50] {
        text-align: center;
        padding: 20px 0;
    }

    .collecting-section-trades-list > table tr[b-us6o8hiy50] {
        height: 30px;
    }

    .collecting-section-trades-list > table > thead > tr[b-us6o8hiy50] {
        position: sticky;
        top: 0;
        backdrop-filter: blur(2px);
        height: 40px !important;
        box-shadow: 0px 20px 0px -19px var(--accent-color);
    }

        .collecting-section-trades-list > table > thead > tr > th[b-us6o8hiy50] {
        }

            .collecting-section-trades-list > table > thead > tr > th:first-child[b-us6o8hiy50] {
                border-radius: 10px 0 0 10px;
            }

            .collecting-section-trades-list > table > thead > tr > th:last-child[b-us6o8hiy50] {
                border-radius: 0 10px 10px 0;
            }

    .collecting-section-trades-list > table > tbody[b-us6o8hiy50] {
    }

    .collecting-section-trades-list tbody > tr[b-us6o8hiy50] {
        border-bottom: 1px solid var(--theme-color-3);
        text-align: center;
    }

    .collecting-section-trades-list tbody td[b-us6o8hiy50] {
    }

    .collecting-section-trades-list .fa-chevron-up[b-us6o8hiy50], .collecting-section-trades-list .fa-check[b-us6o8hiy50] {
        color: var(--color-success);
    }

    .collecting-section-trades-list .fa-chevron-down[b-us6o8hiy50], .collecting-section-trades-list .fa-xmark[b-us6o8hiy50] {
        color: var(--color-danger);
    }

    .pricing-table > tr > th[b-us6o8hiy50] {
        color: var(--accent-color);
    }

    .pricing-table > tr > th[b-us6o8hiy50], .pricing-table > tr > td[b-us6o8hiy50] {
        width: calc(100% / 4);
        text-align: center;
        height: 30px;
    }

        .pricing-table > tr > th.top-th[b-us6o8hiy50] {
            font-weight: 600;
        }

.above-below-th[b-us6o8hiy50] {
    font-size: 12px;
}

span.currency-possible[b-us6o8hiy50] {
    color: var(--inactive-color);
}

.position-val[data-position-positive="true"][b-us6o8hiy50] {
    color: var(--color-success);
}

.position-val[data-position-positive="false"][b-us6o8hiy50] {
    color: var(--color-danger);
}

.cashout-btn[b-us6o8hiy50] {
    width: calc(100% - 2px);
    height: 50px;
    border-radius: var(--default-radius);
    border: 1px solid var(--theme-color-1);
    color: var(--color-black);
    box-shadow: inset 0px 0px 6px var(--theme-color-0);
}

    .cashout-btn[enabled][data-positive="true"][b-us6o8hiy50] {
        background-color: var(--color-success);
    }

    .cashout-btn[enabled][data-positive="false"][b-us6o8hiy50] {
        background-color: var(--color-danger);
    }

    .cashout-btn[data-positive="true"][enabled]:hover[b-us6o8hiy50] {
        box-shadow: 0px 0px 10px var(--color-success);
    }

    .cashout-btn[data-positive="false"][enabled]:hover[b-us6o8hiy50] {
        box-shadow: 0px 0px 10px var(--color-danger);
    }

    .cashout-btn[enabled]:active[b-us6o8hiy50] {
        background-color: var(--theme-color-1);
        color: var(--color-success);
    }

    .cashout-btn[disabled][b-us6o8hiy50] {
        background-color: var(--theme-color-1);
        border: 1px solid var(--theme-color-1);
        color: var(--text-muted-color);
        cursor: not-allowed;
    }

        .cashout-btn[disabled][data-positive="true"][b-us6o8hiy50] {
            /*color: var(--color-success);*/
            border-color: var(--color-success);
        }

        .cashout-btn[disabled][data-positive="false"][b-us6o8hiy50] {
            /*color: var(--color-danger);*/
            border-color: var(--color-danger);
        }

.pi-trades-icon[b-us6o8hiy50] {
    height: 14px;
}

.compact-collecting-section[b-us6o8hiy50] {
    /*border: 1px solid var(--accent-color);*/
    display: flex;
    flex-wrap: nowrap;
    border: 1px solid var(--accent-color);
    overflow: unset !important;
}

.collecting-btn-holder[b-us6o8hiy50] {
    position: relative;
    width: 50%;
}

    .collecting-btn-holder:first-child[b-us6o8hiy50] {
        border-right: 1px solid var(--theme-color-4);
    }

.collecting-badge[b-us6o8hiy50] {
    position: absolute;
    right: 16px;
    top: -10px;
    border-radius: 50%;
    background-color: var(--accent-color);
    color: var(--color-white);
    font-weight: 400;
    height: 28px;
    width: 28px;
    line-height: 28px;
    text-align: center;
    font-size: 12px;
    z-index: 16;
}

    .collecting-badge:empty[b-us6o8hiy50] {
        display: none;
    }

.collecting-btn[b-us6o8hiy50] {
    height: 40px;
    width: 100%;
    text-transform: uppercase;
    color: var(--accent-color);
    font-size: 12px;
    cursor: pointer;
    transition: 300ms;
}

    .collecting-btn.left[b-us6o8hiy50] {
        border-radius: var(--default-radius) 0 0 var(--default-radius);
    }

    .collecting-btn.right[b-us6o8hiy50] {
        border-radius: 0 var(--default-radius) var(--default-radius) 0;
    }

    .collecting-btn:enabled:hover[b-us6o8hiy50] {
        background-color: var(--theme-color-3);
    }

    .collecting-btn:enabled:active[b-us6o8hiy50] {
        background-color: var(--accent-color);
        color: var(--theme-color-0);
    }

.collecting-btn[disabled][b-us6o8hiy50] {
    color: var(--text-muted-color);
    background-color: var(--theme-color-1);
    cursor: not-allowed;
}

@media (max-width: 1300px) {
    .master-trading-component-section > h3[b-us6o8hiy50] {
        margin-top: 0px;
        margin-bottom: 5px;
    }

    .turbo-section[b-us6o8hiy50] {
        padding: 10px 20px;
    }

    .pricing-table[b-us6o8hiy50] {
        width: 100%;
    }

    .master-trading-component-section[b-us6o8hiy50] {
        margin: 10px 0 !important;
    }

    .betting-section[b-us6o8hiy50] {
    }

    .mobile-trading-holder-section[b-us6o8hiy50] {
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }

    .mobile-trading-btn[b-us6o8hiy50] {
        width: 100px;
        height: 100px;
        transition: 300ms;
        min-width: 90px;
    }

        .mobile-trading-btn > i[b-us6o8hiy50] {
            font-size: 20px;
        }

        .mobile-trading-btn > span[b-us6o8hiy50] {
            width: 100%;
            margin-top: 4px;
            display: block;
            font-size: 12px;
        }

        .mobile-trading-btn.mobile-trading-btn-left[b-us6o8hiy50] {
            border: 2px solid var(--color-success);
            border-radius: 10px 0 0 0;
            margin-right: 5px;
        }

            .mobile-trading-btn.mobile-trading-btn-left.mobile-trade-btn-active[b-us6o8hiy50] {
                color: var(--color-success);
            }

            .mobile-trading-btn.mobile-trading-btn-left[disabled][b-us6o8hiy50] {
                color: var(--text-muted-color);
                cursor: not-allowed;
            }

            .mobile-trading-btn.mobile-trading-btn-left.mobile-trade-btn-active:hover[b-us6o8hiy50] {
                /*Nie wiem czy w wersji mobilnej hover to dobry pomysł?*/
            }

            .mobile-trading-btn.mobile-trading-btn-left.mobile-trade-btn-active:active[b-us6o8hiy50] {
                box-shadow: 1px 1px 15px var(--color-success);
                transform: rotateX(30deg);
                background-color: var(--color-success);
                color: var(--theme-color-0);
            }

        .mobile-trading-btn.mobile-trading-btn-right[b-us6o8hiy50] {
            border: 2px solid var(--color-danger);
            border-radius: 0 10px 0 0;
        }

            .mobile-trading-btn.mobile-trading-btn-right.mobile-trade-btn-active[b-us6o8hiy50] {
                color: var(--color-danger);
            }

            .mobile-trading-btn.mobile-trading-btn-right[disabled][b-us6o8hiy50] {
                color: var(--text-muted-color);
                cursor: not-allowed;
            }

            .mobile-trading-btn.mobile-trading-btn-right.mobile-trade-btn-active:hover[b-us6o8hiy50] {
            }

            .mobile-trading-btn.mobile-trading-btn-right.mobile-trade-btn-active:active[b-us6o8hiy50] {
                box-shadow: 1px 1px 15px var(--color-danger);
                transform: rotateX(30deg);
                background-color: var(--color-danger);
                color: var(--theme-color-0);
            }

    .mobile-trading-holder-section > .profit-indicator[b-us6o8hiy50] {
        width: 50%;
        font-size: 22px;
        text-align: center;
    }

        .mobile-trading-holder-section > .profit-indicator.profit-above[b-us6o8hiy50] {
            color: var(--color-success);
        }

        .mobile-trading-holder-section > .profit-indicator.profit-below[b-us6o8hiy50] {
            color: var(--color-danger);
        }

    .mobile-trading-label-section[b-us6o8hiy50] {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 10px;
    }

        .mobile-trading-label-section > hr[b-us6o8hiy50] {
            width: 30%;
            color: var(--accent-color);
            border-color: var(--accent-color);
            background-color: var(--accent-color);
            margin: auto 0;
            height: 1px;
            display: block;
        }

        .mobile-trading-label-section > span[b-us6o8hiy50] {
            color: var(--accent-color);
            display: block;
            margin: 0 15px;
            font-weight: 600;
        }

    .mobile-trading-stake-section[b-us6o8hiy50] {
        width: 90%;
        margin: 0 auto;
    }

        .mobile-trading-stake-section > input[b-us6o8hiy50] {
        }

    .master-trading-component-section > h3[b-us6o8hiy50] {
        font-size: 14px;
    }

    .trading-section-left.section-stake[b-us6o8hiy50] {
        width: calc(100% - 20px);
    }

    .collecting-section[b-us6o8hiy50] {
        max-height: unset;
    }

    .collecting-section-trades-list[b-us6o8hiy50] {
        font-size: 11px;
    }

    .pricing-section[b-us6o8hiy50] {
        height: auto;
    }

    /*.betting-section.master-trading-component-section {
        display: flex;
    }*/

    .mobile-stake-label[b-us6o8hiy50] {
        position: absolute;
        top: 10px;
        left: 0;
    }
}

@media (min-width: 1300px) {
    .master-trading-component-section > h3[b-us6o8hiy50] {
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .turbo-section[b-us6o8hiy50] {
        max-height: calc(var(--trading-height) - 560px);
        padding: 10px 20px;
    }

    /*Possible table*/
    .pricing-section[b-us6o8hiy50], .turbo-section[b-us6o8hiy50] {
        height: 120px;
        max-height: unset !important;
    }

    .betting-section[b-us6o8hiy50] {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        height: 400px;
    }

    .pricing-table[b-us6o8hiy50] {
        margin: 10px;
        width: calc(100% - 20px);
    }

    .fa-hourglass-half.time-locked-trading[b-us6o8hiy50] {
        font-size: 70px;
    }
}
/* /Dialogs/ConnectionLostDialog.razor.rz.scp.css */
.reco-title[b-9ld3fcyi0l] {
    font-size: 28px;
    font-weight: 300;
    color: var(--color-danger);
    text-align: center;
    padding: 10px 0;
}

.connection-icon[b-9ld3fcyi0l] {
    text-align: center;
    color: var(--color-danger);
    font-size: 128px;
}

.attempting-reco-text[b-9ld3fcyi0l] {
    text-align: center;
    padding-bottom: 20px;
}

.reconnection-spinner-holder[b-9ld3fcyi0l] {
    padding: 10px 0;
}
/* /Dialogs/ContactSupportDialog.razor.rz.scp.css */
.contact-support-dialog-title[b-w99v1360j2] {
    font-weight: 400;
    color: var(--accent-color);
}

.contact-suppord-dialog[b-w99v1360j2] {
    padding: 30px 20px;
}

@media (max-width: 1300px) {
    .contact-suppord-dialog[b-w99v1360j2] {
        width: 90%;
    }
}

@media (min-width: 1300px) {
    .contact-suppord-dialog[b-w99v1360j2] {
        min-width: 500px;
    }

    .contact-form-double-group[b-w99v1360j2] {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
    }

        .contact-form-double-group > .contact-form-group[b-w99v1360j2] {
            width: calc(50% - 5px);
        }
}

.contact-form-group[b-w99v1360j2] {
    margin-bottom: 10px;
}
/* /Dialogs/CriticalUpdateDialog.razor.rz.scp.css */
.update-title[b-c7v2yzzy6b] {
    font-size: 28px;
    font-weight: 300;
    color: var(--color-danger);
    text-align: center;
    padding: 10px 0;
}

.update-icon[b-c7v2yzzy6b] {
    text-align: center;
    color: var(--color-danger);
    font-size: 128px;
}

.attempting-update-text[b-c7v2yzzy6b] {
    text-align: center;
    padding-bottom: 20px;
    color: var(--color-white);
}

.update-spinner-holder[b-c7v2yzzy6b] {
    padding: 10px 0;
}

.update-timer[b-c7v2yzzy6b] {
    font-size: 12px;
    font-style: italic;
    text-align: center;
    padding-bottom: 20px;
}
/* /Dialogs/CustomerServiceRequestedDialog.razor.rz.scp.css */
.customer-service-requested-dialog[b-dmq76fx3oi] {
    padding: 30px 20px;
}

.contact-support-dialog-title[b-dmq76fx3oi] {
    font-weight: 400;
    color: var(--accent-color);
}

.customer-support-text[b-dmq76fx3oi] {
    margin-top: 10px;
    padding: 10px 0;
}

span.request-id[b-dmq76fx3oi] {
    color: var(--accent-color);
    font-weight: 600;
}

.request-details > .request-details-label[b-dmq76fx3oi] {
    color: var(--accent-color);
    font-weight: 400;
    font-size: 16px;
}

.request-details-table[b-dmq76fx3oi] {
    border-collapse: collapse;
    width: 100%;
}

    .request-details-table > tr[b-dmq76fx3oi] {
        border-bottom: 1px solid var(--text-muted-color);
    }

.name-col[b-dmq76fx3oi] {
    padding-right: 10px;
    font-weight: 600;
}

.name-col[b-dmq76fx3oi], .val-col[b-dmq76fx3oi] {
    padding-top: 5px;
    padding-bottom: 5px;
}

@media (max-width: 1300px) {
    .customer-service-requested-dialog[b-dmq76fx3oi] {
        width: 90%;
    }
}

@media (min-width: 1300px) {
    .customer-service-requested-dialog[b-dmq76fx3oi] {
        width: 500px;
    }
}

.button-holder[b-dmq76fx3oi] {
    margin-top: 16px;
}
/* /Dialogs/InstrumentRedirectionDialog.razor.rz.scp.css */
.dont-show-switch[b-msmxgttnlr] {
    margin-top: 12px;
}
/* /Dialogs/InstrumentSettlementDialog.razor.rz.scp.css */
h4.title[b-x98sgnp72a] {
    text-align: center;
    font-size: 32px;
    font-weight: 300;
}

    h4.title.positive[b-x98sgnp72a] {
        color: var(--color-success);
    }

    h4.title.negative[b-x98sgnp72a] {
        color: var(--color-danger);
    }

p.balance-message[b-x98sgnp72a] {
    font-size: 18px;
    text-align: center;
    padding-top: 5px;
    text-transform: none;
}

.icon-holder[b-x98sgnp72a] {
    font-size: 128px;
    text-align: center;
}

    .icon-holder.positive[b-x98sgnp72a] {
        color: var(--color-success);
    }

    .icon-holder.negative[b-x98sgnp72a] {
        color: var(--color-danger);
    }

p.balance-value[b-x98sgnp72a] {
    text-align: center;
}

.redirection-timespan[b-x98sgnp72a] {
    padding-top: 20px;
    text-align: center;
    font-style: italic;
}
/* /Dialogs/MarketTradesDialog.razor.rz.scp.css */
.binance-market-trades-dialog[b-x4msrt5c1b] {
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 8px;
    background-color: rgb(22, 26, 30);
    width: 320px;
    height: 330px;
    border: 1px solid rgb(43, 49, 57);
}

.binance-market-trades-content[b-x4msrt5c1b] {
    font-family: var(--font-binance);
    height: 240px;
}

    .binance-market-trades-content[b-x4msrt5c1b]::-webkit-scrollbar {
        width: 5px;
    }

    .binance-market-trades-content[b-x4msrt5c1b]::-webkit-scrollbar-track {
        border-radius: 3px;
    }

    .binance-market-trades-content[b-x4msrt5c1b]::-webkit-scrollbar-thumb, .binance-market-trades-content[b-x4msrt5c1b]::-webkit-scrollbar-thumb:hover {
        background-color: rgb(94, 102, 115) !important;
    }

    .binance-market-trades-content > table[b-x4msrt5c1b] {
        width: calc(100% - 8px);
        padding-bottom: 12px;
        border-collapse: collapse;
    }

        .binance-market-trades-content > table > thead[b-x4msrt5c1b] {
            position: sticky;
            top: 0;
            background-color: rgb(22, 26, 30);
            width: 100%;
        }

.market-trades-label[b-x4msrt5c1b] {
    font-weight: 500;
    color: rgb(240, 185, 11);
    font-weight: 500;
    font-size: 16px;
    padding-top: 16px;
    padding-left: 1px;
    padding-bottom: 18px;
    font-family: var(--font-binance) !important;
}

th.bnc-table-row[b-x4msrt5c1b] {
    color: rgb(132, 142, 156);
    font-size: 13px;
    height: 16px;
    font-weight: 500;
    padding-bottom: 8px;
}

.bnc-price[b-x4msrt5c1b] {
    text-align: left;
}

.bnc-amount[b-x4msrt5c1b], .bnc-time[b-x4msrt5c1b] {
    text-align: right;
}

.bnc-table-row[b-x4msrt5c1b] {
    font-size: 13px;
    font-family: var(--font-binance) !important;
}

td.bnc-price[data-price-rise=true][b-x4msrt5c1b] {
    color: rgb(14, 203, 129);
}

td.bnc-price[data-price-rise=false][b-x4msrt5c1b] {
    color: rgb(246, 70, 93);
}

td.bnc-amount[b-x4msrt5c1b], td.bnc-time[b-x4msrt5c1b] {
    color: rgb(183, 189, 198);
}

tr.bnc-table-record[data-settlement-row=true][b-x4msrt5c1b] {
    border: 1px solid var(--accent-color);
}

i.question-mark-settlement[b-x4msrt5c1b] {
    padding-left: 5px;
    color: var(--text-muted-color);
    cursor: help;
}
/* /Dialogs/TradesListDialog.razor.rz.scp.css */
.pi-trades-icon[b-29r11tlfdp] {
    height: 14px;
}

.table-th[b-29r11tlfdp] {
    color: var(--accent-color);
}

.fa-chevron-up[b-29r11tlfdp], .fa-check[b-29r11tlfdp] {
    color: var(--color-success);
}

.fa-chevron-down[b-29r11tlfdp], .fa-xmark[b-29r11tlfdp] {
    color: var(--color-danger);
}

.no-trades-info[b-29r11tlfdp] {
    font-style: italic;
    text-align: center;
    color: var(--text-muted-color);
}

.fa-thumbs-up.trade-settled-status[b-29r11tlfdp] {
    color: var(--color-success);
}

.fa-thumbs-down.trade-settled-status[b-29r11tlfdp] {
    color: var(--color-danger);
}

.fa-xmark.trade-voided-status[b-29r11tlfdp] {
    color: var(--text-muted-color) !important;
}
/* /Pages/Admin.razor.rz.scp.css */
.pm-last-message-label[b-xldkuqtw79] {
    margin-top: 10px;
    margin-bottom: 5px;
}

.pm-last-message-content > pre[b-xldkuqtw79] {
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
    overflow-wrap: break-word;
    color: var(--text-muted-color);
    background-color: var(--color-black);
    padding: 10px;
    height: 128px;
    overflow-y: scroll;
    border-radius: var(--default-radius);
}

.updown-logo-img[b-xldkuqtw79] {
    height: 128px;
}

.user-details-list[b-xldkuqtw79] {
    background-color: var(--theme-color-0);
    padding: 10px 20px;
    font-family: monospace;
    border-radius: var(--default-radius);
    font-size: 12px;
}

.user-details-settings-list[b-xldkuqtw79] {
    padding-left: 15px;
}

.account-editor-form-inputs[b-xldkuqtw79] {
    margin-bottom: 10px;
}

.account-editor-form[b-xldkuqtw79] {
    width: 100%;
}

@media (max-width: 1300px) {
    .account-editor-form[b-xldkuqtw79] {
        
    }

    .account-editor-form-inputs[b-xldkuqtw79] {

    }

        .account-editor-form-inputs > .input-holder[b-xldkuqtw79] {
            width: 100%;
        }
}

@media (min-width: 1300px) {
    .account-editor-form[b-xldkuqtw79] {
        
    }

    .account-editor-form-inputs[b-xldkuqtw79] {

    }

        .account-editor-form-inputs > .input-holder[b-xldkuqtw79] {
            width: calc(50% - 10px);
        }
}
/* /Pages/History.razor.rz.scp.css */
.history-filtering-section[b-yjmsb8uhmo] {
    background-color: var(--theme-color-2);
    border-radius: var(--default-radius);
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 20px 0;
    flex-wrap: wrap;
}

    .history-filtering-section > .history-filtering-segment[b-yjmsb8uhmo] {
        width: 20%;
        margin: 20px 10px;
    }

    .history-filtering-section > .history-filtering-segment[data-hidden=true][b-yjmsb8uhmo] {
        display: none;
    }

.balance-summary[b-yjmsb8uhmo] {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.balance-summary-entry[b-yjmsb8uhmo] {
    font-size: 22px;
    padding-right: 20px;
}

    .balance-summary-entry > strong[b-yjmsb8uhmo] {
        color: var(--accent-color);
    }

.balance-pi-entry[b-yjmsb8uhmo] {
    font-size: 10px;
}

    .balance-pi-entry > strong[b-yjmsb8uhmo] {
        color: var(--color-success);
    }

.table-history[b-yjmsb8uhmo] {
    background-color: var(--theme-color-2) !important;
}

i.fa-solid.fa-chevron-down[b-yjmsb8uhmo] {
    color: var(--color-danger);
}

i.fa-solid.fa-chevron-up[b-yjmsb8uhmo] {
    color: var(--color-success);
}

i.fa-solid.fa-chevron-down[b-yjmsb8uhmo], i.fa-solid.fa-chevron-up[b-yjmsb8uhmo] {
    margin-right: 10px;
}

.bottom-margin[b-yjmsb8uhmo] {
    height: 30px;
    width: 100%;
}

.pi-trades-icon[b-yjmsb8uhmo] {
    margin-left: 5px;
    height: 14px;
}

.balance-text[data-positive=true][b-yjmsb8uhmo] {
    color: var(--color-success);
}

.balance-text[data-positive=false][b-yjmsb8uhmo] {
    color: var(--color-danger);
}

.no-trades-text[b-yjmsb8uhmo] {
    text-align: center;
    font-size: 12px;
    margin-top: 20px;
}

.hover-btn:hover[b-yjmsb8uhmo] {
    color: var(--accent-color);
}

.contact-support-box[b-yjmsb8uhmo] {
    border: 1px solid var(--accent-color);
    max-width: 320px;
    padding: 30px 10px 20px 10px;
    box-shadow: 2px 2px 10px black;
    border-radius: var(--default-radius);
    margin-right: 5px;
}

.contact-support-text[b-yjmsb8uhmo] {
    margin-bottom: 20px;
}

.contact-support-arrow[b-yjmsb8uhmo] {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid var(--accent-color);
    position: absolute;
    right: -5px;
    top: 10px;
}

.contact-support-close[b-yjmsb8uhmo] {
    position: absolute;
    top: 5px;
    right: 10px;
}

.question-mark-insthist[b-yjmsb8uhmo] {
    margin-left: 5px;
}

@media (max-width: 1300px) {
    .history-filtering-section[b-yjmsb8uhmo] {
        padding: 5px !important;
    }

    .history-filtering-segment[b-yjmsb8uhmo] {
        width: calc(50% - 10px) !important;
        margin: 10px 5px !important;
    }

    .price-improvement-box[b-yjmsb8uhmo] {
        width: 100%;
    }

    .balance-summary[b-yjmsb8uhmo] {
        display: block;
    }
}
/* /Pages/Index.razor.rz.scp.css */
.hello-bot[b-918j9dbs53] {
    text-align: center;
}

    .hello-bot > img[b-918j9dbs53] {
        height: 80vh;
    }

.loading-content[b-918j9dbs53] {
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    transform: translateX(-50%);
}

.loading-text[b-918j9dbs53] {
    font-weight: 400;
}
/* /Pages/Trading.razor.rz.scp.css */
.trading-panel[b-m75rqurx5e] {
    width: 100%;
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    max-height: var(--trading-height);
    justify-content: space-between;
    position: relative;
}

    .trading-panel > .chart-section[b-m75rqurx5e] {
        width: calc(calc(100% - 460px) - 10px);
        height: var(--trading-height);
        background-color: var(--theme-color-2);
        border-radius: 10px;
        position: relative;
    }

    .trading-panel > .trading-section[b-m75rqurx5e] {
        width: calc(460px - 10px);
    }

.instrument-props[b-m75rqurx5e] {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: left;
    flex-direction: row;
    padding-bottom: 10px;
    width: calc(calc(100% - 460px) - 10px);
    position: relative;
}

.instrument-props > .inst-length-size > h1[b-m75rqurx5e] {
    margin: 0;
}

    .instrument-props > .inst-length-size > h2[b-m75rqurx5e] {
        margin-top: 0;
        color: var(--accent-color);
        font-weight: 300;
        font-size: 18px;
    }

.trading-label-value-name[b-m75rqurx5e] {
    font-weight: 600;
}

@media (max-width: 1300px) {
    .instrument-props[b-m75rqurx5e] {
        align-items: center;
        width: 100%;
        justify-content: space-between;
    }

        .instrument-props > .inst-length-size > h1[b-m75rqurx5e] {
            font-size: 16px;
        }

        .instrument-props > .inst-length-size > h2[b-m75rqurx5e] {
            font-size: 14px;
        }

    .trading-panel[b-m75rqurx5e] {
        flex-wrap: wrap;
        width: 100%;
        max-height: unset;
    }

        .trading-panel > .chart-section[b-m75rqurx5e] {
            width: 100% !important;
            height: 40vh !important;
        }

        .trading-panel > .trading-section[b-m75rqurx5e] {
            width: 100%;
        }

    .mobile-instrument-navigation[b-m75rqurx5e] {
        background-color: var(--theme-color-2);
        width: 100vw;
        margin-left: -16px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 10px;
    }
}

@media (min-width: 1300px) {
    .trading-labels-container[b-m75rqurx5e] {
        padding-right: 20px;
    }

    .trading-panel > .trading-section > .loading-cont[b-m75rqurx5e] {
        min-height: var(--trading-height);
        position: relative;
    }
}
/* /Shared/EmptyLayout.razor.rz.scp.css */
.page[b-q61wl5vflu] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-q61wl5vflu] {
    flex: 1;
    background-color: var(--theme-color-1);
}

.main-nav[b-q61wl5vflu] {
    height: 50px;
    background-color: var(--theme-color-0);
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    width: 500px;
    background-color: var(--accent-color-60);
    position: fixed;
    top: 32px;
    right: 32px;
    border-radius: 10px;
    backdrop-filter: blur(2px);
}

    .main-nav > .main-nav-item[b-q61wl5vflu] {
        margin: 0 15px;
    }

.top-row[b-q61wl5vflu] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    display: flex;
    align-items: center;
}

    .top-row[b-q61wl5vflu]  a, .top-row[b-q61wl5vflu]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

        .top-row[b-q61wl5vflu]  a:hover, .top-row[b-q61wl5vflu]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-q61wl5vflu]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

.layout-main[b-q61wl5vflu] {
    min-height: 100vh;
}

@media (max-width: 1565.98px) {
    .top-row:not(.auth)[b-q61wl5vflu] {
        display: none;
    }

    .top-row.auth[b-q61wl5vflu] {
        justify-content: space-between;
    }

    .top-row[b-q61wl5vflu]  a, .top-row[b-q61wl5vflu]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 1300px) {
    .page[b-q61wl5vflu] {
        flex-direction: row;
    }

    .top-row[b-q61wl5vflu] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-q61wl5vflu]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-q61wl5vflu], article[b-q61wl5vflu] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-6f8yct85kf] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main[b-6f8yct85kf] {
    flex: 1;
    background-color: var(--theme-color-1);
}

.main-nav[b-6f8yct85kf] {
    height: 50px;
    background-color: var(--theme-color-0);
    display: flex;
    flex-direction: row-reverse;
    align-items: center;

    width: 500px;
    background-color: var(--accent-color-60);
    position: fixed;
    top: 32px;
    right: 32px;
    border-radius: 10px;
    backdrop-filter: blur(2px);
}

    .main-nav > .main-nav-item[b-6f8yct85kf] {
        margin: 0 15px;
    }

.top-row[b-6f8yct85kf] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    display: flex;
    align-items: center;
}

    .top-row[b-6f8yct85kf]  a, .top-row[b-6f8yct85kf]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-6f8yct85kf]  a:hover, .top-row[b-6f8yct85kf]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-6f8yct85kf]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

.updown-build[b-6f8yct85kf] {
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: var(--theme-color-1);
}

@media (max-width: 1565.98px) {
    .top-row:not(.auth)[b-6f8yct85kf] {
        display: none;
    }

    .top-row.auth[b-6f8yct85kf] {
        justify-content: space-between;
    }

    .top-row[b-6f8yct85kf]  a, .top-row[b-6f8yct85kf]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 1300px) {
    .page[b-6f8yct85kf] {
        flex-direction: row;
    }

    .top-row[b-6f8yct85kf] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-6f8yct85kf]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-6f8yct85kf], article[b-6f8yct85kf] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
        padding-bottom: 20px;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-2op3vb7ad2] {
    background-color: rgba(255, 255, 255, 0.1);
}

.sidebar[b-2op3vb7ad2] {
    background-color: var(--theme-color-0);
    transition: 300ms;
}

.top-row[b-2op3vb7ad2] {
    background-color: var(--theme-color-0);
}

.navbar-brand[b-2op3vb7ad2] {
    font-size: 1.1rem;
}

    .navbar-brand > h3[b-2op3vb7ad2] {
        text-decoration: none;
        color: var(--text-color);
    }

.oi[b-2op3vb7ad2] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

#nav-logo[b-2op3vb7ad2] {
    height: 128px;
    object-fit: contain;
}

.nav-container[b-2op3vb7ad2] {
    text-align: center;
    margin-top: 16px;
    position: relative;
}

.nav-item[b-2op3vb7ad2] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-2op3vb7ad2] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-2op3vb7ad2] {
        padding-bottom: 1rem;
    }

    .nav-item[b-2op3vb7ad2]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        text-decoration: none;
    }

    .nav-item.current-instrument-item[b-2op3vb7ad2]  a.active {
        background-color: var(--accent-color);
        color: white;
    }

    .nav-item.outdated-instrument-item[b-2op3vb7ad2]  a.active {
        background-color: var(--theme-color-4);
        color: white;
    }

    .nav-item[b-2op3vb7ad2]  a:hover {
        background-color: rgba(255,255,255,0.1);
        color: white;
    }

.nav-instrument-split[b-2op3vb7ad2] {
    text-align: center;
    font-weight: 600;
}

    .nav-instrument-split.current-instrument[b-2op3vb7ad2] {
        color: var(--accent-color);
    }

    .nav-instrument-split.outdated-instrument[b-2op3vb7ad2] {
        margin-top: 16px;
        color: var(--inactive-color);
    }

.navigation-instrument[b-2op3vb7ad2] {
    padding-left: 15px;
}

    .navigation-instrument > .instrument-title[b-2op3vb7ad2] {
        font-size: 16px;
        color: var(--text-color);
        font-weight: 600;
    }

    .navigation-instrument > .instrument-time[b-2op3vb7ad2] {
        font-size: 14px;
        font-weight: 300;
    }

.bottom-navigation-btns[b-2op3vb7ad2] {
    position: absolute;
    bottom: 20px;
    text-align: center;
    width: 100%;
}

.navbar-size-btn-holder[b-2op3vb7ad2] {
    padding-top: 20px;
}

    .navbar-size-btn-holder > button[b-2op3vb7ad2] {
        font-size: 24px;
        width: 24px;
        height: 24px;
        padding: 0;
        margin: 0;
        outline: 0;
        transition: 300ms;
    }

        .navbar-size-btn-holder > button:hover[b-2op3vb7ad2] {
            color: var(--color-white) !important;
        }

        .navbar-size-btn-holder > button:active[b-2op3vb7ad2] {
            color: var(--accent-color) !important;
            text-shadow: 0px 0px 10px var(--text-color);
        }

.instrument-avatar[b-2op3vb7ad2] {
    width: 100%;
    font-weight: 900;
    text-align: center;
}

/*DESKTOP*/
@media (min-width: 1300px) {
    .sidebar[b-2op3vb7ad2] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .collapse[b-2op3vb7ad2] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }

    .navbar-toggler[b-2op3vb7ad2] {
        display: none !important;
    }

        .navbar-toggler:hover[b-2op3vb7ad2] {
            background-color: var(--accent-color);
        }

    /*COMPACT MENU*/
    .sidebar[data-updown-compact="true"][b-2op3vb7ad2] {
        width: 60px;
    }

        .sidebar[data-updown-compact="true"] #nav-logo[b-2op3vb7ad2] {
            height: 40px;
            width: 40px;
        }

        .sidebar[data-updown-compact="true"] .nav-instrument-split[b-2op3vb7ad2] {
            display: none;
        }

    .sidebar[data-updown-compact="false"] .nav-instrument-split[b-2op3vb7ad2] {
        overflow: hidden;
        text-overflow: clip;
        white-space: nowrap;
    }

    .sidebar[data-updown-compact="true"] .instrument-title[b-2op3vb7ad2] {
        display: none;
    }

    .sidebar[data-updown-compact="true"] .instrument-time[b-2op3vb7ad2] {
        display: none;
    }

    .sidebar[data-updown-compact="false"] .navigation-instrument[b-2op3vb7ad2] {
        overflow: hidden;
        text-overflow: clip;
        white-space: nowrap;
    }

    .sidebar[data-updown-compact="false"] .instrument-avatar[b-2op3vb7ad2] {
        display: none;
    }

    .sidebar[data-updown-compact="true"] .navigation-instrument[b-2op3vb7ad2] {
        width: 100%;
        padding-left: 0;
    }

    .sidebar[data-updown-compact="true"] .bottom-nav-label[b-2op3vb7ad2] {
        display: none;
    }

    .sidebar[data-updown-compact="true"] .navbar-size-btn-holder i[b-2op3vb7ad2] {
        transform: rotate(180deg);
        transition: 1s;
    }

    .bottom-nav-elem[data-main-elem][b-2op3vb7ad2] {
        margin-bottom: 10px;
    }
}

/*MOBILE*/
@media (max-width: 1300px) {
    .updown-nav-menu.collapse[b-2op3vb7ad2] {
        display: none !important;
    }

    .updown-nav-menu.visible[b-2op3vb7ad2] {
        position: absolute;
        width: 100%;
        background-color: var(--theme-color-0);
        z-index: 11;
    }

    .bottom-navigation-btns[b-2op3vb7ad2] {
        position: relative;
        margin-top: 30px;
    }

    .navbar-toggler[b-2op3vb7ad2] {
        /*height: 35px;*/
        font-size: 24px;
        padding: 0px 10px;
        border-radius: 10px;
        margin-left: 16px;
    }

    #nav-logo[b-2op3vb7ad2] {
        height: 40px;
        margin-bottom: 5px;
        margin-left: 16px;
    }

    .nav-container[b-2op3vb7ad2] {
        margin-top: 4px;
        display: flex;
        align-items: center;
    }

    .navbar-size-btn-holder[b-2op3vb7ad2] {
        display: none;
    }

    .instrument-avatar[b-2op3vb7ad2] {
        display: none;
    }

    .bottom-nav-elem[b-2op3vb7ad2] {
        text-align: left;
        padding-left: 30px;
    }

    .mobile-instrument-title[b-2op3vb7ad2] {
        position: absolute;
        right: 16px;
        color: var(--accent-color);
    }
}

.navbar-toggler[b-2op3vb7ad2] {
    transition: 100ms;
}

    .navbar-toggler:active[b-2op3vb7ad2] {
        background-color: var(--text-color);
        color: var(--theme-color-0);
    }
/* /Snackbars/PriceImprovedSnackbar.razor.rz.scp.css */
.pi-snackbar[b-9lnveumsw3] {
    display: flex;
    align-items: center;
}

.pi-icon[b-9lnveumsw3] {
    margin-right: 10px;
}

    .pi-icon > img[b-9lnveumsw3] {
        width: 100px;
        height: 100px;
        object-fit: contain;
    }

.pi-content[b-9lnveumsw3] {
    position: relative;
}

.pi-text[b-9lnveumsw3] {

}

    .pi-text > .pi-heading[b-9lnveumsw3] {
        font-size: 20px;
        margin-bottom: 8px;
    }

    .pi-text > .pi-desc[b-9lnveumsw3] {
    }