.it9-sm, .it9-sm__bar {
    --it9-sm-padding:var(--it9-sm-padding-desktop,20px 24px 14px);
    --it9-sm-margin:var(--it9-sm-margin-desktop,0px);
    --it9-sm-max-width:var(--it9-sm-max-width-desktop,1400);
    --it9-sm-gap:var(--it9-sm-gap-desktop,12);
    --it9-sm-pill-padding:var(--it9-sm-pill-padding-desktop,12px 20px);
    --it9-sm-pill-radius:var(--it9-sm-pill-radius-desktop,100px);
    --it9-sm-pill-border:var(--it9-sm-pill-border-desktop,1px);
    --it9-sm-bar-border:var(--it9-sm-bar-border-desktop,0px 0px 1px);
    --it9-sm-bar-radius:var(--it9-sm-bar-radius-desktop,0px);
    --it9-sm-font-size:var(--it9-sm-font-size-desktop,16);
    box-sizing:border-box;
}
.it9-sm { position:relative; min-width:0; margin:var(--it9-sm-margin); }
.it9-sm__bar {
    box-sizing:border-box; padding:var(--it9-sm-padding); margin:0;
    background:var(--it9-sm-background,#020a2e); color:var(--it9-sm-pill-color,#dae4f7);
    border-style:solid; border-width:var(--it9-sm-bar-border); border-color:var(--it9-sm-bar-border-color,#283355);
    border-radius:var(--it9-sm-bar-radius); width:100%; max-width:none;
    transition:background-color .2s ease,box-shadow .2s ease;
}
.it9-sm__bar.is-stuck { position:fixed; background:var(--it9-sm-stuck-background,#020a2e); box-shadow:0 5px calc(var(--it9-sm-shadow,14) * 1px) #00000026; }
.it9-sm__bar.is-detached { position:absolute; }
.it9-sm__bar .it9-sm__scroller {
    width:100%; max-width:calc(var(--it9-sm-max-width) * 1px); margin:0 auto;
    overflow-x:auto; overflow-y:hidden; overscroll-behavior-x:contain;
    scrollbar-width:thin; scrollbar-color:var(--it9-sm-scroll-thumb,#80b5ff) var(--it9-sm-scroll-track,#17244a);
    -webkit-overflow-scrolling:touch;
}
.it9-sm__bar .it9-sm__scroller.is-unlimited { max-width:none; }
.it9-sm__scroller::-webkit-scrollbar { height:calc(var(--it9-sm-scroll-size,6) * 1px); }
.it9-sm__scroller::-webkit-scrollbar-track { background:var(--it9-sm-scroll-track,#17244a); border-radius:20px; }
.it9-sm__scroller::-webkit-scrollbar-thumb { background:var(--it9-sm-scroll-thumb,#80b5ff); border-radius:20px; }
@supports selector(::-webkit-scrollbar) { .it9-sm__bar .it9-sm__scroller { scrollbar-width:auto; scrollbar-color:auto; } }
/* The persistent control is attached for every overflowing menu, including non-sticky menus. */
.it9-sm__bar .it9-sm__scroller.has-visible-scrollbar { scrollbar-width:none; }
.it9-sm__bar .it9-sm__scroller.has-visible-scrollbar::-webkit-scrollbar { display:none; height:0; }
.it9-sm__bar input.it9-sm__scrollbar {
    display:block; appearance:none; -webkit-appearance:none; box-sizing:border-box;
    min-width:0; max-width:100%; min-height:0; height:calc(var(--it9-sm-scroll-size,6) * 1px);
    margin:0 auto; padding:0; border:0; border-radius:20px; box-shadow:none;
    background:var(--it9-sm-scroll-track,#17244a); cursor:pointer; accent-color:var(--it9-sm-scroll-thumb,#80b5ff);
}
.it9-sm__bar input.it9-sm__scrollbar[hidden] { display:none; }
.it9-sm__scrollbar::-webkit-slider-runnable-track { height:100%; border:0; border-radius:20px; background:var(--it9-sm-scroll-track,#17244a); }
.it9-sm__scrollbar::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; height:calc(var(--it9-sm-scroll-size,6) * 1px); width:var(--it9-sm-scroll-thumb-width,40px); border:0; border-radius:20px; background:var(--it9-sm-scroll-thumb,#80b5ff); }
.it9-sm__scrollbar::-moz-range-track { height:100%; border:0; border-radius:20px; background:var(--it9-sm-scroll-track,#17244a); }
.it9-sm__scrollbar::-moz-range-thumb { height:calc(var(--it9-sm-scroll-size,6) * 1px); width:var(--it9-sm-scroll-thumb-width,40px); border:0; border-radius:20px; background:var(--it9-sm-scroll-thumb,#80b5ff); }
.it9-sm__bar .it9-sm__scrollbar:focus-visible { outline:2px solid var(--it9-sm-focus-color,#80b5ff); outline-offset:3px; }
.it9-sm__bar .it9-sm__list {
    box-sizing:border-box; display:flex; flex-flow:row nowrap; align-items:center;
    gap:calc(var(--it9-sm-gap) * 1px); width:max-content; min-width:0; max-width:none;
    list-style:none; margin:0 auto; padding:4px 4px calc(var(--it9-sm-scroll-space,8) * 1px + 4px);
}
.it9-sm__bar .it9-sm__item { list-style:none; margin:0; padding:0; flex:0 0 auto; }
.it9-sm__bar a.it9-sm__pill, .it9-sm__bar button.it9-sm__pill {
    box-sizing:border-box; display:flex; align-items:center; justify-content:center; min-height:44px;
    white-space:nowrap; padding:var(--it9-sm-pill-padding); margin:0;
    border-style:solid; border-width:var(--it9-sm-pill-border); border-color:var(--it9-sm-pill-border-color,#34405f);
    border-radius:var(--it9-sm-pill-radius); background:var(--it9-sm-pill-background,#111a3a);
    color:var(--it9-sm-pill-color,#dae4f7); font-family:inherit;
    font-size:calc(var(--it9-sm-font-size) * 1px); font-weight:var(--it9-sm-font-weight,600);
    line-height:var(--it9-sm-line-height,1.4); letter-spacing:calc(var(--it9-sm-letter-spacing,0) * 1px);
    text-decoration:none !important; box-shadow:none; cursor:pointer;
    transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
.it9-sm__bar .it9-sm__pill::before, .it9-sm__bar .it9-sm__pill::after { content:none !important; }
.it9-sm__bar .it9-sm__pill:hover { color:var(--it9-sm-hover-color,#fff); background:var(--it9-sm-hover-background,#1b3158); border-color:var(--it9-sm-hover-border-color,#80b5ff); }
.it9-sm__bar .it9-sm__pill[aria-current="location"] { color:var(--it9-sm-active-color,#fff); background:var(--it9-sm-active-background,#ff443b); border-color:var(--it9-sm-active-border-color,#ff443b); }
.it9-sm__bar .it9-sm__pill:focus-visible { outline:2px solid var(--it9-sm-focus-color,#80b5ff); outline-offset:2px; }
.it9-sm__bar .it9-sm__pill[aria-disabled="true"] { opacity:.5; cursor:not-allowed; }
@media(max-width:1024px) {
    .it9-sm, .it9-sm__bar {
        --it9-sm-padding:var(--it9-sm-padding-tablet,var(--it9-sm-padding-desktop)); --it9-sm-margin:var(--it9-sm-margin-tablet,var(--it9-sm-margin-desktop));
        --it9-sm-max-width:var(--it9-sm-max-width-tablet,var(--it9-sm-max-width-desktop)); --it9-sm-gap:var(--it9-sm-gap-tablet,var(--it9-sm-gap-desktop));
        --it9-sm-pill-padding:var(--it9-sm-pill-padding-tablet,var(--it9-sm-pill-padding-desktop)); --it9-sm-pill-radius:var(--it9-sm-pill-radius-tablet,var(--it9-sm-pill-radius-desktop));
        --it9-sm-pill-border:var(--it9-sm-pill-border-tablet,var(--it9-sm-pill-border-desktop)); --it9-sm-bar-border:var(--it9-sm-bar-border-tablet,var(--it9-sm-bar-border-desktop));
        --it9-sm-bar-radius:var(--it9-sm-bar-radius-tablet,var(--it9-sm-bar-radius-desktop)); --it9-sm-font-size:var(--it9-sm-font-size-tablet,var(--it9-sm-font-size-desktop));
    }
}
@media(max-width:767px) {
    .it9-sm, .it9-sm__bar {
        --it9-sm-padding:var(--it9-sm-padding-mobile,var(--it9-sm-padding-tablet)); --it9-sm-margin:var(--it9-sm-margin-mobile,var(--it9-sm-margin-tablet));
        --it9-sm-max-width:var(--it9-sm-max-width-mobile,var(--it9-sm-max-width-tablet)); --it9-sm-gap:var(--it9-sm-gap-mobile,var(--it9-sm-gap-tablet));
        --it9-sm-pill-padding:var(--it9-sm-pill-padding-mobile,var(--it9-sm-pill-padding-tablet)); --it9-sm-pill-radius:var(--it9-sm-pill-radius-mobile,var(--it9-sm-pill-radius-tablet));
        --it9-sm-pill-border:var(--it9-sm-pill-border-mobile,var(--it9-sm-pill-border-tablet)); --it9-sm-bar-border:var(--it9-sm-bar-border-mobile,var(--it9-sm-bar-border-tablet));
        --it9-sm-bar-radius:var(--it9-sm-bar-radius-mobile,var(--it9-sm-bar-radius-tablet)); --it9-sm-font-size:var(--it9-sm-font-size-mobile,var(--it9-sm-font-size-tablet));
    }
}
@media(prefers-reduced-motion:reduce) { .it9-sm__bar, .it9-sm__bar .it9-sm__pill { transition:none; scroll-behavior:auto; } }
@media print { .it9-sm__bar.is-stuck { display:none; } .it9-sm { display:none; } }
