.ff-halloween-landing,.ff-halloween-popup,.ff-halloween-progress{--ff-radius: 16px;--ff-radius-sm: 12px;--ff-heading: var(--font-heading--family);--ff-body: var(--font-body--family);--ff-brand: var(--color-primary-button-background);--ff-orange: var(--ff-halloween-orange, var(--color-primary-button-background));--ff-purple: var(--ff-halloween-purple, var(--color-foreground))}.ff-halloween-tag{display:inline-flex;align-items:center;gap:.4em;margin:0;padding:.45em .9em;border-radius:999px;border:1px solid var(--ff-orange);background:var(--color-background);color:var(--color-foreground-heading);font-family:var(--ff-body);font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.ff-halloween-btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:48px;padding:.9em 1.6em;border:0;border-radius:var(--ff-radius-sm);background:var(--color-primary-button-background);color:var(--color-primary-button-text);font-family:var(--ff-body);font-size:.9rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer;box-shadow:0 0 0 0 var(--ff-orange);transition:background-color .2s,color .2s,box-shadow .2s}.ff-halloween-btn:hover{background:var(--color-primary-button-hover-background);color:var(--color-primary-button-hover-text);box-shadow:0 0 0 3px var(--ff-orange)}.ff-halloween-btn[disabled]{opacity:.6;cursor:not-allowed}.ff-halloween-btn--full{width:100%}.ff-halloween-link{color:var(--color-foreground);font-family:var(--ff-body);font-size:.9rem;font-weight:600;text-decoration:underline;text-underline-offset:3px}.ff-halloween-btn:focus-visible,.ff-halloween-link:focus-visible,.ff-halloween-popup__close:focus-visible,.ff-halloween-pumpkin__button:focus-visible,.ff-halloween-combo a:focus-visible{outline:3px solid var(--ff-orange);outline-offset:3px}.ff-halloween-card{background:var(--color-background);border:1.5px solid var(--color-border);border-top:3px solid var(--ff-orange);border-radius:var(--ff-radius)}.ff-halloween-legal{margin:0;color:var(--color-foreground);opacity:.7;font-family:var(--ff-body);font-size:.7rem;line-height:1.4}.ff-halloween-h2{margin:0;color:var(--color-foreground-heading);font-family:var(--ff-heading);font-size:clamp(1.6rem,6vw,2.6rem);font-weight:900;line-height:1;text-transform:uppercase}.ff-halloween-countdown__boxes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:360px}.ff-halloween-countdown__box{display:flex;flex-direction:column;align-items:center;padding:10px 4px 8px;border:1.5px solid var(--ff-brand);border-radius:10px;background:var(--color-background)}.ff-halloween-countdown__box span{color:var(--color-foreground-heading);font-family:var(--ff-heading);font-size:1.7rem;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.ff-halloween-countdown__box small{margin-top:4px;color:var(--color-foreground);font-family:var(--ff-body);font-size:.6rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ff-halloween-countdown--compact .ff-halloween-countdown__box span{font-size:1.35rem}.ff-halloween-countdown.is-ended .ff-halloween-countdown__boxes{display:none}.ff-halloween-countdown__ended{margin:0;font-family:var(--ff-body);font-weight:700}.ff-halloween-popup{width:min(100% - 32px,760px);max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;border-radius:var(--ff-radius);background:var(--color-background);color:var(--color-foreground);box-shadow:0 0 0 2px var(--ff-orange),0 0 48px -8px var(--ff-orange);overflow:auto}.ff-halloween-popup::backdrop{background:#0000008c}.ff-halloween-popup[open]{animation:ff-halloween-pop .35s cubic-bezier(.2,.9,.3,1.2)}.ff-halloween-popup__inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 20px 24px;text-align:center}.ff-halloween-popup__close{position:absolute;top:10px;right:10px;z-index:1;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:999px;background:var(--color-background);color:var(--color-foreground-heading);cursor:pointer}.ff-halloween-popup__media{width:min(62vw,260px);margin-top:8px}.ff-halloween-popup__mascot{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 24px var(--ff-orange));animation:ff-halloween-float 3s ease-in-out infinite}.ff-halloween-popup__content{display:flex;flex-direction:column;align-items:center;gap:12px}.ff-halloween-popup__title{margin:0;color:var(--color-foreground-heading);font-family:var(--ff-heading);font-size:clamp(2rem,9vw,3rem);font-weight:900;line-height:.95;text-transform:uppercase}.ff-halloween-popup__text{margin:0;max-width:34ch;font-family:var(--ff-body);font-size:1rem;font-weight:600;line-height:1.35}.ff-halloween-popup__actions{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.ff-halloween-popup__actions .ff-halloween-btn{width:100%}@media screen and (min-width:750px){.ff-halloween-popup__inner{flex-direction:row;gap:24px;padding:32px;text-align:left}.ff-halloween-popup__media{flex:0 0 280px;margin:0}.ff-halloween-popup__content,.ff-halloween-popup__actions{align-items:flex-start}.ff-halloween-popup__actions .ff-halloween-btn{width:auto}}.ff-halloween-progress{margin:0 0 16px;padding:12px 14px 14px;border:1.5px solid var(--color-border);border-left:3px solid var(--ff-orange);border-radius:var(--ff-radius-sm);background:var(--color-background)}.ff-halloween-progress__text{margin:0 0 22px;color:var(--color-foreground-heading);font-family:var(--ff-body);font-size:.85rem;font-weight:700;line-height:1.3}.ff-halloween-progress__track{position:relative;height:10px;margin:0 14px 0 0;border-radius:999px;background:rgb(var(--color-foreground-rgb) / .1)}.ff-halloween-progress__fill{position:absolute;inset:0 auto 0 0;width:var(--ff-progress, 0%);border-radius:inherit;background:var(--ff-brand);transition:width .5s ease}.ff-halloween-progress.is-unlocked .ff-halloween-progress__fill{box-shadow:0 0 8px var(--ff-orange)}.ff-halloween-progress__runner{position:absolute;top:50%;left:var(--ff-progress, 0%);width:34px;transform:translate(-50%,-58%);transition:left .5s ease}.ff-halloween-progress__mascot{display:block;width:100%;height:auto}.ff-halloween-progress.is-unlocked .ff-halloween-progress__runner{animation:ff-halloween-hop 1.2s ease-in-out infinite}.cart-items__table-row:has(.ff-halloween-line__details)>.cart-items__details,.cart-items__table-row:has(.ff-halloween-line__details)>.cart-items__quantity,.cart-items__table-row:has(.ff-halloween-line__details)>.cart-items__price{display:none}.ff-halloween-line__details{grid-area:details;display:flex;flex-direction:column;gap:4px}.ff-halloween-line__title{color:var(--color-foreground-heading);font-weight:700}.ff-halloween-line__variant{font-size:.85em;opacity:.7}.ff-halloween-line__price{grid-area:price;justify-self:end;color:var(--color-foreground-heading);font-weight:800;letter-spacing:.04em;text-transform:uppercase}.ff-halloween-landing{display:flex;flex-direction:column;gap:56px;padding-block:24px 64px;background:var(--color-background);color:var(--color-foreground);font-family:var(--ff-body)}.ff-halloween-landing>section{width:min(100% - 32px,var(--normal-page-width, 120rem));margin-inline:auto}.ff-halloween-hero{display:grid;gap:16px;align-items:center}.ff-halloween-hero__media{position:relative;display:grid;place-items:center;padding:16px;border-radius:var(--ff-radius);background:radial-gradient(circle at 50% 55%,color-mix(in srgb,var(--ff-orange) 35%,transparent) 0%,transparent 62%),var(--color-background)}.ff-halloween-hero__mascot{display:block;width:min(100%,520px);height:auto;animation:ff-halloween-float 3.5s ease-in-out infinite}.ff-halloween-hero__content{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:24px 20px}.ff-halloween-hero__title{margin:0;color:var(--color-foreground-heading);font-family:var(--ff-heading);font-size:clamp(2.6rem,12vw,5rem);font-weight:900;line-height:.92;text-transform:uppercase}.ff-halloween-hero__offer{margin:0;padding:10px 14px;border-radius:var(--ff-radius-sm);background:rgb(var(--color-foreground-rgb) / .05);box-shadow:inset 3px 0 0 var(--ff-purple);color:var(--color-foreground-heading);font-weight:800;line-height:1.3}.ff-halloween-hero__text p{margin:0}.ff-halloween-section-head{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;text-align:center;align-items:center}.ff-halloween-section-head p{margin:0;max-width:52ch}.ff-halloween-game__grid{display:grid;gap:24px;align-items:start}.ff-halloween-pumpkin{display:flex;flex-direction:column;gap:16px}.ff-halloween-pumpkin__button{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:16px 12px 20px;border:1.5px dashed var(--color-border);border-radius:var(--ff-radius);background:var(--color-background);color:var(--color-foreground-heading);cursor:pointer;transition:border-color .2s,box-shadow .2s}.ff-halloween-pumpkin__button:hover{border-color:var(--ff-orange);box-shadow:0 0 24px -6px var(--ff-orange)}.ff-halloween-pumpkin__art{position:relative;display:block;width:170px;height:200px}.ff-halloween-pumpkin__svg{position:absolute;inset:auto 0 0;width:100%;height:auto;overflow:visible}.ff-halloween-pumpkin__body{fill:var(--ff-orange);stroke:var(--color-foreground-heading);stroke-width:4}.ff-halloween-pumpkin__ribs{fill:none;stroke:var(--color-foreground-heading);stroke-width:3;opacity:.35}.ff-halloween-pumpkin__stem{color:var(--ff-purple)}.ff-halloween-pumpkin__face{fill:var(--ff-purple)}.ff-halloween-pumpkin__lid{transform-origin:30px 52px;transition:transform .5s cubic-bezier(.3,1.4,.5,1)}.ff-halloween-pumpkin__peek{position:absolute;left:50%;bottom:40px;width:140px;transform:translate(-50%,40px) scale(.6);opacity:0;transition:transform .5s cubic-bezier(.3,1.4,.5,1) .15s,opacity .3s .15s}.ff-halloween-pumpkin__mascot{display:block;width:100%;height:auto}.ff-halloween-pumpkin.is-open .ff-halloween-pumpkin__lid{transform:rotate(-28deg) translate(-6px,-18px)}.ff-halloween-pumpkin.is-open .ff-halloween-pumpkin__peek{transform:translate(-50%,-24px) scale(1);opacity:1}.ff-halloween-pumpkin__label{display:flex;flex-direction:column;align-items:center;gap:2px}.ff-halloween-pumpkin__number{font-family:var(--ff-heading);font-size:1.3rem;font-weight:900;text-transform:uppercase}.ff-halloween-pumpkin__cta{font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--color-foreground)}.ff-halloween-pumpkin.is-open .ff-halloween-pumpkin__cta{visibility:hidden}.ff-halloween-combo{display:flex;flex-direction:column;gap:12px;padding:20px 16px}.ff-halloween-combo[hidden]{display:none}.ff-halloween-combo:not([hidden]){animation:ff-halloween-reveal .4s ease-out}.ff-halloween-combo__title{margin:0;color:var(--color-foreground-heading);font-family:var(--ff-heading);font-size:1.4rem;font-weight:900;text-transform:uppercase}.ff-halloween-combo__text{margin:0}.ff-halloween-combo__list{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.ff-halloween-combo__item{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center}.ff-halloween-combo__media img{display:block;width:56px;height:56px;object-fit:cover;border-radius:10px;border:1px solid var(--color-border)}.ff-halloween-combo__info{display:flex;flex-direction:column;min-width:0}.ff-halloween-combo__name{color:var(--color-foreground-heading);font-weight:700;font-size:.9rem;line-height:1.2;text-decoration:none}.ff-halloween-combo__variant{font-size:.75rem;opacity:.7}.ff-halloween-combo__price{font-weight:700;font-size:.9rem}.ff-halloween-combo__total{display:flex;justify-content:space-between;align-items:baseline;padding-top:12px;border-top:1px solid var(--color-border);color:var(--color-foreground-heading);font-weight:700;text-transform:uppercase;font-size:.85rem}.ff-halloween-combo__total strong{font-family:var(--ff-heading);font-size:1.4rem;font-weight:900}.ff-halloween-combo__unlock{margin:0;font-size:.8rem;font-weight:700;color:var(--color-foreground-heading)}.ff-halloween-combo__status{margin:0;min-height:1.2em;font-size:.8rem;font-weight:600}.ff-halloween-surprise__box{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 20px;text-align:center;border-style:dashed;border-top-style:solid;box-shadow:0 0 40px -16px var(--ff-purple)}.ff-halloween-surprise__box p{margin:8px 0 0}.ff-halloween-surprise__icon{font-size:2.6rem;line-height:1}.ff-halloween-terms{display:flex;flex-direction:column;gap:12px}.ff-halloween-terms__text ul{margin:0;padding-left:1.2em}.ff-halloween-terms__text li+li{margin-top:6px}.ff-halloween-terms__text li::marker{color:var(--ff-orange)}.ff-halloween-final__box{display:flex;flex-direction:column;align-items:center;gap:14px;padding:32px 20px;border-radius:var(--ff-radius);background:var(--color-primary-button-background);color:var(--color-primary-button-text);text-align:center}.ff-halloween-final__box .ff-halloween-h2{color:inherit}.ff-halloween-final__box p{margin:0}.ff-halloween-final__box .ff-halloween-btn{background:var(--color-primary-button-text);color:var(--color-primary-button-background)}@media screen and (min-width:750px){.ff-halloween-landing{gap:80px;padding-block:40px 96px}.ff-halloween-landing>section{width:min(100% - 64px,var(--normal-page-width, 120rem))}.ff-halloween-hero{grid-template-columns:1fr 1fr;gap:24px}.ff-halloween-hero__content{padding:40px}.ff-halloween-game__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ff-halloween-surprise__box{flex-direction:row;text-align:left;padding:32px 40px}.ff-halloween-terms{max-width:760px}}@keyframes ff-halloween-pop{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}@keyframes ff-halloween-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes ff-halloween-hop{0%,to{transform:translate(-50%,-58%)}50%{transform:translate(-50%,-85%)}}@keyframes ff-halloween-reveal{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.ff-halloween-popup[open],.ff-halloween-popup__mascot,.ff-halloween-hero__mascot,.ff-halloween-progress__runner,.ff-halloween-combo:not([hidden]){animation:none!important}.ff-halloween-pumpkin__lid,.ff-halloween-pumpkin__peek,.ff-halloween-progress__fill,.ff-halloween-progress__runner,.ff-halloween-btn,.ff-halloween-pumpkin__button{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/ff-halloween.css.map */
