.custom-hero{position:relative;display:grid;grid-template:minmax(0,1fr) / minmax(0,1fr);min-height:var(--custom-hero-mobile-min-height, 420px);overflow:hidden;color:var(--custom-hero-text, #fff);isolation:isolate}.custom-hero--inset{margin:var(--spacing-2) var(--spacing-2) 0;border-radius:var(--rounded-lg)}.custom-hero__media,.custom-hero__content{grid-area:1 / 1}.custom-hero__media{position:relative;z-index:-1;min-height:0;overflow:hidden}.custom-hero__media picture{position:absolute;top:0;right:0;bottom:0;left:0}.custom-hero__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 25%,rgb(0 0 0 / var(--custom-hero-overlay, .7)))}.custom-hero__image{width:100%;height:100%;object-fit:cover;object-position:var(--custom-hero-focal-mobile, center)}.custom-hero__placeholder{background:rgb(var(--text-color) / .2)}.custom-hero__content{display:flex;align-items:flex-end;padding:var(--spacing-8) var(--container-gutter) var(--spacing-6)}.custom-hero--align-center .custom-hero__media:after{background:rgb(0 0 0 / calc(var(--custom-hero-overlay, .7) * .65))}.custom-hero--align-center .custom-hero__content{align-items:center;justify-content:center;text-align:center}.custom-hero--align-center .custom-hero__inner{justify-items:center}.custom-hero--align-center .custom-hero__trust{justify-content:center}.custom-hero__inner{display:grid;gap:var(--spacing-2-5);width:100%;max-width:760px}.custom-hero__eyebrow{font-size:var(--text-sm);font-weight:var(--text-font-bold-weight, 700);letter-spacing:.08em;text-transform:uppercase;opacity:.9}.custom-hero__heading{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:var(--sportsact-display-size, 36px);line-height:1.05;letter-spacing:-.01em;color:inherit;text-wrap:balance}.custom-hero__subheading{max-width:34em;font-size:var(--text-base);line-height:1.45;opacity:.95}.custom-hero__heading-line{display:block}.custom-hero__buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2-5);margin-block:var(--spacing-3) var(--spacing-2)}.custom-hero__button.button{padding-inline:var(--spacing-4);text-align:center;white-space:nowrap}.custom-hero__button--primary{--button-background: none;background:var(--sportsact-cta-gradient, rgb(var(--button-background-primary)));color:#fff;border-color:transparent}.custom-hero__button--secondary{--button-background: 255 255 255 / 1;--button-text-color: var(--text-color)}.custom-hero__payment{display:flex;flex-wrap:wrap;gap:var(--spacing-1);margin-block-start:var(--spacing-0-5, 2px)}.custom-hero--align-center .custom-hero__payment{justify-content:center}.custom-hero__payment-icon{width:auto;height:18px;border-radius:3px}.custom-hero__payment--muted .custom-hero__payment-icon{filter:grayscale(1);opacity:.8}.custom-hero__trust{display:flex;flex-wrap:wrap;gap:var(--spacing-1) var(--spacing-3);margin-block-start:var(--spacing-1);font-size:var(--text-xs);font-weight:var(--text-font-bold-weight, 700)}.custom-hero__trust-item{display:inline-flex;align-items:center;gap:var(--spacing-1-5)}.custom-hero__trust-icon{flex-shrink:0;color:#8ee6a6}.custom-hero .custom-rating-stars,.custom-hero .custom-rating-stars__text{color:inherit;font-size:inherit}.custom-hero .custom-rating-stars__empty{color:#ffffff59}@media screen and (min-width:700px){.custom-hero{min-height:0;height:clamp(360px,var(--custom-hero-desktop-height, 50vh),560px)}.custom-hero--inset{margin:var(--spacing-4) var(--container-gutter) 0}.custom-hero__media:after{background:linear-gradient(90deg,rgb(0 0 0 / var(--custom-hero-overlay, .7)),#00000026 65%,#0000)}.custom-hero__image{object-position:center}.custom-hero__content{align-items:center;max-width:var(--container-max-width);width:100%;margin-inline:auto;padding-block:var(--spacing-8)}.custom-hero__inner{gap:var(--spacing-3)}.custom-hero__subheading{font-size:var(--text-lg)}.custom-hero__buttons{display:flex;flex-wrap:wrap}.custom-hero__button.button{padding-inline:var(--spacing-8)}.custom-hero__trust{gap:var(--spacing-1-5) var(--spacing-5);font-size:var(--text-sm)}.custom-hero--align-center .custom-hero__buttons{justify-content:center}.custom-hero__buttons{margin-block:var(--spacing-4) var(--spacing-3)}.custom-hero__payment-icon{height:20px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/custom-hero.css.map */