.allergen-list{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.allergen-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;flex-shrink:0;width:1.85rem;height:1.85rem;padding:0;border-radius:50%;background:rgba(23,43,41,.72);border:1px solid rgba(248,166,54,.28);color:rgba(248,166,54,.9);cursor:default;transition:border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.allergen-badge:focus-visible,.allergen-badge:hover{border-color:rgba(248,166,54,.48);background:rgba(248,166,54,.12);color:#f8a636;box-shadow:0 0 0 2px rgba(248,166,54,.1);outline:none;transform:translateY(-1px)}.allergen-badge--md{width:auto;height:auto;min-height:2rem;padding:.4rem .7rem .4rem .55rem;border-radius:999px}.allergen-badge__icon-wrap{display:inline-flex;align-items:center;justify-content:center;line-height:0}.allergen-badge__label{font-size:.78rem}.allergen-badge__label,.allergen-badge__tooltip{font-family:var(--font-body,"Manrope"),Inter,Helvetica Neue,Arial,sans-serif;font-weight:500;color:#fff;white-space:nowrap}.allergen-badge__tooltip{position:absolute;bottom:calc(100% + .45rem);left:50%;z-index:5;transform:translateX(-50%) translateY(2px);padding:.3rem .55rem;border-radius:6px;background:rgba(23,43,41,.96);border:1px solid rgba(248,166,54,.32);font-size:.72rem;line-height:1.2;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.allergen-badge:focus-visible .allergen-badge__tooltip,.allergen-badge:hover .allergen-badge__tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.allergen-badge--md .allergen-badge__tooltip{display:none}