/* Shared with Android's green circle, amber egg and brown-red triangle. */
.food-type-symbol {
    position: relative;
    display: inline-block;
    flex: 0 0 14px;
    width: 14px;
    height: 14px;
    margin-top: .18em;
    box-sizing: border-box;
    border: 1px solid currentColor;
    border-radius: 2px;
    background: #fff;
    vertical-align: -.1em;
}

.food-type-symbol::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    transform: translate(-50%, -50%);
}

.food-type-symbol--veg { color: #228047; }
.food-type-symbol--nonveg { color: #a23c2c; }
.food-type-symbol--nonveg::before {
    width: 7px;
    height: 7px;
    border-radius: 0;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

.food-type-symbol--egg { color: #a8750b; }
.food-type-symbol--egg::before {
    width: 7px;
    height: 9px;
    border-radius: 50% 50% 45% 45%;
}
.food-type-symbol--egg::after {
    content: "";
    position: absolute;
    left: 50%;
    top: calc(50% + 1px);
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #fff;
    transform: translate(-50%, -50%);
}

@media (forced-colors: active) {
    .food-type-symbol { forced-color-adjust: none; }
}