.ArchesMarquee{--am-gap:1.5rem;--am-duration:40s;--am-w:20vw;--am-h-extra:5vw;--am-img-w:30vw;--am-icon:120px;--am-radius:500px 500px 5rem 5rem;--am-open-dur:.75s;--am-zoom-dur:.8s;--am-fade-dur:1s;--am-fade-base:.5s;--am-fade-spread:.4s;--am-step:.15s;--am-ease-open:cubic-bezier(.215, .61, .355, 1);--am-ease-zoom:cubic-bezier(.25, .46, .45, .94);--am-ease-fade:cubic-bezier(.16, 1, .3, 1);width:100%;overflow:hidden}@media screen and (max-width:768px){.ArchesMarquee{--am-w:60vw;--am-h-extra:15vw;--am-img-w:65vw;--am-icon:80px}}.ArchesMarquee__track{backface-visibility:hidden;align-items:flex-end;width:max-content;display:flex}.ArchesMarquee.is-inview .ArchesMarquee__track{animation:am-scroll var(--am-duration) linear infinite;will-change:transform}@keyframes am-scroll{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.ArchesMarquee__item{margin-right:var(--am-gap);opacity:0;transition:opacity var(--am-fade-dur) var(--am-ease-fade) var(--am-fade-delay,0s), transform var(--am-fade-dur) var(--am-ease-fade) var(--am-fade-delay,0s);flex:none;transform:translateY(4rem)}.ArchesMarquee.is-open .ArchesMarquee__item{opacity:1;transform:translate(0,0)}.ArchesMarquee__icon{width:var(--am-icon);aspect-ratio:1}.ArchesMarquee__icon img{object-fit:contain;width:100%;height:100%;display:block}@keyframes am-icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes am-icon-sway{0%,to{transform:translate(-7%)rotate(-5deg)}50%{transform:translate(7%)rotate(5deg)}}@keyframes am-icon-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.09)}}.ArchesMarquee.is-inview .am-icon-spin{animation:16s linear infinite am-icon-spin}.ArchesMarquee.is-inview .am-icon-sway{animation:3.6s ease-in-out infinite am-icon-sway}.ArchesMarquee.is-inview .am-icon-pulse{animation:3s ease-in-out infinite am-icon-pulse}.ArchesMarquee__window{width:var(--am-w);height:calc(var(--am-w) + var(--random,0) * var(--am-h-extra));contain:layout paint;justify-content:center;align-items:flex-end;display:flex}.ArchesMarquee__limit{border-radius:var(--am-radius);width:100%;height:100%;clip-path:inset(60% 40% 0 40% round var(--am-radius));transition:clip-path var(--am-open-dur) var(--am-ease-open) var(--am-open-delay,0s);position:relative;overflow:hidden}.ArchesMarquee.is-open .ArchesMarquee__limit{clip-path:inset(0 0 0 0 round var(--am-radius))}.ArchesMarquee__frame{width:var(--am-img-w);height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ArchesMarquee__frame img{object-fit:cover;width:100%;height:100%;transition:transform var(--am-zoom-dur) var(--am-ease-zoom) var(--am-open-delay,0s);display:block;transform:scale(1.3)}.ArchesMarquee.is-open .ArchesMarquee__frame img{transform:scale(1)}
.cookie-card-container{flex-direction:column;height:100%;display:flex;position:relative}.cookie-card{background:#fff;border-radius:500px 500px 20px 20px;flex-direction:column;flex:1;transition:box-shadow .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.cookie-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.cookie-add-button{cursor:pointer;border:none;position:relative;overflow:hidden}.cookie-add-button:active{transform:scale(.98)}.ingredient-pill{background-color:var(--color-brand-brown,#7b4825);border-radius:9999px;align-items:center;padding:2px 7px;display:inline-flex;box-shadow:0 1px 4px #0000002e}.ingredient-pill span{color:#fff;white-space:nowrap;letter-spacing:.03em;font-size:9px;font-weight:700;line-height:1}@media (min-width:640px){.ingredient-pill{padding:3px 9px}.ingredient-pill span{font-size:10px}}.cookie-image-container{position:relative;overflow:hidden}
