.turf-challenge-carousel{container-type:inline-size;--turf-challenge-carousel-gutter: var(--space-token-md);--turf-challenge-carousel-card-width: 293px;--turf-challenge-carousel-gap: var(--space-token-s);--turf-challenge-carousel-content: 1200px;--turf-challenge-carousel-header-max: 100%;--turf-challenge-carousel-title-font: var(--font-2xl-semibold);--turf-challenge-carousel-header-align: start;--turf-challenge-carousel-stage-gap: var(--space-token-l);--turf-challenge-carousel-nav-gap: var(--space-token-l);--turf-challenge-carousel-card-radius: var(--radius-s);--turf-challenge-carousel-card-ratio: 486 / 375;--turf-challenge-carousel-card-padding-inline: var(--space-token-base);--turf-challenge-carousel-card-padding-block: var(--space-token-md);--turf-challenge-carousel-title-card-font: var(--font-lg-semibold);--turf-challenge-carousel-subtitle-font: var(--font-lg-medium);--turf-challenge-carousel-copy-gap: var(--space-token-2xs);--turf-challenge-carousel-ease: cubic-bezier(.25, 1, .5, 1);--turf-challenge-carousel-pin-kicker: #f8ff21;color:var(--color-text-white-primary)}.turf-challenge-carousel__component{display:flex;flex-direction:column;gap:var(--turf-challenge-carousel-stage-gap);inline-size:100%}.turf-challenge-carousel__header{display:flex;justify-content:var(--turf-challenge-carousel-header-align);padding-inline:var(--turf-challenge-carousel-gutter);text-align:var(--turf-challenge-carousel-header-align)}.turf-challenge-carousel__title{margin:0;max-inline-size:var(--turf-challenge-carousel-header-max);color:var(--color-text-white-primary);font:var(--turf-challenge-carousel-title-font);text-wrap:balance}.turf-challenge-carousel__stage{display:flex;flex-direction:column;gap:var(--turf-challenge-carousel-nav-gap);inline-size:100%}.turf-challenge-carousel__viewport{overflow-x:auto;overscroll-behavior-inline:contain;scroll-padding-inline:var(--turf-challenge-carousel-gutter);scroll-snap-type:inline mandatory;scrollbar-width:none;touch-action:pan-x pan-y;inline-size:100%;cursor:grab}.turf-challenge-carousel__viewport.is-scrolling{scroll-snap-type:none;pointer-events:none}.turf-challenge-carousel__viewport:active{cursor:grabbing}.turf-challenge-carousel__viewport::-webkit-scrollbar{display:none}.turf-challenge-carousel__track{display:flex;gap:var(--turf-challenge-carousel-gap);inline-size:max-content;min-inline-size:100%}.shopify-block__turf-challenge-card{flex:0 0 var(--turf-challenge-carousel-card-width);block-size:auto;min-inline-size:0;scroll-snap-align:start;scroll-snap-stop:always}.shopify-block__turf-challenge-card:last-of-type{scroll-snap-align:end}.turf-challenge-carousel__start-spacer,.turf-challenge-carousel__end-spacer{flex:0 0 max(0px,calc(var(--turf-challenge-carousel-gutter) - var(--turf-challenge-carousel-gap)));pointer-events:none}@media(max-width:767px){.shopify-block__turf-challenge-card:not(:first-of-type):not(:last-of-type){scroll-snap-align:center}}.turf-challenge-card{display:block;inline-size:100%;min-inline-size:0;-webkit-user-select:none;user-select:none}.turf-challenge-card__media{position:relative;overflow:clip;inline-size:100%;aspect-ratio:var(--turf-challenge-carousel-card-ratio);border-radius:var(--turf-challenge-carousel-card-radius);background:var(--color-bg-dark-hover);isolation:isolate}.turf-challenge-card__media picture,.turf-challenge-card__media picture-breakpoint,.turf-challenge-card__image{display:block;inline-size:100%;block-size:100%}.turf-challenge-card__image{object-fit:cover;transform-origin:center;transition:transform .4s var(--turf-challenge-carousel-ease);-webkit-user-drag:none;user-drag:none}.turf-challenge-card__copy{position:absolute;inset-block-start:var(--turf-challenge-carousel-card-padding-block);inset-inline:var(--turf-challenge-carousel-card-padding-inline);z-index:2;display:flex;flex-direction:column;gap:var(--turf-challenge-carousel-copy-gap)}.turf-challenge-card__title,.turf-challenge-card__subtitle{margin:0;color:var(--color-text-white-primary)}.turf-challenge-card__title{font:var(--turf-challenge-carousel-title-card-font)}.turf-challenge-card__subtitle{color:var(--color-text-white-secondary);font:var(--turf-challenge-carousel-subtitle-font)}.turf-challenge-card__chart,.turf-challenge-card__map,.turf-challenge-card__pin,.turf-challenge-card__icons{position:absolute;z-index:2;pointer-events:none}.turf-challenge-card__chart{inset:auto 24px 24px auto;inline-size:min(251px,calc(100% - 48px))}.turf-challenge-card__chart-svg{display:block;inline-size:100%;block-size:auto}.turf-challenge-card__chart-copy{position:absolute;inset-block-start:70%;inset-inline:auto 0;inline-size:62%;display:grid;gap:2px;color:var(--color-text-white-primary);text-align:end}.turf-challenge-card__chart-label,.turf-challenge-card__chart-detail{margin:0;white-space:nowrap}.turf-challenge-card__chart-label{font:var(--font-xs-semibold)}.turf-challenge-card__chart-detail{color:var(--color-text-white-secondary);font:var(--font-xs-regular)}@media(prefers-reduced-motion:no-preference){.turf-challenge-card.is-chart-ready:not(.is-chart-revealed) .turf-challenge-card__chart{opacity:0;translate:0 20%}.turf-challenge-card.is-chart-revealed .turf-challenge-card__chart{animation:turf-challenge-chart-rise 1.8s var(--turf-challenge-carousel-ease) 1s both}}@keyframes turf-challenge-chart-rise{0%{opacity:0;translate:0 20%}to{opacity:1;translate:0 0}}.turf-challenge-card__map{inset:auto -5% -2% -5%;inline-size:110%}.turf-challenge-card__map-fill,.turf-challenge-card__map-curve{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%}.turf-challenge-card__pin{inset-block-end:14%;inset-inline-end:28%;display:flex;flex-direction:column;align-items:center;gap:var(--space-token-2xs)}.turf-challenge-card__pin-label{position:relative;display:flex;align-items:center;gap:3px;min-inline-size:118px;padding:var(--space-token-2xs) var(--space-token-2xs) 14px;color:var(--color-bg-black)}.turf-challenge-card__pin-label-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;inline-size:100%;block-size:100%}.turf-challenge-card__pin-mower{display:block;inline-size:47px;block-size:28px;object-fit:contain}.turf-challenge-card__pin-copy,.turf-challenge-card__pin-kicker,.turf-challenge-card__pin-name{display:block;margin:0}.turf-challenge-card__pin-kicker{display:flex;align-items:center;gap:2px;color:var(--turf-challenge-carousel-pin-kicker);font:var(--font-xs-semibold)}.turf-challenge-card__pin-status{inline-size:4px;block-size:4px;border-radius:var(--radius-full);background:var(--turf-challenge-carousel-pin-kicker)}.turf-challenge-card__pin-name{font:var(--font-xs-semibold)}.turf-challenge-card__pin-spot{position:relative;inline-size:30px;block-size:17px}.turf-challenge-card__pin-ripple,.turf-challenge-card__pin-dot{position:absolute;inset-inline-start:50%;translate:-50% 0}.turf-challenge-card__pin-ripple{inset-block-start:0}.turf-challenge-card__pin-dot{inset-block-start:6px}.turf-challenge-card.is-pin-active .turf-challenge-card__pin{animation:turf-challenge-pin-breathe 3s ease-in-out infinite}.turf-challenge-card__icons{inset-inline:var(--turf-challenge-carousel-card-padding-inline);inset-block-end:var(--space-token-l);display:flex;justify-content:space-between;align-items:flex-end}.turf-challenge-card__icon{display:block;inline-size:51px;block-size:51px;object-fit:contain}.turf-challenge-card__icon-frame{display:grid;place-items:center;border:1px solid rgb(255 255 255 / .4);border-radius:var(--radius-full);background:#142c074d;-webkit-backdrop-filter:blur(var(--space-token-2xs));backdrop-filter:blur(var(--space-token-2xs))}.turf-challenge-card__icon-frame img{inline-size:36px;block-size:36px}.turf-challenge-carousel__nav-row{display:flex;justify-content:center;padding-inline:var(--turf-challenge-carousel-gutter)}.turf-challenge-carousel__controls{display:inline-flex;align-items:center;gap:var(--space-token-xs);padding:var(--space-token-2xs);border-radius:var(--radius-full);background:var(--mask-light-white-sm);-webkit-backdrop-filter:blur(var(--backdrop-blur-md));backdrop-filter:blur(var(--backdrop-blur-md))}.turf-challenge-carousel__control{display:grid;place-items:center;inline-size:var(--size-12);block-size:var(--size-12);padding:0;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-white-primary);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .16s ease,opacity .16s ease,transform .16s var(--turf-challenge-carousel-ease)}.turf-challenge-carousel__control svg{inline-size:var(--size-7);block-size:var(--size-7);transition:transform .16s var(--turf-challenge-carousel-ease)}.turf-challenge-carousel__control:hover:not(:disabled){background:var(--mask-light-white)}.turf-challenge-carousel__control:hover:not(:disabled) svg{transform:scale(1.1)}.turf-challenge-carousel__control:active:not(:disabled){transform:scale(.95)}.turf-challenge-carousel__control:focus-visible{outline:var(--stroke-line-2xl, 2px) solid var(--color-text-white-primary);outline-offset:2px}.turf-challenge-carousel__control:disabled{opacity:var(--opacity-40, .4);cursor:not-allowed}@keyframes turf-challenge-pin-breathe{0%,to{transform:translateY(0)}25%{transform:translateY(-2px)}75%{transform:translateY(2px)}}@media(min-width:768px){.turf-challenge-carousel{--turf-challenge-carousel-gutter: var(--space-token-xl);--turf-challenge-carousel-card-width: 312px;--turf-challenge-carousel-gap: var(--space-token-base);--turf-challenge-carousel-header-max: min(100%, 688px);--turf-challenge-carousel-title-font: var(--font-3xl-semibold);--turf-challenge-carousel-header-align: center;--turf-challenge-carousel-stage-gap: var(--space-token-xl);--turf-challenge-carousel-nav-gap: var(--space-token-xl);--turf-challenge-carousel-card-radius: var(--radius--base);--turf-challenge-carousel-card-padding-inline: var(--space-token-md);--turf-challenge-carousel-card-padding-block: var(--space-token-l);--turf-challenge-carousel-title-card-font: var(--font-xl-semibold)}.turf-challenge-carousel__header{justify-content:center}.turf-challenge-carousel__nav-row{justify-content:flex-start}}@media(min-width:1280px){.turf-challenge-carousel{--turf-challenge-carousel-gutter: max( var(--space-token-md), calc((100cqi - var(--turf-challenge-carousel-content)) / 2) );--turf-challenge-carousel-card-width: 486px;--turf-challenge-carousel-gap: var(--space-token-md);--turf-challenge-carousel-header-max: 688px;--turf-challenge-carousel-title-font: var(--font-6xl-semibold);--turf-challenge-carousel-stage-gap: var(--space-token-3xl);--turf-challenge-carousel-nav-gap: var(--space-90);--turf-challenge-carousel-card-padding-inline: var(--space-token-l);--turf-challenge-carousel-card-padding-block: 28px;--turf-challenge-carousel-title-card-font: var(--font-2xl-semibold)}.turf-challenge-card__subtitle{color:var(--color-text-white-primary)}}@media(max-width:1279px){.turf-challenge-card__chart,.turf-challenge-card__map,.turf-challenge-card__pin,.turf-challenge-card__icons{display:none}}@media(min-width:1280px)and (hover:hover)and (pointer:fine){.turf-challenge-card__media:hover .turf-challenge-card__image{transform:scale(1.03)}}@media(prefers-reduced-motion:reduce){.turf-challenge-card__image,.turf-challenge-carousel__control,.turf-challenge-carousel__control svg,.turf-challenge-card__chart{transition:none;animation:none}.turf-challenge-card.is-pin-active .turf-challenge-card__pin{animation:none}.turf-challenge-card__media:hover .turf-challenge-card__image{transform:none}.turf-challenge-carousel__viewport{scroll-behavior:auto}.turf-challenge-carousel__viewport.is-scrolling{pointer-events:auto}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/turf-challenge-carousel.css.map */