/* _content/WealthSight.Web.Shared/Components/Common/DashboardDataQualityCard.razor.rz.scp.css */
.dashboard-empty-state[b-y0b0nxd962] {
    border: 1px dashed var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius, var(--bs-border-radius));
    padding: 1rem;
    text-align: center;
}

.dashboard-quality-summary[b-y0b0nxd962] {
    align-items: center;
    border: 1px solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius, var(--bs-border-radius));
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding: .75rem;
}

.dashboard-quality-summary > div:first-child[b-y0b0nxd962] {
    min-width: 0;
}

.dashboard-quality-summary .btn[b-y0b0nxd962] {
    flex-shrink: 0;
}

.dashboard-quality-actions[b-y0b0nxd962] {
    display: flex;
    flex-shrink: 0;
    gap: .5rem;
}

.dashboard-quality-ok[b-y0b0nxd962] {
    background: rgba(25, 135, 84, .06);
}

.dashboard-quality-warning[b-y0b0nxd962] {
    background: rgba(255, 193, 7, .08);
}

.dashboard-quality-notice[b-y0b0nxd962] {
    background: rgba(13, 110, 253, .05);
}

.dashboard-quality-list[b-y0b0nxd962] {
    display: grid;
    gap: .85rem;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13.5rem), 1fr));
}

.dashboard-quality-item[b-y0b0nxd962] {
    align-items: flex-start;
    border: 1px solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius, var(--bs-border-radius));
    display: flex;
    gap: 1.25rem;
    justify-content: space-between;
    min-width: 0;
    padding: .7rem .8rem;
}

.dashboard-quality-item-title[b-y0b0nxd962] {
    color: var(--bs-body-color);
    font-weight: 600;
    white-space: nowrap;
}

.dashboard-quality-item-status[b-y0b0nxd962] {
    min-width: 7.5rem;
    overflow-wrap: anywhere;
}

.dashboard-subtle-link[b-y0b0nxd962] {
    color: var(--bs-secondary-color);
    text-decoration: none;
}

.dashboard-subtle-link:hover[b-y0b0nxd962],
.dashboard-subtle-link:focus-visible[b-y0b0nxd962] {
    color: var(--bs-body-color);
    text-decoration: underline;
}

@media (max-width: 768px) {
    .dashboard-quality-summary[b-y0b0nxd962],
    .dashboard-quality-item[b-y0b0nxd962] {
        align-items: stretch;
        flex-direction: column;
    }

    .dashboard-quality-item-status[b-y0b0nxd962] {
        min-width: 0;
        text-align: left !important;
    }

    .dashboard-quality-actions[b-y0b0nxd962] {
        flex-wrap: wrap;
    }
}
/* _content/WealthSight.Web.Shared/Components/Common/DashboardGuidancePanel.razor.rz.scp.css */
.dashboard-action-hint[b-5umk5nh9p6] {
    align-items: center;
    background: var(--bs-tertiary-bg);
    border: 1px solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius, var(--bs-border-radius));
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: 1rem;
    padding: .75rem 1rem;
}

.dashboard-action-copy[b-5umk5nh9p6] {
    min-width: 0;
}

.dashboard-action-buttons[b-5umk5nh9p6] {
    display: flex;
    flex-shrink: 0;
    gap: .5rem;
}

@media (max-width: 768px) {
    .dashboard-action-hint[b-5umk5nh9p6] {
        align-items: stretch;
        flex-direction: column;
    }

    .dashboard-action-buttons[b-5umk5nh9p6] {
        flex-wrap: wrap;
    }
}
/* _content/WealthSight.Web.Shared/Components/Common/HoldingComparisonSummary.razor.rz.scp.css */
.holding-comparison-summary[b-wkecr913qk] {
    background: var(--bs-card-bg, var(--bs-body-bg));
    border: var(--bs-card-border-width, 1px) solid var(--bs-card-border-color, var(--bs-border-color));
    border-radius: var(--bs-card-border-radius, var(--bs-border-radius));
    margin-bottom: 1rem;
    padding: 1rem;
}

