.bf-rail{--rail-stripe: #b9c0cf;--rail-on: #2f5fb3;position:fixed;z-index:3;left:18px;top:50%;display:flex;flex-direction:column;gap:22px;font-family:var(--bf-font);opacity:0;visibility:hidden;transform:translate(-8px,-50%);transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s}.bf-rail.is-on{opacity:1;visibility:visible;transform:translateY(-50%);transition:opacity .25s ease,transform .25s ease,visibility 0s}.bf-rail__grp{position:relative;display:flex;align-items:center;gap:12px}.bf-rail__bars{display:flex;flex-direction:column;gap:9px;width:44px}.bf-rail__bar{position:relative;display:block;height:14px;cursor:pointer}.bf-rail__bar:after{content:"";position:absolute;left:0;top:5.5px;height:3px;border-radius:2px;width:calc(14px + 28px * var(--k, 0));background:var(--rail-stripe);transition:background-color .2s ease}.bf-rail__bar.is-on:after{background:var(--rail-on)}.bf-rail .bf-rail__lab{font-size:13px;line-height:1.2;font-weight:400;color:#8a96b2;text-decoration:none;white-space:nowrap}.bf-rail .bf-rail__grp.is-on .bf-rail__lab{font-size:15px;font-weight:700;color:var(--bf-navy)}.bf-rail .bf-rail__lab:focus-visible{outline:2px solid var(--rail-on);outline-offset:3px;border-radius:4px}@media(min-width:990px)and (max-width:1679px){.bf-rail{left:8px}.bf-rail__bars{width:30px}.bf-rail__bar:after{width:calc(10px + 20px * var(--k, 0))}.bf-rail .bf-rail__lab{position:absolute;left:38px;padding:4px 10px;border-radius:999px;background:#fffffff5;box-shadow:0 2px 10px #01193324;opacity:0;transform:translate(-4px);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.bf-rail:hover .bf-rail__lab,.bf-rail:focus-within .bf-rail__lab{opacity:1;transform:none;pointer-events:auto}}@media(max-width:989px){.bf-rail{left:0;right:0;top:0;flex-direction:row;justify-content:center;gap:4px;padding:4px 8px;background:#fffffff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--bf-line);transform:translateY(-8px)}.bf-rail.is-on{transform:none}.bf-rail__bars{display:none}.bf-rail .bf-rail__lab,.bf-rail .bf-rail__grp.is-on .bf-rail__lab{display:block;padding:10px 14px;font-size:14px}.bf-rail__grp.is-on:after{content:"";position:absolute;left:14px;right:14px;bottom:3px;height:3px;border-radius:2px;background:var(--rail-on)}}@media(prefers-reduced-motion:reduce){.bf-rail,.bf-rail.is-on,.bf-rail__bar:after,.bf-rail .bf-rail__lab{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/bf-rail.css.map */