.home-gloves-explainer{--home-gloves-ink: #101214;--home-gloves-charcoal: #24272b;--home-gloves-muted: #5f6368;--home-gloves-line: rgba(16, 18, 20, .14);background:rgb(var(--color-background));color:rgb(var(--color-foreground));padding:clamp(2rem,3vw,3.6rem) 0}.home-gloves-explainer__inner{align-items:stretch;display:grid;gap:clamp(1.4rem,2vw,2.4rem);margin:0;max-width:none;padding:0 clamp(1.6rem,3vw,4rem);width:100%}.home-gloves-explainer__media{background:var(--home-gloves-ink);border-radius:1.2rem;height:100%;min-height:0;overflow:hidden}.home-gloves-explainer__video,.home-gloves-explainer__image,.home-gloves-explainer__placeholder{display:block;height:100%;min-height:0;object-fit:cover;width:100%}.home-gloves-explainer__placeholder{align-items:center;color:#ffffffb8;display:flex;font-weight:900;justify-content:center;letter-spacing:.08em;padding:2rem;text-align:center;text-transform:uppercase}.home-gloves-explainer__content{background:var(--home-gloves-charcoal);border:1px solid rgba(255,255,255,.08);border-radius:1.2rem;color:#fff;display:grid;align-content:start;gap:clamp(1.4rem,2vw,2.4rem);min-height:0;overflow:hidden;padding:clamp(2.4rem,3vw,3.8rem)}.home-gloves-explainer__eyebrow{background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:999rem;color:#ffffffdb;display:inline-flex;font-size:1rem;font-weight:900;letter-spacing:.12em;margin:0 0 .8rem;padding:.45rem .95rem;text-transform:uppercase;width:fit-content}.home-gloves-explainer h2{color:#c9a227;font-size:clamp(3rem,3.8vw,5.2rem);line-height:1;margin:0;max-width:78rem}.home-gloves-explainer__copy{color:#ffffffe6;font-size:1.5rem;line-height:1.48;margin-top:1rem;max-width:72rem}.home-gloves-explainer__copy p{margin:0 0 .75rem}.home-gloves-explainer__copy p:last-child{margin-bottom:0}.home-gloves-explainer__button{background:#000;border:0;border-radius:999rem;color:#fff;font-weight:900;font-size:1.4rem;letter-spacing:.07em;margin-top:1rem;min-height:4.8rem;padding-left:2rem;padding-right:2rem;text-transform:uppercase;width:fit-content}.home-gloves-explainer__button:before,.home-gloves-explainer__button:after{box-shadow:none;content:none}.home-gloves-explainer__button:hover{background:#101214;color:#fff}.home-gloves-explainer__points{display:grid;gap:1.1rem}.home-gloves-explainer__point{align-items:start;background:#ffffff13;border:1px solid rgba(255,255,255,.14);border-radius:1.1rem;box-shadow:inset 0 1px #ffffff14;display:grid;gap:.35rem 1.2rem;grid-template-columns:auto 1fr;overflow:hidden;padding:1.5rem;position:relative;transition:border-color var(--duration-short) ease,background-color var(--duration-short) ease,transform var(--duration-short) ease}.home-gloves-explainer__point:before{background:#fff;content:"";height:100%;inset:0 auto 0 0;opacity:.86;position:absolute;width:.35rem}.home-gloves-explainer__point span{align-items:center;background:#fff;border-radius:50%;color:var(--home-gloves-ink);display:inline-flex;font-size:1rem;font-weight:900;grid-row:span 2;height:3.6rem;justify-content:center;letter-spacing:.02em;line-height:1;width:3.6rem}.home-gloves-explainer__point strong{color:#c9a227;display:block;font-size:clamp(1.75rem,1.5vw,2.15rem);line-height:1.04;text-transform:capitalize}.home-gloves-explainer__point p{color:#ffffffb8;font-size:1.3rem;line-height:1.42;margin:0}.home-gloves-explainer__point:hover{background:#ffffff1b;border-color:#ffffff47;transform:translateY(-.15rem)}@media screen and (min-width:990px){.home-gloves-explainer__inner{grid-template-columns:minmax(28rem,42%) minmax(0,1fr);grid-auto-rows:clamp(48rem,40vw,56rem)}.home-gloves-explainer__content{grid-template-columns:minmax(0,1.2fr) minmax(22rem,.8fr)}.home-gloves-explainer__points{grid-template-columns:1fr}}@media screen and (max-width:749px){.home-gloves-explainer__media,.home-gloves-explainer__video,.home-gloves-explainer__image,.home-gloves-explainer__placeholder{min-height:20rem}.home-gloves-explainer__inner{padding-left:1.5rem;padding-right:1.5rem}.home-gloves-explainer__button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-home-batting-gloves-explainer.css.map */