.holding-comparison-header[b-wkecr913qk] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: .9rem;
}

.holding-comparison-title[b-wkecr913qk] {
    font-weight: 700;
    margin: 0;
}

.holding-comparison-subtitle[b-wkecr913qk] {
    color: var(--bs-secondary-color);
    font-size: .84rem;
    margin-top: .25rem;
}

.holding-comparison-hint[b-wkecr913qk] {
    color: var(--bs-secondary-color);
    font-size: .78rem;
    margin-top: .2rem;
}

.holding-comparison-actions[b-wkecr913qk] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
}

.holding-comparison-grid[b-wkecr913qk] {
    display: grid;
    gap: .75rem;
    grid-template-columns: 1.25fr 1fr 1fr 1fr;
}

.holding-comparison-metric[b-wkecr913qk] {
    border-left: 1px solid var(--bs-card-border-color);
    min-width: 0;
    padding: .25rem .85rem;
}

.holding-comparison-primary[b-wkecr913qk] {
    border-left: 0;
    padding-left: 0;
}

.holding-comparison-label[b-wkecr913qk] {
    align-items: center;
    color: var(--bs-secondary-color);
    display: flex;
    font-size: .8rem;
    gap: .35rem;
    margin-bottom: .35rem;
}

.holding-comparison-help[b-wkecr913qk] {
    cursor: pointer;
}

.holding-comparison-value[b-wkecr913qk] {
    background: transparent;
    border: 0;
    color: var(--bs-body-color);
    display: block;
    font-size: 1.02rem;
    font-weight: 700;
    line-height: 1.3;
    padding: 0;
    text-align: left;
}

.holding-comparison-link[b-wkecr913qk] {
    cursor: pointer;
}

.holding-comparison-link:hover[b-wkecr913qk],
.holding-comparison-link:focus-visible[b-wkecr913qk] {
    color: var(--bs-primary);
    outline: none;
}

.holding-comparison-arrow[b-wkecr913qk] {
    color: var(--bs-secondary-color);
    font-weight: 500;
    margin: 0 .25rem;
}

.holding-comparison-note[b-wkecr913qk] {
    color: var(--bs-secondary-color);
    font-size: .76rem;
    margin-top: .35rem;
}

@media (max-width: 992px) {
    .holding-comparison-grid[b-wkecr913qk] {
        grid-template-columns: 1fr;
    }

    .holding-comparison-metric[b-wkecr913qk] {
        border-left: 0;
        border-top: 1px solid var(--bs-card-border-color);
        padding: .75rem 0 0;
    }

    .holding-comparison-primary[b-wkecr913qk] {
        border-top: 0;
        padding-top: 0;
    }
}

@media (max-width: 768px) {
    .holding-comparison-header[b-wkecr913qk] {
        flex-direction: column;
    }

    .holding-comparison-actions[b-wkecr913qk] {
        justify-content: flex-start;
        width: 100%;
    }
}
/* _content/WealthSight.Web.Shared/Components/Common/HoldingDistributionSummary.razor.rz.scp.css */
.holding-summary[b-ljiyev591f] {
    background: var(--bs-card-bg, var(--bs-body-bg));
    border: var(--bs-card-border-width, 1px) solid var(--bs-card-border-color, var(--bs-border-color));
    border-radius: var(--bs-card-border-radius, var(--bs-border-radius));
    margin-bottom: 1rem;
    padding: 1rem;
}

.holding-summary-header[b-ljiyev591f] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: .9rem;
}

.holding-summary-title[b-ljiyev591f] {
    font-weight: 700;
    margin: 0;
}

.holding-summary-subtitle[b-ljiyev591f] {
    color: var(--bs-secondary-color);
    font-size: .84rem;
    margin-top: .25rem;
}

