.kbw-rail-layout{--rail-line: rgba(var(--color-text-no-alpha) / .13);--rail-line-soft: rgba(var(--color-text-no-alpha) / .08);--rail-surface: rgba(var(--color-text-no-alpha) / .03);--rail-tint: rgba(var(--color-button-no-alpha) / .08);--rail-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}.kbw-rail-side ::-webkit-scrollbar,.kbw-rail ::-webkit-scrollbar,.kbw-rail-side::-webkit-scrollbar,.kbw-rail::-webkit-scrollbar{width:6px;height:6px}.kbw-rail-side ::-webkit-scrollbar-track,.kbw-rail ::-webkit-scrollbar-track,.kbw-rail-side::-webkit-scrollbar-track,.kbw-rail::-webkit-scrollbar-track{background:transparent}.kbw-rail-side ::-webkit-scrollbar-thumb,.kbw-rail ::-webkit-scrollbar-thumb,.kbw-rail-side::-webkit-scrollbar-thumb,.kbw-rail::-webkit-scrollbar-thumb{border-radius:999px;background:transparent;transition:background .15s ease}.kbw-rail-side:hover::-webkit-scrollbar-thumb,.kbw-rail:hover::-webkit-scrollbar-thumb,.kbw-rail-side *:hover>::-webkit-scrollbar-thumb,.kbw-rail-side *:hover::-webkit-scrollbar-thumb{background:rgba(var(--color-text-no-alpha) / .2)}.kbw-rail-side ::-webkit-scrollbar-thumb:hover,.kbw-rail-side::-webkit-scrollbar-thumb:hover,.kbw-rail::-webkit-scrollbar-thumb:hover{background:rgba(var(--color-text-no-alpha) / .34)}.kbw-rail-side,.kbw-rail-side *,.kbw-rail,.kbw-rail *{scrollbar-width:thin;scrollbar-color:transparent transparent}.kbw-rail-side:hover,.kbw-rail-side *:hover,.kbw-rail:hover{scrollbar-color:rgba(var(--color-text-no-alpha) / .2) transparent}.kbw-rail-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}@media screen and (min-width:1024px){.kbw-rail-layout{grid-template-columns:244px minmax(0,1fr);align-items:start}.kbw-rail-side{position:sticky;top:calc(var(--kbw-rail-top, 0px) + 12px);max-height:calc(100vh - var(--kbw-rail-top, 0px) - 24px);overflow-y:auto;overscroll-behavior:contain}}.kbw-rail-main{min-width:0}.kbw-rail{border:1px solid var(--rail-line);border-radius:6px;background:rgba(var(--color-background))}.kbw-rail__head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--rail-line-soft)}.kbw-rail__title{margin:0;margin-inline-end:auto;color:inherit;font-family:inherit;font-size:13px;font-weight:700;line-height:inherit;letter-spacing:.06em;text-transform:uppercase}.kbw-rail__reset{padding:0;border:none;background:none;color:rgba(var(--color-button));font-family:inherit;font-size:12px;text-decoration:underline;cursor:pointer}.kbw-rail__reset[hidden]{display:none}.kbw-rail__group{padding:14px 16px;border-bottom:1px solid var(--rail-line-soft)}.kbw-rail__group:last-child{border-bottom:none}.kbw-rail__group-title{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;list-style:none;opacity:.65}.kbw-rail__group[open]>.kbw-rail__group-title{opacity:.8}.kbw-rail__group-title::-webkit-details-marker{display:none}.kbw-rail__group-title:after{content:"";width:6px;height:6px;margin-inline-start:auto;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s ease}.kbw-rail__group[open]>.kbw-rail__group-title:after{transform:rotate(-135deg) translate(-3px,-3px)}.kbw-rail__group-badge{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 5px;border-radius:999px;background:rgba(var(--color-button));color:rgba(var(--color-button-text));font-size:10px;letter-spacing:0}.kbw-rail__group-badge[hidden]{display:none}.kbw-rail__options.is-clipped>.is-over{display:none}.kbw-rail__more{margin-top:8px;padding:0;border:none;background:none;color:rgba(var(--color-button));font-family:inherit;font-size:12px;text-decoration:underline;cursor:pointer}.kbw-rail__more[hidden]{display:none}.kbw-rail__options--chip,.kbw-rail__options--feat{display:flex;flex-wrap:wrap;gap:6px}.kbw-rail__options--check{display:flex;flex-direction:column}.kbw-rail__chip,.kbw-rail__feat{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.kbw-rail__chip{height:30px;min-width:40px;padding:0 10px;border:1px solid var(--rail-line);border-radius:4px;background:rgba(var(--color-background));color:inherit;font-family:var(--rail-mono);font-size:12px;cursor:pointer}.kbw-rail__feat{height:30px;padding:0 12px;border:1px solid var(--rail-line);border-radius:15px;background:rgba(var(--color-background));color:inherit;font-family:inherit;font-size:12px;font-weight:500;cursor:pointer}.kbw-rail__chip.is-active,.kbw-rail__feat.is-active{border-color:rgba(var(--color-heading));background:rgba(var(--color-heading));color:rgba(var(--color-background))}.kbw-rail__check{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:0 9px;padding:6px 4px;border:none;border-radius:3px;background:none;color:inherit;font-family:inherit;font-size:13px;line-height:inherit;text-align:start;text-decoration:none;cursor:pointer}@media(hover:hover){.kbw-rail__check:hover{background:var(--rail-surface)}}.kbw-rail__check.is-active,.kbw-rail__check:has(>.kbw-rail__input:checked){background:var(--rail-tint)}.kbw-rail__input{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);opacity:0}.kbw-rail__box{flex:0 0 auto;width:15px;height:15px;border:1.5px solid rgba(var(--color-text-no-alpha) / .32);border-radius:3px}.kbw-rail__check.is-active .kbw-rail__box,.kbw-rail__input:checked+.kbw-rail__box{border-color:rgba(var(--color-button));background:rgba(var(--color-button));box-shadow:inset 0 0 0 2px rgba(var(--color-background))}.kbw-rail__input:focus-visible+.kbw-rail__box{outline:2px solid rgba(var(--color-heading));outline-offset:2px}.kbw-rail__label{flex:1 1 0;min-width:0;overflow-wrap:anywhere}.kbw-rail__count{flex:0 0 auto;font-size:12px;opacity:.7}.kbw-rail__sub{flex:0 0 100%;padding-inline-start:24px;font-size:12px;line-height:1.4;opacity:.7}.kbw-rail__check.is-empty{opacity:.42;cursor:default}@media(hover:hover){.kbw-rail__check.is-empty:hover{background:none}}.kbw-rail__price{display:flex;align-items:center;gap:8px}.kbw-rail__price input{width:100%;min-width:0;height:34px;padding:0 9px;border:1px solid var(--rail-line);border-radius:4px;background:transparent;color:inherit;font-family:var(--rail-mono);font-size:12px}.kbw-rail-toolbar{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.kbw-rail-toolbar__end{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-inline-start:auto}.kbw-rail-sort{display:flex;align-items:center;gap:8px;font-size:12px;opacity:.8}.kbw-rail-sort select,.kbw-rail-open{height:40px;padding:0 14px;border:1px solid var(--rail-line);border-radius:4px;background:rgba(var(--color-background));color:inherit;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}.kbw-rail-open{display:inline-flex;align-items:center;gap:8px;border-color:rgba(var(--color-heading))}.kbw-rail-open__badge{font-family:var(--rail-mono);font-size:11px;color:rgba(var(--color-button))}.kbw-rail-open__badge[hidden]{display:none}@media screen and (min-width:1024px){.kbw-rail-open{display:none}}.kbw-rail-summary{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px}.kbw-rail-count{margin:0;font-size:13px;opacity:.7}.kbw-rail-count b{color:rgba(var(--color-heading));font-weight:600}.kbw-rail__close,.kbw-rail__foot,.kbw-rail-scrim{display:none}@media screen and (max-width:1023px){.kbw-rail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1001;display:flex;flex-direction:column;border:none;border-radius:0;overflow-y:auto;overscroll-behavior:contain;visibility:hidden;transform:translate(-100%);transition:transform .28s ease,visibility .28s}.kbw-rail.is-open{visibility:visible;transform:none}.kbw-rail__close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:none;border-radius:999px;background:var(--rail-surface);color:inherit;cursor:pointer}.kbw-rail__foot{position:sticky;bottom:0;display:block;margin-top:auto;padding:14px 16px 18px;background:rgba(var(--color-background))}.kbw-rail__apply{width:100%;height:46px;border:none;border-radius:4px;background:rgba(var(--color-button));color:rgba(var(--color-button-text));font-family:inherit;font-size:15px;font-weight:700;cursor:pointer}.kbw-rail-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:block;background:#00000073}.kbw-rail-scrim[hidden],.kbw-rail-side__extra{display:none}}@media screen and (min-width:1024px){.kbw-rail__extra-drawer{display:none}}@media(prefers-reduced-motion:reduce){.kbw-rail,.kbw-rail__group-title:after{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/kbw-filter-rail.css.map */
