.wb-rail{--wb-thumb-size: 8.4rem;--wb-rail-gap: 1rem;--wb-rail-visible: 5;--wb-rail-nav-h: 2.6rem;--wb-rail-h: calc( var(--wb-thumb-size) * var(--wb-rail-visible) + var(--wb-rail-gap) * (var(--wb-rail-visible) - 1) );display:flex;flex-direction:column;gap:.8rem;align-items:center}.wb-rail [hidden]{display:none!important}.wb-rail__list{display:flex;flex-direction:column;gap:var(--wb-rail-gap);margin:0;padding:0;width:var(--wb-thumb-size);max-height:var(--wb-rail-h);overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scroll-snap-type:y proximity;scrollbar-width:none;-ms-overflow-style:none}.wb-rail__list::-webkit-scrollbar{display:none}.wb-rail__item{position:relative;flex:0 0 var(--wb-thumb-size);width:var(--wb-thumb-size);height:var(--wb-thumb-size);scroll-snap-align:start}.wb-rail__item--variant:not(:first-child){display:none}.wb-rail__btn{position:absolute;top:0;right:0;bottom:0;left:0;display:block;padding:3px;border:1px solid transparent;border-radius:4px;background:#fff;cursor:pointer;transition:border-color var(--wb-dur-interaction, .4s) var(--wb-ease-settle, ease),opacity var(--wb-dur-interaction, .4s) var(--wb-ease-settle, ease)}.wb-rail__btn img{display:block;width:100%;height:100%;object-fit:cover;border-radius:2px;pointer-events:none}.wb-rail__btn:hover{border-color:var(--wb-border, #d0c7c3)}.wb-rail__btn[aria-current]{border-color:var(--wb-brown, #56453f);transition-duration:.16s}.wb-rail__btn:focus-visible{outline:1px solid var(--wb-brown, #56453f);outline-offset:2px;border-color:var(--wb-brown, #56453f)}.wb-rail__btn:focus:not(:focus-visible){outline:0}.wb-rail__item .thumbnail__badge{z-index:1;pointer-events:none}.wb-rail__nav{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--wb-thumb-size);height:var(--wb-rail-nav-h);padding:0;border:1px solid var(--wb-border, #d0c7c3);border-radius:4px;background:var(--wb-cream, #fdfaf5);color:var(--wb-brown, #56453f);cursor:pointer;transition:background-color var(--wb-dur-interaction, .4s) var(--wb-ease-settle, ease),border-color var(--wb-dur-interaction, .4s) var(--wb-ease-settle, ease),color var(--wb-dur-interaction, .4s) var(--wb-ease-settle, ease)}.wb-rail__nav .svg-wrapper,.wb-rail__nav svg{width:1rem;height:1rem}.wb-rail__nav--up .svg-wrapper{transform:rotate(180deg)}.wb-rail__nav:hover:not([disabled]){background:var(--wb-surface, #f4f0ea);border-color:var(--wb-border-2, #9d8c84);color:var(--wb-brown-hover, #8b654e)}.wb-rail__nav:focus-visible{outline:1px solid var(--wb-brown, #56453f);outline-offset:2px}.wb-rail__nav[disabled]{border-color:var(--wb-border-3, #e3ded6);color:var(--wb-text-disabled, #c3c3c3);background:transparent;cursor:default}@media screen and (min-width:990px){.product--thumbnail .product__media-wrapper media-gallery{display:flex;flex-wrap:wrap;align-items:flex-start;gap:1.2rem}.product__media-wrapper media-gallery>.wb-rail{order:-1;flex:0 0 var(--wb-thumb-size)}.product__media-wrapper media-gallery>slider-component{order:0;flex:1 1 auto;min-width:0}.product__media-wrapper media-gallery>.product__xr-button{order:1;flex:0 0 100%}}@media screen and (max-width:989px){.wb-rail{--wb-thumb-size: 7rem;flex-direction:row;align-items:center;width:100%}.product__media-wrapper media-gallery>.wb-rail{order:1;margin-top:.4rem}.wb-rail__nav{display:none}.wb-rail__list{flex-direction:row;width:100%;max-height:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:.2rem 0}}@media(prefers-reduced-motion:reduce){.wb-rail__list{scroll-behavior:auto}.wb-rail__btn,.wb-rail__nav{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/whisker-gallery.css.map */