.holding-summary-actions[b-ljiyev591f] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
}

.holding-summary-grid[b-ljiyev591f] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.holding-summary-metric[b-ljiyev591f] {
    border-left: 1px solid var(--bs-card-border-color);
    min-width: 0;
    padding: .25rem .85rem;
}

.holding-summary-metric:first-child[b-ljiyev591f] {
    border-left: 0;
    padding-left: 0;
}

.holding-summary-label[b-ljiyev591f] {
    align-items: center;
    color: var(--bs-secondary-color);
    display: flex;
    font-size: .8rem;
    gap: .35rem;
    margin-bottom: .35rem;
}

.holding-summary-help[b-ljiyev591f] {
    cursor: pointer;
}

.holding-summary-value[b-ljiyev591f] {
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.25;
}

.holding-summary-note[b-ljiyev591f] {
    color: var(--bs-secondary-color);
    font-size: .76rem;
    margin-top: .35rem;
}

.holding-summary-risk-row[b-ljiyev591f] {
    align-items: center;
    display: flex;
    gap: .75rem;
}

.holding-summary-progress[b-ljiyev591f] {
    flex: 1;
    min-width: 5rem;
}

.holding-summary-risk-low[b-ljiyev591f] {
    border-color: var(--bs-card-border-color);
}

.holding-summary-risk-medium[b-ljiyev591f] {
    border-color: var(--bs-card-border-color);
}

.holding-summary-risk-high[b-ljiyev591f] {
    border-color: var(--bs-card-border-color);
}

@media (max-width: 992px) {
    .holding-summary-grid[b-ljiyev591f] {
        grid-template-columns: 1fr;
    }

    .holding-summary-metric[b-ljiyev591f] {
        border-left: 0;
        border-top: 1px solid var(--bs-card-border-color);
        padding: .75rem 0 0;
    }

    .holding-summary-metric:first-child[b-ljiyev591f] {
        border-top: 0;
        padding-top: 0;
    }
}

@media (max-width: 768px) {
    .holding-summary-header[b-ljiyev591f] {
        flex-direction: column;
    }

    .holding-summary-actions[b-ljiyev591f] {
        justify-content: flex-start;
        width: 100%;
    }
}
/* _content/WealthSight.Web.Shared/Components/Pages/Dashboard.razor.rz.scp.css */
.dashboard-metric-grid[b-r7lkmqjznh] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.dashboard-metric[b-r7lkmqjznh] {
    border-left: 1px solid var(--bs-card-border-color);
    min-width: 0;
    padding: .2rem .85rem;
}

.dashboard-metric:nth-child(odd)[b-r7lkmqjznh] {
    border-left: 0;
    padding-left: 0;
}

.dashboard-metric-label[b-r7lkmqjznh] {
    color: var(--bs-secondary-color);
    font-size: .8rem;
    margin-bottom: .3rem;
}

