:root{--kbw-line: rgba(var(--color-text-no-alpha) / .13);--kbw-line-soft: rgba(var(--color-text-no-alpha) / .08);--kbw-surface: rgba(var(--color-text-no-alpha) / .03);--kbw-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--kbw-frame-radius: var(--rounded-corners-medium, 6px);--kbw-pic-max: 600px;--kbw-rail-w: 110px;--kbw-rail-gap: 40px;--kbw-frame-line: 1px;--kbw-railbtn-h: 26px;--kbw-railbtn-w: 40px;--kbw-card-max: calc(var(--kbw-pic-max) + (2 * var(--kbw-frame-line)));--kbw-gallery-max: calc(var(--kbw-card-max) + var(--kbw-rail-gap) + var(--kbw-rail-w))}.kbw-pdp__crumbs,.kbw-sh__crumbs,.kbw-ba__crumbs,.kbw-cs__crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 16px;font-size:12.5px;line-height:1.6;opacity:.72}.kbw-pdp__crumbs a,.kbw-sh__crumbs a,.kbw-ba__crumbs a,.kbw-cs__crumbs a{color:inherit;text-decoration:none}@media(hover:hover){.kbw-pdp__crumbs a:hover,.kbw-sh__crumbs a:hover,.kbw-ba__crumbs a:hover,.kbw-cs__crumbs a:hover{text-decoration:underline}}.kbw-pdp__crumbs [aria-current],.kbw-sh__crumbs [aria-current],.kbw-ba__crumbs [aria-current],.kbw-cs__crumbs [aria-current]{font-family:var(--kbw-mono);opacity:.9}.kbw-pdp__gallery,.kbw-sh__gallery{border:var(--kbw-frame-line) solid var(--kbw-line);border-radius:var(--kbw-frame-radius);background:rgba(var(--color-background));overflow:hidden}.kbw-galleryframe{display:block}.kbw-pdp__rail,.kbw-sh__thumbs{display:flex;gap:9px;padding:11px 13px;border-top:1px solid var(--kbw-line-soft);overflow-x:auto}.kbw-pdp__thumb,.kbw-sh__thumb{flex:none;width:72px;height:72px;padding:0;border:2px solid var(--kbw-line);border-radius:4px;background:rgba(var(--color-background));overflow:hidden;cursor:pointer;transition:border-color .18s ease}.kbw-pdp__thumb.is-on,.kbw-sh__thumb.is-active{border-color:rgba(var(--color-button))}.kbw-pdp__thumb img,.kbw-sh__thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.kbw-pdp__thumb:focus-visible,.kbw-sh__thumb:focus-visible{outline:2px solid rgba(var(--color-heading));outline-offset:2px}@media screen and (max-width:1399px){.kbw-pdp__rail--solo,.kbw-sh__thumbs--solo{display:none}}.kbw-railbtn,.kbw-railbtn[hidden]{display:none}@media screen and (min-width:1400px){.kbw-pdp__gallery,.kbw-sh__gallery{display:grid;grid-template-columns:var(--kbw-rail-w) minmax(0,1fr);grid-template-rows:auto;align-items:start;column-gap:var(--kbw-rail-gap);border:0;border-radius:0;background:none;overflow:visible}.kbw-galleryframe{grid-column:2;grid-row:1;box-sizing:border-box;border:var(--kbw-frame-line) solid var(--kbw-line);border-radius:var(--kbw-frame-radius);background:rgba(var(--color-background));overflow:hidden}.kbw-pdp__rail,.kbw-sh__thumbs{grid-column:1;grid-row:1;align-self:start;margin-top:var(--kbw-frame-line);scroll-padding-block:var(--kbw-railbtn-h);flex-direction:column;padding:0;border-top:0;overflow-x:hidden;overflow-y:auto;max-height:var(--kbw-pic-max)}.kbw-pdp__thumb,.kbw-sh__thumb{width:100%;height:auto;aspect-ratio:1 / 1}.kbw-railbtn{grid-column:1;grid-row:1;align-self:start;width:100%;height:var(--kbw-railbtn-h)}.kbw-railbtn--up{margin-top:var(--kbw-frame-line);background:linear-gradient(to bottom,rgba(var(--color-background-no-alpha) / .95) 55%,rgba(var(--color-background-no-alpha) / 0))}.kbw-railbtn--down{margin-top:calc(var(--kbw-frame-line) + var(--kbw-pic-max) - var(--kbw-railbtn-h));background:linear-gradient(to top,rgba(var(--color-background-no-alpha) / .95) 55%,rgba(var(--color-background-no-alpha) / 0))}}@media screen and (min-width:1024px){.kbw-railbtn{display:grid;place-items:center;z-index:1;padding:0;border:0;border-radius:0;color:inherit;opacity:.7;cursor:pointer;transition:opacity .18s ease}.kbw-railbtn svg{display:block;width:14px;height:14px}.kbw-railbtn:disabled{opacity:0;visibility:hidden;cursor:default}@media(hover:hover){.kbw-railbtn:not(:disabled):hover{opacity:1}}.kbw-railbtn:focus-visible{outline:2px solid rgba(var(--color-heading));outline-offset:2px}}@media screen and (min-width:1024px)and (max-width:1399px){.kbw-pdp__gallery,.kbw-sh__gallery{display:grid;grid-template-columns:minmax(0,1fr)}.kbw-pdp__rail,.kbw-sh__thumbs{grid-column:1;grid-row:2;scroll-padding-inline:var(--kbw-railbtn-w)}.kbw-railbtn{grid-column:1;grid-row:2;align-self:stretch;width:var(--kbw-railbtn-w);margin-top:1px}.kbw-railbtn--up{justify-self:start;background:linear-gradient(to right,rgba(var(--color-background-no-alpha) / .95) 55%,rgba(var(--color-background-no-alpha) / 0))}.kbw-railbtn--down{justify-self:end;background:linear-gradient(to left,rgba(var(--color-background-no-alpha) / .95) 55%,rgba(var(--color-background-no-alpha) / 0))}.kbw-railbtn svg{transform:rotate(-90deg)}}.kbw-pdp__rail,.kbw-sh__thumbs{scrollbar-width:none}.kbw-pdp__rail::-webkit-scrollbar,.kbw-sh__thumbs::-webkit-scrollbar{display:none}.kbw-pdp__gallerycol{display:contents}@media screen and (min-width:1024px){.kbw-pdp__gallerycol{display:block;grid-column:1;grid-row:1;min-width:0}.kbw-pdp__gallerycol>.kbw-pdp__gallery{position:sticky;top:calc(var(--kbw-sticky-top, 123px) + 16px)}}@media(prefers-reduced-motion:reduce){.kbw-pdp__thumb,.kbw-sh__thumb,.kbw-railbtn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/kbw-frame.css.map */