.fb-fav{--fb-gap: 1.6rem;--fb-card-w: min(62vw, 30rem);display:block;position:relative;overflow:hidden}@media screen and (min-width:750px){.fb-fav{--fb-gap: 2.4rem;--fb-card-w: 30rem}}.fb-fav__head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2.4rem}.fb-fav__titles{flex:1 1 auto;min-width:0;container-type:inline-size}.fb-fav__eyebrow{margin:0 0 .6rem;font-size:1.3rem;letter-spacing:.3em;text-transform:uppercase;opacity:.75}.fb-fav__headline{margin:0;font-family:var(--font-heading-family);font-size:clamp(3.2rem,7.2vw,8.8rem);line-height:.95;letter-spacing:-.01em;text-transform:uppercase;overflow-wrap:anywhere}.fb-letters{--fb-sweep: #a51c30;display:flex;flex-wrap:wrap;column-gap:.2em;font-family:FB Barlow Condensed,Arial Narrow,sans-serif;font-weight:800;font-size:clamp(4.6rem,calc(98cqi / var(--fb-em, 12)),12.8rem);line-height:.92;letter-spacing:-.005em;text-transform:uppercase}.fb-letters__word{display:inline-flex}.fb-letter{position:relative;display:block;cursor:default}.fb-letter__base,.fb-letter__img,.fb-letter__sweep{display:block}.fb-letter__img,.fb-letter__sweep{position:absolute;top:0;right:0;bottom:0;left:0}.fb-letter__base{transition:opacity .12s ease}.fb-letter__img{background-size:auto 270%;background-position:47% 42%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:.012em rgba(243,231,207,.55);opacity:0;transition:opacity .12s ease,background-position 3s ease-in-out}.fb-letter__sweep{color:var(--fb-sweep);opacity:0;pointer-events:none}.fb-letter.on .fb-letter__base{opacity:0}.fb-letter.on .fb-letter__img{opacity:1;background-position:53% 44%}.fb-letters.is-anim .fb-letter{animation:fb-letter-in .6s cubic-bezier(.34,1.8,.64,1) both;animation-delay:calc(var(--i) * 45ms)}.fb-letters.is-anim .fb-letter__sweep{animation:fb-letter-sweep .4s ease-in-out both;animation-delay:calc(var(--n, 20) * 45ms + .75s + var(--i) * 50ms)}@keyframes fb-letter-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes fb-letter-sweep{0%,to{opacity:0}30%{opacity:1}}.fb-fav__toggle,.fb-fav__arrow{flex:none;display:grid;place-items:center;width:4.4rem;height:4.4rem;padding:0;border:.1rem solid rgba(var(--color-foreground),.5);border-radius:50%;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;transition:border-color .2s,transform .2s}.fb-fav__toggle:hover,.fb-fav__arrow:hover{border-color:rgb(var(--color-foreground));transform:scale(1.06)}.fb-fav__toggle[hidden],.fb-fav__arrows[hidden]{display:none}.fb-fav__toggle svg{width:1.8rem;height:1.8rem;fill:currentColor}.fb-fav__arrow svg{width:1.6rem;height:1.6rem;fill:none;stroke:currentColor;stroke-width:2}.fb-fav__toggle .fb-fav__icon-play,.fb-fav__toggle[aria-pressed=true] .fb-fav__icon-pause{display:none}.fb-fav__toggle[aria-pressed=true] .fb-fav__icon-play{display:block}.fb-fav__toggle:focus-visible,.fb-fav__arrow:focus-visible,.fb-fav__card:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.fb-fav__viewport{overflow:hidden;padding:1.2rem 0 2.4rem;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.fb-fav.is-dragging .fb-fav__viewport{cursor:grabbing}.fb-fav__track{display:flex;gap:var(--fb-gap);width:max-content;margin:0;padding:0 0 0 var(--fb-gap);list-style:none;will-change:transform}.fb-fav__item{display:flex;flex:0 0 var(--fb-card-w);width:var(--fb-card-w)}.fb-fav__card{position:relative;display:flex;flex:1;flex-direction:column;overflow:hidden;border-radius:1.4rem;background:rgba(var(--color-foreground),.06);color:inherit;text-decoration:none;transform:perspective(90rem) rotateX(var(--fb-rx, 0deg)) rotateY(var(--fb-ry, 0deg)) translateY(var(--fb-lift, 0));transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}.fb-fav__card.is-tilted{--fb-lift: -.8rem;box-shadow:0 2.4rem 4rem #00000073;transition-duration:.12s,.45s}.fb-fav__card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.22) 50%,transparent 65%) var(--fb-mx, 50%) 0 / 250% 100% no-repeat;opacity:0;pointer-events:none;transition:opacity .35s}.fb-fav__card.is-tilted:after{opacity:1}.fb-fav__media{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:rgba(var(--color-foreground),.08)}.fb-fav__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;transition:opacity .5s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.fb-fav__img--alt{opacity:0}.fb-fav__card.is-tilted .fb-fav__img--alt,.fb-fav__card:focus-visible .fb-fav__img--alt{opacity:1}.fb-fav__card.is-tilted .fb-fav__img--main{transform:scale(1.04)}.fb-fav__info{display:grid;flex:1;align-content:start;gap:.3rem;padding:1.2rem 1.4rem 1.6rem}.fb-fav__name{font-family:var(--font-heading-family);font-size:1.6rem;line-height:1.2}.fb-fav__version{font-size:1.2rem;opacity:.7}.fb-fav__price{margin-top:.4rem;font-size:1.4rem;font-weight:600}.fb-badge--sticker{position:absolute;top:1.2rem;left:1.2rem;z-index:2;font-size:1.3rem}.fb-fav__item.is-seen .fb-badge--sticker{animation:fb-stamp .55s cubic-bezier(.2,1.4,.4,1) both}@keyframes fb-stamp{0%{opacity:0;transform:scale(1.9) rotate(-16deg)}60%{opacity:1;transform:scale(.94) rotate(-3deg)}to{opacity:1;transform:scale(1) rotate(-5deg)}}.fb-fav__arrows{display:flex;justify-content:flex-end;gap:1rem}.fb-fav.is-static .fb-fav__viewport{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:auto;-webkit-mask-image:none;mask-image:none}.fb-fav.is-static .fb-fav__viewport::-webkit-scrollbar{display:none}.fb-fav.is-static .fb-fav__track{padding-right:var(--fb-gap);transform:none!important}.fb-fav.is-static .fb-fav__item{scroll-snap-align:start}.fb-fav__empty{padding:4rem 0;text-align:center;opacity:.7}@media(prefers-reduced-motion:reduce){.fb-fav__card,.fb-fav__card:after,.fb-fav__img,.fb-fav__toggle,.fb-fav__arrow{transition:none}.fb-fav__item.is-seen .fb-badge--sticker,.fb-letters .fb-letter,.fb-letters .fb-letter__sweep{animation:none}.fb-letter__base,.fb-letter__img{transition:none}.fb-fav__card.is-tilted{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/fb-favourites-hero.css.map */