.dashboard-metric-value[b-r7lkmqjznh] {
    color: var(--bs-body-color);
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.dashboard-metric-primary .dashboard-metric-value[b-r7lkmqjznh] {
    font-size: 1.18rem;
}

.dashboard-metric-note[b-r7lkmqjznh] {
    color: var(--bs-secondary-color);
    font-size: .76rem;
    margin-top: .28rem;
}

.dashboard-risk-row[b-r7lkmqjznh] {
    align-items: center;
    border-top: 1px solid var(--bs-card-border-color);
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    padding-top: .75rem;
}

.dashboard-risk-progress[b-r7lkmqjznh] {
    flex: 0 0 9rem;
    max-width: 9rem;
}

.dashboard-performance-panel[b-r7lkmqjznh] {
    margin: 0 -1rem;
}

.dashboard-list-title[b-r7lkmqjznh] {
    align-items: center;
    display: flex;
    gap: .35rem;
}

.dashboard-subtle-link[b-r7lkmqjznh] {
    color: var(--bs-secondary-color);
    text-decoration: none;
}

.dashboard-subtle-link:hover[b-r7lkmqjznh],
.dashboard-subtle-link:focus-visible[b-r7lkmqjznh] {
    color: var(--bs-body-color);
    text-decoration: underline;
}

@media (max-width: 768px) {
    .dashboard-metric-grid[b-r7lkmqjznh] {
        grid-template-columns: 1fr;
    }

    .dashboard-metric[b-r7lkmqjznh],
    .dashboard-metric:nth-child(odd)[b-r7lkmqjznh] {
        border-left: 0;
        border-top: 1px solid var(--bs-card-border-color);
        padding: .75rem 0 0;
    }

    .dashboard-metric:first-child[b-r7lkmqjznh] {
        border-top: 0;
        padding-top: 0;
    }

    .dashboard-risk-row[b-r7lkmqjznh] {
        align-items: stretch;
        flex-direction: column;
    }

    .dashboard-risk-progress[b-r7lkmqjznh] {
        flex-basis: auto;
        max-width: none;
    }

}
/* _content/WealthSight.Web.Shared/Components/Tabs/BacktrackTimelineTab.razor.rz.scp.css */
.backtrack-timeline[b-v8rvrftixt] {
    position: relative;
}

.timeline-panel[b-v8rvrftixt] {
    background: var(--bs-card-bg, var(--bs-body-bg));
    border: var(--bs-card-border-width, 1px) solid var(--bs-card-border-color, var(--bs-border-color));
    border-radius: var(--bs-card-border-radius, var(--bs-border-radius));
    margin-bottom: 1rem;
    padding: 1rem;
}

.timeline-toolbar[b-v8rvrftixt] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: .75rem;
}

.timeline-toolbar-actions[b-v8rvrftixt] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
}

.timeline-granularity .btn[b-v8rvrftixt] {
    border-color: var(--bs-secondary);
    min-width: 2.5rem;
}

.timeline-granularity .btn-primary[b-v8rvrftixt] {
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-border-color: var(--bs-secondary);
    box-shadow: none;
    position: relative;
    z-index: 2;
}

.timeline-shell[b-v8rvrftixt] {
    --timeline-rail-bottom: .35rem;
    --timeline-rail-top: .2rem;
    --timeline-tick-offset: .62rem;
    --timeline-track-height: 4.35rem;
    align-items: center;
    display: flex;
    gap: .5rem;
    margin-bottom: .9rem;
    margin-top: .75rem;
}

.timeline-nav-button[b-v8rvrftixt] {
    align-items: center;
    display: inline-flex;
    height: var(--timeline-track-height);
    justify-content: center;
    min-width: 2.125rem;
    padding: 0;
}

.timeline-track[b-v8rvrftixt] {
    background:
        linear-gradient(180deg, rgba(13, 110, 253, .05), rgba(13, 110, 253, 0) 58%),
        var(--bs-body-bg);
    border: var(--bs-card-border-width, 1px) solid var(--bs-card-border-color, var(--bs-border-color));
    border-radius: var(--bs-card-border-radius, var(--bs-border-radius));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45);
    min-height: var(--timeline-track-height);
    overflow: visible;
    padding: var(--timeline-rail-top) 1rem var(--timeline-rail-bottom);
}

.timeline-rail[b-v8rvrftixt] {
    bottom: var(--timeline-rail-bottom);
    left: 1rem;
    position: absolute;
    right: 1rem;
    top: var(--timeline-rail-top);
}

.timeline-selection[b-v8rvrftixt] {
    border-left: 3px solid var(--bs-primary);
    bottom: calc(-1 * var(--timeline-rail-bottom));
    pointer-events: none;
    position: absolute;
    top: calc(-1 * var(--timeline-rail-top));
    transform: translateX(-1.5px);
    z-index: 4;
}

