.card-bonbon__media-wrapper{position:relative}.card-bonbon--multiply .card-bonbon__media{background-color:var(--color-background-body)}.card-bonbon--multiply .card-bonbon__media img{mix-blend-mode:multiply}.card-bonbon__media--primary,.card-bonbon__media--secondary{transition:opacity var(--duration-default),visibility var(--duration-default)}.card-bonbon__media--secondary{height:auto;padding-bottom:100%;opacity:0;visibility:hidden}.card-bonbon__popup{--triangle-width: 1.2rem;--triangle-height: 1.8rem;position:absolute;top:80%;left:50%;transform:translate(-50%);width:29rem;padding:2.2rem 1.9rem 2.4rem;border:.1rem solid currentColor;border-radius:3rem;background-color:#fff;color:var(--color-paragraphs);opacity:0;visibility:hidden;pointer-events:none;z-index:5;transition-property:opacity,visibility;transition-duration:var(--duration-default)}.card-bonbon__popup:before,.card-bonbon__popup:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%,-100%)}.card-bonbon__popup:before{border-left:var(--triangle-width) solid transparent;border-right:var(--triangle-width) solid transparent;border-bottom:var(--triangle-height) solid #fff;z-index:1}.card-bonbon__popup:after{border-left:calc(var(--triangle-width) + .1rem) solid transparent;border-right:calc(var(--triangle-width) + .1rem) solid transparent;border-bottom:calc(var(--triangle-height) + .1rem) solid currentColor}.card-bonbon__popup-close{position:absolute;top:.7rem;right:.6rem;width:4.4rem;height:4.4rem;display:none;align-items:center;justify-content:center}.card-bonbon__popup-close svg{width:1.9rem;pointer-events:none}.card-bonbon__popup-title{margin-bottom:1.4rem;line-height:1.1;letter-spacing:-.01em}.card-bonbon__popup-entry{margin-bottom:1.6rem}.card-bonbon__allergens ul{gap:.8rem 1rem}.card-bonbon__actions{position:absolute;top:-1.3rem;left:-1.5rem;right:-1.5rem;display:flex;justify-content:space-between;z-index:2;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-default),visibility var(--duration-default)}.card-bonbon__icon{display:flex;align-items:center;justify-content:center;background-color:#a7e7f7;border:.1rem solid currentColor;border-radius:50%;width:4.5rem;height:4.5rem}.card-bonbon__icon svg{width:50%}.card-bonbon__icon--info svg{width:67%}.card-bonbon__curved-text{display:flex;justify-content:center;max-width:34.5rem;margin:0 auto}.card-bonbon__curved-text .curved-text{flex-shrink:0;width:90%;margin:-3% 0 -78.5%;font-size:.95rem;font-family:var(--font-body-family);font-weight:500;letter-spacing:-.06em;pointer-events:none}.card-bonbon__curved-text .curved-text text{text-anchor:middle}.card-bonbon__title{letter-spacing:-.01em;line-height:1.2}@media(hover:hover)and (pointer:fine){.card-bonbon:not(.card-bonbon--large):hover .card-bonbon__media--primary{opacity:0;visibility:hidden}.card-bonbon:not(.card-bonbon--large):hover .card-bonbon__media--secondary{opacity:1;visibility:inherit}.card-bonbon:not(.card-bonbon--large):hover .card-bonbon__actions,.card-bonbon:not(.card-bonbon--large):hover .card-bonbon__popup{opacity:1;visibility:inherit;pointer-events:auto}.card-bonbon__icon--info{display:none}}@media(hover:none),(pointer:coarse){.card-bonbon__popup-close{display:flex}.card-bonbon__popup-close+.card-bonbon__popup-title{max-width:calc(100% - 6rem);margin-left:auto;margin-right:auto}.card-bonbon.is-clicked .card-bonbon__actions,.card-bonbon.is-clicked .card-bonbon__popup{opacity:1;visibility:inherit;pointer-events:auto}.card-bonbon.is-clicked .card-bonbon__media--primary{opacity:0;visibility:hidden}.card-bonbon.is-clicked .card-bonbon__media--secondary{opacity:1;visibility:inherit}}@media screen and (min-width:750px){.card-bonbon__popup{width:27rem}.card-bonbon__curved-text .curved-text{width:107%;margin-bottom:-93.5%}.card-bonbon__title{line-height:1.1}.card-bonbon__actions{top:0;left:-.7rem;right:-.7rem}}.card-bonbon--large{container-type:inline-size}.card-bonbon--large .card-bonbon__media,.card-bonbon--large .card-bonbon__media img{transition-duration:1s}.card-bonbon--large .card-bonbon__popup{width:27rem}.card-bonbon--large .card-bonbon__title,.card-bonbon--large .card-bonbon__popup-title{font-size:2rem;line-height:1;letter-spacing:-.035em;text-transform:none}@media screen and (min-width:750px){.card-bonbon--large .card-bonbon__popup{width:33.6rem;padding:2.7rem 2.4rem 2.1rem}.card-bonbon--large .card-bonbon__title,.card-bonbon--large .card-bonbon__popup-title{font-size:2.6rem}}@media screen and (min-width:990px){.card-bonbon--large .card-bonbon__popup-title{max-width:calc(100cqw - 4.8rem);margin-left:auto;margin-right:auto}.card-bonbon--large .card-bonbon__content{position:relative;z-index:1;max-width:33.4rem;margin:-3rem auto 0;padding:0 2.4rem}}.card-bonbon--alt .card-bonbon__title{margin-bottom:.8rem}.card-bonbon--alt .card-bonbon__media-wrapper{padding:1rem 1.5rem 1.1rem;margin-bottom:.8rem}.card-bonbon--alt .card-bonbon__media-wrapper:before{content:"";position:relative;display:block;width:67.1%;height:auto;aspect-ratio:1;background-color:var(--background-color, #ff6351);margin:0 auto;border-radius:50%;opacity:.7;z-index:1}.card-bonbon--alt .card-bonbon__media{position:absolute;top:auto;left:auto;padding-bottom:0;width:57.7%;aspect-ratio:1;opacity:1!important;visibility:inherit!important;z-index:2}.card-bonbon--alt .card-bonbon__media:only-child{top:50%;left:50%;transform:translate(-50%,-50%)}.card-bonbon--alt .card-bonbon__media--secondary{bottom:1%;left:7%}.card-bonbon--alt .card-bonbon__media--primary{top:0;right:5%}@media screen and (min-width:990px){.card-bonbon--alt{padding:0 .2rem}.card-bonbon--alt .card-bonbon__title{margin-bottom:0}.card-bonbon--alt .card-bonbon__media-wrapper{margin-bottom:1rem;padding-left:0;padding-right:0}.card-bonbon--alt .card-bonbon__media{width:64.7%}.card-bonbon--alt .card-bonbon__media--secondary{bottom:0;left:0}.card-bonbon--alt .card-bonbon__media--primary{top:0;right:0}.card-bonbon--alt .card-bonbon__content{padding:0}}.card-bonbon--button{cursor:pointer;container-type:inline-size}.card-bonbon--button .card-bonbon__media-wrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;border-radius:50%;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-default),visibility var(--duration-default);z-index:1}.card-bonbon--button .card-bonbon__media--primary{visibility:inherit!important}.card-bonbon--button .card-bonbon__content{position:relative;z-index:2;margin-top:-.3rem}@media(hover:hover)and (pointer:fine){.card-bonbon--button:hover .card-bonbon__media-wrapper:before{opacity:1;visibility:inherit;transition-delay:var(--duration-default)}}@media(hover:none),(pointer:coarse){.card-bonbon--button.is-clicked .card-bonbon__media-wrapper:before{opacity:1;visibility:inherit;transition-delay:var(--duration-default)}}@media screen and (min-width:750px){.card-bonbon--button .card-bonbon__media-wrapper{max-width:95%;margin:0 auto}.card-bonbon--button .card-bonbon__popup-title{max-width:90cqw;margin-left:auto;margin-right:auto}.card-bonbon--button .card-bonbon__content{max-width:90%;margin:-.8rem auto 0}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/component-card-bonbon.css.map */