/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-7jtvmb6mk1] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-7jtvmb6mk1] {
    flex: 1;
}

.sidebar[b-7jtvmb6mk1] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

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

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

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

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

@media (max-width: 640.98px) {
    .top-row[b-7jtvmb6mk1] {
        justify-content: space-between;
    }

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

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

    .sidebar[b-7jtvmb6mk1] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

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

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

    .top-row[b-7jtvmb6mk1], article[b-7jtvmb6mk1] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

/* On a 360px phone the menu, logo, search icon, help and profile buttons are 9px wider than the
   header. The profile menu's dropdown chevron is the one part that says nothing the avatar does
   not; the avatar still opens the menu. */
@media (max-width: 399.98px) {
    .header-actions[b-7jtvmb6mk1]  .rz-profile-menu .rz-navigation-item-icon-children {
        display: none;
    }
}

#blazor-error-ui[b-7jtvmb6mk1] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-7jtvmb6mk1] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-huksl0xwxf] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-huksl0xwxf] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-huksl0xwxf] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

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

.bi[b-huksl0xwxf] {
    display: inline-block;
    position: relative;
    margin-right: 0.5rem;
    top: -1px;
    font-size: 1rem;
}

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

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

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

    .nav-item[b-huksl0xwxf]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-huksl0xwxf]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

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

.nav-scrollable[b-huksl0xwxf] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-huksl0xwxf] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-huksl0xwxf] {
        display: none;
    }

    .nav-scrollable[b-huksl0xwxf] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Pages/AiScoreSettings.razor.rz.scp.css */
/* Radzen wraps tab content in its own padded panel; the cards already carry that spacing.
   ::deep because the tab strip and its panels are Radzen's elements, not this page's. */
[b-myqtey74p1] .ai-tabs .rz-tabview-panels { padding: 1rem 0 0 0; }
[b-myqtey74p1] .ai-tabs .rz-tabview-nav { flex-wrap: wrap; }

/* Which copy of the settings is being edited. It sits above the tabs because it governs all
   of them, and it changes colour because "am I editing the live weights" is the one question
   on this page a reader must never have to go looking for the answer to. */
.ai-profile-bar[b-myqtey74p1] {
    display:       flex;
    align-items:   center;
    flex-wrap:     wrap;
    gap:           .5rem;
    padding:       .5rem .75rem;
    margin-bottom: .75rem;
    border:        1px solid var(--bs-border-color);
    border-radius: .5rem;
    background:    var(--bs-tertiary-bg);
}
.ai-profile-bar--experimental[b-myqtey74p1] {
    border-color: var(--bs-warning-border-subtle);
    background:   var(--bs-warning-bg-subtle);
}

/* The stat chips are drawn by both the Backtest and the Analysis tab, so they are defined once
   here and reach into the tabs with ::deep rather than being copied into each. */
[b-myqtey74p1] .backtest-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.4rem 0.9rem;
    border-radius: 0.4rem;
    border: 1px solid var(--bs-border-color);
    min-width: 90px;
}
[b-myqtey74p1] .backtest-stat__label { font-size: 0.7rem; color: var(--bs-secondary); text-transform: uppercase; letter-spacing: .05em; }
[b-myqtey74p1] .backtest-stat__value { font-size: 1rem; font-weight: 600; }

