.allergens-modal{flex-direction:column;min-height:0;max-height:100%;padding:16px 0 0;display:flex}.allergens-modal .modal-header{flex:none;padding:0 24px 14px}.allergens-modal .modal-header .title{font-family:Rubik,-apple-system,system-ui,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif}.allergens-modal .modal-body{flex:1;min-height:0;padding:0 24px 24px;overflow-y:auto}
.allergen-icons{cursor:pointer;align-items:center;gap:4px;display:inline-flex}.allergen-icons:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:999px}.allergen-icons .allergen-icon-badge{background-color:var(--allergen-tint,#f5f5f5);width:24px;height:24px;color:var(--ink-permanent);border:1px solid #0000001a;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.allergen-icons .allergen-icon-badge .allergen-icon{color:inherit;justify-content:center;align-items:center;display:inline-flex}.allergen-icons .allergen-icon-badge .allergen-icon svg{width:15px;height:15px;display:block}.allergen-icons .allergen-icon-badge.is-may_contain{background-color:color-mix(in srgb, var(--allergen-tint,#f5f5f5) 40%, #fff);border-style:dashed;border-color:#00000038}.allergen-icons .allergen-icon-badge.is-more{background-color:#f5f5f5;font-size:11px;font-weight:600;line-height:1}