@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Oxygen+Mono&display=swap');

/* Kraft */

:root {
    --alert-fontFamily: ;
    --alert-fontSize: calc(0px * var(--font-scale, 1));
    --alert-fontWeight: 0;
    --alert-icon-color: #FBBF24;
    --alert-message-color: #A09888;
    --amountInput-amount-color: #FFFFFF;
    --amountInput-amount-fontSize: calc(13px * var(--font-scale, 1));
    --amountInput-amount-fontWeight: 700;
    --amountInput-clearIcon-color: #A09888;
    --amountInput-clearIcon-disabled-color: #504840;
    --amountInput-currency-color: #A09888;
    --amountInput-currency-fontSize: calc(13px * var(--font-scale, 1));
    --amountInput-currency-fontWeight: 500;
    --amountInput-fontFamily: Inter;
    --amountStepper-active-backgroundColor: #323434;
    --amountStepper-backgroundColor: #1F2121;
    --amountStepper-borderColor: #3A3C3C;
    --amountStepper-disabled-backgroundColor: #1C1E1E;
    --amountStepper-hover-backgroundColor: #2A2C2C;
    --amountStepper-icon-color: #A09888;
    --aumBar-backgroundColor: #333535;
    --aumBar-fill-color: #C1B198;
    --badge-backgroundColor: #C1B198;
    --badge-color: #171919;
    --badge-fontSize: calc(0px * var(--font-scale, 1));
    --badge-fontWeight: 0;
    --button-fontFamily: Inter;
    --button-fontSize: calc(12px * var(--font-scale, 1));
    --button-fontWeight: 600;
    --button-primary-active-backgroundColor: #918268;
    --button-primary-backgroundColor: #C1B198;
    --button-primary-color: #171919;
    --button-primary-disabled-backgroundColor: #4A4538;
    --button-primary-disabled-color: #504840;
    --button-primary-hover-backgroundColor: #A99A80;
    --button-secondary-active-backgroundColor: #323434;
    --button-secondary-active-borderColor: #C1B198;
    --button-secondary-backgroundColor: #1F2121;
    --button-secondary-borderColor: #3A3C3C;
    --button-secondary-color: #A09888;
    --button-secondary-disabled-backgroundColor: #1C1E1E;
    --button-secondary-disabled-borderColor: #333535;
    --button-secondary-disabled-color: #504840;
    --button-secondary-hover-backgroundColor: #2A2C2C;
    --button-small-fontSize: calc(11px * var(--font-scale, 1));
    --cardHeader-action-color: #C1B198;
    --cardHeader-action-fontFamily: ;
    --cardHeader-action-fontSize: calc(0px * var(--font-scale, 1));
    --cardHeader-action-fontWeight: 0;
    --cardHeader-title-color: #FFFFFF;
    --cardHeader-title-fontFamily: ;
    --cardHeader-title-fontSize: calc(0px * var(--font-scale, 1));
    --cardHeader-title-fontWeight: 0;
    --chartValueTooltip-backgroundColor: #1F2121;
    --chartValueTooltip-fontFamily: Inter;
    --chartValueTooltip-name-color: #A09888;
    --chartValueTooltip-name-fontSize: calc(11px * var(--font-scale, 1));
    --chartValueTooltip-name-fontWeight: 400;
    --chartValueTooltip-value-color: #FFFFFF;
    --chartValueTooltip-value-fontSize: calc(11px * var(--font-scale, 1));
    --chartValueTooltip-value-fontWeight: 600;
    --color-scheme: String value;
    --comboBox-backgroundColor: #1F2121;
    --comboBox-borderColor: #3A3C3C;
    --comboBox-chevron-color: #FFFFFF;
    --comboBox-dropDown-backgroundColor: #1F2121;
    --comboBox-dropDown-shadow: ;
    --comboBox-input-color: #FFFFFF;
    --comboBox-input-fontFamily: ;
    --comboBox-input-fontSize: calc(14px * var(--font-scale, 1));
    --comboBox-input-fontWeight: 600;
    --comboBox-input-template-color: #786E62;
    --comboBox-item-color: #FFFFFF;
    --comboBox-item-fontFamily: Inter;
    --comboBox-item-fontSize: calc(13px * var(--font-scale, 1));
    --comboBox-item-fontWeight: 400;
    --comboBox-item-hover-backgroundColor: #2A2C2C;
    --comboBox-item-selected-backgroundColor: #4A4538;
    --comboBox-label-color: #A09888;
    --comboBox-label-fontSize: calc(11px * var(--font-scale, 1));
    --comboBox-label-fontWeight: 400;
    --contentCard-alternative-backgroundColor: #282A2A;
    --contentCard-backgroundColor: #1F2121;
    --contentCard-borderColor: #333535;
    --contentCard-footer-color: #A09888;
    --contentCard-footer-fontFamily: Inter;
    --contentCard-footer-fontSize: calc(9px * var(--font-scale, 1));
    --contentCard-footer-fontWeight: 400;
    --contentCard-header-color: #A09888;
    --contentCard-header-fontFamily: Inter;
    --contentCard-header-fontSize: calc(14px * var(--font-scale, 1));
    --contentCard-header-fontWeight: 600;
    --contentCard-headerLink-fontFamily: Inter;
    --contentCard-headerLink-fontSize: calc(11px * var(--font-scale, 1));
    --contentCard-headerLink-fontWeight: 700;
    --contentCard-shadowColor: rgba(0, 0, 0, 0.3)  ;
    --contentCard-subHeader-color: #A09888;
    --contentCard-subHeader-fontFamily: Inter;
    --contentCard-subHeader-fontSize: calc(11px * var(--font-scale, 1));
    --contentCard-subHeader-fontWeight: 400;
    --controlRow-account-color: #A09888;
    --controlRow-account-fontSize: calc(9px * var(--font-scale, 1));
    --controlRow-account-fontWeight: 400;
    --controlRow-fontFamily: Inter;
    --controlRow-icon-color: #A09888;
    --controlRow-icon-disabled-color: #504840;
    --controlRow-owner-color: #A09888;
    --controlRow-owner-fontSize: calc(12px * var(--font-scale, 1));
    --controlRow-owner-fontWeight: 600;
    --filterChip-active-backgroundColor: #C1B198;
    --filterChip-active-borderColor: #C1B198;
    --filterChip-active-color: #171919;
    --filterChip-active-hover-backgroundColor: #A99A80;
    --filterChip-fontFamily: Inter;
    --filterChip-fontSize: calc(11px * var(--font-scale, 1));
    --filterChip-fontWeight: 500;
    --filterChip-passive-backgroundColor: #1F2121;
    --filterChip-passive-borderColor: #3A3C3C;
    --filterChip-passive-color: #A09888;
    --filterChip-passive-hover-backgroundColor: #2A2C2C;
    --fund-morningstar-rating-color: #F6AC0A;
    --headerContent-logo-gap: 8px;
    --headerContent-logo-paddingBottom: 0;
    --headerContent-logo-paddingLeft: 0;
    --headerContent-logo-paddingRight: 0;
    --headerContent-logo-paddingTop: 0;
    --headerContent-subHeader-color: #A09888;
    --headerContent-subHeader-fontFamily: Inter;
    --headerContent-subHeader-fontSize: calc(12px * var(--font-scale, 1));
    --headerContent-subHeader-fontWeight: 400;
    --heroCard-chartLine-strokeColor: #C1B198;
    --heroCard-chip-backgroundColor: rgba(255, 255, 255, 0.15)  ;
    --heroCard-chip-fontFamily: Inter;
    --heroCard-chip-name-color: #DDD6C7;
    --heroCard-chip-name-fontSize: calc(12px * var(--font-scale, 1));
    --heroCard-chip-name-fontWeight: 400;
    --heroCard-chip-value-fontSize: calc(12px * var(--font-scale, 1));
    --heroCard-chip-value-fontWeight: 600;
    --heroCard-chip-value-negative-color: #FF6E6E;
    --heroCard-chip-value-positive-color: #6EE7A0;
    --heroCard-currency-color: #FFFFFF;
    --heroCard-currency-fontSize: calc(18px * var(--font-scale, 1));
    --heroCard-decoCircle-background: rgba(193, 177, 152, 0.08)  ;
    --heroCard-fontFamily: Inter;
    --heroCard-gradient-end-backgroundColor: #1E2222;
    --heroCard-gradient-start-backgroundColor: #171919;
    --heroCard-indexLine-strokeColor: rgba(255, 255, 255, 0.4)  ;
    --heroCard-label-color: rgba(255, 255, 255, 0.75)  ;
    --heroCard-label-fontSize: calc(12px * var(--font-scale, 1));
    --heroCard-label-fontWeight: 400;
    --heroCard-legend-color: rgba(255, 255, 255, 0.7)  ;
    --heroCard-legend-fontFamily: Inter;
    --heroCard-legend-fontSize: calc(11px * var(--font-scale, 1));
    --heroCard-legend-fontWeight: 500;
    --heroCard-toggle-active-backgroundColor: rgba(193, 177, 152, 0.3)  ;
    --heroCard-toggle-active-color: #FFFFFF;
    --heroCard-toggle-backgroundColor: rgba(255, 255, 255, 0.08)  ;
    --heroCard-toggle-color: rgba(255, 255, 255, 0.55)  ;
    --heroCard-toggle-fontFamily: Inter;
    --heroCard-toggle-fontSize: calc(11px * var(--font-scale, 1));
    --heroCard-toggle-fontWeight: 600;
    --heroCard-value-color: #FFFFFF;
    --heroCard-value-fontSize: calc(36px * var(--font-scale, 1));
    --heroCard-value-fontWeight: 600;
    --icon-button-hover-backgroundColor: #2A2C2C;
    --input-active-borderColor: #C1B198;
    --input-backgroundColor: #1F2121;
    --input-borderColor: #3A3C3C;
    --input-color: #FFFFFF;
    --input-error-borderColor: #FF6E6E;
    --input-fontFamily: ;
    --input-fontSize: calc(0px * var(--font-scale, 1));
    --input-placeholder-color: #786E62;
    --kpi-change-fontSize: calc(0px * var(--font-scale, 1));
    --kpi-change-fontWeight: 0;
    --kpi-change-negative-color: #F87171;
    --kpi-change-positive-color: #34D399;
    --kpi-fontFamily: ;
    --kpi-label-color: #A09888;
    --kpi-label-fontSize: calc(0px * var(--font-scale, 1));
    --kpi-label-fontWeight: 0;
    --kpi-value-color: #FFFFFF;
    --kpi-value-fontSize: calc(0px * var(--font-scale, 1));
    --kpi-value-fontWeight: 0;
    --link-color: #C1B198;
    --listItem-body-color: #A09888;
    --listItem-body-fontFamily: Inter;
    --listItem-body-fontSize: calc(11px * var(--font-scale, 1));
    --listItem-body-fontWeight: 400;
    --listItem-bodyValue-fontSize: calc(11px * var(--font-scale, 1));
    --listItem-bodyValue-fontWeight: 600;
    --listItem-chevron-color: #786E62;
    --listItem-divider-color: #333535;
    --listItem-hover-backgroundColor: #2A2C2C;
    --listItem-icon-color: #A09888;
    --listItem-muted-color: #786E62;
    --listItem-negative-color: #FF6E6E;
    --listItem-positive-color: #6EE7A0;
    --listItem-title-color: #FFFFFF;
    --listItem-title-fontFamily: Inter;
    --listItem-title-fontSize: calc(14px * var(--font-scale, 1));
    --listItem-title-fontWeight: 500;
    --listItem-titleValue-fontSize: calc(14px * var(--font-scale, 1));
    --listItem-titleValue-fontWeight: 700;
    --listItem-value-color: #FFFFFF;
    --listItem-value-fontWeight: 500;
    --menu-backgroundColor: #171919;
    --menu-divider-color: #333535;
    --menu-item-active-color: #C1B198;
    --menu-item-bold-color: #FFFFFF;
    --menu-item-bold-fontSize: calc(14px * var(--font-scale, 1));
    --menu-item-bold-fontWeight: 600;
    --menu-item-color: rgba(255, 255, 255, 0.85)  ;
    --menu-item-exit-color: #FF6B6B;
    --menu-item-fontFamily: Inter;
    --menu-item-fontSize: calc(13px * var(--font-scale, 1));
    --menu-item-fontWeight: 400;
    --menu-item-hover-color: #1E2020;
    --menu-item-icon-color: rgba(255, 255, 255, 0.7)  ;
    --menu-item-selected-color: #2A2724;
    --menu-item-subTitle-color: rgba(255, 255, 255, 0.5)  ;
    --menu-item-subTitle-fontSize: calc(11px * var(--font-scale, 1));
    --menu-item-subTitle-fontWeight: 400;
    --menu-sectionHeader-color: rgba(255, 255, 255, 0.5)  ;
    --menu-sectionHeader-fontFamily: Inter;
    --menu-sectionHeader-fontSize: calc(10px * var(--font-scale, 1));
    --menu-sectionHeader-fontWeight: 600;
    --menu-shadowColor: rgba(0, 0, 0, 0.3)  ;
    --message-fontFamily: ;
    --message-sender-color: #FFFFFF;
    --message-sender-fontSize: calc(0px * var(--font-scale, 1));
    --message-sender-fontWeight: 0;
    --message-subject-color: #A09888;
    --message-subject-fontSize: calc(0px * var(--font-scale, 1));
    --message-subject-fontWeight: 0;
    --message-timestamp-color: #786E62;
    --message-timestamp-fontSize: calc(0px * var(--font-scale, 1));
    --message-unreadDot-color: #C1B198;
    --modal-backgroundColor: #171919;
    --modal-body-color: #A09888;
    --modal-body-fontFamily: Inter;
    --modal-body-fontSize: calc(13px * var(--font-scale, 1));
    --modal-body-fontWeight: 400;
    --modal-fontFamily: Inter;
    --modal-header-color: #FFFFFF;
    --modal-header-fontSize: calc(18px * var(--font-scale, 1));
    --modal-header-fontWeight: 700;
    --modal-icon-color: #A09888;
    --modal-subHeader-color: #A09888;
    --modal-subHeader-fontSize: calc(14px * var(--font-scale, 1));
    --modal-subHeader-fontWeight: 600;
    --navItem-active-backgroundColor: #2A2724;
    --navItem-active-color: #FFFFFF;
    --navItem-color: #A09888;
    --navItem-fontFamily: ;
    --navItem-fontSize: calc(0px * var(--font-scale, 1));
    --navItem-fontWeight: 0;
    --navItem-hover-backgroundColor: #2A2C2C;
    --navItem-icon-active-color: #FFFFFF;
    --navItem-icon-color: #786E62;
    --page-backgroundColor: #171919;
    --portfolioProfile-changeChip-down-color: #DDD6C7;
    --portfolioProfile-changeChip-fontFamily: ;
    --portfolioProfile-changeChip-fontSize: calc(0px * var(--font-scale, 1));
    --portfolioProfile-changeChip-fontWeight: 0;
    --portfolioProfile-changeChip-up-color: #C1B198;
    --portfolioProfile-chart-scale1-color: #C1B198;
    --portfolioProfile-chart-scale2-color: #A99D84;
    --portfolioProfile-chart-scale3-color: #918770;
    --portfolioProfile-chart-scale4-color: #7A715E;
    --portfolioProfile-chart-scale5-color: #635C4C;
    --portfolioProfile-chart-scale6-color: #4C473C;
    --portfolioProfile-chart-scale7-color: #38342C;
    --portfolioProfile-chartTitle-color: #DDD6C7;
    --portfolioProfile-chartTitle-fontFamily: Inter;
    --portfolioProfile-chartTitle-fontSize: calc(14px * var(--font-scale, 1));
    --portfolioProfile-chartTitle-fontWeight: 600;
    --portfolioProfile-holding-graph-background-color: #282A2A;
    --portfolioProfile-holding-graph-hover-color: #FFFFFF;
    --portfolioProfile-holdings-name-color: #FFFFFF;
    --portfolioProfile-legend-fontFamily: Inter;
    --portfolioProfile-legend-fontSize: calc(9px * var(--font-scale, 1));
    --portfolioProfile-legend-hover-color: #2A2C2C;
    --portfolioProfile-legend-name-color: #A09888;
    --portfolioProfile-legend-name-fontWeight: 400;
    --portfolioProfile-legend-value-color: #FFFFFF;
    --portfolioProfile-legend-value-fontWeight: 600;
    --portfolioProfile-mainChip-backgroundColor: #2A2724;
    --portfolioProfile-mainChip-color: #C1B198;
    --portfolioProfile-mainChip-fontFamily: Inter;
    --portfolioProfile-mainChip-fontSize: calc(11px * var(--font-scale, 1));
    --portfolioProfile-mainChip-fontWeight: 600;
    --portfolioProfile-riskNumber-color: #C1B198;
    --portfolioProfile-riskNumber-fontFamily: Inter;
    --portfolioProfile-riskNumber-fontSize: calc(11px * var(--font-scale, 1));
    --portfolioProfile-riskNumber-fontWeight: 600;
    --portfolioProfileTooltip-account-fontFamily: Inter;
    --portfolioProfileTooltip-accountName-color: #A09888;
    --portfolioProfileTooltip-accountName-fontSize: calc(10px * var(--font-scale, 1));
    --portfolioProfileTooltip-accountName-fontWeight: 600;
    --portfolioProfileTooltip-accountValue-color: #FFFFFF;
    --portfolioProfileTooltip-accountValue-fontSize: calc(10px * var(--font-scale, 1));
    --portfolioProfileTooltip-accountValue-fontWeight: 600;
    --portfolioProfileTooltip-fund-fontFamily: Inter;
    --portfolioProfileTooltip-fundName-color: #A09888;
    --portfolioProfileTooltip-fundName-fontSize: calc(9px * var(--font-scale, 1));
    --portfolioProfileTooltip-fundName-fontWeight: 400;
    --portfolioProfileTooltip-fundValue-color: #FFFFFF;
    --portfolioProfileTooltip-fundValue-fontSize: calc(9px * var(--font-scale, 1));
    --portfolioProfileTooltip-fundValue-fontWeight: 500;
    --portfolioProfileTooltip-header-fontFamily: Inter;
    --portfolioProfileTooltip-headerName-color: #A09888;
    --portfolioProfileTooltip-headerName-fontSize: calc(11px * var(--font-scale, 1));
    --portfolioProfileTooltip-headerName-fontWeight: 600;
    --portfolioProfileTooltip-headerValue-color: #FFFFFF;
    --portfolioProfileTooltip-headerValue-fontSize: calc(11px * var(--font-scale, 1));
    --portfolioProfileTooltip-headerValue-fontWeight: 600;
    --portfolioProfileTooltip-subHeader-color: #786E62;
    --portfolioProfileTooltip-subHeader-fontFamily: Inter;
    --portfolioProfileTooltip-subHeader-fontSize: calc(9px * var(--font-scale, 1));
    --portfolioProfileTooltip-subHeader-fontWeight: 400;
    --providerLogo-width: 0;
    --report-fontFamily: ;
    --report-icon-color: #786E62;
    --report-meta-color: #A09888;
    --report-meta-fontSize: calc(0px * var(--font-scale, 1));
    --report-name-color: #FFFFFF;
    --report-name-fontSize: calc(0px * var(--font-scale, 1));
    --report-name-fontWeight: 0;
    --scrollbar-backgroundColor: #3A3C3C;
    --searchField-backgroundColor: #1F2121;
    --searchField-borderColor: #3A3C3C;
    --searchField-clearIcon-color: #A09888;
    --searchField-color: #FFFFFF;
    --searchField-fontFamily: Inter;
    --searchField-fontSize: calc(13px * var(--font-scale, 1));
    --searchField-fontWeight: 400;
    --searchField-icon-color: #A09888;
    --searchField-placeholder-color: #786E62;
    --setting-description-color: #A09888;
    --setting-description-fontSize: calc(0px * var(--font-scale, 1));
    --setting-fontFamily: ;
    --setting-label-color: #FFFFFF;
    --setting-label-fontSize: calc(0px * var(--font-scale, 1));
    --setting-label-fontWeight: 0;
    --setting-toggle-active-backgroundColor: #C1B198;
    --setting-toggle-inactive-backgroundColor: #333535;
    --sidebar-backgroundColor: #141616;
    --sidebar-borderColor: #333535;
    --status-active-color: #34D399;
    --status-completed-color: #A09888;
    --status-error-color: #F87171;
    --status-pending-color: #FBBF24;
    --status-processing-color: #C1B198;
    --swiper-navigation-color: #786E62;
    --swiper-theme-color: #C1B198;
    --tableHeader-backgroundColor: #1A1C1C;
    --tableHeader-borderColor: #333535;
    --tableHeader-color: #A09888;
    --tableHeader-fontFamily: ;
    --tableHeader-fontSize: calc(0px * var(--font-scale, 1));
    --tableHeader-fontWeight: 0;
    --tabs-header-active-color: #C1B198;
    --tabs-header-color: #786E62;
    --tabs-header-fontFamily: Inter;
    --tabs-header-fontSize: calc(11px * var(--font-scale, 1));
    --tabs-header-fontWeight: 600;
    --tabs-underline-active-color: #C1B198;
    --tabs-underline-color: #333535;
    --tooltip-backgroundColor: #1F2121;
    --tooltip-borderColor: #3A3C3C;
    --tooltip-shadowColor: rgba(0, 0, 0, 0.4)  ;
}