.fuelerate-rec-showcase{--fuelerate-rec-showcase-slide-width: 17.1875rem;--fuelerate-rec-showcase-slide-height: 28rem;--fuelerate-rec-showcase-gap-1: 184;--fuelerate-rec-showcase-gap-2: 347;--fuelerate-rec-showcase-scale-1: .91;--fuelerate-rec-showcase-scale-2: .79;--fuelerate-rec-showcase-border: .125rem;--fuelerate-rec-showcase-overlay-height: 3.75rem;--fuelerate-rec-showcase-add-width: 5.4375rem;--fuelerate-rec-showcase-add-height: 5.375rem;--fuelerate-font-ui: var( --font-secondary--family, var(--fuelerate-font-family-body) );position:relative;isolation:isolate;width:100%;overflow:hidden;background-color:var(--fuelerate-color-near-black);background-image:linear-gradient(#00000094,#00000094),var( --fuelerate-rec-showcase-bg-mobile, var(--fuelerate-rec-showcase-bg-image, url(fuelerate-rec-showcase-default-2200.webp)) );background-repeat:no-repeat,no-repeat;background-position:center,center;background-size:cover,cover;padding:4rem 0 2rem;box-sizing:border-box}.fuelerate-rec-showcase__inner{width:100%}.fuelerate-rec-showcase__header{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:0 1.375rem;text-align:center}.fuelerate-rec-showcase__rating{display:flex;align-items:center;justify-content:center;gap:.3125rem;color:var(--fuelerate-color-text-inverse)}.fuelerate-rec-showcase__rating .fuelerate-rating__stars{position:relative;display:block;flex:0 0 6.25rem;width:6.25rem;height:1.1625rem}.fuelerate-rec-showcase__rating .fuelerate-rating__stars-base,.fuelerate-rec-showcase__rating .fuelerate-rating__stars-fill{display:flex;align-items:center;gap:.125rem;width:6.25rem;height:1.1625rem}.fuelerate-rec-showcase__rating .fuelerate-rating__stars-base{opacity:.35}.fuelerate-rec-showcase__rating .fuelerate-rating__stars-fill{position:absolute;top:0;left:0;width:var(--fuelerate-rec-showcase-rating-fill, 100%);overflow:hidden}.fuelerate-rec-showcase__rating .fuelerate-rating__star{width:1.1625rem;height:1.1625rem}.fuelerate-rec-showcase__rating .fuelerate-rating__text{font-family:var(--fuelerate-font-ui);font-size:1.25rem;font-weight:500;line-height:1rem;color:var(--fuelerate-color-text-inverse)}.fuelerate-rec-showcase__heading{margin:0;width:100%;max-width:none;font-family:var(--fuelerate-font-family-heading);font-size:1.5rem;font-weight:600;line-height:1.11;letter-spacing:0;text-transform:uppercase;color:var(--fuelerate-color-text-inverse)}.fuelerate-rec-showcase__heading--desktop{display:none}.fuelerate-rec-showcase__stage{position:relative;width:100%;height:29.0625rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-user-select:none;user-select:none}.fuelerate-rec-showcase__stage::-webkit-scrollbar{display:none}.fuelerate-rec-showcase__track{position:relative;width:calc(100% * var(--fuelerate-rec-showcase-slide-count, 1));height:100%}.fuelerate-rec-showcase__snap-rail{display:flex;width:100%;height:1px;pointer-events:none}.fuelerate-rec-showcase__snap-point{flex:0 0 calc(100% / var(--fuelerate-rec-showcase-slide-count, 1));scroll-snap-align:start;scroll-snap-stop:always}.fuelerate-rec-showcase__dialog{width:min(45rem,calc(100% - 2rem));max-width:none;max-height:calc(100dvh - 2rem);margin:auto;padding:0;border:.125rem solid var(--fuelerate-color-white);border-radius:var(--fuelerate-radius-sm);background:var(--fuelerate-color-black);color:var(--fuelerate-color-white);overflow:hidden}.fuelerate-rec-showcase__dialog::backdrop{background:#000000d1}.fuelerate-rec-showcase__dialog-header{position:absolute;z-index:2;top:0;right:0;left:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem;background:linear-gradient(rgb(0 0 0 / .8),transparent);pointer-events:none}.fuelerate-rec-showcase__dialog-header h2{margin:0;overflow:hidden;font-family:var(--fuelerate-font-ui);font-size:1rem;font-weight:500;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.fuelerate-rec-showcase__dialog-close{display:grid;flex:0 0 auto;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:.0625rem solid rgb(255 255 255 / .7);border-radius:50%;background:#000000b3;color:inherit;font:inherit;font-size:2rem;line-height:1;cursor:pointer;pointer-events:auto}.fuelerate-rec-showcase__dialog-close:focus-visible{outline:.125rem solid var(--fuelerate-color-accent-star-gold);outline-offset:.125rem}.fuelerate-rec-showcase__dialog-media{display:grid;place-items:center;width:100%;max-height:calc(100dvh - 2.25rem);background:var(--fuelerate-color-black)}.fuelerate-rec-showcase__dialog-media video,.fuelerate-rec-showcase__dialog-media iframe{display:block;width:100%;max-height:calc(100dvh - 2.25rem);border:0;object-fit:contain}.fuelerate-rec-showcase__dialog-media iframe{aspect-ratio:9 / 16}.fuelerate-rec-showcase__dialog-media{position:relative}.fuelerate-rec-showcase__video-controls{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,rgb(0 0 0 / .65),transparent)}.fuelerate-rec-showcase__video-play{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:50%;background:#ffffffeb;cursor:pointer}.fuelerate-rec-showcase__video-play:before{content:"";width:0;height:0;border-style:solid;border-width:.5rem 0 .5rem .85rem;border-color:transparent transparent transparent #000;margin-left:.2rem}.fuelerate-rec-showcase__video-play.is-playing:before{width:.9rem;height:1rem;border:0;border-radius:.0625rem;background:linear-gradient(to right,#000 0 36%,transparent 36% 64%,#000 64% 100%);margin-left:0}.fuelerate-rec-showcase__video-play:focus-visible{outline:2px solid #fff;outline-offset:2px}.fuelerate-rec-showcase__video-scrubber{flex:1 1 auto;min-width:0;height:1.75rem;margin:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none;--fuelerate-rec-showcase-scrub: 0%}.fuelerate-rec-showcase__video-scrubber::-webkit-slider-runnable-track{height:.25rem;border-radius:.125rem;background:linear-gradient(to right,#fff var(--fuelerate-rec-showcase-scrub),rgb(255 255 255 / .35) var(--fuelerate-rec-showcase-scrub))}.fuelerate-rec-showcase__video-scrubber::-webkit-slider-thumb{width:.875rem;height:.875rem;margin-top:-.3125rem;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #00000040;-webkit-appearance:none;appearance:none}.fuelerate-rec-showcase__video-scrubber::-moz-range-track{height:.25rem;border-radius:.125rem;background:#ffffff59}.fuelerate-rec-showcase__video-scrubber::-moz-range-progress{height:.25rem;border-radius:.125rem;background:#fff}.fuelerate-rec-showcase__video-scrubber::-moz-range-thumb{width:.875rem;height:.875rem;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #00000040}.fuelerate-rec-showcase__video-scrubber:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:.25rem}.fuelerate-rec-showcase__slide{position:absolute;top:50%;left:50%;width:var(--fuelerate-rec-showcase-slide-width);height:var(--fuelerate-rec-showcase-slide-height);transform:translate(-50%,-50%);cursor:pointer}@media(prefers-reduced-motion:reduce){.fuelerate-rec-showcase__slide{transition:none}}@media(min-width:750px)and (prefers-reduced-motion:no-preference){.fuelerate-rec-showcase__slide{transition:transform .4s ease}}.fuelerate-rec-showcase__card{position:relative;width:100%;height:100%}.fuelerate-rec-showcase__frame{position:relative;width:100%;height:100%;padding:0;background:transparent;box-sizing:border-box;-webkit-mask-image:var(--fuelerate-rec-showcase-card-shape);mask-image:var(--fuelerate-rec-showcase-card-shape);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.fuelerate-rec-showcase__frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:var(--fuelerate-rec-showcase-card-border) center / 100% 100% no-repeat}.fuelerate-rec-showcase__frame-clip{position:relative;width:100%;height:100%;overflow:hidden;background:var(--fuelerate-color-bg-surface)}.fuelerate-rec-showcase__media,.fuelerate-rec-showcase__placeholder{display:block;width:100%;height:100%;object-fit:cover}.fuelerate-rec-showcase__video{pointer-events:none}.fuelerate-rec-showcase__video--external{width:100%;height:100%}.fuelerate-rec-showcase__frame-clip .fuelerate-rec-showcase__video--external iframe{display:block;width:100%;height:100%;border:0;pointer-events:none}.fuelerate-rec-showcase__placeholder{background:linear-gradient(135deg,var(--fuelerate-color-bg-muted),var(--fuelerate-color-bg-surface))}.fuelerate-rec-showcase__frame[data-fuelerate-rec-showcase-has-video=true] .fuelerate-rec-showcase__frame-clip:after{content:"";position:absolute;top:50%;left:50%;z-index:1;width:3.5rem;height:3.5rem;border:2px solid #fff;border-radius:50%;background:#0000008c url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9 6v12l10-6z'/%3E%3C/svg%3E") center / 1.5rem no-repeat;opacity:0;transform:translate(-50%,-50%) scale(.8);transition:opacity .35s ease,transform .35s ease;pointer-events:none}.fuelerate-rec-showcase__slide.is-active .fuelerate-rec-showcase__frame[data-fuelerate-rec-showcase-has-video=true] .fuelerate-rec-showcase__frame-clip:after{opacity:1;transform:translate(-50%,-50%) scale(1)}@media(prefers-reduced-motion:reduce){.fuelerate-rec-showcase__frame[data-fuelerate-rec-showcase-has-video=true] .fuelerate-rec-showcase__frame-clip:after{transition:none}}.fuelerate-rec-showcase__dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:1;transition:opacity .35s ease;pointer-events:none}.fuelerate-rec-showcase__slide.is-active .fuelerate-rec-showcase__dim{opacity:0}.fuelerate-rec-showcase__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.fuelerate-rec-showcase__slide.is-active .fuelerate-rec-showcase__overlay{opacity:1;visibility:visible;pointer-events:none}.fuelerate-rec-showcase__overlay-link{position:absolute;left:.75rem;right:.75rem;bottom:.875rem;display:block;height:var(--fuelerate-rec-showcase-overlay-height);color:inherit;text-decoration:none;box-sizing:border-box;pointer-events:auto}.fuelerate-rec-showcase__overlay-link:focus-visible,.fuelerate-rec-showcase__frame:focus-visible,.fuelerate-rec-showcase__quick-add:focus-visible{outline:2px solid var(--fuelerate-color-accent-star-gold);outline-offset:2px}.fuelerate-rec-showcase__overlay-inner{display:flex;align-items:center;gap:.375rem;width:100%;height:100%;padding:.4375rem 4.25rem .4375rem .625rem;background-image:var(--fuelerate-rec-showcase-overlay);background-repeat:no-repeat;background-position:left center;background-size:100% 100%;box-sizing:border-box}.fuelerate-rec-showcase__overlay-thumb{flex-shrink:0;width:3.125rem;height:3.125rem;overflow:hidden;border-radius:.25rem;background:var(--fuelerate-color-bg-default)}.fuelerate-rec-showcase__overlay-thumb-image,.fuelerate-rec-showcase__overlay-thumb-placeholder{display:block;width:100%;height:100%;object-fit:cover}.fuelerate-rec-showcase__overlay-thumb-placeholder{background:var(--fuelerate-color-bg-muted)}.fuelerate-rec-showcase__overlay-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem;color:var(--fuelerate-color-text-inverse)}.fuelerate-rec-showcase__overlay-meta .fuelerate-product-card__rating{gap:.25rem}.fuelerate-rec-showcase__overlay-meta .fuelerate-product-card__stars{width:2.9375rem;height:.546875rem;color:var(--fuelerate-color-text-inverse)}.fuelerate-rec-showcase__overlay-meta .fuelerate-product-card__star{width:.546875rem;height:.546875rem}.fuelerate-rec-showcase__overlay-meta .fuelerate-product-card__rating-text{color:var(--fuelerate-color-text-inverse-secondary);font-family:var(--fuelerate-font-ui);font-size:.625rem;font-weight:300;line-height:.78125rem}.fuelerate-rec-showcase__overlay-title{margin:0;color:var(--fuelerate-color-text-inverse);font-family:var(--fuelerate-font-ui);font-size:.6875rem;font-weight:500;line-height:.6875rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.fuelerate-rec-showcase__overlay-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem;color:var(--fuelerate-color-text-inverse);font-family:var(--fuelerate-font-ui);font-size:.625rem;font-weight:400;line-height:.6875rem}.fuelerate-rec-showcase__overlay-compare{color:var(--fuelerate-color-text-inverse-secondary);font-weight:300;text-decoration:line-through}.fuelerate-rec-showcase__quick-add{position:absolute;right:-.375rem;bottom:-.3125rem;z-index:6;display:none;align-items:flex-end;justify-content:flex-end;width:var(--fuelerate-rec-showcase-add-width);height:var(--fuelerate-rec-showcase-add-height);padding:0 .5rem .625rem 0;border:0;background-color:transparent;background-image:var(--fuelerate-rec-showcase-add);background-repeat:no-repeat;pointer-events:auto;background-position:center;background-size:100% 100%;color:var(--fuelerate-color-black);cursor:pointer}.fuelerate-rec-showcase__quick-add:disabled{opacity:.5;cursor:not-allowed}.fuelerate-rec-showcase__quick-add-label{margin:0;font-family:var(--fuelerate-font-ui);font-size:.875rem;font-weight:500;line-height:.875rem;text-transform:uppercase}@media(min-width:750px){.fuelerate-rec-showcase{--fuelerate-rec-showcase-slide-width: 20rem;--fuelerate-rec-showcase-slide-height: 32.5rem;--fuelerate-rec-showcase-gap-1: 220;--fuelerate-rec-showcase-gap-2: 400;--fuelerate-rec-showcase-overlay-height: 4.8125rem;background-image:linear-gradient(#00000094,#00000094),var(--fuelerate-rec-showcase-bg-image, url(fuelerate-rec-showcase-default-2200.webp));padding:5.8125rem 0 4.5rem}.fuelerate-rec-showcase__header{gap:.3125rem;padding:0 2.5rem}.fuelerate-rec-showcase__heading{font-size:2.25rem;line-height:2.375rem;letter-spacing:-.05rem}.fuelerate-rec-showcase__stage{height:34.5rem;overflow:hidden;scroll-snap-type:none;touch-action:pan-y pinch-zoom}.fuelerate-rec-showcase__track{width:100%}.fuelerate-rec-showcase__snap-rail{display:none}.fuelerate-rec-showcase__overlay-link{left:.9375rem;right:.8125rem;bottom:1.125rem}.fuelerate-rec-showcase__overlay-inner{gap:.5rem;padding:.4375rem 5.25rem .4375rem .75rem}.fuelerate-rec-showcase__overlay-thumb{width:4rem;height:4rem;border-radius:var(--fuelerate-radius-sm)}.fuelerate-rec-showcase__overlay-meta{gap:.3125rem}.fuelerate-rec-showcase__overlay-meta .fuelerate-product-card__stars{width:3.75rem;height:.6975rem}.fuelerate-rec-showcase__overlay-meta .fuelerate-product-card__star{width:.6975rem;height:.6975rem}.fuelerate-rec-showcase__overlay-meta .fuelerate-product-card__rating-text{font-size:.75rem;line-height:1rem}.fuelerate-rec-showcase__overlay-title{font-size:.875rem;line-height:.875rem}.fuelerate-rec-showcase__overlay-price{font-size:.75rem;line-height:.875rem}.fuelerate-rec-showcase__quick-add{display:inline-flex}}@media(min-width:990px){.fuelerate-rec-showcase{--fuelerate-rec-showcase-slide-width: 21.9375rem;--fuelerate-rec-showcase-slide-height: 35.726875rem;--fuelerate-rec-showcase-gap-1: 257;--fuelerate-rec-showcase-gap-2: 464;padding:7.8125rem 0 6.4375rem}.fuelerate-rec-showcase__header{padding:0}.fuelerate-rec-showcase__heading--desktop{display:block}.fuelerate-rec-showcase__heading--mobile{display:none}.fuelerate-rec-showcase__heading{max-width:56.5rem;font-size:3rem;line-height:3.125rem;letter-spacing:-.075rem}.fuelerate-rec-showcase__stage{height:35.75rem;margin-top:1.5625rem}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/fuelerate-recommendation-showcase.css.map */