.image-badges{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.image-badges__corner{position:absolute;top:var(--image-badge-offset, 10px);width:calc(100% - 2 * var(--image-badge-offset, 10px));display:flex;flex-direction:column;gap:.6rem}.image-badges__corner--top-left{left:var(--image-badge-offset, 10px);align-items:flex-start}.image-badges__corner--top-right{right:var(--image-badge-offset, 10px);align-items:flex-end}.image-badges__item{display:block;width:var(--image-badge-size, 20%);line-height:0}.image-badges__img{display:block;width:100%;height:auto;max-width:none}.card__media .image-badges{z-index:2}@media screen and (max-width:749px){.image-badges--card .image-badges__item{width:var(--image-badge-size-mobile, var(--image-badge-size, 15%))}.image-badges--card .image-badges__corner{top:calc(var(--image-badge-offset, 10px) * .6);width:calc(100% - 1.2 * var(--image-badge-offset, 10px));gap:.3rem}.image-badges--card .image-badges__corner--top-left{left:calc(var(--image-badge-offset, 10px) * .6)}.image-badges--card .image-badges__corner--top-right{right:calc(var(--image-badge-offset, 10px) * .6)}}.image-badges-host{position:relative;display:block}.allergen-badges{margin:2rem 0}.allergen-badges__heading{margin:0 0 1.2rem}.allergen-badges__list{display:flex;flex-wrap:wrap;gap:var(--allergen-gap, 12px);margin:0;padding:0}.allergen-badges--center{text-align:center}.allergen-badges--center .allergen-badges__list{justify-content:center}.allergen-badges--right{text-align:right}.allergen-badges--right .allergen-badges__list{justify-content:flex-end}.allergen-badges__item{display:flex;flex-direction:column;align-items:center;gap:.6rem;width:calc(var(--allergen-size, 56px) * var(--allergen-size-mobile-scale, .85));text-align:center}.allergen-badges__img{display:block;width:100%;height:auto}.allergen-badges__label{font-size:1.2rem;line-height:1.3;word-break:break-word}.allergen-badges__empty{font-size:1.3rem;opacity:.6;border:1px dashed currentColor;padding:.8rem 1.2rem}@media screen and (min-width:750px){.allergen-badges__item{width:var(--allergen-size, 56px)}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-image-badges.css.map */