[b-myqtey74p1] .backtest-stat.text-success { border-color: #198754; background: rgba(25,135,84,.06); }
[b-myqtey74p1] .backtest-stat.text-danger  { border-color: #dc3545; background: rgba(220,53,69,.06); }
/* /Components/Pages/StockDetail.razor.rz.scp.css */
/* Key Metrics & Fundamentals cards - align label top, value bottom */
.metrics-card-body[b-lsp7ocklrr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.metrics-card-body .metric-label[b-lsp7ocklrr] {
    font-size: 0.8rem;
    color: var(--bs-secondary-color, #6c757d);
    text-align: center;
}

.metrics-card-body .metric-value[b-lsp7ocklrr] {
    margin-top: auto;
    text-align: center;
}
/* /Components/Shared/AiScore/AnalysisTab.razor.rz.scp.css */
/* Long enough to be worth scrolling inside rather than pushing the traits card off screen. */
.performer-table[b-gw85il3dz2] { max-height: 30rem; overflow-y: auto; }

.trait-chip[b-gw85il3dz2] {
    display: inline-block;
    padding: 0 .35rem;
    margin: 0 .15rem;
    border-radius: .25rem;
    font-size: .78rem;
    background: rgba(var(--bs-primary-rgb), .10);
    color: var(--bs-primary);
    white-space: nowrap;
}

.trait-sector-row .form-check-label[b-gw85il3dz2] { line-height: 1.7; }

/* The sweep's answer sits inside the rules panel it is talking about, so it is boxed off
   from the inputs above it rather than floating between them. */
.opt-panel[b-gw85il3dz2] {
    border: 1px solid var(--bs-border-color);
    border-left: 3px solid var(--bs-primary);
    border-radius: 0.4rem;
    padding: 0.75rem 0.9rem;
    background: rgba(var(--bs-primary-rgb), .03);
}

/* Where the median pick sat, drawn against the middle of the field rather than against zero:
   the question is which side of the market these names came from, and by how far.
   ::deep because TraitBar writes the bar as a MarkupString, and markup built in code does not
   carry this component's scope attribute. */
[b-gw85il3dz2] .trait-bar {
    position: relative;
    height: 12px;
    border-radius: 6px;
    background: var(--bs-secondary-bg, #e9ecef);
    overflow: hidden;
}
[b-gw85il3dz2] .trait-bar__centre {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1px;
    background: var(--bs-border-color);
}
[b-gw85il3dz2] .trait-bar__fill {
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: 6px;
}
[b-gw85il3dz2] .trait-bar__fill--high { background: rgba(25,135,84,.55); }
[b-gw85il3dz2] .trait-bar__fill--low  { background: rgba(220,53,69,.55); }
[b-gw85il3dz2] .trait-bar__fill--flat { background: rgba(108,117,125,.45); }
/* /Components/Shared/AiScore/BacktestTab.razor.rz.scp.css */
.backtest-log[b-qy0b0hvl24] { max-height: 26rem; overflow-y: auto; }

.trade-chip[b-qy0b0hvl24] {
    display: inline-block;
    padding: 0 .35rem;
    margin: 0 .2rem .15rem 0;
    border-radius: .25rem;
    font-size: .75rem;
    white-space: nowrap;
}

/* Coloured through the anchor state as well, or Bootstrap's link colour wins now that the
   chips are links and every buy and sell reads the same blue. */
.trade-chip--sell[b-qy0b0hvl24], .trade-chip--sell:link[b-qy0b0hvl24], .trade-chip--sell:visited[b-qy0b0hvl24],
.trade-chip--sell:hover[b-qy0b0hvl24], .trade-chip--sell:focus[b-qy0b0hvl24] { background: rgba(220,53,69,.10); color: #b02a37; }
.trade-chip--buy[b-qy0b0hvl24],  .trade-chip--buy:link[b-qy0b0hvl24],  .trade-chip--buy:visited[b-qy0b0hvl24],
.trade-chip--buy:hover[b-qy0b0hvl24],  .trade-chip--buy:focus[b-qy0b0hvl24]  { background: rgba(25,135,84,.10); color: #146c43; }

a.trade-chip:hover[b-qy0b0hvl24] { filter: brightness(.92); }

.trade-chip--more[b-qy0b0hvl24] {
    border: 1px dashed var(--bs-border-color);
    background: transparent;
    color: var(--bs-secondary);
    cursor: pointer;
    line-height: 1.35;
}
.trade-chip--more:hover[b-qy0b0hvl24] { background: var(--bs-secondary-bg); color: var(--bs-body-color); }
/* /Components/Shared/AiScore/SettingsTab.razor.rz.scp.css */
.wr-group-heading[b-u7nvrttwnm] {
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: var(--bs-secondary);
    border-bottom: 1px solid var(--bs-border-color);
    padding-bottom: 0.25rem;
    margin-bottom: 0.25rem;
}

.text-teal[b-u7nvrttwnm] { color: #20c997; }

.universe-check[b-u7nvrttwnm] {
    padding: 0.4rem 0.8rem;
    border: 1.5px solid var(--bs-border-color);
    border-radius: 0.4rem;
    cursor: pointer;
    user-select: none;
    transition: border-color .15s, background .15s;
}
.universe-check:has(input:checked)[b-u7nvrttwnm] {
    border-color: var(--bs-primary);
    background: rgba(var(--bs-primary-rgb), .06);
}
/* /Components/Shared/FeedbackDialog.razor.rz.scp.css */
.feedback-dialog[b-33uoooilut] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.feedback-dialog__lead[b-33uoooilut] {
    margin: 0;
    color: #5f6368;
    font-size: 0.95rem;
    line-height: 1.5;
}

.feedback-dialog__count[b-33uoooilut] {
    text-align: right;
    font-size: 0.75rem;
    color: #80868b;
}

.feedback-dialog__label[b-33uoooilut] {
    display: block;
    margin-bottom: 0.25rem;
    font-size: 0.85rem;
    color: #3c4043;
}

.feedback-dialog__note[b-33uoooilut] {
    margin: 0;
    font-size: 0.85rem;
    color: #5f6368;
}

/* Kept in the layout but out of sight: display:none fields are skipped by many form-filling
   scripts, which defeats the point. */
.feedback-dialog__trap[b-33uoooilut] {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.feedback-dialog__error[b-33uoooilut] {
    color: #b3261e;
    font-size: 0.9rem;
}

.feedback-dialog__actions[b-33uoooilut] {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}
/* /Components/Shared/HeaderSymbolSearch.razor.rz.scp.css */
.header-symbol-search[b-fba9cbp6t8] {
    display: flex;
    align-items: center;
    flex: 0 1 360px;
    min-width: 0;
    margin-left: 2rem;
}

.hss-field[b-fba9cbp6t8] {
    display: flex;
    align-items: center;
    flex: 1;
    min-width: 0;
}

.header-symbol-search[b-fba9cbp6t8]  .hss-toggle,
.header-symbol-search[b-fba9cbp6t8]  .hss-close {
    display: none;
}

.header-symbol-search[b-fba9cbp6t8]  .rz-autocomplete {
    background-color: var(--rz-base-background-color);
}

/* Below Radzen's lg breakpoint the header has no room for a box beside the logo and the profile
   menu: show an icon, and open the box over the whole header when it is pressed. */
@media (max-width: 1023.98px) {
    .header-symbol-search[b-fba9cbp6t8] {
        flex: 0 0 auto;
        margin-left: auto;
    }

    .hss-field[b-fba9cbp6t8] {
        display: none;
    }

    /* Narrower than Radzen's 36px icon button: on a 375px phone this and the help and profile
       buttons beside it fit with only a few pixels to spare. */
    .header-symbol-search[b-fba9cbp6t8]  .hss-toggle {
        display: inline-flex;
        min-width: 0;
        padding: 0 4px;
    }

    .header-symbol-search.open .hss-field[b-fba9cbp6t8] {
        display: flex;
        position: absolute;
        inset: 0;
        z-index: 10;
        gap: 4px;
        padding: 0 8px;
        background-color: var(--rz-info-light);
    }

    .header-symbol-search.open[b-fba9cbp6t8]  .hss-close {
        display: inline-flex;
    }
}
/* /Components/Shared/HouseScoreNotice.razor.rz.scp.css */
.house-score-notice[b-j2tyk7wt5a] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem 0;
    padding: .5rem .75rem;
    border: 1px solid var(--bs-success-border-subtle, #a3cfbb);
    border-left: 4px solid #198754;
    border-radius: .375rem;
    background: var(--bs-success-bg-subtle, #d1e7dd);
    font-size: .9rem;
}

/* The sentence takes the spare width, so in a narrow card the buttons wrap below it rather than
   the sentence wrapping away from its icon. */
.house-score-notice > span:nth-child(2)[b-j2tyk7wt5a] {
    flex: 1 1 14rem;
}
/* /Components/Shared/PaperPortfolioPanel.razor.rz.scp.css */
/*
    The against-the-index strip.

    Four columns that must read as one row: three returns and a verdict. One of them holds a
    dropdown, which is half again as tall as a line of text, and baseline alignment therefore put
    its number a third of a line below the others - close enough to look like a mistake and far
    enough to stop the eye scanning across them.

    So the columns do not align to each other at all. Each is a label of one fixed height above a
    value box of another, and every value box is tall enough to hold the dropdown and centres its
    contents. The numbers then line up because they are all in the middle of boxes of equal
    height, whatever is sitting in them.
*/

.pp-compare[b-ddv3ba98a7] {
    display:     flex;
    flex-wrap:   wrap;
    /* The row gap only shows on a narrow screen, where the four columns wrap onto separate
       lines and would otherwise sit flush against each other. On one line it costs nothing. */
    gap:         0.65rem 1.25rem;
    align-items: flex-start;
}

.pp-metric[b-ddv3ba98a7] {
    display:        flex;
    flex-direction: column;
    /* Allowed to be narrower than its contents want, so the column holding the picker can be
       squeezed on a phone instead of pushing the figure beside it off the screen. */
    min-width:      0;
    max-width:      100%;
}

/* 210px where there is room for it, narrower where there is not. */
.pp-picker[b-ddv3ba98a7] {
    display:   block;
    flex:      0 1 210px;
    min-width: 0;
}

.pp-metric-label[b-ddv3ba98a7] {
    font-size:     0.75rem;
    line-height:   1;
    margin-bottom: 0.4rem;
    white-space:   nowrap;
}

.pp-metric-value[b-ddv3ba98a7] {
    display:     flex;
    align-items: center;
    gap:         0.5rem;
    min-height:  40px;          /* a Radzen dropdown exactly, so every row is the same height
                                   and a plain number sits at the same centre as the picker */
    font-size:   1.1rem;
    font-weight: 600;
}

/* The verdict. Pushed to the far end because it is the conclusion the three to its left add up
   to, and right-aligned so it reads as a summary rather than a fourth reading. */
.pp-verdict[b-ddv3ba98a7] {
    margin-left: auto;
    text-align:  right;
}

.pp-verdict .pp-metric-value[b-ddv3ba98a7] {
    justify-content: flex-end;
}

/* Below about a phone's width the verdict has nowhere to be pushed to, and an auto margin then
   strands it against the right edge under three left-aligned figures. It goes back in line. */
/*
    Where both books started, beside where they are now. A small grid rather than a sentence: the
    reader is comparing along two directions at once - account against strategy, and then against
    now - and a sentence makes them hold four numbers in their head to do it.
*/
.pp-start[b-ddv3ba98a7] {
    --bs-table-bg: transparent;
    width:         auto;
    font-size:     0.85rem;
}

.pp-start th[b-ddv3ba98a7],
.pp-start td[b-ddv3ba98a7] {
    padding:     0.2rem 0.9rem 0.2rem 0;
    white-space: nowrap;
}

.pp-start thead th[b-ddv3ba98a7] {
    font-size:   0.7rem;
    font-weight: 400;
    color:       var(--bs-secondary-color);
}

.pp-start tbody th[b-ddv3ba98a7] {
    font-weight: 600;
}

.pp-start-cash[b-ddv3ba98a7] {
    display:   block;
    font-size: 0.75rem;
    color:     var(--bs-secondary-color);
}

@media (max-width: 575.98px) {
    .pp-verdict[b-ddv3ba98a7] {
        margin-left: 0;
        text-align:  left;
    }

    .pp-verdict .pp-metric-value[b-ddv3ba98a7] {
        justify-content: flex-start;
    }
}
/* /Components/Shared/SignInDialog.razor.rz.scp.css */
.signin-dialog[b-if4mhcwf87] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.signin-dialog__lead[b-if4mhcwf87] {
    margin: 0;
    color: #5f6368;
    font-size: 0.95rem;
    line-height: 1.5;
}

.signin-dialog__options[b-if4mhcwf87] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

/* Top-aligned, so the box stays beside the first line when the recap label wraps. */
.signin-dialog__remember[b-if4mhcwf87] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    cursor: pointer;
    font-size: 0.9rem;
    line-height: 1.35;
    color: #3c4043;
}

    .signin-dialog__remember input[type="checkbox"][b-if4mhcwf87] {
        flex-shrink: 0;
        margin: 2px 0 0 0;
        width: 16px;
        height: 16px;
        accent-color: #4285F4;
        cursor: pointer;
    }

.signin-dialog__actions[b-if4mhcwf87] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: 0.25rem;
}

.signin-dialog__cancel[b-if4mhcwf87] {
    border: none;
    background: none;
    padding: 0.5rem 0.25rem;
    color: #5f6368;
    font-size: 0.9rem;
    font-weight: 500;
    cursor: pointer;
    border-radius: 4px;
}

    .signin-dialog__cancel:hover[b-if4mhcwf87] {
        background: #f1f3f4;
        color: #3c4043;
    }

/* "Continue with Google" follows Google's published Sign In button guidelines
   (white background, brand-colored G mark, neutral text) rather than the app's
   own accent color, since this is the identity provider's button, not ours. */
.google-btn[b-if4mhcwf87] {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    height: 40px;
    padding: 0 1rem;
    border: 1px solid #dadce0;
    border-radius: 6px;
    background: #fff;
    color: #3c4043;
    font-size: 0.9rem;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
    transition: box-shadow 0.15s ease, background-color 0.15s ease;
}

    .google-btn:hover[b-if4mhcwf87] {
        box-shadow: 0 1px 3px rgba(60, 64, 67, 0.3), 0 1px 2px rgba(60, 64, 67, 0.15);
        background: #f8f9fa;
    }

    .google-btn:active[b-if4mhcwf87] {
        background: #f1f3f4;
    }

    .google-btn:focus-visible[b-if4mhcwf87] {
        outline: 2px solid #4285F4;
        outline-offset: 2px;
    }

.google-btn__icon[b-if4mhcwf87] {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}
/* /Components/Shared/WeightRow.razor.rz.scp.css */
/* ?? Outer row ?????????????????????????????????????????????????????????????? */
.wr-row[b-d6qekk4dhu] {
    padding: 14px 0 10px;
    border-bottom: 1px solid #e9ecef;
}

.wr-row:last-child[b-d6qekk4dhu] {
    border-bottom: none;
    padding-bottom: 4px;
}

/* ?? Header: label (left) + current value (right) ????????????????????????? */
.wr-header[b-d6qekk4dhu] {
    display:         flex;
    justify-content: space-between;
    align-items:     baseline;
    margin-bottom:   2px;
}

.wr-label[b-d6qekk4dhu] {
    font-weight:  600;
    font-size:    .93rem;
}

.wr-value[b-d6qekk4dhu] {
    font-size:   .88rem;
    font-weight: 700;
    min-width:   36px;
    text-align:  right;
    transition:  color 0.15s ease;
}

.wr-value--positive[b-d6qekk4dhu] { color: #198754; }
.wr-value--negative[b-d6qekk4dhu] { color: #dc3545; }
.wr-value--zero[b-d6qekk4dhu]     { color: #6c757d; }

/* ?? Description sub-text ????????????????????????????????????????????????? */
.wr-desc[b-d6qekk4dhu] {
    font-size:    .78rem;
    color:        #868e96;
    margin-bottom: 6px;
}

/* ?? Range slider ????????????????????????????????????????????????????????? */
.wr-slider-wrap[b-d6qekk4dhu] {
    position: relative; /* anchor for the floating tip */
}

.wr-slider[b-d6qekk4dhu] {
    width:   100%;
    padding: 0;
    margin:  0;
}