.timeline-selection-label[b-v8rvrftixt] {
    background: var(--bs-primary);
    border-radius: 999px;
    color: #fff;
    font-size: .72rem;
    left: 50%;
    line-height: 1;
    max-width: 12rem;
    overflow: hidden;
    padding: .28rem .55rem;
    position: absolute;
    text-overflow: ellipsis;
    top: 0;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}

.timeline-points[b-v8rvrftixt] {
    pointer-events: none;
    top: 0;
    z-index: 5;
}

.timeline-marker[b-v8rvrftixt] {
    --timeline-marker-size: 24px;
    align-items: center;
    background: rgba(52, 168, 120, .95);
    border: 2px solid var(--bs-body-bg);
    border-radius: 999px;
    box-shadow: 0 .28rem .75rem rgba(15, 23, 42, .14);
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: .68rem;
    font-weight: 700;
    height: var(--timeline-marker-size);
    justify-content: center;
    min-width: var(--timeline-marker-size);
    padding: 0 .3rem;
    pointer-events: auto;
    position: absolute;
    top: .65rem;
    transform: translateX(-50%);
    transition: background-color .16s ease, box-shadow .16s ease, transform .16s ease;
    z-index: 6;
}

.timeline-marker[b-v8rvrftixt]::before {
    bottom: -.55rem;
    content: "";
    left: -.45rem;
    position: absolute;
    right: -.45rem;
    top: -.45rem;
}

.timeline-marker:hover[b-v8rvrftixt],
.timeline-marker:focus-visible[b-v8rvrftixt] {
    background: rgba(33, 145, 105, .98);
    box-shadow: 0 .45rem 1.1rem rgba(15, 23, 42, .2);
    outline: none;
    transform: translateX(-50%) translateY(-2px);
}

.timeline-marker-medium[b-v8rvrftixt] {
    background: rgba(34, 197, 148, .95);
}

.timeline-marker-heavy[b-v8rvrftixt] {
    background: rgba(253, 126, 20, .98);
    box-shadow: 0 .35rem 1rem rgba(253, 126, 20, .25);
}

.timeline-marker-active[b-v8rvrftixt] {
    box-shadow: 0 0 0 .22rem rgba(255, 255, 255, .95), 0 0 0 .34rem rgba(13, 110, 253, .2), 0 .45rem 1.1rem rgba(15, 23, 42, .22);
    transform: translateX(-50%) translateY(-1px);
}

.timeline-marker-count[b-v8rvrftixt] {
    line-height: 1;
}

.timeline-slider[b-v8rvrftixt] {
    position: relative;
    transform: translateY(1.95rem);
    z-index: 3;
}

.timeline-slider[b-v8rvrftixt]  .form-range::-webkit-slider-thumb {
    background: transparent;
    border: 0;
    box-shadow: none;
    opacity: 0;
}

.timeline-slider[b-v8rvrftixt]  .form-range::-moz-range-thumb {
    background: transparent;
    border: 0;
    box-shadow: none;
    opacity: 0;
}

.timeline-slider[b-v8rvrftixt]  .form-range:focus::-webkit-slider-thumb {
    box-shadow: none;
}

.timeline-slider[b-v8rvrftixt]  .form-range:focus::-moz-range-thumb {
    box-shadow: none;
}

.timeline-ticks[b-v8rvrftixt] {
    bottom: calc(-1 * var(--timeline-tick-offset));
    left: 0;
    position: absolute;
    right: 0;
    z-index: 1;
}

.timeline-tick[b-v8rvrftixt] {
    position: absolute;
    transform: translateX(-50%);
    white-space: nowrap;
}

.timeline-trades[b-v8rvrftixt] {
    margin-top: 1.5rem;
}

.timeline-trades-table[b-v8rvrftixt] {
    margin-bottom: 0;
}

