.fudge-stage{position:relative;display:block;isolation:isolate;width:100%;min-width:0;height:calc(100svh - var(--header-height) - 2.25rem);min-height:36rem;overflow:hidden;contain:layout paint;background:linear-gradient(180deg,#f4f3ef,#deddd8 68%,#c7c6c1)}.fudge-stage:before{position:absolute;z-index:-2;top:0;right:0;bottom:30%;left:0;background-image:var(--stage-background);background-position:center bottom;background-size:cover;content:"";opacity:.38;filter:grayscale(1)}.fudge-stage__intro{position:absolute;z-index:5;top:clamp(1.5rem,5vh,4rem);left:50%;width:min(92%,50rem);text-align:center;pointer-events:none;transform:translate(-50%)}.fudge-stage__eyebrow{font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.fudge-stage h1{margin-top:.25rem;color:var(--color-chocolate);font-size:clamp(2.35rem,7vw,6rem)}.fudge-stage__deal{display:inline-block;margin-top:.6rem;border-radius:999px;padding:.35rem .9rem;background:var(--color-yellow);font-weight:800}.fudge-stage__intro .promo-progress{margin:.75rem auto 0;text-align:left}.fudge-stage__intro .promo-progress__message{text-align:center}.stage-filters{display:flex;justify-content:center;gap:.4rem;margin-top:.85rem;pointer-events:auto}.stage-filter{min-height:2.2rem;border:1px solid rgb(51 30 15 / 35%);border-radius:999px;padding:.3rem .8rem;background:#fffdf7c7;color:var(--color-chocolate);font-size:.76rem;font-weight:750;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.stage-filter:hover{border-color:var(--color-chocolate)}.stage-filter.is-active{border-color:var(--color-chocolate);background:var(--color-yellow);box-shadow:2px 2px 0 var(--color-chocolate)}.fudge-stage__deck{position:absolute;right:0;bottom:-15%;left:0;height:58%;border-radius:50% 50% 0 0/12% 12% 0 0;background:radial-gradient(ellipse at 50% 8%,#fff 0,#e5e4e0,#b7b6b2 70%,#8e8d89);box-shadow:inset 0 1rem 2rem #ffffffa6,0 -1rem 4rem #331e0f2e}.fudge-stage__products{position:absolute;z-index:2;top:24%;right:0;bottom:12%;left:0;perspective:1000px;touch-action:pan-y;user-select:none;-webkit-user-select:none}.stage-product{position:absolute;top:50%;left:50%;display:grid;width:min(42vw,25rem);height:min(42vw,25rem);place-items:center;opacity:0;pointer-events:none;transform:translate(-50%,-72%) scale(.25);filter:grayscale(.8);will-change:transform,opacity,filter;transition:transform .65s cubic-bezier(.22,.75,.18,1),opacity .5s ease,filter .5s ease}.stage-product[hidden],.stage-detail[hidden]{display:none!important}.stage-is-animating .stage-product{transition:none}.stage-product img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 1.2rem 1rem rgb(51 30 15 / 28%))}.stage-product[data-position="0"]{z-index:4;opacity:1;pointer-events:auto;transform:translate(-50%,-42%) scale(1);filter:none}.stage-product[data-position="-1"]{z-index:2;opacity:.42;transform:translate(-138%,-58%) scale(.67) rotate(-8deg);filter:grayscale(.6)}.stage-product[data-position="1"]{z-index:2;opacity:.42;transform:translate(38%,-58%) scale(.67) rotate(8deg);filter:grayscale(.6)}.stage-product[data-position="-2"]{z-index:1;opacity:.14;transform:translate(-194%,-73%) scale(.4) rotate(-12deg);filter:grayscale(.8)}.stage-product[data-position="2"]{z-index:1;opacity:.14;transform:translate(94%,-73%) scale(.4) rotate(12deg);filter:grayscale(.8)}.stage-product__link{display:grid;width:100%;height:100%;place-items:center}.stage-product__add{position:absolute;z-index:5;bottom:16%;left:50%;display:grid;width:3.5rem;height:3.5rem;place-items:center;border:3px solid var(--color-chocolate);border-radius:50%;padding:0 0 .12em;background:var(--color-yellow);color:var(--color-chocolate);font-family:Arial,sans-serif;font-size:2rem;font-weight:900;line-height:1;cursor:pointer;box-shadow:4px 4px 0 var(--color-chocolate);transform:translate(-50%)}.fudge-stage__details{position:absolute;z-index:6;bottom:clamp(8rem,16vh,11rem);left:50%;width:min(90%,36rem);text-align:center;transform:translate(-50%)}.stage-detail{display:none}.stage-detail.is-active{display:block}.stage-detail h2{font-size:clamp(1.5rem,3.5vw,2.4rem);color:var(--color-chocolate)}.stage-detail__price{font-weight:800}.stage-detail__description{display:-webkit-box;overflow:hidden;margin:.25rem auto 0;max-width:52ch;color:#4e4945;font-size:.9rem;-webkit-box-orient:vertical;-webkit-line-clamp:2}.stage-control{position:absolute;z-index:8;top:53%;display:grid;width:3.25rem;height:3.25rem;place-items:center;border:2px solid var(--color-chocolate);border-radius:50%;background:#fffdf7e0;color:var(--color-chocolate);font-size:1.5rem;cursor:pointer}.stage-control--prev{left:max(var(--page-gutter),calc(50% - 30rem))}.stage-control--next{right:max(var(--page-gutter),calc(50% - 30rem))}.stage-swipe-hint{display:none}@keyframes stage-swipe-hint{0%{opacity:0;transform:translate(-50%)}15%{opacity:.85}35%{transform:translate(calc(-50% - .6rem))}58%{transform:translate(calc(-50% + .6rem))}78%{opacity:.85}to{opacity:0;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.stage-swipe-hint{animation:none!important}.fudge-stage.force-motion .stage-swipe-hint{animation:stage-swipe-hint 3s ease-in-out forwards!important}}@media(max-width:700px),(max-height:600px){.fudge-stage{display:grid;grid-template-rows:minmax(9.5rem,.9fr) minmax(15rem,1.5fr) minmax(7.5rem,.7fr);padding-inline:.75rem}.fudge-stage__intro{position:relative;top:auto;left:auto;grid-row:1;align-self:center;width:100%;transform:translateY(1.65rem)}.fudge-stage__eyebrow{font-size:.7rem}.fudge-stage h1{font-size:clamp(1.9rem,9vw,2.75rem)}.fudge-stage__deal{display:none}.fudge-stage__intro .promo-progress{gap:.3rem;margin-top:.45rem;padding:.5rem .7rem}.fudge-stage__intro .promo-progress__pieces{gap:.3rem}.fudge-stage__intro .promo-progress__piece{min-height:1.6rem}.fudge-stage__intro .promo-progress__heading strong{font-size:.85rem}.fudge-stage__intro .promo-progress__message{font-size:.72rem}.stage-filters{justify-content:flex-start;overflow-x:auto;margin:.55rem auto 0;padding:.15rem .25rem;width:min(100%,25rem);scrollbar-width:none}.stage-filter{flex:0 0 auto;min-height:2rem;padding:.25rem .7rem}.fudge-stage__products{position:relative;inset:auto;grid-row:2;min-height:0}.stage-product{width:min(62vw,22rem);height:min(62vw,22rem)}.stage-product[data-position="0"]{transform:translate(-50%,-50%) scale(1)}.stage-product[data-position="-1"]{transform:translate(-132%,-58%) scale(.62) rotate(-8deg)}.stage-product[data-position="1"]{transform:translate(32%,-58%) scale(.62) rotate(8deg)}.stage-control{display:none}.stage-product__add{bottom:20%;width:3rem;height:3rem}.stage-swipe-hint{position:absolute;z-index:9;bottom:.2rem;left:50%;display:block;margin:0;border-radius:999px;padding:.28rem .7rem;background:#fffdf7d1;color:var(--color-chocolate);font-size:.72rem;font-weight:750;letter-spacing:.03em;pointer-events:none;white-space:nowrap;animation:stage-swipe-hint 3s ease-in-out forwards}.stage-swipe-hint.is-dismissed{display:none}.fudge-stage__details{position:relative;bottom:auto;left:auto;grid-row:3;align-self:center;width:100%;transform:translateY(-4.5rem)}.stage-detail__description{display:-webkit-box;font-size:.8rem;-webkit-line-clamp:2}}@media(max-width:700px)and (max-height:800px),(max-height:600px){.stage-product__add{bottom:22%}.fudge-stage__details{transform:translateY(-1rem)}.stage-detail__description{-webkit-line-clamp:1}}@media(max-height:600px){.fudge-stage{height:auto;min-height:52rem;grid-template-rows:20rem 22rem 10rem}.fudge-stage__intro{transform:translateY(.5rem)}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/fudge-stage.css.map */