.pfm-flecha{position:absolute;z-index:3;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:0;background:none;color:#1a1a1a;cursor:pointer;line-height:1;min-width:0;min-height:0;white-space:normal;-webkit-appearance:none;appearance:none;opacity:1;transition:opacity .16s ease}.pfm-flecha[hidden],.pfm-flecha[aria-hidden=true]{opacity:0;visibility:hidden;pointer-events:none}.pfm-flecha[hidden] .pfm-flecha__pastilla,.pfm-flecha[aria-hidden=true] .pfm-flecha__pastilla{pointer-events:none}.pfm-tira--vertical .pfm-flecha{left:0;right:0;width:100%;height:28px}.pfm-tira--vertical .pfm-flecha--prev{top:0;background:linear-gradient(to bottom,#fffffff2,#ffffffb8 40%,#fff0)}.pfm-tira--vertical .pfm-flecha--next{bottom:0;background:linear-gradient(to top,#fffffff2,#ffffffb8 40%,#fff0)}.pfm-tira--horizontal .pfm-flecha{top:0;bottom:0;height:100%;width:28px}.pfm-tira--horizontal .pfm-flecha--prev{left:0;background:linear-gradient(to right,#fffffff2,#ffffffb8 40%,#fff0)}.pfm-tira--horizontal .pfm-flecha--next{right:0;background:linear-gradient(to left,#fffffff2,#ffffffb8 40%,#fff0)}.product-template .product__media-gallery-thumbails.pfm-tira--horizontal .product__thumbs-item{flex-basis:auto}.product-template .product__media-gallery-thumbails.pfm-tira--horizontal .thumbnail-list{gap:0}.pfm-flecha__pastilla{display:flex;align-items:center;justify-content:center;position:relative;width:20px;height:20px;border-radius:50%;background:#fffffff0;box-shadow:0 1px 3px #00000038;transition:background-color .16s ease,transform .16s ease;pointer-events:auto}.pfm-flecha{pointer-events:none}.pfm-flecha__pastilla:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.pfm-tira--horizontal .pfm-flecha__pastilla:after{width:28px;height:48px}.pfm-tira--vertical .pfm-flecha__pastilla:after{width:48px;height:28px}.pfm-flecha__pastilla:hover{background:#fff;transform:scale(1.08)}.pfm-flecha__pastilla:active{transform:scale(.94)}.pfm-flecha__pastilla svg{display:block;width:12px;height:12px}.pfm-flecha:focus{outline:none}.pfm-flecha:focus-visible .pfm-flecha__pastilla{outline:2px solid #1a1a1a;outline-offset:2px}@media(prefers-reduced-motion:reduce){.pfm-flecha,.pfm-flecha__pastilla{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/107/assets/pdp-thumbs-flechas.css.map */