.timeline-tooltip[b-v8rvrftixt] {
    border: 1px solid var(--bs-border-color);
    border-radius: .75rem;
    box-shadow: 0 .75rem 1.8rem rgba(15, 23, 42, .16);
    min-width: 14rem;
    padding: .75rem .9rem;
    position: absolute;
    top: calc(100% + .55rem);
    transform: translateX(-50%);
    z-index: 20;
}

@media (max-width: 768px) {
    .timeline-toolbar[b-v8rvrftixt] {
        flex-direction: column;
    }

    .timeline-toolbar-actions[b-v8rvrftixt] {
        justify-content: flex-start;
        width: 100%;
    }

    .timeline-shell[b-v8rvrftixt] {
        --timeline-rail-bottom: .45rem;
        --timeline-tick-offset: .58rem;
        --timeline-track-height: 4.6rem;
        gap: .35rem;
        margin-bottom: .8rem;
        margin-top: .7rem;
    }

    .timeline-panel[b-v8rvrftixt] {
        padding: .85rem;
    }

    .timeline-track[b-v8rvrftixt] {
        padding-left: .75rem;
        padding-right: .75rem;
    }

    .timeline-trades[b-v8rvrftixt] {
        margin-top: .7rem;
    }

    .timeline-rail[b-v8rvrftixt] {
        left: .75rem;
        right: .75rem;
    }

    .timeline-nav-button[b-v8rvrftixt] {
        min-width: 2rem;
    }

    .timeline-selection-label[b-v8rvrftixt] {
        max-width: 8rem;
    }

    .timeline-tick[b-v8rvrftixt] {
        font-size: .7rem;
    }
}
/* _content/WealthSight.Web.Shared/Components/Tabs/DistributionSeriesTab.razor.rz.scp.css */
.series-summary[b-i5p3fadjqa] {
    background: var(--bs-card-bg, var(--bs-body-bg));
    border: var(--bs-card-border-width, 1px) solid var(--bs-card-border-color, var(--bs-border-color));
    border-radius: var(--bs-card-border-radius, var(--bs-border-radius));
    margin-bottom: 1rem;
    padding: 1rem;
}

.series-summary-header[b-i5p3fadjqa] {
    align-items: flex-start;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    margin-bottom: .9rem;
}

.series-summary-title[b-i5p3fadjqa] {
    font-weight: 700;
    margin: 0;
}

.series-summary-subtitle[b-i5p3fadjqa] {
    color: var(--bs-secondary-color);
    font-size: .84rem;
    margin-top: .25rem;
}

.series-summary-actions[b-i5p3fadjqa] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: flex-end;
}

.series-summary-grid[b-i5p3fadjqa] {
    display: grid;
    gap: .75rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.series-summary-metric[b-i5p3fadjqa] {
    border-left: 1px solid var(--bs-card-border-color);
    min-width: 0;
    padding: .25rem .85rem;
}

.series-summary-metric:first-child[b-i5p3fadjqa] {
    border-left: 0;
    padding-left: 0;
}

.series-summary-label[b-i5p3fadjqa] {
    color: var(--bs-secondary-color);
    font-size: .8rem;
    margin-bottom: .35rem;
}

.series-summary-value[b-i5p3fadjqa] {
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.25;
}

.series-summary-note[b-i5p3fadjqa] {
    color: var(--bs-secondary-color);
    font-size: .76rem;
    margin-top: .35rem;
}

@media (max-width: 992px) {
    .series-summary-grid[b-i5p3fadjqa] {
        grid-template-columns: 1fr;
    }

    .series-summary-metric[b-i5p3fadjqa] {
        border-left: 0;
        border-top: 1px solid var(--bs-card-border-color);
        padding: .75rem 0 0;
    }

    .series-summary-metric:first-child[b-i5p3fadjqa] {
        border-top: 0;
        padding-top: 0;
    }
}

@media (max-width: 768px) {
    .series-summary-header[b-i5p3fadjqa] {
        flex-direction: column;
    }

    .series-summary-actions[b-i5p3fadjqa] {
        justify-content: flex-start;
        width: 100%;
    }
}