.allergens-block{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:20px 0;padding:14px 18px;background:rgba(var(--color-foreground),.04);border-radius:12px}.allergens-label{font-family:inherit;font-size:inherit;font-weight:700;letter-spacing:inherit;text-transform:none;color:rgb(var(--color-foreground));margin-right:4px}.allergens-container{display:inline-flex;flex-flow:row wrap;align-items:center;gap:8px}.allergens{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.allergens:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000026}.allergens-icon,.allergens-icon path,.allergens-icon g{fill:#fff!important}.allergens-icon{height:32px;width:32px;padding:6px;pointer-events:none}.allergens.peanuts{background:#c17344}.allergens.nuts{background:#da4752}.allergens.cereals{background:#f47039}.allergens.sesame{background:#9a8e6c}.allergens.milk{background:#6d351e}.allergens.eggs{background:#f68d2f}.allergens.fish{background:#28429d}.allergens.crustaceans{background:#1cb6f1}.allergens.molluscs{background:#4dc4d5}.allergens.soy{background:#02a75b}.allergens.celery{background:#87d89a}.allergens.mustard{background:#c09328}.allergens.lupins{background:#e6dd73}.allergens.sulfites{background:#82104e}.allergens-tooltips{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));padding:6px 12px;border-radius:6px;white-space:nowrap;font-family:inherit;font-size:1.2rem;font-weight:500;letter-spacing:.02rem;box-shadow:0 2px 8px #00000026;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:10}.allergens-tooltips:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:rgb(var(--color-foreground))}@media(hover:hover){.allergens:hover .allergens-tooltips{opacity:1;transform:translate(-50%) translateY(-2px)}}.allergens-tooltips.active{opacity:1;transform:translate(-50%) translateY(-2px);pointer-events:auto}@media screen and (max-width:749px){.allergens-block{padding:12px 14px;gap:10px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/allergens.css.map */