.gummy-row{--gummy-size: clamp(34px, 5vw, 52px);display:flex;justify-content:center;align-items:center;gap:4px;margin:2px 0}@keyframes gummy-row-bob{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-6px) rotate(4deg)}}.gummy-row__gummy{display:block;width:var(--gummy-size);animation:gummy-row-bob 3s ease-in-out infinite}.gummy-row__gummy:nth-child(2n){animation-delay:-1.1s;animation-direction:reverse}.gummy-row__gummy:nth-child(3n){animation-delay:-2.2s}.gummy-row__gummy:nth-child(5n){animation-delay:-.6s}.gummy-row__gummy img{width:100%;height:auto;display:block;filter:drop-shadow(0 4px 6px rgba(0,0,0,.45))}@media(prefers-reduced-motion:reduce){.gummy-row__gummy{animation:none}}.gummy-row--bags{gap:6px;margin:4px 0 2px}.gummy-row--bags{--gummy-size: clamp(56px, 9vw, 96px);min-height:calc(var(--gummy-size) * 1.3)}.gummy-row--bags .gummy-row__gummy{width:var(--gummy-size);height:calc(var(--gummy-size) * 1.3);text-decoration:none}.gummy-row__bag img{width:100%;height:100%;object-fit:contain;transition:transform .25s var(--spring-easing, ease)}@media(hover:hover){.gummy-row__bag:hover img{transform:scale(1.08)}}.bag-showcase{--stage-h: clamp(200px, 58vw, 300px);position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;width:100%}@media screen and (min-width:750px){.bag-showcase{--stage-h: 340px}}.bag-showcase__stage{position:relative;display:block;width:min(100%,calc(var(--stage-h) * 1.15));height:var(--stage-h);text-decoration:none;-webkit-tap-highlight-color:transparent}.bag-showcase__stage:focus-visible{outline:2px solid var(--gold-mid, #f4c542);outline-offset:4px}.bag-showcase__slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(.96);transition:opacity .55s ease,transform .55s ease;filter:drop-shadow(0 14px 18px rgba(0,0,0,.5));pointer-events:none;will-change:opacity}.bag-showcase__slide.is-active{opacity:1;transform:none;animation:bag-showcase-float 4.5s ease-in-out infinite}@keyframes bag-showcase-float{0%,to{translate:0 0;rotate:-1.5deg}50%{translate:0 -8px;rotate:1.5deg}}.gummy-row--thumbs{--gummy-size: clamp(44px, 8vw, 72px);min-height:calc(var(--gummy-size) * 1.3 + 6px)}.gummy-row--thumbs .gummy-row__bag{margin:0;padding:0;border:0;background:none;cursor:var(--pointer, pointer);-webkit-tap-highlight-color:transparent}.gummy-row--thumbs .gummy-row__bag img{opacity:.72;transition:transform .25s var(--spring-easing, ease),opacity .25s ease}.gummy-row--thumbs .gummy-row__bag.is-active img{opacity:1;transform:translateY(-4px) scale(1.12)}.gummy-row--thumbs .gummy-row__bag:focus-visible{outline:2px solid var(--gold-mid, #f4c542);outline-offset:2px}@media(prefers-reduced-motion:reduce){.bag-showcase__slide{transition:none}.bag-showcase__slide.is-active{animation:none}}.hero-funnel__showcase .bag-showcase__stage:before{content:"";position:absolute;top:5%;right:9%;bottom:0;left:9%;pointer-events:none;background:radial-gradient(ellipse,rgba(255,233,166,.48) 0%,rgba(255,222,137,.22) 38%,rgba(14,24,18,.32) 60%,transparent 74%);filter:blur(8px)}.hero-funnel__showcase .bag-showcase__slide{filter:drop-shadow(0 3px 2px rgba(13,20,15,.8)) drop-shadow(0 10px 10px rgba(0,0,0,.65)) drop-shadow(0 0 5px rgba(255,236,180,.42))}.hero-funnel__showcase .gummy-row__bag img{opacity:.95;filter:drop-shadow(0 3px 3px rgba(0,0,0,.8)) drop-shadow(0 0 3px rgba(255,236,180,.5))}@media(min-width:750px){.bag-showcase.hero-funnel__showcase{--stage-h: 240px}.hero-funnel__showcase .bag-showcase__stage:before{top:0;right:3%;bottom:-2%;left:3%;filter:blur(12px)}}
/*# sourceMappingURL=/cdn/shop/t/85/assets/gummy-row.css.map */