.m-bpf__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:auto;gap:8px}@media screen and (min-width:768px){.m-bpf__cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}}@media screen and (min-width:1024px){.m-bpf__cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}}.js-bpf-card{opacity:0;transition:opacity .3s ease;position:absolute;height:0;width:0;z-index:-1}.js-bpf-card:not(.active){display:none}.js-bpf-card.active{opacity:1;width:100%;height:100%;position:relative;transition:opacity .3s ease;z-index:1}.c-bpf-card{position:relative;display:flex;flex-direction:column;gap:10px}.c-bpf-card__image-wrapper-inner,.c-bpf-card__image-wrapper{display:grid}.c-bpf-card__image-wrapper-inner>div{grid-area:1 / 1}.c-bpf-card__image-wrapper-inner>div img{display:block;width:100%;height:100%;object-fit:cover}.c-bpf-card__image-wrapper>div{grid-area:1 / 1}.c-bpf-card__paper-image{z-index:2;transform:translateY(0);transition:all .7s cubic-bezier(.4,.2,.2,1);transform-origin:bottom;border-radius:50%;overflow:hidden}.c-bpf-card__hover-image{opacity:0;z-index:1;transition:opacity .3s ease-in-out;will-change:opacity}@media(hover:hover){.c-bpf-card:hover .c-bpf-card__hover-image{opacity:1}.c-bpf-card:hover .c-bpf-card__paper-image{transform:translateY(-4px) scale(1.01);box-shadow:0 40px 100px #0000004d}.c-bpf-card:hover .c-bpf-card__logo{transform:translateY(-8px)}}@media(hover:none){.c-bpf-card__paper-image{transform:none;filter:none}}.c-bpf-card:hover .c-bpf-card__name{color:#fff!important}.c-bpf-card .c-bpf-card__link{display:flex;flex-direction:column;justify-content:space-between;height:100%;overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.c-bpf-card__name{font-size:12px;font-family:var(--font-header);font-weight:700;text-transform:uppercase;line-height:11.7px;text-align:center;margin-top:auto;color:#fff;position:relative;z-index:1;transition:color .3s ease-in-out;letter-spacing:-.03em}@media screen and (min-width:601px){.c-bpf-card__name{font-size:18px;line-height:1}}.c-bpf-card__logo{text-align:center;position:relative;z-index:2;mix-blend-mode:color-burn;display:flex;justify-content:center;align-items:center;transform-origin:bottom center;transform:translateY(0);filter:drop-shadow(0px 30px 30px rgba(0,0,0,.8));transition:all .7s cubic-bezier(.4,.2,.2,1)}.c-bpf-card__logo-image{width:auto;height:auto;object-fit:contain;aspect-ratio:73/95;max-height:95px;display:block}@media not (min-width:768px){.c-bpf-card__logo-image{max-width:50px}}.c-bpf-card[data-team-name=atlanta-braves] .c-bpf-card__logo-image{max-width:80px;aspect-ratio:unset;margin-top:-18px}@media screen and (min-width:768px){.c-bpf-card[data-team-name=atlanta-braves] .c-bpf-card__logo-image{max-width:100px;max-height:100px;margin-top:-10px}}@media screen and (min-width:1440px){.c-bpf-card[data-team-name=atlanta-braves] .c-bpf-card__logo-image{max-width:120px;max-height:120px}}
/*# sourceMappingURL=/cdn/shop/t/4749/assets/component-batting-practice-card.css.map */